{ "version": "1.0.4", "metadata": {}, "collections": [ { "name": "_Primitives", "modes": [ { "name": "Style", "variables": [ { "name": "Colors/Base/white", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Colors/Base/black", "type": "color", "isAlias": false, "value": "#000000" }, { "name": "Colors/Base/transparent", "type": "color", "isAlias": false, "value": "#FFFFFF00" }, { "name": "Colors/Gray (light mode)/25", "type": "color", "isAlias": false, "value": "#FCFCFD" }, { "name": "Colors/Gray (light mode)/50", "type": "color", "isAlias": false, "value": "#F9FAFB" }, { "name": "Colors/Gray (light mode)/100", "type": "color", "isAlias": false, "value": "#F2F4F7" }, { "name": "Colors/Gray (light mode)/200", "type": "color", "isAlias": false, "value": "#EAECF0" }, { "name": "Colors/Gray (light mode)/300", "type": "color", "isAlias": false, "value": "#D0D5DD" }, { "name": "Colors/Gray (light mode)/400", "type": "color", "isAlias": false, "value": "#98A2B3" }, { "name": "Colors/Gray (light mode)/500", "type": "color", "isAlias": false, "value": "#667085" }, { "name": "Colors/Gray (light mode)/600", "type": "color", "isAlias": false, "value": "#475467" }, { "name": "Colors/Gray (light mode)/700", "type": "color", "isAlias": false, "value": "#344054" }, { "name": "Colors/Gray (light mode)/800", "type": "color", "isAlias": false, "value": "#182230" }, { "name": "Colors/Gray (light mode)/900", "type": "color", "isAlias": false, "value": "#101828" }, { "name": "Colors/Gray (light mode)/950", "type": "color", "isAlias": false, "value": "#0C111D" }, { "name": "Colors/Gray (dark mode)/25", "type": "color", "isAlias": false, "value": "#FAFAFA" }, { "name": "Colors/Gray (dark mode)/50", "type": "color", "isAlias": false, "value": "#F5F5F6" }, { "name": "Colors/Gray (dark mode)/100", "type": "color", "isAlias": false, "value": "#F0F1F1" }, { "name": "Colors/Gray (dark mode)/200", "type": "color", "isAlias": false, "value": "#ECECED" }, { "name": "Colors/Gray (dark mode)/300", "type": "color", "isAlias": false, "value": "#CECFD2" }, { "name": "Colors/Gray (dark mode)/400", "type": "color", "isAlias": false, "value": "#94969C" }, { "name": "Colors/Gray (dark mode)/500", "type": "color", "isAlias": false, "value": "#85888E" }, { "name": "Colors/Gray (dark mode)/600", "type": "color", "isAlias": false, "value": "#61646C" }, { "name": "Colors/Gray (dark mode)/700", "type": "color", "isAlias": false, "value": "#333741" }, { "name": "Colors/Gray (dark mode)/800", "type": "color", "isAlias": false, "value": "#1F242F" }, { "name": "Colors/Gray (dark mode)/900", "type": "color", "isAlias": false, "value": "#161B26" }, { "name": "Colors/Gray (dark mode)/950", "type": "color", "isAlias": false, "value": "#0C111D" }, { "name": "Colors/Gray (dark mode alpha)/25", "type": "color", "isAlias": false, "value": "#FFFFFFFA" }, { "name": "Colors/Gray (dark mode alpha)/50", "type": "color", "isAlias": false, "value": "#FFFFFFF5" }, { "name": "Colors/Gray (dark mode alpha)/100", "type": "color", "isAlias": false, "value": "#FFFFFFF0" }, { "name": "Colors/Gray (dark mode alpha)/200", "type": "color", "isAlias": false, "value": "#FFFFFFEB" }, { "name": "Colors/Gray (dark mode alpha)/300", "type": "color", "isAlias": false, "value": "#FFFFFFCC" }, { "name": "Colors/Gray (dark mode alpha)/400", "type": "color", "isAlias": false, "value": "#FFFFFF8F" }, { "name": "Colors/Gray (dark mode alpha)/500", "type": "color", "isAlias": false, "value": "#FFFFFF80" }, { "name": "Colors/Gray (dark mode alpha)/600", "type": "color", "isAlias": false, "value": "#FFFFFF59" }, { "name": "Colors/Gray (dark mode alpha)/700", "type": "color", "isAlias": false, "value": "#FFFFFF29" }, { "name": "Colors/Gray (dark mode alpha)/800", "type": "color", "isAlias": false, "value": "#FFFFFF14" }, { "name": "Colors/Gray (dark mode alpha)/900", "type": "color", "isAlias": false, "value": "#FFFFFF0A" }, { "name": "Colors/Gray (dark mode alpha)/950", "type": "color", "isAlias": false, "value": "#FFFFFF00" }, { "name": "Colors/Brand/25", "type": "color", "isAlias": false, "value": "#FCFAFF" }, { "name": "Colors/Brand/50", "type": "color", "isAlias": false, "value": "#F9F5FF" }, { "name": "Colors/Brand/100", "type": "color", "isAlias": false, "value": "#F4EBFF" }, { "name": "Colors/Brand/200", "type": "color", "isAlias": false, "value": "#E9D7FE" }, { "name": "Colors/Brand/300", "type": "color", "isAlias": false, "value": "#D6BBFB" }, { "name": "Colors/Brand/400", "type": "color", "isAlias": false, "value": "#B692F6" }, { "name": "Colors/Brand/500", "type": "color", "isAlias": false, "value": "#9E77ED" }, { "name": "Colors/Brand/600", "type": "color", "isAlias": false, "value": "#7F56D9" }, { "name": "Colors/Brand/700", "type": "color", "isAlias": false, "value": "#6941C6" }, { "name": "Colors/Brand/800", "type": "color", "isAlias": false, "value": "#53389E" }, { "name": "Colors/Brand/900", "type": "color", "isAlias": false, "value": "#42307D" }, { "name": "Colors/Brand/950", "type": "color", "isAlias": false, "value": "#2C1C5F" }, { "name": "Colors/Error/25", "type": "color", "isAlias": false, "value": "#FFFBFA" }, { "name": "Colors/Error/50", "type": "color", "isAlias": false, "value": "#FEF3F2" }, { "name": "Colors/Error/100", "type": "color", "isAlias": false, "value": "#FEE4E2" }, { "name": "Colors/Error/200", "type": "color", "isAlias": false, "value": "#FECDCA" }, { "name": "Colors/Error/300", "type": "color", "isAlias": false, "value": "#FDA29B" }, { "name": "Colors/Error/400", "type": "color", "isAlias": false, "value": "#F97066" }, { "name": "Colors/Error/500", "type": "color", "isAlias": false, "value": "#F04438" }, { "name": "Colors/Error/600", "type": "color", "isAlias": false, "value": "#D92D20" }, { "name": "Colors/Error/700", "type": "color", "isAlias": false, "value": "#B42318" }, { "name": "Colors/Error/800", "type": "color", "isAlias": false, "value": "#912018" }, { "name": "Colors/Error/900", "type": "color", "isAlias": false, "value": "#7A271A" }, { "name": "Colors/Error/950", "type": "color", "isAlias": false, "value": "#55160C" }, { "name": "Colors/Warning/25", "type": "color", "isAlias": false, "value": "#FFFCF5" }, { "name": "Colors/Warning/50", "type": "color", "isAlias": false, "value": "#FFFAEB" }, { "name": "Colors/Warning/100", "type": "color", "isAlias": false, "value": "#FEF0C7" }, { "name": "Colors/Warning/200", "type": "color", "isAlias": false, "value": "#FEDF89" }, { "name": "Colors/Warning/300", "type": "color", "isAlias": false, "value": "#FEC84B" }, { "name": "Colors/Warning/400", "type": "color", "isAlias": false, "value": "#FDB022" }, { "name": "Colors/Warning/500", "type": "color", "isAlias": false, "value": "#F79009" }, { "name": "Colors/Warning/600", "type": "color", "isAlias": false, "value": "#DC6803" }, { "name": "Colors/Warning/700", "type": "color", "isAlias": false, "value": "#B54708" }, { "name": "Colors/Warning/800", "type": "color", "isAlias": false, "value": "#93370D" }, { "name": "Colors/Warning/900", "type": "color", "isAlias": false, "value": "#7A2E0E" }, { "name": "Colors/Warning/950", "type": "color", "isAlias": false, "value": "#4E1D09" }, { "name": "Colors/Success/25", "type": "color", "isAlias": false, "value": "#F6FEF9" }, { "name": "Colors/Success/50", "type": "color", "isAlias": false, "value": "#ECFDF3" }, { "name": "Colors/Success/100", "type": "color", "isAlias": false, "value": "#DCFAE6" }, { "name": "Colors/Success/200", "type": "color", "isAlias": false, "value": "#ABEFC6" }, { "name": "Colors/Success/300", "type": "color", "isAlias": false, "value": "#75E0A7" }, { "name": "Colors/Success/400", "type": "color", "isAlias": false, "value": "#47CD89" }, { "name": "Colors/Success/500", "type": "color", "isAlias": false, "value": "#17B26A" }, { "name": "Colors/Success/600", "type": "color", "isAlias": false, "value": "#079455" }, { "name": "Colors/Success/700", "type": "color", "isAlias": false, "value": "#067647" }, { "name": "Colors/Success/800", "type": "color", "isAlias": false, "value": "#085D3A" }, { "name": "Colors/Success/900", "type": "color", "isAlias": false, "value": "#074D31" }, { "name": "Colors/Success/950", "type": "color", "isAlias": false, "value": "#053321" }, { "name": "Colors/Gray blue/25", "type": "color", "isAlias": false, "value": "#FCFCFD" }, { "name": "Colors/Gray blue/50", "type": "color", "isAlias": false, "value": "#F8F9FC" }, { "name": "Colors/Gray blue/100", "type": "color", "isAlias": false, "value": "#EAECF5" }, { "name": "Colors/Gray blue/200", "type": "color", "isAlias": false, "value": "#D5D9EB" }, { "name": "Colors/Gray blue/300", "type": "color", "isAlias": false, "value": "#B3B8DB" }, { "name": "Colors/Gray blue/400", "type": "color", "isAlias": false, "value": "#717BBC" }, { "name": "Colors/Gray blue/500", "type": "color", "isAlias": false, "value": "#4E5BA6" }, { "name": "Colors/Gray blue/600", "type": "color", "isAlias": false, "value": "#3E4784" }, { "name": "Colors/Gray blue/700", "type": "color", "isAlias": false, "value": "#363F72" }, { "name": "Colors/Gray blue/800", "type": "color", "isAlias": false, "value": "#293056" }, { "name": "Colors/Gray blue/900", "type": "color", "isAlias": false, "value": "#101323" }, { "name": "Colors/Gray blue/950", "type": "color", "isAlias": false, "value": "#0D0F1C" }, { "name": "Colors/Gray cool/25", "type": "color", "isAlias": false, "value": "#FCFCFD" }, { "name": "Colors/Gray cool/50", "type": "color", "isAlias": false, "value": "#F9F9FB" }, { "name": "Colors/Gray cool/100", "type": "color", "isAlias": false, "value": "#EFF1F5" }, { "name": "Colors/Gray cool/200", "type": "color", "isAlias": false, "value": "#DCDFEA" }, { "name": "Colors/Gray cool/300", "type": "color", "isAlias": false, "value": "#B9C0D4" }, { "name": "Colors/Gray cool/400", "type": "color", "isAlias": false, "value": "#7D89B0" }, { "name": "Colors/Gray cool/500", "type": "color", "isAlias": false, "value": "#5D6B98" }, { "name": "Colors/Gray cool/600", "type": "color", "isAlias": false, "value": "#4A5578" }, { "name": "Colors/Gray cool/700", "type": "color", "isAlias": false, "value": "#404968" }, { "name": "Colors/Gray cool/800", "type": "color", "isAlias": false, "value": "#30374F" }, { "name": "Colors/Gray cool/900", "type": "color", "isAlias": false, "value": "#111322" }, { "name": "Colors/Gray cool/950", "type": "color", "isAlias": false, "value": "#0E101B" }, { "name": "Colors/Gray modern/25", "type": "color", "isAlias": false, "value": "#FCFCFD" }, { "name": "Colors/Gray modern/50", "type": "color", "isAlias": false, "value": "#F8FAFC" }, { "name": "Colors/Gray modern/100", "type": "color", "isAlias": false, "value": "#EEF2F6" }, { "name": "Colors/Gray modern/200", "type": "color", "isAlias": false, "value": "#E3E8EF" }, { "name": "Colors/Gray modern/300", "type": "color", "isAlias": false, "value": "#CDD5DF" }, { "name": "Colors/Gray modern/400", "type": "color", "isAlias": false, "value": "#9AA4B2" }, { "name": "Colors/Gray modern/500", "type": "color", "isAlias": false, "value": "#697586" }, { "name": "Colors/Gray modern/600", "type": "color", "isAlias": false, "value": "#4B5565" }, { "name": "Colors/Gray modern/700", "type": "color", "isAlias": false, "value": "#364152" }, { "name": "Colors/Gray modern/800", "type": "color", "isAlias": false, "value": "#202939" }, { "name": "Colors/Gray modern/900", "type": "color", "isAlias": false, "value": "#121926" }, { "name": "Colors/Gray modern/950", "type": "color", "isAlias": false, "value": "#0D121C" }, { "name": "Colors/Gray neutral/25", "type": "color", "isAlias": false, "value": "#FCFCFD" }, { "name": "Colors/Gray neutral/50", "type": "color", "isAlias": false, "value": "#F9FAFB" }, { "name": "Colors/Gray neutral/100", "type": "color", "isAlias": false, "value": "#F3F4F6" }, { "name": "Colors/Gray neutral/200", "type": "color", "isAlias": false, "value": "#E5E7EB" }, { "name": "Colors/Gray neutral/300", "type": "color", "isAlias": false, "value": "#D2D6DB" }, { "name": "Colors/Gray neutral/400", "type": "color", "isAlias": false, "value": "#9DA4AE" }, { "name": "Colors/Gray neutral/500", "type": "color", "isAlias": false, "value": "#6C737F" }, { "name": "Colors/Gray neutral/600", "type": "color", "isAlias": false, "value": "#4D5761" }, { "name": "Colors/Gray neutral/700", "type": "color", "isAlias": false, "value": "#384250" }, { "name": "Colors/Gray neutral/800", "type": "color", "isAlias": false, "value": "#1F2A37" }, { "name": "Colors/Gray neutral/900", "type": "color", "isAlias": false, "value": "#111927" }, { "name": "Colors/Gray neutral/950", "type": "color", "isAlias": false, "value": "#0D121C" }, { "name": "Colors/Gray iron/25", "type": "color", "isAlias": false, "value": "#FCFCFC" }, { "name": "Colors/Gray iron/50", "type": "color", "isAlias": false, "value": "#FAFAFA" }, { "name": "Colors/Gray iron/100", "type": "color", "isAlias": false, "value": "#F4F4F5" }, { "name": "Colors/Gray iron/200", "type": "color", "isAlias": false, "value": "#E4E4E7" }, { "name": "Colors/Gray iron/300", "type": "color", "isAlias": false, "value": "#D1D1D6" }, { "name": "Colors/Gray iron/400", "type": "color", "isAlias": false, "value": "#A0A0AB" }, { "name": "Colors/Gray iron/500", "type": "color", "isAlias": false, "value": "#70707B" }, { "name": "Colors/Gray iron/600", "type": "color", "isAlias": false, "value": "#51525C" }, { "name": "Colors/Gray iron/700", "type": "color", "isAlias": false, "value": "#3F3F46" }, { "name": "Colors/Gray iron/800", "type": "color", "isAlias": false, "value": "#26272B" }, { "name": "Colors/Gray iron/900", "type": "color", "isAlias": false, "value": "#1A1A1E" }, { "name": "Colors/Gray iron/950", "type": "color", "isAlias": false, "value": "#131316" }, { "name": "Colors/Gray true/25", "type": "color", "isAlias": false, "value": "#FCFCFC" }, { "name": "Colors/Gray true/50", "type": "color", "isAlias": false, "value": "#FAFAFA" }, { "name": "Colors/Gray true/100", "type": "color", "isAlias": false, "value": "#F5F5F5" }, { "name": "Colors/Gray true/200", "type": "color", "isAlias": false, "value": "#E5E5E5" }, { "name": "Colors/Gray true/300", "type": "color", "isAlias": false, "value": "#D6D6D6" }, { "name": "Colors/Gray true/400", "type": "color", "isAlias": false, "value": "#A3A3A3" }, { "name": "Colors/Gray true/500", "type": "color", "isAlias": false, "value": "#737373" }, { "name": "Colors/Gray true/600", "type": "color", "isAlias": false, "value": "#525252" }, { "name": "Colors/Gray true/700", "type": "color", "isAlias": false, "value": "#424242" }, { "name": "Colors/Gray true/800", "type": "color", "isAlias": false, "value": "#292929" }, { "name": "Colors/Gray true/900", "type": "color", "isAlias": false, "value": "#141414" }, { "name": "Colors/Gray true/950", "type": "color", "isAlias": false, "value": "#0F0F0F" }, { "name": "Colors/Gray warm/25", "type": "color", "isAlias": false, "value": "#FDFDFC" }, { "name": "Colors/Gray warm/50", "type": "color", "isAlias": false, "value": "#FAFAF9" }, { "name": "Colors/Gray warm/100", "type": "color", "isAlias": false, "value": "#F5F5F4" }, { "name": "Colors/Gray warm/200", "type": "color", "isAlias": false, "value": "#E7E5E4" }, { "name": "Colors/Gray warm/300", "type": "color", "isAlias": false, "value": "#D7D3D0" }, { "name": "Colors/Gray warm/400", "type": "color", "isAlias": false, "value": "#A9A29D" }, { "name": "Colors/Gray warm/500", "type": "color", "isAlias": false, "value": "#79716B" }, { "name": "Colors/Gray warm/600", "type": "color", "isAlias": false, "value": "#57534E" }, { "name": "Colors/Gray warm/700", "type": "color", "isAlias": false, "value": "#44403C" }, { "name": "Colors/Gray warm/800", "type": "color", "isAlias": false, "value": "#292524" }, { "name": "Colors/Gray warm/900", "type": "color", "isAlias": false, "value": "#1C1917" }, { "name": "Colors/Gray warm/950", "type": "color", "isAlias": false, "value": "#171412" }, { "name": "Colors/Moss/25", "type": "color", "isAlias": false, "value": "#FAFDF7" }, { "name": "Colors/Moss/50", "type": "color", "isAlias": false, "value": "#F5FBEE" }, { "name": "Colors/Moss/100", "type": "color", "isAlias": false, "value": "#E6F4D7" }, { "name": "Colors/Moss/200", "type": "color", "isAlias": false, "value": "#CEEAB0" }, { "name": "Colors/Moss/300", "type": "color", "isAlias": false, "value": "#ACDC79" }, { "name": "Colors/Moss/400", "type": "color", "isAlias": false, "value": "#86CB3C" }, { "name": "Colors/Moss/500", "type": "color", "isAlias": false, "value": "#669F2A" }, { "name": "Colors/Moss/600", "type": "color", "isAlias": false, "value": "#4F7A21" }, { "name": "Colors/Moss/700", "type": "color", "isAlias": false, "value": "#3F621A" }, { "name": "Colors/Moss/800", "type": "color", "isAlias": false, "value": "#335015" }, { "name": "Colors/Moss/900", "type": "color", "isAlias": false, "value": "#2B4212" }, { "name": "Colors/Moss/950", "type": "color", "isAlias": false, "value": "#1A280B" }, { "name": "Colors/Green light/25", "type": "color", "isAlias": false, "value": "#FAFEF5" }, { "name": "Colors/Green light/50", "type": "color", "isAlias": false, "value": "#F3FEE7" }, { "name": "Colors/Green light/100", "type": "color", "isAlias": false, "value": "#E3FBCC" }, { "name": "Colors/Green light/200", "type": "color", "isAlias": false, "value": "#D0F8AB" }, { "name": "Colors/Green light/300", "type": "color", "isAlias": false, "value": "#A6EF67" }, { "name": "Colors/Green light/400", "type": "color", "isAlias": false, "value": "#85E13A" }, { "name": "Colors/Green light/500", "type": "color", "isAlias": false, "value": "#66C61C" }, { "name": "Colors/Green light/600", "type": "color", "isAlias": false, "value": "#4CA30D" }, { "name": "Colors/Green light/700", "type": "color", "isAlias": false, "value": "#3B7C0F" }, { "name": "Colors/Green light/800", "type": "color", "isAlias": false, "value": "#326212" }, { "name": "Colors/Green light/900", "type": "color", "isAlias": false, "value": "#2B5314" }, { "name": "Colors/Green light/950", "type": "color", "isAlias": false, "value": "#15290A" }, { "name": "Colors/Green/25", "type": "color", "isAlias": false, "value": "#F6FEF9" }, { "name": "Colors/Green/50", "type": "color", "isAlias": false, "value": "#EDFCF2" }, { "name": "Colors/Green/100", "type": "color", "isAlias": false, "value": "#D3F8DF" }, { "name": "Colors/Green/200", "type": "color", "isAlias": false, "value": "#AAF0C4" }, { "name": "Colors/Green/300", "type": "color", "isAlias": false, "value": "#73E2A3" }, { "name": "Colors/Green/400", "type": "color", "isAlias": false, "value": "#3CCB7F" }, { "name": "Colors/Green/500", "type": "color", "isAlias": false, "value": "#16B364" }, { "name": "Colors/Green/600", "type": "color", "isAlias": false, "value": "#099250" }, { "name": "Colors/Green/700", "type": "color", "isAlias": false, "value": "#087443" }, { "name": "Colors/Green/800", "type": "color", "isAlias": false, "value": "#095C37" }, { "name": "Colors/Green/900", "type": "color", "isAlias": false, "value": "#084C2E" }, { "name": "Colors/Green/950", "type": "color", "isAlias": false, "value": "#052E1C" }, { "name": "Colors/Teal/25", "type": "color", "isAlias": false, "value": "#F6FEFC" }, { "name": "Colors/Teal/50", "type": "color", "isAlias": false, "value": "#F0FDF9" }, { "name": "Colors/Teal/100", "type": "color", "isAlias": false, "value": "#CCFBEF" }, { "name": "Colors/Teal/200", "type": "color", "isAlias": false, "value": "#99F6E0" }, { "name": "Colors/Teal/300", "type": "color", "isAlias": false, "value": "#5FE9D0" }, { "name": "Colors/Teal/400", "type": "color", "isAlias": false, "value": "#2ED3B7" }, { "name": "Colors/Teal/500", "type": "color", "isAlias": false, "value": "#15B79E" }, { "name": "Colors/Teal/600", "type": "color", "isAlias": false, "value": "#0E9384" }, { "name": "Colors/Teal/700", "type": "color", "isAlias": false, "value": "#107569" }, { "name": "Colors/Teal/800", "type": "color", "isAlias": false, "value": "#125D56" }, { "name": "Colors/Teal/900", "type": "color", "isAlias": false, "value": "#134E48" }, { "name": "Colors/Teal/950", "type": "color", "isAlias": false, "value": "#0A2926" }, { "name": "Colors/Cyan/25", "type": "color", "isAlias": false, "value": "#F5FEFF" }, { "name": "Colors/Cyan/50", "type": "color", "isAlias": false, "value": "#ECFDFF" }, { "name": "Colors/Cyan/100", "type": "color", "isAlias": false, "value": "#CFF9FE" }, { "name": "Colors/Cyan/200", "type": "color", "isAlias": false, "value": "#A5F0FC" }, { "name": "Colors/Cyan/300", "type": "color", "isAlias": false, "value": "#67E3F9" }, { "name": "Colors/Cyan/400", "type": "color", "isAlias": false, "value": "#22CCEE" }, { "name": "Colors/Cyan/500", "type": "color", "isAlias": false, "value": "#06AED4" }, { "name": "Colors/Cyan/600", "type": "color", "isAlias": false, "value": "#088AB2" }, { "name": "Colors/Cyan/700", "type": "color", "isAlias": false, "value": "#0E7090" }, { "name": "Colors/Cyan/800", "type": "color", "isAlias": false, "value": "#155B75" }, { "name": "Colors/Cyan/900", "type": "color", "isAlias": false, "value": "#164C63" }, { "name": "Colors/Cyan/950", "type": "color", "isAlias": false, "value": "#0D2D3A" }, { "name": "Colors/Blue light/25", "type": "color", "isAlias": false, "value": "#F5FBFF" }, { "name": "Colors/Blue light/50", "type": "color", "isAlias": false, "value": "#F0F9FF" }, { "name": "Colors/Blue light/100", "type": "color", "isAlias": false, "value": "#E0F2FE" }, { "name": "Colors/Blue light/200", "type": "color", "isAlias": false, "value": "#B9E6FE" }, { "name": "Colors/Blue light/300", "type": "color", "isAlias": false, "value": "#7CD4FD" }, { "name": "Colors/Blue light/400", "type": "color", "isAlias": false, "value": "#36BFFA" }, { "name": "Colors/Blue light/500", "type": "color", "isAlias": false, "value": "#0BA5EC" }, { "name": "Colors/Blue light/600", "type": "color", "isAlias": false, "value": "#0086C9" }, { "name": "Colors/Blue light/700", "type": "color", "isAlias": false, "value": "#026AA2" }, { "name": "Colors/Blue light/800", "type": "color", "isAlias": false, "value": "#065986" }, { "name": "Colors/Blue light/900", "type": "color", "isAlias": false, "value": "#0B4A6F" }, { "name": "Colors/Blue light/950", "type": "color", "isAlias": false, "value": "#062C41" }, { "name": "Colors/Blue/25", "type": "color", "isAlias": false, "value": "#F5FAFF" }, { "name": "Colors/Blue/50", "type": "color", "isAlias": false, "value": "#EFF8FF" }, { "name": "Colors/Blue/100", "type": "color", "isAlias": false, "value": "#D1E9FF" }, { "name": "Colors/Blue/200", "type": "color", "isAlias": false, "value": "#B2DDFF" }, { "name": "Colors/Blue/300", "type": "color", "isAlias": false, "value": "#84CAFF" }, { "name": "Colors/Blue/400", "type": "color", "isAlias": false, "value": "#53B1FD" }, { "name": "Colors/Blue/500", "type": "color", "isAlias": false, "value": "#2E90FA" }, { "name": "Colors/Blue/600", "type": "color", "isAlias": false, "value": "#1570EF" }, { "name": "Colors/Blue/700", "type": "color", "isAlias": false, "value": "#175CD3" }, { "name": "Colors/Blue/800", "type": "color", "isAlias": false, "value": "#1849A9" }, { "name": "Colors/Blue/900", "type": "color", "isAlias": false, "value": "#194185" }, { "name": "Colors/Blue/950", "type": "color", "isAlias": false, "value": "#102A56" }, { "name": "Colors/Blue dark/25", "type": "color", "isAlias": false, "value": "#F5F8FF" }, { "name": "Colors/Blue dark/50", "type": "color", "isAlias": false, "value": "#EFF4FF" }, { "name": "Colors/Blue dark/100", "type": "color", "isAlias": false, "value": "#D1E0FF" }, { "name": "Colors/Blue dark/200", "type": "color", "isAlias": false, "value": "#B2CCFF" }, { "name": "Colors/Blue dark/300", "type": "color", "isAlias": false, "value": "#84ADFF" }, { "name": "Colors/Blue dark/400", "type": "color", "isAlias": false, "value": "#528BFF" }, { "name": "Colors/Blue dark/500", "type": "color", "isAlias": false, "value": "#2970FF" }, { "name": "Colors/Blue dark/600", "type": "color", "isAlias": false, "value": "#155EEF" }, { "name": "Colors/Blue dark/700", "type": "color", "isAlias": false, "value": "#004EEB" }, { "name": "Colors/Blue dark/800", "type": "color", "isAlias": false, "value": "#0040C1" }, { "name": "Colors/Blue dark/900", "type": "color", "isAlias": false, "value": "#00359E" }, { "name": "Colors/Blue dark/950", "type": "color", "isAlias": false, "value": "#002266" }, { "name": "Colors/Indigo/25", "type": "color", "isAlias": false, "value": "#F5F8FF" }, { "name": "Colors/Indigo/50", "type": "color", "isAlias": false, "value": "#EEF4FF" }, { "name": "Colors/Indigo/100", "type": "color", "isAlias": false, "value": "#E0EAFF" }, { "name": "Colors/Indigo/200", "type": "color", "isAlias": false, "value": "#C7D7FE" }, { "name": "Colors/Indigo/300", "type": "color", "isAlias": false, "value": "#A4BCFD" }, { "name": "Colors/Indigo/400", "type": "color", "isAlias": false, "value": "#8098F9" }, { "name": "Colors/Indigo/500", "type": "color", "isAlias": false, "value": "#6172F3" }, { "name": "Colors/Indigo/600", "type": "color", "isAlias": false, "value": "#444CE7" }, { "name": "Colors/Indigo/700", "type": "color", "isAlias": false, "value": "#3538CD" }, { "name": "Colors/Indigo/800", "type": "color", "isAlias": false, "value": "#2D31A6" }, { "name": "Colors/Indigo/900", "type": "color", "isAlias": false, "value": "#2D3282" }, { "name": "Colors/Indigo/950", "type": "color", "isAlias": false, "value": "#1F235B" }, { "name": "Colors/Violet/25", "type": "color", "isAlias": false, "value": "#FBFAFF" }, { "name": "Colors/Violet/50", "type": "color", "isAlias": false, "value": "#F5F3FF" }, { "name": "Colors/Violet/100", "type": "color", "isAlias": false, "value": "#ECE9FE" }, { "name": "Colors/Violet/200", "type": "color", "isAlias": false, "value": "#DDD6FE" }, { "name": "Colors/Violet/300", "type": "color", "isAlias": false, "value": "#C3B5FD" }, { "name": "Colors/Violet/400", "type": "color", "isAlias": false, "value": "#A48AFB" }, { "name": "Colors/Violet/500", "type": "color", "isAlias": false, "value": "#875BF7" }, { "name": "Colors/Violet/600", "type": "color", "isAlias": false, "value": "#7839EE" }, { "name": "Colors/Violet/700", "type": "color", "isAlias": false, "value": "#6927DA" }, { "name": "Colors/Violet/800", "type": "color", "isAlias": false, "value": "#5720B7" }, { "name": "Colors/Violet/900", "type": "color", "isAlias": false, "value": "#491C96" }, { "name": "Colors/Violet/950", "type": "color", "isAlias": false, "value": "#2E125E" }, { "name": "Colors/Purple/25", "type": "color", "isAlias": false, "value": "#FAFAFF" }, { "name": "Colors/Purple/50", "type": "color", "isAlias": false, "value": "#F4F3FF" }, { "name": "Colors/Purple/100", "type": "color", "isAlias": false, "value": "#EBE9FE" }, { "name": "Colors/Purple/200", "type": "color", "isAlias": false, "value": "#D9D6FE" }, { "name": "Colors/Purple/300", "type": "color", "isAlias": false, "value": "#BDB4FE" }, { "name": "Colors/Purple/400", "type": "color", "isAlias": false, "value": "#9B8AFB" }, { "name": "Colors/Purple/500", "type": "color", "isAlias": false, "value": "#7A5AF8" }, { "name": "Colors/Purple/600", "type": "color", "isAlias": false, "value": "#6938EF" }, { "name": "Colors/Purple/700", "type": "color", "isAlias": false, "value": "#5925DC" }, { "name": "Colors/Purple/800", "type": "color", "isAlias": false, "value": "#4A1FB8" }, { "name": "Colors/Purple/900", "type": "color", "isAlias": false, "value": "#3E1C96" }, { "name": "Colors/Purple/950", "type": "color", "isAlias": false, "value": "#27115F" }, { "name": "Colors/Fuchsia/25", "type": "color", "isAlias": false, "value": "#FEFAFF" }, { "name": "Colors/Fuchsia/50", "type": "color", "isAlias": false, "value": "#FDF4FF" }, { "name": "Colors/Fuchsia/100", "type": "color", "isAlias": false, "value": "#FBE8FF" }, { "name": "Colors/Fuchsia/200", "type": "color", "isAlias": false, "value": "#F6D0FE" }, { "name": "Colors/Fuchsia/300", "type": "color", "isAlias": false, "value": "#EEAAFD" }, { "name": "Colors/Fuchsia/400", "type": "color", "isAlias": false, "value": "#E478FA" }, { "name": "Colors/Fuchsia/500", "type": "color", "isAlias": false, "value": "#D444F1" }, { "name": "Colors/Fuchsia/600", "type": "color", "isAlias": false, "value": "#BA24D5" }, { "name": "Colors/Fuchsia/700", "type": "color", "isAlias": false, "value": "#9F1AB1" }, { "name": "Colors/Fuchsia/800", "type": "color", "isAlias": false, "value": "#821890" }, { "name": "Colors/Fuchsia/900", "type": "color", "isAlias": false, "value": "#6F1877" }, { "name": "Colors/Fuchsia/950", "type": "color", "isAlias": false, "value": "#47104C" }, { "name": "Colors/Pink/25", "type": "color", "isAlias": false, "value": "#FEF6FB" }, { "name": "Colors/Pink/50", "type": "color", "isAlias": false, "value": "#FDF2FA" }, { "name": "Colors/Pink/100", "type": "color", "isAlias": false, "value": "#FCE7F6" }, { "name": "Colors/Pink/200", "type": "color", "isAlias": false, "value": "#FCCEEE" }, { "name": "Colors/Pink/300", "type": "color", "isAlias": false, "value": "#FAA7E0" }, { "name": "Colors/Pink/400", "type": "color", "isAlias": false, "value": "#F670C7" }, { "name": "Colors/Pink/500", "type": "color", "isAlias": false, "value": "#EE46BC" }, { "name": "Colors/Pink/600", "type": "color", "isAlias": false, "value": "#DD2590" }, { "name": "Colors/Pink/700", "type": "color", "isAlias": false, "value": "#C11574" }, { "name": "Colors/Pink/800", "type": "color", "isAlias": false, "value": "#9E165F" }, { "name": "Colors/Pink/900", "type": "color", "isAlias": false, "value": "#851651" }, { "name": "Colors/Pink/950", "type": "color", "isAlias": false, "value": "#4E0D30" }, { "name": "Colors/Rosé/25", "type": "color", "isAlias": false, "value": "#FFF5F6" }, { "name": "Colors/Rosé/50", "type": "color", "isAlias": false, "value": "#FFF1F3" }, { "name": "Colors/Rosé/100", "type": "color", "isAlias": false, "value": "#FFE4E8" }, { "name": "Colors/Rosé/200", "type": "color", "isAlias": false, "value": "#FECDD6" }, { "name": "Colors/Rosé/300", "type": "color", "isAlias": false, "value": "#FEA3B4" }, { "name": "Colors/Rosé/400", "type": "color", "isAlias": false, "value": "#FD6F8E" }, { "name": "Colors/Rosé/500", "type": "color", "isAlias": false, "value": "#F63D68" }, { "name": "Colors/Rosé/600", "type": "color", "isAlias": false, "value": "#E31B54" }, { "name": "Colors/Rosé/700", "type": "color", "isAlias": false, "value": "#C01048" }, { "name": "Colors/Rosé/800", "type": "color", "isAlias": false, "value": "#A11043" }, { "name": "Colors/Rosé/900", "type": "color", "isAlias": false, "value": "#89123E" }, { "name": "Colors/Rosé/950", "type": "color", "isAlias": false, "value": "#510B24" }, { "name": "Colors/Orange dark/25", "type": "color", "isAlias": false, "value": "#FFF9F5" }, { "name": "Colors/Orange dark/50", "type": "color", "isAlias": false, "value": "#FFF4ED" }, { "name": "Colors/Orange dark/100", "type": "color", "isAlias": false, "value": "#FFE6D5" }, { "name": "Colors/Orange dark/200", "type": "color", "isAlias": false, "value": "#FFD6AE" }, { "name": "Colors/Orange dark/300", "type": "color", "isAlias": false, "value": "#FF9C66" }, { "name": "Colors/Orange dark/400", "type": "color", "isAlias": false, "value": "#FF692E" }, { "name": "Colors/Orange dark/500", "type": "color", "isAlias": false, "value": "#FF4405" }, { "name": "Colors/Orange dark/600", "type": "color", "isAlias": false, "value": "#E62E05" }, { "name": "Colors/Orange dark/700", "type": "color", "isAlias": false, "value": "#BC1B06" }, { "name": "Colors/Orange dark/800", "type": "color", "isAlias": false, "value": "#97180C" }, { "name": "Colors/Orange dark/900", "type": "color", "isAlias": false, "value": "#771A0D" }, { "name": "Colors/Orange dark/950", "type": "color", "isAlias": false, "value": "#57130A" }, { "name": "Colors/Orange/25", "type": "color", "isAlias": false, "value": "#FEFAF5" }, { "name": "Colors/Orange/50", "type": "color", "isAlias": false, "value": "#FEF6EE" }, { "name": "Colors/Orange/100", "type": "color", "isAlias": false, "value": "#FDEAD7" }, { "name": "Colors/Orange/200", "type": "color", "isAlias": false, "value": "#F9DBAF" }, { "name": "Colors/Orange/300", "type": "color", "isAlias": false, "value": "#F7B27A" }, { "name": "Colors/Orange/400", "type": "color", "isAlias": false, "value": "#F38744" }, { "name": "Colors/Orange/500", "type": "color", "isAlias": false, "value": "#EF6820" }, { "name": "Colors/Orange/600", "type": "color", "isAlias": false, "value": "#E04F16" }, { "name": "Colors/Orange/700", "type": "color", "isAlias": false, "value": "#B93815" }, { "name": "Colors/Orange/800", "type": "color", "isAlias": false, "value": "#932F19" }, { "name": "Colors/Orange/900", "type": "color", "isAlias": false, "value": "#772917" }, { "name": "Colors/Orange/950", "type": "color", "isAlias": false, "value": "#511C10" }, { "name": "Colors/Yellow/25", "type": "color", "isAlias": false, "value": "#FEFDF0" }, { "name": "Colors/Yellow/50", "type": "color", "isAlias": false, "value": "#FEFBE8" }, { "name": "Colors/Yellow/100", "type": "color", "isAlias": false, "value": "#FEF7C3" }, { "name": "Colors/Yellow/200", "type": "color", "isAlias": false, "value": "#FEEE95" }, { "name": "Colors/Yellow/300", "type": "color", "isAlias": false, "value": "#FDE272" }, { "name": "Colors/Yellow/400", "type": "color", "isAlias": false, "value": "#FAC515" }, { "name": "Colors/Yellow/500", "type": "color", "isAlias": false, "value": "#EAAA08" }, { "name": "Colors/Yellow/600", "type": "color", "isAlias": false, "value": "#CA8504" }, { "name": "Colors/Yellow/700", "type": "color", "isAlias": false, "value": "#A15C07" }, { "name": "Colors/Yellow/800", "type": "color", "isAlias": false, "value": "#854A0E" }, { "name": "Colors/Yellow/900", "type": "color", "isAlias": false, "value": "#713B12" }, { "name": "Colors/Yellow/950", "type": "color", "isAlias": false, "value": "#542C0D" }, { "name": "Spacing/0 (0px)", "type": "number", "isAlias": false, "value": 0 }, { "name": "Spacing/0․5 (2px)", "type": "number", "isAlias": false, "value": 2 }, { "name": "Spacing/1 (4px)", "type": "number", "isAlias": false, "value": 4 }, { "name": "Spacing/1․5 (6px)", "type": "number", "isAlias": false, "value": 6 }, { "name": "Spacing/2 (8px)", "type": "number", "isAlias": false, "value": 8 }, { "name": "Spacing/3 (12px)", "type": "number", "isAlias": false, "value": 12 }, { "name": "Spacing/4 (16px)", "type": "number", "isAlias": false, "value": 16 }, { "name": "Spacing/5 (20px)", "type": "number", "isAlias": false, "value": 20 }, { "name": "Spacing/6 (24px)", "type": "number", "isAlias": false, "value": 24 }, { "name": "Spacing/8 (32px)", "type": "number", "isAlias": false, "value": 32 }, { "name": "Spacing/10 (40px)", "type": "number", "isAlias": false, "value": 40 }, { "name": "Spacing/12 (48px)", "type": "number", "isAlias": false, "value": 48 }, { "name": "Spacing/16 (64px)", "type": "number", "isAlias": false, "value": 64 }, { "name": "Spacing/20 (80px)", "type": "number", "isAlias": false, "value": 80 }, { "name": "Spacing/24 (96px)", "type": "number", "isAlias": false, "value": 96 }, { "name": "Spacing/32 (128px)", "type": "number", "isAlias": false, "value": 128 }, { "name": "Spacing/40 (160px)", "type": "number", "isAlias": false, "value": 160 }, { "name": "Spacing/48 (192px)", "type": "number", "isAlias": false, "value": 192 }, { "name": "Spacing/56 (224px)", "type": "number", "isAlias": false, "value": 224 }, { "name": "Spacing/64 (256px)", "type": "number", "isAlias": false, "value": 256 }, { "name": "Spacing/80 (320px)", "type": "number", "isAlias": false, "value": 320 }, { "name": "Spacing/96 (384px)", "type": "number", "isAlias": false, "value": 384 }, { "name": "Spacing/120 (480px)", "type": "number", "isAlias": false, "value": 480 }, { "name": "Spacing/140 (560px)", "type": "number", "isAlias": false, "value": 560 }, { "name": "Spacing/160 (640px)", "type": "number", "isAlias": false, "value": 640 }, { "name": "Spacing/180 (720px)", "type": "number", "isAlias": false, "value": 720 }, { "name": "Spacing/192 (768px)", "type": "number", "isAlias": false, "value": 768 }, { "name": "Spacing/256 (1,024px)", "type": "number", "isAlias": false, "value": 1024 }, { "name": "Spacing/320 (1,280px)", "type": "number", "isAlias": false, "value": 1280 }, { "name": "Spacing/360 (1,440px)", "type": "number", "isAlias": false, "value": 1440 }, { "name": "Spacing/400 (1,600px)", "type": "number", "isAlias": false, "value": 1600 }, { "name": "Spacing/480 (1,920px)", "type": "number", "isAlias": false, "value": 1920 } ] } ] }, { "name": "1. Color modes", "modes": [ { "name": "Light mode", "variables": [ { "name": "Colors/Text/text-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/900" } }, { "name": "Colors/Text/text-primary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Text/text-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Colors/Text/text-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/800" } }, { "name": "Colors/Text/text-secondary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Colors/Text/text-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Colors/Text/text-tertiary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Colors/Text/text-tertiary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Colors/Text/text-quarterary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Text/text-quarterary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Colors/Text/text-white", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Text/text-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Text/text-placeholder", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Text/text-placeholder_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Colors/Text/text-brand-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/900" } }, { "name": "Colors/Text/text-brand-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Colors/Text/text-brand-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Text/text-brand-tertiary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Text/text-error-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Text/text-warning-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Colors/Text/text-success-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Colors/Border/border-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Colors/Border/border-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/200" } }, { "name": "Colors/Border/border-tertiary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Colors/Border/border-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Colors/Border/border-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/200" } }, { "name": "Colors/Border/border-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Colors/Border/border-brand-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Border/border-brand-solid_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Border/border-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Colors/Border/border-error-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Foreground/fg-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/900" } }, { "name": "Component colors/Alpha/alpha-white-10", "type": "color", "isAlias": false, "value": "#FFFFFF1A" }, { "name": "Component colors/Alpha/alpha-white-20", "type": "color", "isAlias": false, "value": "#FFFFFF33" }, { "name": "Component colors/Alpha/alpha-white-30", "type": "color", "isAlias": false, "value": "#FFFFFF4D" }, { "name": "Component colors/Alpha/alpha-white-40", "type": "color", "isAlias": false, "value": "#FFFFFF66" }, { "name": "Component colors/Alpha/alpha-white-50", "type": "color", "isAlias": false, "value": "#FFFFFF80" }, { "name": "Component colors/Alpha/alpha-white-60", "type": "color", "isAlias": false, "value": "#FFFFFF99" }, { "name": "Component colors/Alpha/alpha-white-70", "type": "color", "isAlias": false, "value": "#FFFFFFB3" }, { "name": "Component colors/Alpha/alpha-white-80", "type": "color", "isAlias": false, "value": "#FFFFFFCC" }, { "name": "Component colors/Alpha/alpha-white-90", "type": "color", "isAlias": false, "value": "#FFFFFFE6" }, { "name": "Component colors/Alpha/alpha-white-100", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Component colors/Alpha/alpha-black-10", "type": "color", "isAlias": false, "value": "#0000001A" }, { "name": "Component colors/Alpha/alpha-black-20", "type": "color", "isAlias": false, "value": "#00000033" }, { "name": "Component colors/Alpha/alpha-black-30", "type": "color", "isAlias": false, "value": "#0000004D" }, { "name": "Component colors/Alpha/alpha-black-40", "type": "color", "isAlias": false, "value": "#00000066" }, { "name": "Component colors/Alpha/alpha-black-50", "type": "color", "isAlias": false, "value": "#00000080" }, { "name": "Component colors/Alpha/alpha-black-60", "type": "color", "isAlias": false, "value": "#00000099" }, { "name": "Component colors/Alpha/alpha-black-70", "type": "color", "isAlias": false, "value": "#000000B3" }, { "name": "Component colors/Alpha/alpha-black-80", "type": "color", "isAlias": false, "value": "#000000CC" }, { "name": "Component colors/Alpha/alpha-black-90", "type": "color", "isAlias": false, "value": "#000000E6" }, { "name": "Component colors/Alpha/alpha-black-100", "type": "color", "isAlias": false, "value": "#000000" }, { "name": "Component colors/Utility/Gray/utility-gray-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Component colors/Utility/Gray/utility-gray-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Component colors/Utility/Gray/utility-gray-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/200" } }, { "name": "Component colors/Utility/Gray/utility-gray-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Component colors/Utility/Gray/utility-gray-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/400" } }, { "name": "Component colors/Utility/Gray/utility-gray-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Utility/Gray/utility-gray-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Component colors/Utility/Gray/utility-gray-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Utility/Gray/utility-gray-800", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/800" } }, { "name": "Component colors/Utility/Gray/utility-gray-900", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/900" } }, { "name": "Component colors/Utility/Brand/utility-brand-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Utility/Brand/utility-brand-50_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Utility/Brand/utility-brand-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/100" } }, { "name": "Component colors/Utility/Brand/utility-brand-100_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/100" } }, { "name": "Component colors/Utility/Brand/utility-brand-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Utility/Brand/utility-brand-200_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Utility/Brand/utility-brand-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Utility/Brand/utility-brand-300_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Utility/Brand/utility-brand-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/400" } }, { "name": "Component colors/Utility/Brand/utility-brand-400_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/400" } }, { "name": "Component colors/Utility/Brand/utility-brand-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Component colors/Utility/Brand/utility-brand-500_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Component colors/Utility/Brand/utility-brand-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Utility/Brand/utility-brand-600_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Utility/Brand/utility-brand-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Utility/Brand/utility-brand-700_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Utility/Brand/utility-brand-800", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Component colors/Utility/Brand/utility-brand-800_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Component colors/Utility/Brand/utility-brand-900", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/900" } }, { "name": "Component colors/Utility/Brand/utility-brand-900_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/900" } }, { "name": "Component colors/Utility/Error/utility-error-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/50" } }, { "name": "Component colors/Utility/Error/utility-error-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/100" } }, { "name": "Component colors/Utility/Error/utility-error-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/200" } }, { "name": "Component colors/Utility/Error/utility-error-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Component colors/Utility/Error/utility-error-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/400" } }, { "name": "Component colors/Utility/Error/utility-error-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Component colors/Utility/Error/utility-error-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Utility/Error/utility-error-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Utility/Warning/utility-warning-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/50" } }, { "name": "Component colors/Utility/Warning/utility-warning-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/100" } }, { "name": "Component colors/Utility/Warning/utility-warning-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/200" } }, { "name": "Component colors/Utility/Warning/utility-warning-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/300" } }, { "name": "Component colors/Utility/Warning/utility-warning-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/400" } }, { "name": "Component colors/Utility/Warning/utility-warning-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/500" } }, { "name": "Component colors/Utility/Warning/utility-warning-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Component colors/Utility/Warning/utility-warning-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/700" } }, { "name": "Component colors/Utility/Success/utility-success-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/50" } }, { "name": "Component colors/Utility/Success/utility-success-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/100" } }, { "name": "Component colors/Utility/Success/utility-success-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/200" } }, { "name": "Component colors/Utility/Success/utility-success-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/300" } }, { "name": "Component colors/Utility/Success/utility-success-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/400" } }, { "name": "Component colors/Utility/Success/utility-success-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/500" } }, { "name": "Component colors/Utility/Success/utility-success-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Component colors/Utility/Success/utility-success-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/700" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/50" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/100" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/200" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/300" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/400" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/500" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/600" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/700" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/50" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/100" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/200" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/300" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/400" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/500" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/600" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/700" } }, { "name": "Component colors/Utility/Blue/utility-blue-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/50" } }, { "name": "Component colors/Utility/Blue/utility-blue-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/100" } }, { "name": "Component colors/Utility/Blue/utility-blue-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/200" } }, { "name": "Component colors/Utility/Blue/utility-blue-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/300" } }, { "name": "Component colors/Utility/Blue/utility-blue-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/400" } }, { "name": "Component colors/Utility/Blue/utility-blue-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/500" } }, { "name": "Component colors/Utility/Blue/utility-blue-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/600" } }, { "name": "Component colors/Utility/Blue/utility-blue-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/700" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/50" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/100" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/200" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/300" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/400" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/500" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/600" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/700" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/50" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/100" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/200" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/300" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/400" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/500" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/600" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/700" } }, { "name": "Component colors/Utility/Purple/utility-purple-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/50" } }, { "name": "Component colors/Utility/Purple/utility-purple-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/100" } }, { "name": "Component colors/Utility/Purple/utility-purple-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/200" } }, { "name": "Component colors/Utility/Purple/utility-purple-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/300" } }, { "name": "Component colors/Utility/Purple/utility-purple-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/400" } }, { "name": "Component colors/Utility/Purple/utility-purple-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/500" } }, { "name": "Component colors/Utility/Purple/utility-purple-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/600" } }, { "name": "Component colors/Utility/Purple/utility-purple-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/700" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/50" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/100" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/200" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/300" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/400" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/500" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/600" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/700" } }, { "name": "Component colors/Utility/Pink/utility-pink-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/50" } }, { "name": "Component colors/Utility/Pink/utility-pink-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/100" } }, { "name": "Component colors/Utility/Pink/utility-pink-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/200" } }, { "name": "Component colors/Utility/Pink/utility-pink-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/300" } }, { "name": "Component colors/Utility/Pink/utility-pink-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/400" } }, { "name": "Component colors/Utility/Pink/utility-pink-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/500" } }, { "name": "Component colors/Utility/Pink/utility-pink-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/600" } }, { "name": "Component colors/Utility/Pink/utility-pink-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/700" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/50" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/100" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/200" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/300" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/400" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/500" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/600" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/700" } }, { "name": "Component colors/Utility/Orange/utility-orange-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/50" } }, { "name": "Component colors/Utility/Orange/utility-orange-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/100" } }, { "name": "Component colors/Utility/Orange/utility-orange-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/200" } }, { "name": "Component colors/Utility/Orange/utility-orange-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/300" } }, { "name": "Component colors/Utility/Orange/utility-orange-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/400" } }, { "name": "Component colors/Utility/Orange/utility-orange-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/500" } }, { "name": "Component colors/Utility/Orange/utility-orange-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/600" } }, { "name": "Component colors/Utility/Orange/utility-orange-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/700" } }, { "name": "Component colors/Components/App store badges/app-store-badge-border", "type": "color", "isAlias": false, "value": "#A6A6A6" }, { "name": "Component colors/Components/Application navigation/nav-item-button-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Components/Application navigation/nav-item-button-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Components/Application navigation/nav-item-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Components/Application navigation/nav-item-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Components/Avatars/avatar-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Component colors/Components/Avatars/avatar-profile-photo-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Avatars/avatar-contrast-border", "type": "color", "isAlias": false, "value": "#00000014" }, { "name": "Component colors/Components/Avatars/avatar-focus-border", "type": "color", "isAlias": false, "value": "#98A2B324" }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-icon-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-icon-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/800" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/800" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/50" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/800" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/50" } }, { "name": "Colors/Foreground/fg-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Colors/Foreground/fg-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/800" } }, { "name": "Colors/Foreground/fg-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Colors/Foreground/fg-tertiary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/700" } }, { "name": "Colors/Foreground/fg-quarterary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Foreground/fg-quarterary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Colors/Foreground/fg-quinary (400)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/400" } }, { "name": "Colors/Foreground/fg-quinary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Foreground/fg-senary (300)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Colors/Foreground/fg-white", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Foreground/fg-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/400" } }, { "name": "Colors/Foreground/fg-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Component colors/Components/Footers/footer-button-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Components/Footers/footer-button-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Footers/footer-badge-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/700" } }, { "name": "Component colors/Components/Footers/footer-badge-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/50" } }, { "name": "Component colors/Components/Footers/footer-badge-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/200" } }, { "name": "Component colors/Components/Header sections/header-abstract-50-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Component colors/Components/Header sections/header-abstract-100-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/100" } }, { "name": "Component colors/Components/Header sections/header-abstract-200-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Components/Header sections/header-abstract-300-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Components/Icons/Icons/icon-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Icons/Icons/icon-fg-brand_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-gray", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-warning", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-success", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-gray", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-warning", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-success", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Featured icons/Modern/featured-icon-modern-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/200" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-x", "type": "color", "isAlias": false, "value": "#242E36" }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-instagram", "type": "color", "isAlias": false, "value": "#000100" }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-apple", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/black" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-github", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/black" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-angellist", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/black" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-tumblr", "type": "color", "isAlias": false, "value": "#001935" }, { "name": "Component colors/Components/Mockups/screen-mockup-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/900" } }, { "name": "Component colors/Components/Sliders/slider-handle-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Sliders/slider-handle-border", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Border/border-brand-solid" } }, { "name": "Component colors/Components/Thumbnail/thumbnail-badge-brand-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Thumbnail/thumbnail-badge-success-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/700" } }, { "name": "Component colors/Components/Toggles/toggle-button-fg_disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Component colors/Components/Tooltips/tooltip-supporting-text", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/300" } }, { "name": "Component colors/Components/WYSIWYG editor/wysiwyg-editor-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/400" } }, { "name": "Component colors/Components/WYSIWYG editor/wysiwyg-editor-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/500" } }, { "name": "Colors/Foreground/fg-brand-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Foreground/fg-brand-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Foreground/fg-brand-secondary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Foreground/fg-error-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Foreground/fg-error-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Colors/Foreground/fg-warning-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Colors/Foreground/fg-warning-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/500" } }, { "name": "Colors/Foreground/fg-success-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Colors/Foreground/fg-success-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/500" } }, { "name": "Colors/Background/bg-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Background/bg-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Background/bg-primary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Colors/Background/bg-primary-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/950" } }, { "name": "Colors/Background/bg-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Colors/Background/bg-secondary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Colors/Background/bg-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Colors/Background/bg-secondary_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/25" } }, { "name": "Colors/Background/bg-secondary-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/600" } }, { "name": "Colors/Background/bg-tertiary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Colors/Background/bg-quaternary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/200" } }, { "name": "Colors/Background/bg-active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Colors/Background/bg-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/100" } }, { "name": "Colors/Background/bg-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/50" } }, { "name": "Colors/Background/bg-overlay", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (light mode)/950" } }, { "name": "Colors/Background/bg-brand-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Colors/Background/bg-brand-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/50" } }, { "name": "Colors/Background/bg-brand-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/100" } }, { "name": "Colors/Background/bg-brand-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Background/bg-brand-solid_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Colors/Background/bg-brand-section", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Colors/Background/bg-brand-section_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Colors/Background/bg-error-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/50" } }, { "name": "Colors/Background/bg-error-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/100" } }, { "name": "Colors/Background/bg-error-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Background/bg-warning-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/50" } }, { "name": "Colors/Background/bg-warning-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/100" } }, { "name": "Colors/Background/bg-warning-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Colors/Background/bg-success-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/50" } }, { "name": "Colors/Background/bg-success-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/100" } }, { "name": "Colors/Background/bg-success-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Component colors/Components/Logo/logo-text", "type": "color", "isAlias": false, "value": "#290064" }, { "name": "Component colors/Components/Logo/logo-violet", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Text/text-brand-secondary (700)" } }, { "name": "Component colors/Components/Logo/logo-dodge", "type": "color", "isAlias": false, "value": "#2697F7" }, { "name": "Component colors/Components/Logo/logo-blue", "type": "color", "isAlias": false, "value": "#24BEFC" }, { "name": "Component colors/Components/Logo/mark-1", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Text/text-brand-secondary (700)" } }, { "name": "Component colors/Components/Logo/mark-2", "type": "color", "isAlias": false, "value": "#2697F7" }, { "name": "Component colors/Components/Logo/mark-3", "type": "color", "isAlias": false, "value": "#24BEFC" } ] }, { "name": "Dark mode", "variables": [ { "name": "Colors/Text/text-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/50" } }, { "name": "Colors/Text/text-primary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/50" } }, { "name": "Colors/Text/text-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Text/text-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Colors/Text/text-secondary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Text/text-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Text/text-tertiary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Text/text-tertiary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Text/text-quarterary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Text/text-quarterary_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Text/text-white", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Text/text-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/500" } }, { "name": "Colors/Text/text-placeholder", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/500" } }, { "name": "Colors/Text/text-placeholder_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Colors/Text/text-brand-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/50" } }, { "name": "Colors/Text/text-brand-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Text/text-brand-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Text/text-brand-tertiary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/50" } }, { "name": "Colors/Text/text-error-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/400" } }, { "name": "Colors/Text/text-warning-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/400" } }, { "name": "Colors/Text/text-success-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/400" } }, { "name": "Colors/Border/border-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Colors/Border/border-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Border/border-tertiary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Border/border-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Colors/Border/border-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Border/border-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/400" } }, { "name": "Colors/Border/border-brand-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Border/border-brand-solid_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Colors/Border/border-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/400" } }, { "name": "Colors/Border/border-error-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Colors/Foreground/fg-primary (900)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Alpha/alpha-white-10", "type": "color", "isAlias": false, "value": "#0C111D1A" }, { "name": "Component colors/Alpha/alpha-white-20", "type": "color", "isAlias": false, "value": "#0C111D33" }, { "name": "Component colors/Alpha/alpha-white-30", "type": "color", "isAlias": false, "value": "#0C111D4D" }, { "name": "Component colors/Alpha/alpha-white-40", "type": "color", "isAlias": false, "value": "#0C111D66" }, { "name": "Component colors/Alpha/alpha-white-50", "type": "color", "isAlias": false, "value": "#0C111D80" }, { "name": "Component colors/Alpha/alpha-white-60", "type": "color", "isAlias": false, "value": "#0C111D99" }, { "name": "Component colors/Alpha/alpha-white-70", "type": "color", "isAlias": false, "value": "#0C111DB3" }, { "name": "Component colors/Alpha/alpha-white-80", "type": "color", "isAlias": false, "value": "#0C111DCC" }, { "name": "Component colors/Alpha/alpha-white-90", "type": "color", "isAlias": false, "value": "#0C111DE6" }, { "name": "Component colors/Alpha/alpha-white-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/950" } }, { "name": "Component colors/Alpha/alpha-black-10", "type": "color", "isAlias": false, "value": "#FFFFFF1A" }, { "name": "Component colors/Alpha/alpha-black-20", "type": "color", "isAlias": false, "value": "#FFFFFF33" }, { "name": "Component colors/Alpha/alpha-black-30", "type": "color", "isAlias": false, "value": "#FFFFFF4D" }, { "name": "Component colors/Alpha/alpha-black-40", "type": "color", "isAlias": false, "value": "#FFFFFF66" }, { "name": "Component colors/Alpha/alpha-black-50", "type": "color", "isAlias": false, "value": "#FFFFFF80" }, { "name": "Component colors/Alpha/alpha-black-60", "type": "color", "isAlias": false, "value": "#FFFFFF99" }, { "name": "Component colors/Alpha/alpha-black-70", "type": "color", "isAlias": false, "value": "#FFFFFFB3" }, { "name": "Component colors/Alpha/alpha-black-80", "type": "color", "isAlias": false, "value": "#FFFFFFCC" }, { "name": "Component colors/Alpha/alpha-black-90", "type": "color", "isAlias": false, "value": "#FFFFFFE6" }, { "name": "Component colors/Alpha/alpha-black-100", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Component colors/Utility/Gray/utility-gray-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Component colors/Utility/Gray/utility-gray-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Utility/Gray/utility-gray-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Utility/Gray/utility-gray-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Utility/Gray/utility-gray-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Component colors/Utility/Gray/utility-gray-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/500" } }, { "name": "Component colors/Utility/Gray/utility-gray-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Utility/Gray/utility-gray-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Utility/Gray/utility-gray-800", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Utility/Gray/utility-gray-900", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/100" } }, { "name": "Component colors/Utility/Brand/utility-brand-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/950" } }, { "name": "Component colors/Utility/Brand/utility-brand-50_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-50" } }, { "name": "Component colors/Utility/Brand/utility-brand-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/900" } }, { "name": "Component colors/Utility/Brand/utility-brand-100_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-100" } }, { "name": "Component colors/Utility/Brand/utility-brand-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/800" } }, { "name": "Component colors/Utility/Brand/utility-brand-200_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-200" } }, { "name": "Component colors/Utility/Brand/utility-brand-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Utility/Brand/utility-brand-300_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-300" } }, { "name": "Component colors/Utility/Brand/utility-brand-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Utility/Brand/utility-brand-400_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-400" } }, { "name": "Component colors/Utility/Brand/utility-brand-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Component colors/Utility/Brand/utility-brand-500_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-500" } }, { "name": "Component colors/Utility/Brand/utility-brand-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/400" } }, { "name": "Component colors/Utility/Brand/utility-brand-600_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-600" } }, { "name": "Component colors/Utility/Brand/utility-brand-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/300" } }, { "name": "Component colors/Utility/Brand/utility-brand-700_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-700" } }, { "name": "Component colors/Utility/Brand/utility-brand-800", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Utility/Brand/utility-brand-800_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-800" } }, { "name": "Component colors/Utility/Brand/utility-brand-900", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/100" } }, { "name": "Component colors/Utility/Brand/utility-brand-900_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Component colors/Utility/Gray/utility-gray-900" } }, { "name": "Component colors/Utility/Error/utility-error-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/950" } }, { "name": "Component colors/Utility/Error/utility-error-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/900" } }, { "name": "Component colors/Utility/Error/utility-error-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/800" } }, { "name": "Component colors/Utility/Error/utility-error-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Utility/Error/utility-error-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Utility/Error/utility-error-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Component colors/Utility/Error/utility-error-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/400" } }, { "name": "Component colors/Utility/Error/utility-error-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Component colors/Utility/Warning/utility-warning-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/950" } }, { "name": "Component colors/Utility/Warning/utility-warning-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/900" } }, { "name": "Component colors/Utility/Warning/utility-warning-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/800" } }, { "name": "Component colors/Utility/Warning/utility-warning-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/700" } }, { "name": "Component colors/Utility/Warning/utility-warning-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Component colors/Utility/Warning/utility-warning-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/500" } }, { "name": "Component colors/Utility/Warning/utility-warning-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/400" } }, { "name": "Component colors/Utility/Warning/utility-warning-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/300" } }, { "name": "Component colors/Utility/Success/utility-success-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/950" } }, { "name": "Component colors/Utility/Success/utility-success-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/900" } }, { "name": "Component colors/Utility/Success/utility-success-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/800" } }, { "name": "Component colors/Utility/Success/utility-success-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/700" } }, { "name": "Component colors/Utility/Success/utility-success-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Component colors/Utility/Success/utility-success-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/500" } }, { "name": "Component colors/Utility/Success/utility-success-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/400" } }, { "name": "Component colors/Utility/Success/utility-success-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/300" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/900" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/900" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/800" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/700" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/600" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/500" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/400" } }, { "name": "Component colors/Utility/Gray blue/utility-gray-blue-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray blue/300" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/950" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/900" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/800" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/700" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/600" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/500" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/400" } }, { "name": "Component colors/Utility/Blue light/utility-blue-light-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue light/300" } }, { "name": "Component colors/Utility/Blue/utility-blue-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/950" } }, { "name": "Component colors/Utility/Blue/utility-blue-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/900" } }, { "name": "Component colors/Utility/Blue/utility-blue-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/800" } }, { "name": "Component colors/Utility/Blue/utility-blue-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/700" } }, { "name": "Component colors/Utility/Blue/utility-blue-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/600" } }, { "name": "Component colors/Utility/Blue/utility-blue-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/500" } }, { "name": "Component colors/Utility/Blue/utility-blue-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/400" } }, { "name": "Component colors/Utility/Blue/utility-blue-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue/300" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/950" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/900" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/800" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/700" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/600" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/500" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/400" } }, { "name": "Component colors/Utility/Blue dark/utility-blue-dark-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Blue dark/300" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/950" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/900" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/800" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/700" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/600" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/500" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/400" } }, { "name": "Component colors/Utility/Indigo/utility-indigo-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Indigo/300" } }, { "name": "Component colors/Utility/Purple/utility-purple-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/950" } }, { "name": "Component colors/Utility/Purple/utility-purple-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/900" } }, { "name": "Component colors/Utility/Purple/utility-purple-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/800" } }, { "name": "Component colors/Utility/Purple/utility-purple-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/700" } }, { "name": "Component colors/Utility/Purple/utility-purple-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/600" } }, { "name": "Component colors/Utility/Purple/utility-purple-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/500" } }, { "name": "Component colors/Utility/Purple/utility-purple-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/400" } }, { "name": "Component colors/Utility/Purple/utility-purple-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Purple/300" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/950" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/900" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/800" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/700" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/600" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/500" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/400" } }, { "name": "Component colors/Utility/Fuchsia/utility-fuchsia-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Fuchsia/300" } }, { "name": "Component colors/Utility/Pink/utility-pink-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/950" } }, { "name": "Component colors/Utility/Pink/utility-pink-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/900" } }, { "name": "Component colors/Utility/Pink/utility-pink-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/800" } }, { "name": "Component colors/Utility/Pink/utility-pink-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/700" } }, { "name": "Component colors/Utility/Pink/utility-pink-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/600" } }, { "name": "Component colors/Utility/Pink/utility-pink-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/500" } }, { "name": "Component colors/Utility/Pink/utility-pink-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/400" } }, { "name": "Component colors/Utility/Pink/utility-pink-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Pink/300" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/950" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/900" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/800" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/700" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/600" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/500" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/400" } }, { "name": "Component colors/Utility/Orange dark/utility-orange-dark-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange dark/300" } }, { "name": "Component colors/Utility/Orange/utility-orange-50", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/950" } }, { "name": "Component colors/Utility/Orange/utility-orange-100", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/900" } }, { "name": "Component colors/Utility/Orange/utility-orange-200", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/800" } }, { "name": "Component colors/Utility/Orange/utility-orange-300", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/700" } }, { "name": "Component colors/Utility/Orange/utility-orange-400", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/600" } }, { "name": "Component colors/Utility/Orange/utility-orange-500", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/500" } }, { "name": "Component colors/Utility/Orange/utility-orange-600", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/400" } }, { "name": "Component colors/Utility/Orange/utility-orange-700", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Orange/300" } }, { "name": "Component colors/Components/App store badges/app-store-badge-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Application navigation/nav-item-button-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Application navigation/nav-item-button-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Components/Application navigation/nav-item-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Application navigation/nav-item-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Components/Avatars/avatar-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Avatars/avatar-profile-photo-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/950" } }, { "name": "Component colors/Components/Avatars/avatar-contrast-border", "type": "color", "isAlias": false, "value": "#FFFFFF1F" }, { "name": "Component colors/Components/Avatars/avatar-focus-border", "type": "color", "isAlias": false, "value": "#98A2B324" }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-icon-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Breadcrumbs/breadcrumb-brand-icon-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Component colors/Components/Buttons/Primary/button-primary-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/700" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/100" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Buttons/Secondary/button-secondary-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/100" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Buttons/Secondary color/button-secondary-color-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Components/Buttons/Tertiary/button-tertiary-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/100" } }, { "name": "Component colors/Components/Buttons/Tertiary color/button-tertiary-color-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Component colors/Components/Buttons/Primary error/button-primary-error-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/200" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/100" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/950" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/900" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/800" } }, { "name": "Component colors/Components/Buttons/Secondary error/button-secondary-error-border_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/700" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/300" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/200" } }, { "name": "Component colors/Components/Buttons/Tertiary error/button-tertiary-error-bg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/900" } }, { "name": "Colors/Foreground/fg-secondary (700)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Foreground/fg-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Colors/Foreground/fg-tertiary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Foreground/fg-tertiary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Foreground/fg-quarterary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Foreground/fg-quarterary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Foreground/fg-quinary (400)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/500" } }, { "name": "Colors/Foreground/fg-quinary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Colors/Foreground/fg-senary (300)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Colors/Foreground/fg-white", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Foreground/fg-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/500" } }, { "name": "Colors/Foreground/fg-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Component colors/Components/Footers/footer-button-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Footers/footer-button-fg_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/100" } }, { "name": "Component colors/Components/Footers/footer-badge-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Footers/footer-badge-bg", "type": "color", "isAlias": false, "value": "#FFFFFF1A" }, { "name": "Component colors/Components/Footers/footer-badge-border", "type": "color", "isAlias": false, "value": "#FFFFFF4D" }, { "name": "Component colors/Components/Header sections/header-abstract-50-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Component colors/Components/Header sections/header-abstract-100-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Component colors/Components/Header sections/header-abstract-200-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Header sections/header-abstract-300-bg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Component colors/Components/Icons/Icons/icon-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Icons/Icons/icon-fg-brand_on-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-gray", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-warning", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Light/featured-icon-light-fg-success", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-brand", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-gray", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-error", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-warning", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Dark/featured-icon-dark-fg-success", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/200" } }, { "name": "Component colors/Components/Icons/Featured icons/Modern/featured-icon-modern-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-x", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-instagram", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-apple", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-github", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-angellist", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Icons/Social icons/social-icon-fg-tumblr", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Component colors/Components/Mockups/screen-mockup-border", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Component colors/Components/Sliders/slider-handle-bg", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Foreground/fg-brand-primary (600)" } }, { "name": "Component colors/Components/Sliders/slider-handle-border", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-primary" } }, { "name": "Component colors/Components/Thumbnail/thumbnail-badge-brand-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Thumbnail/thumbnail-badge-success-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/Toggles/toggle-button-fg_disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Component colors/Components/Tooltips/tooltip-supporting-text", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Component colors/Components/WYSIWYG editor/wysiwyg-editor-icon-fg", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/400" } }, { "name": "Component colors/Components/WYSIWYG editor/wysiwyg-editor-icon-fg_active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Base/white" } }, { "name": "Colors/Foreground/fg-brand-primary (600)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Foreground/fg-brand-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/300" } }, { "name": "Colors/Foreground/fg-brand-secondary (500)", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Foreground/fg-error-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Colors/Foreground/fg-error-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/400" } }, { "name": "Colors/Foreground/fg-warning-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/500" } }, { "name": "Colors/Foreground/fg-warning-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/400" } }, { "name": "Colors/Foreground/fg-success-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/500" } }, { "name": "Colors/Foreground/fg-success-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/400" } }, { "name": "Colors/Background/bg-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/950" } }, { "name": "Colors/Background/bg-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-secondary" } }, { "name": "Colors/Background/bg-primary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-primary-solid", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-secondary" } }, { "name": "Colors/Background/bg-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Colors/Background/bg-secondary_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-primary" } }, { "name": "Colors/Background/bg-secondary_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-secondary_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Colors/Background/bg-secondary-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/600" } }, { "name": "Colors/Background/bg-tertiary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-quaternary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/700" } }, { "name": "Colors/Background/bg-active", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-disabled", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-disabled_subtle", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/900" } }, { "name": "Colors/Background/bg-overlay", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Gray (dark mode)/800" } }, { "name": "Colors/Background/bg-brand-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Background/bg-brand-primary_alt", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-secondary" } }, { "name": "Colors/Background/bg-brand-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Background/bg-brand-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/600" } }, { "name": "Colors/Background/bg-brand-solid_hover", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Brand/500" } }, { "name": "Colors/Background/bg-brand-section", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-secondary" } }, { "name": "Colors/Background/bg-brand-section_subtle", "type": "color", "isAlias": true, "value": { "collection": "1. Color modes", "name": "Colors/Background/bg-primary" } }, { "name": "Colors/Background/bg-error-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/500" } }, { "name": "Colors/Background/bg-error-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Background/bg-error-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Error/600" } }, { "name": "Colors/Background/bg-warning-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/500" } }, { "name": "Colors/Background/bg-warning-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Colors/Background/bg-warning-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Warning/600" } }, { "name": "Colors/Background/bg-success-primary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/500" } }, { "name": "Colors/Background/bg-success-secondary", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Colors/Background/bg-success-solid", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", "name": "Colors/Success/600" } }, { "name": "Component colors/Components/Logo/logo-text", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Component colors/Components/Logo/logo-violet", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Component colors/Components/Logo/logo-dodge", "type": "color", "isAlias": false, "value": "#A1E4FF" }, { "name": "Component colors/Components/Logo/logo-blue", "type": "color", "isAlias": false, "value": "#09BDFF" }, { "name": "Component colors/Components/Logo/mark-1", "type": "color", "isAlias": false, "value": "#FFFFFF" }, { "name": "Component colors/Components/Logo/mark-2", "type": "color", "isAlias": false, "value": "#A1E4FF" }, { "name": "Component colors/Components/Logo/mark-3", "type": "color", "isAlias": false, "value": "#09BDFF" } ] } ] }, { "name": "5. Containers", "modes": [ { "name": "Value", "variables": [ { "name": "container-padding-mobile", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/4 (16px)" } }, { "name": "container-padding-desktop", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/8 (32px)" } }, { "name": "container-max-width-desktop", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/320 (1,280px)" } } ] } ] }, { "name": "4. Widths", "modes": [ { "name": "Mode 1", "variables": [ { "name": "width-xxs", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/80 (320px)" } }, { "name": "width-xs", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/96 (384px)" } }, { "name": "width-sm", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/120 (480px)" } }, { "name": "width-md", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/140 (560px)" } }, { "name": "width-lg", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/160 (640px)" } }, { "name": "width-xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/192 (768px)" } }, { "name": "width-2xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/256 (1,024px)" } }, { "name": "width-3xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/320 (1,280px)" } }, { "name": "width-4xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/360 (1,440px)" } }, { "name": "width-5xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/400 (1,600px)" } }, { "name": "width-6xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/480 (1,920px)" } }, { "name": "paragraph-max-width", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/180 (720px)" } }, { "name": "width-ios", "type": "number", "isAlias": false, "value": 375 }, { "name": "width-android", "type": "number", "isAlias": false, "value": 360 } ] } ] }, { "name": "3. Spacing", "modes": [ { "name": "Mode 1", "variables": [ { "name": "spacing-none", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/0 (0px)" } }, { "name": "spacing-xxs", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/0․5 (2px)" } }, { "name": "spacing-xs", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/1 (4px)" } }, { "name": "spacing-sm", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/1․5 (6px)" } }, { "name": "spacing-md", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/2 (8px)" } }, { "name": "spacing-lg", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/3 (12px)" } }, { "name": "spacing-xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/4 (16px)" } }, { "name": "spacing-2xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/5 (20px)" } }, { "name": "spacing-3xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/6 (24px)" } }, { "name": "spacing-4xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/8 (32px)" } }, { "name": "spacing-5xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/10 (40px)" } }, { "name": "spacing-6xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/12 (48px)" } }, { "name": "spacing-7xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/16 (64px)" } }, { "name": "spacing-8xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/20 (80px)" } }, { "name": "spacing-9xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/24 (96px)" } }, { "name": "spacing-10xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/32 (128px)" } }, { "name": "spacing-11xl", "type": "number", "isAlias": true, "value": { "collection": "_Primitives", "name": "Spacing/40 (160px)" } } ] } ] }, { "name": "2. Radius", "modes": [ { "name": "Mode 1", "variables": [ { "name": "radius-none", "type": "number", "isAlias": false, "value": 0 }, { "name": "radius-xxs", "type": "number", "isAlias": false, "value": 2 }, { "name": "radius-xs", "type": "number", "isAlias": false, "value": 4 }, { "name": "radius-sm", "type": "number", "isAlias": false, "value": 6 }, { "name": "radius-md", "type": "number", "isAlias": false, "value": 8 }, { "name": "radius-lg", "type": "number", "isAlias": false, "value": 10 }, { "name": "radius-xl", "type": "number", "isAlias": false, "value": 12 }, { "name": "radius-2xl", "type": "number", "isAlias": false, "value": 16 }, { "name": "radius-3xl", "type": "number", "isAlias": false, "value": 20 }, { "name": "radius-4xl", "type": "number", "isAlias": false, "value": 24 }, { "name": "radius-full", "type": "number", "isAlias": false, "value": 9999 } ] } ] }, { "name": "Typography", "modes": [ { "name": "Style", "variables": [ { "name": "Display 2xl/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 72, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 90, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display 2xl/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 72, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 90, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display 2xl/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 72, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 90, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display 2xl/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 72, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 90, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xl/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 60, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 72, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xl/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 60, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 72, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xl/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 60, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 72, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xl/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 60, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 72, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display lg/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 48, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 60, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display lg/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 48, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 60, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display lg/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 48, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 60, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display lg/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 48, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 60, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display md/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 36, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 44, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display md/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 36, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 44, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display md/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 36, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 44, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display md/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 36, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 44, "lineHeightUnit": "PIXELS", "letterSpacing": -2, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display sm/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 30, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 38, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display sm/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 30, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 38, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display sm/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 30, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 38, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display sm/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 30, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 38, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display sm / Medium italic", "type": "typography", "isAlias": false, "value": { "fontSize": 30, "fontFamily": "Inter", "fontWeight": "Medium Italic", "lineHeight": 44, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xs/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 24, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 32, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xs/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 24, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 32, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xs/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 24, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 32, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xs/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 24, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 32, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Display xs/Medium italic", "type": "typography", "isAlias": false, "value": { "fontSize": 24, "fontFamily": "Inter", "fontWeight": "Medium Italic", "lineHeight": 36, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Regular italic", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Italic", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Medium italic", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Medium Italic", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Semibold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Semi Bold Italic", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Bold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Bold Italic", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xl/Regular underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 20, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 30, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text lg/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Regular italic", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Italic", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Medium italic", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Medium Italic", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Semibold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Semi Bold Italic", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Bold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Bold Italic", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text lg/Regular underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text lg / Medium underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text lg/Semibold underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 18, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 28, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text md/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Regular italic", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Italic", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Medium italic", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Medium Italic", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Semibold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Semi Bold Italic", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Bold italic", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Bold Italic", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text md/Regular underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text md / Medium underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text md/Semibold underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 16, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 24, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text sm/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text sm/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text sm/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text sm / Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text sm/Regular underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text sm / Medium underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text sm/Semibold underlined", "type": "typography", "isAlias": false, "value": { "fontSize": 14, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 20, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "UNDERLINE" } }, { "name": "Text xs/Regular", "type": "typography", "isAlias": false, "value": { "fontSize": 12, "fontFamily": "Inter", "fontWeight": "Regular", "lineHeight": 18, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xs/Medium", "type": "typography", "isAlias": false, "value": { "fontSize": 12, "fontFamily": "Inter", "fontWeight": "Medium", "lineHeight": 18, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xs/Semibold", "type": "typography", "isAlias": false, "value": { "fontSize": 12, "fontFamily": "Inter", "fontWeight": "Semi Bold", "lineHeight": 18, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } }, { "name": "Text xs / Bold", "type": "typography", "isAlias": false, "value": { "fontSize": 12, "fontFamily": "Inter", "fontWeight": "Bold", "lineHeight": 18, "lineHeightUnit": "PIXELS", "letterSpacing": 0, "letterSpacingUnit": "PERCENT", "textCase": "ORIGINAL", "textDecoration": "NONE" } } ] } ] }, { "name": "Effects", "modes": [ { "name": "Style", "variables": [ { "name": "Focus rings/ring-brand", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 158, "g": 119, "b": 237, "a": 0.24 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 } ] } }, { "name": "Focus rings/ring-brand-shadow-xs", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 158, "g": 119, "b": 237, "a": 0.24 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.05 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 } ] } }, { "name": "Focus rings/ring-brand-shadow-sm", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 158, "g": 119, "b": 237, "a": 0.24 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.06 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.1 }, "offset": { "x": 0, "y": 1 }, "radius": 3, "spread": 0 } ] } }, { "name": "Focus rings/ring-gray", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 152, "g": 162, "b": 179, "a": 0.14 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 } ] } }, { "name": "Focus rings/ring-gray-shadow-xs", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 152, "g": 162, "b": 179, "a": 0.14 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.05 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 } ] } }, { "name": "Focus rings/ring-gray-shadow-sm", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 152, "g": 162, "b": 179, "a": 0.14 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.06 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.1 }, "offset": { "x": 0, "y": 1 }, "radius": 3, "spread": 0 } ] } }, { "name": "Focus rings/ring-gray-secondary", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 152, "g": 162, "b": 179, "a": 0.2 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 } ] } }, { "name": "Focus rings/ring-error", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 240, "g": 68, "b": 56, "a": 0.24 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 } ] } }, { "name": "Focus rings/ring-error-shadow-xs", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 240, "g": 68, "b": 56, "a": 0.24 }, "offset": { "x": 0, "y": 0 }, "radius": 0, "spread": 4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.05 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 } ] } }, { "name": "Shadows/shadow-xs", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.05 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 } ] } }, { "name": "Shadows/shadow-sm", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.06 }, "offset": { "x": 0, "y": 1 }, "radius": 2, "spread": 0 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.1 }, "offset": { "x": 0, "y": 1 }, "radius": 3, "spread": 0 } ] } }, { "name": "Shadows/shadow-md", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.06 }, "offset": { "x": 0, "y": 2 }, "radius": 4, "spread": -2 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.1 }, "offset": { "x": 0, "y": 4 }, "radius": 8, "spread": -2 } ] } }, { "name": "Shadows/shadow-lg", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.03 }, "offset": { "x": 0, "y": 4 }, "radius": 6, "spread": -2 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.08 }, "offset": { "x": 0, "y": 12 }, "radius": 16, "spread": -4 } ] } }, { "name": "Shadows/shadow-xl", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.03 }, "offset": { "x": 0, "y": 8 }, "radius": 8, "spread": -4 }, { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.08 }, "offset": { "x": 0, "y": 20 }, "radius": 24, "spread": -4 } ] } }, { "name": "Shadows/shadow-2xl", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.18 }, "offset": { "x": 0, "y": 24 }, "radius": 48, "spread": -12 } ] } }, { "name": "Shadows/shadow-3xl", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 16, "g": 24, "b": 40, "a": 0.14 }, "offset": { "x": 0, "y": 32 }, "radius": 64, "spread": -12 } ] } }, { "name": "Shadows/Portfolio mockup shadows/shadow-main-centre-md", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 52, "g": 64, "b": 84, "a": 0.14 }, "offset": { "x": 0, "y": 75 }, "radius": 150, "spread": 0 } ] } }, { "name": "Shadows/Portfolio mockup shadows/shadow-main-centre-lg", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 52, "g": 64, "b": 84, "a": 0.18 }, "offset": { "x": 0, "y": 100 }, "radius": 200, "spread": 0 } ] } }, { "name": "Shadows/Portfolio mockup shadows/shadow-overlay-right-lg", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 52, "g": 64, "b": 84, "a": 0.12 }, "offset": { "x": -40, "y": 40 }, "radius": 72, "spread": 0 } ] } }, { "name": "Shadows/Portfolio mockup shadows/shadow-overlay-left-lg", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 52, "g": 64, "b": 84, "a": 0.12 }, "offset": { "x": 100, "y": 100 }, "radius": 150, "spread": 0 } ] } }, { "name": "Shadows/Portfolio mockup shadows/shadow-grid-md", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "DROP_SHADOW", "color": { "r": 52, "g": 64, "b": 84, "a": 0.08 }, "offset": { "x": 32, "y": 32 }, "radius": 64, "spread": 0 } ] } }, { "name": "Backdrop blurs/backdrop-blur-sm", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "BACKGROUND_BLUR", "radius": 8 } ] } }, { "name": "Backdrop blurs/backdrop-blur-md", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "BACKGROUND_BLUR", "radius": 16 } ] } }, { "name": "Backdrop blurs/backdrop-blur-lg", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "BACKGROUND_BLUR", "radius": 24 } ] } }, { "name": "Backdrop blurs/backdrop-blur-xl", "type": "effect", "isAlias": false, "value": { "effects": [ { "type": "BACKGROUND_BLUR", "radius": 40 } ] } } ] } ] }, { "name": "Grids", "modes": [ { "name": "Style", "variables": [ { "name": "Grid desktop", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 112, "count": 12 }, { "pattern": "COLUMNS", "sectionSize": 32, "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "CENTER", "gutterSize": 1216, "count": 2 }, { "pattern": "ROWS", "sectionSize": 96, "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "MIN", "gutterSize": 20, "offset": 0, "count": 1 } ] } }, { "name": "Grid tablet", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 32, "count": 6 }, { "pattern": "COLUMNS", "sectionSize": 32, "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "CENTER", "gutterSize": 704, "count": 2 }, { "pattern": "ROWS", "sectionSize": 96, "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "MIN", "gutterSize": 20, "offset": 0, "count": 1 } ] } }, { "name": "Grid mobile", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "STRETCH", "gutterSize": 16, "offset": 16, "count": 4 }, { "pattern": "ROWS", "sectionSize": 56, "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "MIN", "gutterSize": 20, "offset": 0, "count": 1 }, { "pattern": "ROWS", "sectionSize": 32, "color": { "r": 255, "g": 0, "b": 0, "a": 0.04 }, "alignment": "MAX", "gutterSize": 20, "offset": 0, "count": 1 }, { "pattern": "COLUMNS", "sectionSize": 16, "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "CENTER", "gutterSize": 343, "count": 2 } ] } }, { "name": "12 columns (auto)", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 0, "count": 12 } ] } }, { "name": "6 columns (auto)", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 0, "count": 6 } ] } }, { "name": "5 columns (auto)", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 0, "count": 5 } ] } }, { "name": "3 columns (auto)", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 0, "count": 3 } ] } }, { "name": "2 columns (auto)", "type": "grid", "isAlias": false, "value": { "layoutGrids": [ { "pattern": "COLUMNS", "color": { "r": 255, "g": 0, "b": 0, "a": 0.1 }, "alignment": "STRETCH", "gutterSize": 32, "offset": 0, "count": 2 } ] } } ] } ] } ] }