diff --git a/docs/public/rootage/color.json b/docs/public/rootage/color.json index 6de16ba4d..094057b01 100644 --- a/docs/public/rootage/color.json +++ b/docs/public/rootage/color.json @@ -7,70 +7,64 @@ "data": { "collection": "color", "tokens": { - "$color.palette.gray-00": { - "values": { - "theme-light": "#ffffff", - "theme-dark": "#121212" - } - }, - "$color.palette.gray-100": { + "$color.palette.blue-100": { "values": { - "theme-light": "#f7f8f9", - "theme-dark": "#1a1c20" + "theme-light": "#eff6ff", + "theme-dark": "#202742" } }, - "$color.palette.gray-200": { + "$color.palette.blue-200": { "values": { - "theme-light": "#f3f4f5", - "theme-dark": "#25272c" + "theme-light": "#e2edfc", + "theme-dark": "#1e3352" } }, - "$color.palette.gray-300": { + "$color.palette.blue-300": { "values": { - "theme-light": "#eeeff1", - "theme-dark": "#2c2e34" + "theme-light": "#cbdffa", + "theme-dark": "#1a4275" } }, - "$color.palette.gray-400": { + "$color.palette.blue-400": { "values": { - "theme-light": "#dcdee3", - "theme-dark": "#3e4145" + "theme-light": "#aacefd", + "theme-dark": "#0f559e" } }, - "$color.palette.gray-500": { + "$color.palette.blue-500": { "values": { - "theme-light": "#d1d3d8", - "theme-dark": "#5b606a" + "theme-light": "#85b8fd", + "theme-dark": "#1964d8" } }, - "$color.palette.gray-600": { + "$color.palette.blue-600": { "values": { - "theme-light": "#b0b3ba", - "theme-dark": "#868b94" + "theme-light": "#5e98fe", + "theme-dark": "#1e82eb" } }, - "$color.palette.gray-700": { + "$color.palette.blue-700": { "values": { - "theme-light": "#868b94", - "theme-dark": "#b0b3ba" + "theme-light": "#217cf9", + "theme-dark": "#41a2f9" } }, - "$color.palette.gray-800": { + "$color.palette.blue-800": { "values": { - "theme-light": "#555d6d", - "theme-dark": "#dcdee3" + "theme-light": "#135fcd", + "theme-dark": "#83bcf9" } }, - "$color.palette.gray-900": { + "$color.palette.blue-900": { "values": { - "theme-light": "#2a3038", - "theme-dark": "#e9eaec" + "theme-light": "#0b4596", + "theme-dark": "#b9d7fb" } }, - "$color.palette.gray-1000": { + "$color.palette.blue-1000": { "values": { - "theme-light": "#1a1c20", - "theme-dark": "#f3f4f5" + "theme-light": "#032451", + "theme-dark": "#e5f0fe" } }, "$color.palette.carrot-100": { @@ -133,124 +127,70 @@ "theme-dark": "#f4eeea" } }, - "$color.palette.blue-100": { - "values": { - "theme-light": "#eff6ff", - "theme-dark": "#202742" - } - }, - "$color.palette.blue-200": { - "values": { - "theme-light": "#e2edfc", - "theme-dark": "#1e3352" - } - }, - "$color.palette.blue-300": { - "values": { - "theme-light": "#cbdffa", - "theme-dark": "#1a4275" - } - }, - "$color.palette.blue-400": { - "values": { - "theme-light": "#aacefd", - "theme-dark": "#0f559e" - } - }, - "$color.palette.blue-500": { - "values": { - "theme-light": "#85b8fd", - "theme-dark": "#1964d8" - } - }, - "$color.palette.blue-600": { - "values": { - "theme-light": "#5e98fe", - "theme-dark": "#1e82eb" - } - }, - "$color.palette.blue-700": { - "values": { - "theme-light": "#217cf9", - "theme-dark": "#41a2f9" - } - }, - "$color.palette.blue-800": { - "values": { - "theme-light": "#135fcd", - "theme-dark": "#83bcf9" - } - }, - "$color.palette.blue-900": { - "values": { - "theme-light": "#0b4596", - "theme-dark": "#b9d7fb" - } - }, - "$color.palette.blue-1000": { + "$color.palette.gray-00": { "values": { - "theme-light": "#032451", - "theme-dark": "#e5f0fe" + "theme-light": "#ffffff", + "theme-dark": "#121212" } }, - "$color.palette.red-100": { + "$color.palette.gray-100": { "values": { - "theme-light": "#fdf0f0", - "theme-dark": "#322323" + "theme-light": "#f7f8f9", + "theme-dark": "#1a1c20" } }, - "$color.palette.red-200": { + "$color.palette.gray-200": { "values": { - "theme-light": "#fde7e7", - "theme-dark": "#4f2624" + "theme-light": "#f3f4f5", + "theme-dark": "#25272c" } }, - "$color.palette.red-300": { + "$color.palette.gray-300": { "values": { - "theme-light": "#fed4d2", - "theme-dark": "#742826" + "theme-light": "#eeeff1", + "theme-dark": "#2c2e34" } }, - "$color.palette.red-400": { + "$color.palette.gray-400": { "values": { - "theme-light": "#feb7b3", - "theme-dark": "#a12621" + "theme-light": "#dcdee3", + "theme-dark": "#3e4145" } }, - "$color.palette.red-500": { + "$color.palette.gray-500": { "values": { - "theme-light": "#fe928d", - "theme-dark": "#ca2319" + "theme-light": "#d1d3d8", + "theme-dark": "#5b606a" } }, - "$color.palette.red-600": { + "$color.palette.gray-600": { "values": { - "theme-light": "#fc6a66", - "theme-dark": "#f73526" + "theme-light": "#b0b3ba", + "theme-dark": "#868b94" } }, - "$color.palette.red-700": { + "$color.palette.gray-700": { "values": { - "theme-light": "#fa342c", - "theme-dark": "#ff6e60" + "theme-light": "#868b94", + "theme-dark": "#b0b3ba" } }, - "$color.palette.red-800": { + "$color.palette.gray-800": { "values": { - "theme-light": "#ca1d13", - "theme-dark": "#ffa299" + "theme-light": "#555d6d", + "theme-dark": "#dcdee3" } }, - "$color.palette.red-900": { + "$color.palette.gray-900": { "values": { - "theme-light": "#921708", - "theme-dark": "#f8c5c3" + "theme-light": "#2a3038", + "theme-dark": "#e9eaec" } }, - "$color.palette.red-1000": { + "$color.palette.gray-1000": { "values": { - "theme-light": "#4a1209", - "theme-dark": "#fdf2f2" + "theme-light": "#1a1c20", + "theme-dark": "#f3f4f5" } }, "$color.palette.green-100": { @@ -313,154 +253,160 @@ "theme-dark": "#d4f6ef" } }, - "$color.palette.yellow-100": { + "$color.palette.purple-100": { "values": { - "theme-light": "#fff7de", - "theme-dark": "#302819" + "theme-light": "#f5f3fe", + "theme-dark": "#28213b" } }, - "$color.palette.yellow-200": { + "$color.palette.purple-200": { "values": { - "theme-light": "#fdefb9", - "theme-dark": "#413218" + "theme-light": "#efeafe", + "theme-dark": "#3b2873" } }, - "$color.palette.yellow-300": { + "$color.palette.purple-300": { "values": { - "theme-light": "#fbdc65", - "theme-dark": "#543e15" + "theme-light": "#e1d8ff", + "theme-dark": "#443081" } }, - "$color.palette.yellow-400": { + "$color.palette.purple-400": { "values": { - "theme-light": "#e9c647", - "theme-dark": "#714e15" + "theme-light": "#d0c0ff", + "theme-dark": "#5a3bb1" } }, - "$color.palette.yellow-500": { + "$color.palette.purple-500": { "values": { - "theme-light": "#d4ab28", - "theme-dark": "#91601b" + "theme-light": "#b8a1ff", + "theme-dark": "#764fd9" } }, - "$color.palette.yellow-600": { + "$color.palette.purple-600": { "values": { - "theme-light": "#c49725", - "theme-dark": "#b6720d" + "theme-light": "#9f84fb", + "theme-dark": "#8e6bee" } }, - "$color.palette.yellow-700": { + "$color.palette.purple-700": { "values": { - "theme-light": "#9b7821", - "theme-dark": "#ca901c" + "theme-light": "#8969ea", + "theme-dark": "#a78df0" } }, - "$color.palette.yellow-800": { + "$color.palette.purple-800": { "values": { - "theme-light": "#755b22", - "theme-dark": "#dab156" + "theme-light": "#6d50cb", + "theme-dark": "#beadf2" } }, - "$color.palette.yellow-900": { + "$color.palette.purple-900": { "values": { - "theme-light": "#4f3e1f", - "theme-dark": "#e5d49b" + "theme-light": "#50379b", + "theme-dark": "#d9cefa" } }, - "$color.palette.yellow-1000": { + "$color.palette.purple-1000": { "values": { - "theme-light": "#2c2512", - "theme-dark": "#f7f0cd" + "theme-light": "#29175d", + "theme-dark": "#f0edfc" } }, - "$color.palette.static-black": { + "$color.palette.red-100": { "values": { - "theme-light": "#000000", - "theme-dark": "#000000" + "theme-light": "#fdf0f0", + "theme-dark": "#322323" } }, - "$color.palette.static-white": { + "$color.palette.red-200": { "values": { - "theme-light": "#ffffff", - "theme-dark": "#ffffff" + "theme-light": "#fde7e7", + "theme-dark": "#4f2624" } }, - "$color.palette.static-black-alpha-200": { + "$color.palette.red-300": { "values": { - "theme-light": "#00000033", - "theme-dark": "#00000033" + "theme-light": "#fed4d2", + "theme-dark": "#742826" } }, - "$color.palette.static-black-alpha-500": { + "$color.palette.red-400": { "values": { - "theme-light": "#00000080", - "theme-dark": "#00000080" + "theme-light": "#feb7b3", + "theme-dark": "#a12621" } }, - "$color.palette.static-black-alpha-50": { + "$color.palette.red-500": { "values": { - "theme-light": "#0000000d", - "theme-dark": "#0000000d" + "theme-light": "#fe928d", + "theme-dark": "#ca2319" } }, - "$color.palette.purple-100": { + "$color.palette.red-600": { "values": { - "theme-light": "#f5f3fe", - "theme-dark": "#28213b" + "theme-light": "#fc6a66", + "theme-dark": "#f73526" } }, - "$color.palette.purple-200": { + "$color.palette.red-700": { "values": { - "theme-light": "#efeafe", - "theme-dark": "#3b2873" + "theme-light": "#fa342c", + "theme-dark": "#ff6e60" } }, - "$color.palette.purple-300": { + "$color.palette.red-800": { "values": { - "theme-light": "#e1d8ff", - "theme-dark": "#443081" + "theme-light": "#ca1d13", + "theme-dark": "#ffa299" } }, - "$color.palette.purple-400": { + "$color.palette.red-900": { "values": { - "theme-light": "#d0c0ff", - "theme-dark": "#5a3bb1" + "theme-light": "#921708", + "theme-dark": "#f8c5c3" } }, - "$color.palette.purple-500": { + "$color.palette.red-1000": { "values": { - "theme-light": "#b8a1ff", - "theme-dark": "#764fd9" + "theme-light": "#4a1209", + "theme-dark": "#fdf2f2" } }, - "$color.palette.purple-600": { + "$color.palette.static-black": { "values": { - "theme-light": "#9f84fb", - "theme-dark": "#8e6bee" + "theme-light": "#000000", + "theme-dark": "#000000" } }, - "$color.palette.purple-700": { + "$color.palette.static-white": { "values": { - "theme-light": "#8969ea", - "theme-dark": "#a78df0" + "theme-light": "#ffffff", + "theme-dark": "#ffffff" } }, - "$color.palette.purple-800": { + "$color.palette.static-black-alpha-50": { "values": { - "theme-light": "#6d50cb", - "theme-dark": "#beadf2" + "theme-light": "#0000000d", + "theme-dark": "#0000000d" } }, - "$color.palette.purple-900": { + "$color.palette.static-black-alpha-200": { "values": { - "theme-light": "#50379b", - "theme-dark": "#d9cefa" + "theme-light": "#00000033", + "theme-dark": "#00000033" } }, - "$color.palette.purple-1000": { + "$color.palette.static-black-alpha-500": { "values": { - "theme-light": "#29175d", - "theme-dark": "#f0edfc" + "theme-light": "#00000080", + "theme-dark": "#00000080" + } + }, + "$color.palette.static-white-alpha-200": { + "values": { + "theme-light": "#ffffff33", + "theme-dark": "#ffffff33" } }, "$color.palette.static-white-alpha-800": { @@ -469,82 +415,88 @@ "theme-dark": "#ffffffcc" } }, - "$color.palette.static-white-alpha-200": { + "$color.palette.yellow-100": { "values": { - "theme-light": "#ffffff33", - "theme-dark": "#ffffff33" + "theme-light": "#fff7de", + "theme-dark": "#302819" } }, - "$color.fg.neutral": { + "$color.palette.yellow-200": { "values": { - "theme-light": "$color.palette.gray-1000", - "theme-dark": "$color.palette.gray-1000" + "theme-light": "#fdefb9", + "theme-dark": "#413218" } }, - "$color.fg.neutral-muted": { + "$color.palette.yellow-300": { "values": { - "theme-light": "$color.palette.gray-800", - "theme-dark": "$color.palette.gray-800" + "theme-light": "#fbdc65", + "theme-dark": "#543e15" } }, - "$color.fg.neutral-subtle": { + "$color.palette.yellow-400": { "values": { - "theme-light": "$color.palette.gray-700", - "theme-dark": "$color.palette.gray-700" + "theme-light": "#e9c647", + "theme-dark": "#714e15" } }, - "$color.fg.neutral-inverted": { + "$color.palette.yellow-500": { "values": { - "theme-light": "$color.palette.gray-00", - "theme-dark": "$color.palette.gray-100" + "theme-light": "#d4ab28", + "theme-dark": "#91601b" } }, - "$color.fg.brand-contrast": { + "$color.palette.yellow-600": { "values": { - "theme-light": "$color.palette.carrot-800", - "theme-dark": "$color.palette.carrot-900" + "theme-light": "#c49725", + "theme-dark": "#b6720d" } }, - "$color.fg.danger": { + "$color.palette.yellow-700": { "values": { - "theme-light": "$color.palette.red-700", - "theme-dark": "$color.palette.red-700" + "theme-light": "#9b7821", + "theme-dark": "#ca901c" } }, - "$color.fg.danger-contrast": { + "$color.palette.yellow-800": { "values": { - "theme-light": "$color.palette.red-900", - "theme-dark": "$color.palette.red-900" + "theme-light": "#755b22", + "theme-dark": "#dab156" } }, - "$color.fg.positive": { + "$color.palette.yellow-900": { "values": { - "theme-light": "$color.palette.green-700", - "theme-dark": "$color.palette.green-700" + "theme-light": "#4f3e1f", + "theme-dark": "#e5d49b" } }, - "$color.fg.positive-contrast": { + "$color.palette.yellow-1000": { "values": { - "theme-light": "$color.palette.green-900", - "theme-dark": "$color.palette.green-900" + "theme-light": "#2c2512", + "theme-dark": "#f7f0cd" } }, - "$color.fg.warning-contrast": { + "$color.fg.neutral": { "values": { - "theme-light": "$color.palette.yellow-900", - "theme-dark": "$color.palette.yellow-900" + "theme-light": "$color.palette.gray-1000", + "theme-dark": "$color.palette.gray-1000" } }, - "$color.fg.informative": { + "$color.fg.danger": { "values": { - "theme-light": "$color.palette.blue-700", - "theme-dark": "$color.palette.blue-700" + "theme-light": "$color.palette.red-700", + "theme-dark": "$color.palette.red-700" } }, - "$color.fg.informative-contrast": { + "$color.fg.positive": { "values": { - "theme-light": "$color.palette.blue-900", - "theme-dark": "$color.palette.blue-900" + "theme-light": "$color.palette.green-700", + "theme-dark": "$color.palette.green-700" + } + }, + "$color.fg.informative": { + "values": { + "theme-light": "$color.palette.blue-700", + "theme-dark": "$color.palette.blue-700" } }, "$color.fg.placeholder": { @@ -571,52 +523,70 @@ "theme-dark": "$color.palette.purple-700" } }, + "$color.fg.brand-contrast": { + "values": { + "theme-light": "$color.palette.carrot-800", + "theme-dark": "$color.palette.carrot-900" + } + }, + "$color.fg.danger-contrast": { + "values": { + "theme-light": "$color.palette.red-900", + "theme-dark": "$color.palette.red-900" + } + }, + "$color.fg.informative-contrast": { + "values": { + "theme-light": "$color.palette.blue-900", + "theme-dark": "$color.palette.blue-900" + } + }, "$color.fg.magic-contrast": { "values": { "theme-light": "$color.palette.purple-900", "theme-dark": "$color.palette.purple-900" } }, - "$color.bg.positive-weak": { + "$color.fg.neutral-muted": { "values": { - "theme-light": "$color.palette.green-100", - "theme-dark": "$color.palette.green-100" + "theme-light": "$color.palette.gray-800", + "theme-dark": "$color.palette.gray-800" } }, - "$color.bg.positive-solid": { + "$color.fg.neutral-subtle": { "values": { - "theme-light": "$color.palette.green-700", - "theme-dark": "$color.palette.green-500" + "theme-light": "$color.palette.gray-700", + "theme-dark": "$color.palette.gray-700" } }, - "$color.bg.warning-solid": { + "$color.fg.neutral-inverted": { "values": { - "theme-light": "$color.palette.yellow-300", - "theme-dark": "$color.palette.yellow-600" + "theme-light": "$color.palette.gray-00", + "theme-dark": "$color.palette.gray-100" } }, - "$color.bg.warning-weak": { + "$color.fg.positive-contrast": { "values": { - "theme-light": "$color.palette.yellow-100", - "theme-dark": "$color.palette.yellow-100" + "theme-light": "$color.palette.green-900", + "theme-dark": "$color.palette.green-900" } }, - "$color.bg.danger-weak": { + "$color.fg.warning-contrast": { "values": { - "theme-light": "$color.palette.red-100", - "theme-dark": "$color.palette.red-100" + "theme-light": "$color.palette.yellow-900", + "theme-dark": "$color.palette.yellow-900" } }, - "$color.bg.danger-solid": { + "$color.bg.overlay": { "values": { - "theme-light": "$color.palette.red-700", - "theme-dark": "$color.palette.red-600" + "theme-light": "$color.palette.static-black-alpha-500", + "theme-dark": "$color.palette.static-black-alpha-500" } }, - "$color.bg.danger-solid-pressed": { + "$color.bg.disabled": { "values": { - "theme-light": "$color.palette.red-800", - "theme-dark": "$color.palette.red-700" + "theme-light": "$color.palette.gray-200", + "theme-dark": "$color.palette.gray-200" } }, "$color.bg.brand-weak": { @@ -643,58 +613,64 @@ "theme-dark": "$color.palette.carrot-300" } }, - "$color.bg.layer-default": { + "$color.bg.danger-weak": { "values": { - "theme-light": "$color.palette.gray-00", - "theme-dark": "$color.palette.gray-00" + "theme-light": "$color.palette.red-100", + "theme-dark": "$color.palette.red-100" } }, - "$color.bg.layer-default-pressed": { + "$color.bg.danger-solid": { "values": { - "theme-light": "$color.palette.gray-100", - "theme-dark": "$color.palette.gray-200" + "theme-light": "$color.palette.red-700", + "theme-dark": "$color.palette.red-600" } }, - "$color.bg.layer-fill": { + "$color.bg.danger-solid-pressed": { "values": { - "theme-light": "$color.palette.gray-100", - "theme-dark": "$color.palette.gray-100" + "theme-light": "$color.palette.red-800", + "theme-dark": "$color.palette.red-700" } }, - "$color.bg.neutral-weak": { + "$color.bg.danger-weak-pressed": { "values": { - "theme-light": "$color.palette.gray-200", - "theme-dark": "$color.palette.gray-300" + "theme-light": "$color.palette.red-200", + "theme-dark": "$color.palette.red-200" } }, - "$color.bg.neutral-inverted": { + "$color.bg.informative-weak": { "values": { - "theme-light": "$color.palette.gray-900", - "theme-dark": "$color.palette.gray-1000" + "theme-light": "$color.palette.blue-100", + "theme-dark": "$color.palette.blue-100" } }, - "$color.bg.neutral-weak-pressed": { + "$color.bg.informative-solid": { "values": { - "theme-light": "$color.palette.gray-300", - "theme-dark": "$color.palette.gray-400" + "theme-light": "$color.palette.blue-700", + "theme-dark": "$color.palette.blue-600" } }, - "$color.bg.informative-weak": { + "$color.bg.informative-solid-pressed": { "values": { - "theme-light": "$color.palette.blue-100", - "theme-dark": "$color.palette.blue-100" + "theme-light": "$color.palette.blue-800", + "theme-dark": "$color.palette.blue-700" } }, - "$color.bg.overlay": { + "$color.bg.informative-weak-pressed": { "values": { - "theme-light": "$color.palette.static-black-alpha-500", - "theme-dark": "$color.palette.static-black-alpha-500" + "theme-light": "$color.palette.blue-200", + "theme-dark": "$color.palette.blue-200" } }, - "$color.bg.overlay-muted": { + "$color.bg.layer-default": { "values": { - "theme-light": "$color.palette.static-black-alpha-200", - "theme-dark": "$color.palette.static-black-alpha-200" + "theme-light": "$color.palette.gray-00", + "theme-dark": "$color.palette.gray-00" + } + }, + "$color.bg.layer-fill": { + "values": { + "theme-light": "$color.palette.gray-100", + "theme-dark": "$color.palette.gray-100" } }, "$color.bg.layer-basement": { @@ -709,15 +685,9 @@ "theme-dark": "$color.palette.gray-100" } }, - "$color.bg.neutral-inverted-pressed": { - "values": { - "theme-light": "$color.palette.gray-800", - "theme-dark": "$color.palette.gray-800" - } - }, - "$color.bg.disabled": { + "$color.bg.layer-default-pressed": { "values": { - "theme-light": "$color.palette.gray-200", + "theme-light": "$color.palette.gray-100", "theme-dark": "$color.palette.gray-200" } }, @@ -727,88 +697,118 @@ "theme-dark": "$color.palette.gray-300" } }, - "$color.bg.informative-weak-pressed": { + "$color.bg.magic-solid": { "values": { - "theme-light": "$color.palette.blue-200", - "theme-dark": "$color.palette.blue-200" + "theme-light": "$color.palette.purple-700", + "theme-dark": "$color.palette.purple-600" } }, - "$color.bg.warning-weak-pressed": { + "$color.bg.magic-weak": { "values": { - "theme-light": "$color.palette.yellow-200", - "theme-dark": "$color.palette.yellow-200" + "theme-light": "$color.palette.purple-100", + "theme-dark": "$color.palette.purple-100" } }, - "$color.bg.danger-weak-pressed": { + "$color.bg.magic-solid-pressed": { "values": { - "theme-light": "$color.palette.red-200", - "theme-dark": "$color.palette.red-200" + "theme-light": "$color.palette.purple-800", + "theme-dark": "$color.palette.purple-700" } }, - "$color.bg.informative-solid": { + "$color.bg.magic-weak-pressed": { "values": { - "theme-light": "$color.palette.blue-700", - "theme-dark": "$color.palette.blue-600" + "theme-light": "$color.palette.purple-200", + "theme-dark": "$color.palette.purple-200" } }, - "$color.bg.positive-weak-pressed": { + "$color.bg.neutral-weak": { "values": { - "theme-light": "$color.palette.green-200", - "theme-dark": "$color.palette.green-200" + "theme-light": "$color.palette.gray-200", + "theme-dark": "$color.palette.gray-300" } }, - "$color.bg.informative-solid-pressed": { + "$color.bg.neutral-inverted": { "values": { - "theme-light": "$color.palette.blue-800", - "theme-dark": "$color.palette.blue-700" + "theme-light": "$color.palette.gray-900", + "theme-dark": "$color.palette.gray-1000" } }, - "$color.bg.positive-solid-pressed": { + "$color.bg.neutral-solid": { "values": { - "theme-light": "$color.palette.green-800", - "theme-dark": "$color.palette.green-500" + "theme-light": "$color.palette.gray-1000", + "theme-dark": "$color.palette.gray-300" } }, - "$color.bg.magic-solid": { + "$color.bg.neutral-inverted-pressed": { "values": { - "theme-light": "$color.palette.purple-700", - "theme-dark": "$color.palette.purple-600" + "theme-light": "$color.palette.gray-800", + "theme-dark": "$color.palette.gray-800" } }, - "$color.bg.magic-solid-pressed": { + "$color.bg.neutral-solid-muted": { "values": { - "theme-light": "$color.palette.purple-800", - "theme-dark": "$color.palette.purple-700" + "theme-light": "$color.palette.gray-800", + "theme-dark": "$color.palette.gray-400" } }, - "$color.bg.magic-weak": { + "$color.bg.neutral-solid-muted-pressed": { "values": { - "theme-light": "$color.palette.purple-100", - "theme-dark": "$color.palette.purple-100" + "theme-light": "$color.palette.gray-900", + "theme-dark": "$color.palette.gray-500" } }, - "$color.bg.magic-weak-pressed": { + "$color.bg.neutral-weak-pressed": { "values": { - "theme-light": "$color.palette.purple-200", - "theme-dark": "$color.palette.purple-200" + "theme-light": "$color.palette.gray-300", + "theme-dark": "$color.palette.gray-400" } }, - "$color.bg.neutral-solid-muted": { + "$color.bg.overlay-muted": { "values": { - "theme-light": "$color.palette.gray-800", - "theme-dark": "$color.palette.gray-400" + "theme-light": "$color.palette.static-black-alpha-200", + "theme-dark": "$color.palette.static-black-alpha-200" } }, - "$color.bg.neutral-solid": { + "$color.bg.positive-weak": { "values": { - "theme-light": "$color.palette.gray-1000", - "theme-dark": "$color.palette.gray-300" + "theme-light": "$color.palette.green-100", + "theme-dark": "$color.palette.green-100" } }, - "$color.bg.neutral-solid-muted-pressed": { + "$color.bg.positive-solid": { "values": { - "theme-light": "$color.palette.gray-900", - "theme-dark": "$color.palette.gray-500" + "theme-light": "$color.palette.green-700", + "theme-dark": "$color.palette.green-500" + } + }, + "$color.bg.positive-solid-pressed": { + "values": { + "theme-light": "$color.palette.green-800", + "theme-dark": "$color.palette.green-500" + } + }, + "$color.bg.positive-weak-pressed": { + "values": { + "theme-light": "$color.palette.green-200", + "theme-dark": "$color.palette.green-200" + } + }, + "$color.bg.warning-solid": { + "values": { + "theme-light": "$color.palette.yellow-300", + "theme-dark": "$color.palette.yellow-600" + } + }, + "$color.bg.warning-weak": { + "values": { + "theme-light": "$color.palette.yellow-100", + "theme-dark": "$color.palette.yellow-100" + } + }, + "$color.bg.warning-weak-pressed": { + "values": { + "theme-light": "$color.palette.yellow-200", + "theme-dark": "$color.palette.yellow-200" } }, "$color.stroke.neutral": { @@ -829,24 +829,12 @@ "theme-dark": "$color.palette.gray-400" } }, - "$color.stroke.field-focused": { - "values": { - "theme-light": "$color.palette.gray-800", - "theme-dark": "$color.palette.gray-800" - } - }, "$color.stroke.control": { "values": { "theme-light": "$color.palette.gray-400", "theme-dark": "$color.palette.gray-400" } }, - "$color.stroke.neutral-muted": { - "values": { - "theme-light": "$color.palette.gray-200", - "theme-dark": "$color.palette.gray-200" - } - }, "$color.stroke.danger": { "values": { "theme-light": "$color.palette.red-300", @@ -864,6 +852,18 @@ "theme-light": "$color.palette.blue-300", "theme-dark": "$color.palette.blue-300" } + }, + "$color.stroke.field-focused": { + "values": { + "theme-light": "$color.palette.gray-800", + "theme-dark": "$color.palette.gray-800" + } + }, + "$color.stroke.neutral-muted": { + "values": { + "theme-light": "$color.palette.gray-200", + "theme-dark": "$color.palette.gray-200" + } } } } diff --git a/docs/public/rootage/components/badge.json b/docs/public/rootage/components/badge.json index c2471fa54..1e7926600 100644 --- a/docs/public/rootage/components/badge.json +++ b/docs/public/rootage/components/badge.json @@ -159,7 +159,7 @@ "tone=informative, variant=outlined": { "enabled": { "root": { - "strokeColor": "$color.fg.informative" + "strokeColor": "$color.stroke.informative" }, "label": { "color": "$color.fg.informative" diff --git a/docs/public/rootage/parsed.json b/docs/public/rootage/parsed.json index e30d3fdfa..94de30d00 100644 --- a/docs/public/rootage/parsed.json +++ b/docs/public/rootage/parsed.json @@ -23,48 +23,21 @@ "color", "palette" ], - "key": "gray-00" - }, - "values": [ - { - "mode": "theme-light", - "value": { - "type": "color", - "value": "#ffffff" - } - }, - { - "mode": "theme-dark", - "value": { - "type": "color", - "value": "#121212" - } - } - ] - }, - { - "collection": "color", - "token": { - "type": "token", - "group": [ - "color", - "palette" - ], - "key": "gray-100" + "key": "blue-100" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#f7f8f9" + "value": "#eff6ff" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1a1c20" + "value": "#202742" } } ] @@ -77,21 +50,21 @@ "color", "palette" ], - "key": "gray-200" + "key": "blue-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#f3f4f5" + "value": "#e2edfc" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#25272c" + "value": "#1e3352" } } ] @@ -104,21 +77,21 @@ "color", "palette" ], - "key": "gray-300" + "key": "blue-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#eeeff1" + "value": "#cbdffa" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#2c2e34" + "value": "#1a4275" } } ] @@ -131,21 +104,21 @@ "color", "palette" ], - "key": "gray-400" + "key": "blue-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#dcdee3" + "value": "#aacefd" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#3e4145" + "value": "#0f559e" } } ] @@ -158,21 +131,21 @@ "color", "palette" ], - "key": "gray-500" + "key": "blue-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#d1d3d8" + "value": "#85b8fd" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#5b606a" + "value": "#1964d8" } } ] @@ -185,21 +158,21 @@ "color", "palette" ], - "key": "gray-600" + "key": "blue-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#b0b3ba" + "value": "#5e98fe" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#868b94" + "value": "#1e82eb" } } ] @@ -212,21 +185,21 @@ "color", "palette" ], - "key": "gray-700" + "key": "blue-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#868b94" + "value": "#217cf9" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#b0b3ba" + "value": "#41a2f9" } } ] @@ -239,21 +212,21 @@ "color", "palette" ], - "key": "gray-800" + "key": "blue-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#555d6d" + "value": "#135fcd" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#dcdee3" + "value": "#83bcf9" } } ] @@ -266,21 +239,21 @@ "color", "palette" ], - "key": "gray-900" + "key": "blue-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#2a3038" + "value": "#0b4596" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#e9eaec" + "value": "#b9d7fb" } } ] @@ -293,21 +266,21 @@ "color", "palette" ], - "key": "gray-1000" + "key": "blue-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#1a1c20" + "value": "#032451" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#f3f4f5" + "value": "#e5f0fe" } } ] @@ -590,21 +563,21 @@ "color", "palette" ], - "key": "blue-100" + "key": "gray-00" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#eff6ff" + "value": "#ffffff" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#202742" + "value": "#121212" } } ] @@ -617,21 +590,21 @@ "color", "palette" ], - "key": "blue-200" + "key": "gray-100" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#e2edfc" + "value": "#f7f8f9" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1e3352" + "value": "#1a1c20" } } ] @@ -644,21 +617,21 @@ "color", "palette" ], - "key": "blue-300" + "key": "gray-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#cbdffa" + "value": "#f3f4f5" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1a4275" + "value": "#25272c" } } ] @@ -671,21 +644,21 @@ "color", "palette" ], - "key": "blue-400" + "key": "gray-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#aacefd" + "value": "#eeeff1" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#0f559e" + "value": "#2c2e34" } } ] @@ -698,21 +671,21 @@ "color", "palette" ], - "key": "blue-500" + "key": "gray-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#85b8fd" + "value": "#dcdee3" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1964d8" + "value": "#3e4145" } } ] @@ -725,21 +698,21 @@ "color", "palette" ], - "key": "blue-600" + "key": "gray-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#5e98fe" + "value": "#d1d3d8" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1e82eb" + "value": "#5b606a" } } ] @@ -752,21 +725,21 @@ "color", "palette" ], - "key": "blue-700" + "key": "gray-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#217cf9" + "value": "#b0b3ba" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#41a2f9" + "value": "#868b94" } } ] @@ -779,21 +752,21 @@ "color", "palette" ], - "key": "blue-800" + "key": "gray-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#135fcd" + "value": "#868b94" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#83bcf9" + "value": "#b0b3ba" } } ] @@ -806,21 +779,21 @@ "color", "palette" ], - "key": "blue-900" + "key": "gray-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#0b4596" + "value": "#555d6d" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#b9d7fb" + "value": "#dcdee3" } } ] @@ -833,21 +806,21 @@ "color", "palette" ], - "key": "blue-1000" + "key": "gray-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#032451" + "value": "#2a3038" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#e5f0fe" + "value": "#e9eaec" } } ] @@ -860,21 +833,21 @@ "color", "palette" ], - "key": "red-100" + "key": "gray-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fdf0f0" + "value": "#1a1c20" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#322323" + "value": "#f3f4f5" } } ] @@ -887,21 +860,21 @@ "color", "palette" ], - "key": "red-200" + "key": "green-100" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fde7e7" + "value": "#edfaf6" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#4f2624" + "value": "#202926" } } ] @@ -914,21 +887,21 @@ "color", "palette" ], - "key": "red-300" + "key": "green-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fed4d2" + "value": "#d9f6e9" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#742826" + "value": "#20362e" } } ] @@ -941,21 +914,21 @@ "color", "palette" ], - "key": "red-400" + "key": "green-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#feb7b3" + "value": "#aeebcc" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#a12621" + "value": "#20493b" } } ] @@ -968,21 +941,21 @@ "color", "palette" ], - "key": "red-500" + "key": "green-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fe928d" + "value": "#74dcb0" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ca2319" + "value": "#19604c" } } ] @@ -995,21 +968,21 @@ "color", "palette" ], - "key": "red-600" + "key": "green-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fc6a66" + "value": "#42c593" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#f73526" + "value": "#117956" } } ] @@ -1022,21 +995,21 @@ "color", "palette" ], - "key": "red-700" + "key": "green-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fa342c" + "value": "#10ab7d" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ff6e60" + "value": "#1b946d" } } ] @@ -1049,21 +1022,21 @@ "color", "palette" ], - "key": "red-800" + "key": "green-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#ca1d13" + "value": "#079171" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ffa299" + "value": "#22b27f" } } ] @@ -1076,21 +1049,21 @@ "color", "palette" ], - "key": "red-900" + "key": "green-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#921708" + "value": "#00745f" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#f8c5c3" + "value": "#35ce9a" } } ] @@ -1103,21 +1076,21 @@ "color", "palette" ], - "key": "red-1000" + "key": "green-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#4a1209" + "value": "#075445" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#fdf2f2" + "value": "#93e5c0" } } ] @@ -1130,21 +1103,21 @@ "color", "palette" ], - "key": "green-100" + "key": "green-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#edfaf6" + "value": "#0a2b24" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#202926" + "value": "#d4f6ef" } } ] @@ -1157,21 +1130,21 @@ "color", "palette" ], - "key": "green-200" + "key": "purple-100" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#d9f6e9" + "value": "#f5f3fe" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#20362e" + "value": "#28213b" } } ] @@ -1184,21 +1157,21 @@ "color", "palette" ], - "key": "green-300" + "key": "purple-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#aeebcc" + "value": "#efeafe" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#20493b" + "value": "#3b2873" } } ] @@ -1211,21 +1184,21 @@ "color", "palette" ], - "key": "green-400" + "key": "purple-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#74dcb0" + "value": "#e1d8ff" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#19604c" + "value": "#443081" } } ] @@ -1238,21 +1211,21 @@ "color", "palette" ], - "key": "green-500" + "key": "purple-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#42c593" + "value": "#d0c0ff" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#117956" + "value": "#5a3bb1" } } ] @@ -1265,21 +1238,21 @@ "color", "palette" ], - "key": "green-600" + "key": "purple-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#10ab7d" + "value": "#b8a1ff" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#1b946d" + "value": "#764fd9" } } ] @@ -1292,21 +1265,21 @@ "color", "palette" ], - "key": "green-700" + "key": "purple-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#079171" + "value": "#9f84fb" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#22b27f" + "value": "#8e6bee" } } ] @@ -1319,21 +1292,21 @@ "color", "palette" ], - "key": "green-800" + "key": "purple-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#00745f" + "value": "#8969ea" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#35ce9a" + "value": "#a78df0" } } ] @@ -1346,21 +1319,21 @@ "color", "palette" ], - "key": "green-900" + "key": "purple-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#075445" + "value": "#6d50cb" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#93e5c0" + "value": "#beadf2" } } ] @@ -1373,21 +1346,21 @@ "color", "palette" ], - "key": "green-1000" + "key": "purple-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#0a2b24" + "value": "#50379b" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#d4f6ef" + "value": "#d9cefa" } } ] @@ -1400,21 +1373,48 @@ "color", "palette" ], - "key": "yellow-100" + "key": "purple-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fff7de" + "value": "#29175d" + } + }, + { + "mode": "theme-dark", + "value": { + "type": "color", + "value": "#f0edfc" + } + } + ] + }, + { + "collection": "color", + "token": { + "type": "token", + "group": [ + "color", + "palette" + ], + "key": "red-100" + }, + "values": [ + { + "mode": "theme-light", + "value": { + "type": "color", + "value": "#fdf0f0" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#302819" + "value": "#322323" } } ] @@ -1427,21 +1427,21 @@ "color", "palette" ], - "key": "yellow-200" + "key": "red-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fdefb9" + "value": "#fde7e7" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#413218" + "value": "#4f2624" } } ] @@ -1454,21 +1454,21 @@ "color", "palette" ], - "key": "yellow-300" + "key": "red-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#fbdc65" + "value": "#fed4d2" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#543e15" + "value": "#742826" } } ] @@ -1481,21 +1481,21 @@ "color", "palette" ], - "key": "yellow-400" + "key": "red-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#e9c647" + "value": "#feb7b3" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#714e15" + "value": "#a12621" } } ] @@ -1508,21 +1508,21 @@ "color", "palette" ], - "key": "yellow-500" + "key": "red-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#d4ab28" + "value": "#fe928d" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#91601b" + "value": "#ca2319" } } ] @@ -1535,21 +1535,21 @@ "color", "palette" ], - "key": "yellow-600" + "key": "red-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#c49725" + "value": "#fc6a66" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#b6720d" + "value": "#f73526" } } ] @@ -1562,21 +1562,21 @@ "color", "palette" ], - "key": "yellow-700" + "key": "red-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#9b7821" + "value": "#fa342c" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ca901c" + "value": "#ff6e60" } } ] @@ -1589,21 +1589,21 @@ "color", "palette" ], - "key": "yellow-800" + "key": "red-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#755b22" + "value": "#ca1d13" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#dab156" + "value": "#ffa299" } } ] @@ -1616,21 +1616,21 @@ "color", "palette" ], - "key": "yellow-900" + "key": "red-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#4f3e1f" + "value": "#921708" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#e5d49b" + "value": "#f8c5c3" } } ] @@ -1643,21 +1643,21 @@ "color", "palette" ], - "key": "yellow-1000" + "key": "red-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#2c2512" + "value": "#4a1209" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#f7f0cd" + "value": "#fdf2f2" } } ] @@ -1724,21 +1724,21 @@ "color", "palette" ], - "key": "static-black-alpha-200" + "key": "static-black-alpha-50" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#00000033" + "value": "#0000000d" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#00000033" + "value": "#0000000d" } } ] @@ -1751,21 +1751,21 @@ "color", "palette" ], - "key": "static-black-alpha-500" + "key": "static-black-alpha-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#00000080" + "value": "#00000033" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#00000080" + "value": "#00000033" } } ] @@ -1778,21 +1778,21 @@ "color", "palette" ], - "key": "static-black-alpha-50" + "key": "static-black-alpha-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#0000000d" + "value": "#00000080" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#0000000d" + "value": "#00000080" } } ] @@ -1805,21 +1805,21 @@ "color", "palette" ], - "key": "purple-100" + "key": "static-white-alpha-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#f5f3fe" + "value": "#ffffff33" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#28213b" + "value": "#ffffff33" } } ] @@ -1832,21 +1832,21 @@ "color", "palette" ], - "key": "purple-200" + "key": "static-white-alpha-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#efeafe" + "value": "#ffffffcc" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#3b2873" + "value": "#ffffffcc" } } ] @@ -1859,21 +1859,21 @@ "color", "palette" ], - "key": "purple-300" + "key": "yellow-100" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#e1d8ff" + "value": "#fff7de" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#443081" + "value": "#302819" } } ] @@ -1886,21 +1886,21 @@ "color", "palette" ], - "key": "purple-400" + "key": "yellow-200" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#d0c0ff" + "value": "#fdefb9" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#5a3bb1" + "value": "#413218" } } ] @@ -1913,21 +1913,21 @@ "color", "palette" ], - "key": "purple-500" + "key": "yellow-300" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#b8a1ff" + "value": "#fbdc65" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#764fd9" + "value": "#543e15" } } ] @@ -1940,21 +1940,21 @@ "color", "palette" ], - "key": "purple-600" + "key": "yellow-400" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#9f84fb" + "value": "#e9c647" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#8e6bee" + "value": "#714e15" } } ] @@ -1967,21 +1967,21 @@ "color", "palette" ], - "key": "purple-700" + "key": "yellow-500" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#8969ea" + "value": "#d4ab28" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#a78df0" + "value": "#91601b" } } ] @@ -1994,21 +1994,21 @@ "color", "palette" ], - "key": "purple-800" + "key": "yellow-600" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#6d50cb" + "value": "#c49725" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#beadf2" + "value": "#b6720d" } } ] @@ -2021,21 +2021,21 @@ "color", "palette" ], - "key": "purple-900" + "key": "yellow-700" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#50379b" + "value": "#9b7821" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#d9cefa" + "value": "#ca901c" } } ] @@ -2048,21 +2048,21 @@ "color", "palette" ], - "key": "purple-1000" + "key": "yellow-800" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#29175d" + "value": "#755b22" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#f0edfc" + "value": "#dab156" } } ] @@ -2075,21 +2075,21 @@ "color", "palette" ], - "key": "static-white-alpha-800" + "key": "yellow-900" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#ffffffcc" + "value": "#4f3e1f" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ffffffcc" + "value": "#e5d49b" } } ] @@ -2102,21 +2102,21 @@ "color", "palette" ], - "key": "static-white-alpha-200" + "key": "yellow-1000" }, "values": [ { "mode": "theme-light", "value": { "type": "color", - "value": "#ffffff33" + "value": "#2c2512" } }, { "mode": "theme-dark", "value": { "type": "color", - "value": "#ffffff33" + "value": "#f7f0cd" } } ] @@ -2164,7 +2164,7 @@ "color", "fg" ], - "key": "neutral-muted" + "key": "danger" }, "values": [ { @@ -2175,7 +2175,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "red-700" } }, { @@ -2186,7 +2186,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "red-700" } } ] @@ -2199,7 +2199,7 @@ "color", "fg" ], - "key": "neutral-subtle" + "key": "positive" }, "values": [ { @@ -2210,7 +2210,7 @@ "color", "palette" ], - "key": "gray-700" + "key": "green-700" } }, { @@ -2221,7 +2221,7 @@ "color", "palette" ], - "key": "gray-700" + "key": "green-700" } } ] @@ -2234,7 +2234,7 @@ "color", "fg" ], - "key": "neutral-inverted" + "key": "informative" }, "values": [ { @@ -2245,7 +2245,7 @@ "color", "palette" ], - "key": "gray-00" + "key": "blue-700" } }, { @@ -2256,7 +2256,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "blue-700" } } ] @@ -2269,7 +2269,7 @@ "color", "fg" ], - "key": "brand-contrast" + "key": "placeholder" }, "values": [ { @@ -2280,7 +2280,7 @@ "color", "palette" ], - "key": "carrot-800" + "key": "gray-600" } }, { @@ -2291,7 +2291,7 @@ "color", "palette" ], - "key": "carrot-900" + "key": "gray-600" } } ] @@ -2304,7 +2304,7 @@ "color", "fg" ], - "key": "danger" + "key": "disabled" }, "values": [ { @@ -2315,7 +2315,7 @@ "color", "palette" ], - "key": "red-700" + "key": "gray-500" } }, { @@ -2326,7 +2326,7 @@ "color", "palette" ], - "key": "red-700" + "key": "gray-500" } } ] @@ -2339,7 +2339,7 @@ "color", "fg" ], - "key": "danger-contrast" + "key": "brand" }, "values": [ { @@ -2350,7 +2350,7 @@ "color", "palette" ], - "key": "red-900" + "key": "carrot-600" } }, { @@ -2361,7 +2361,7 @@ "color", "palette" ], - "key": "red-900" + "key": "carrot-700" } } ] @@ -2374,7 +2374,7 @@ "color", "fg" ], - "key": "positive" + "key": "magic" }, "values": [ { @@ -2385,7 +2385,7 @@ "color", "palette" ], - "key": "green-700" + "key": "purple-700" } }, { @@ -2396,7 +2396,7 @@ "color", "palette" ], - "key": "green-700" + "key": "purple-700" } } ] @@ -2409,7 +2409,7 @@ "color", "fg" ], - "key": "positive-contrast" + "key": "brand-contrast" }, "values": [ { @@ -2420,7 +2420,7 @@ "color", "palette" ], - "key": "green-900" + "key": "carrot-800" } }, { @@ -2431,7 +2431,7 @@ "color", "palette" ], - "key": "green-900" + "key": "carrot-900" } } ] @@ -2444,7 +2444,7 @@ "color", "fg" ], - "key": "warning-contrast" + "key": "danger-contrast" }, "values": [ { @@ -2455,7 +2455,7 @@ "color", "palette" ], - "key": "yellow-900" + "key": "red-900" } }, { @@ -2466,7 +2466,7 @@ "color", "palette" ], - "key": "yellow-900" + "key": "red-900" } } ] @@ -2479,7 +2479,7 @@ "color", "fg" ], - "key": "informative" + "key": "informative-contrast" }, "values": [ { @@ -2490,7 +2490,7 @@ "color", "palette" ], - "key": "blue-700" + "key": "blue-900" } }, { @@ -2501,7 +2501,7 @@ "color", "palette" ], - "key": "blue-700" + "key": "blue-900" } } ] @@ -2514,7 +2514,7 @@ "color", "fg" ], - "key": "informative-contrast" + "key": "magic-contrast" }, "values": [ { @@ -2525,7 +2525,7 @@ "color", "palette" ], - "key": "blue-900" + "key": "purple-900" } }, { @@ -2536,7 +2536,7 @@ "color", "palette" ], - "key": "blue-900" + "key": "purple-900" } } ] @@ -2549,7 +2549,7 @@ "color", "fg" ], - "key": "placeholder" + "key": "neutral-muted" }, "values": [ { @@ -2560,7 +2560,7 @@ "color", "palette" ], - "key": "gray-600" + "key": "gray-800" } }, { @@ -2571,7 +2571,7 @@ "color", "palette" ], - "key": "gray-600" + "key": "gray-800" } } ] @@ -2584,7 +2584,7 @@ "color", "fg" ], - "key": "disabled" + "key": "neutral-subtle" }, "values": [ { @@ -2595,7 +2595,7 @@ "color", "palette" ], - "key": "gray-500" + "key": "gray-700" } }, { @@ -2606,7 +2606,7 @@ "color", "palette" ], - "key": "gray-500" + "key": "gray-700" } } ] @@ -2619,7 +2619,7 @@ "color", "fg" ], - "key": "brand" + "key": "neutral-inverted" }, "values": [ { @@ -2630,7 +2630,7 @@ "color", "palette" ], - "key": "carrot-600" + "key": "gray-00" } }, { @@ -2641,7 +2641,7 @@ "color", "palette" ], - "key": "carrot-700" + "key": "gray-100" } } ] @@ -2654,7 +2654,7 @@ "color", "fg" ], - "key": "magic" + "key": "positive-contrast" }, "values": [ { @@ -2665,7 +2665,7 @@ "color", "palette" ], - "key": "purple-700" + "key": "green-900" } }, { @@ -2676,7 +2676,7 @@ "color", "palette" ], - "key": "purple-700" + "key": "green-900" } } ] @@ -2689,7 +2689,7 @@ "color", "fg" ], - "key": "magic-contrast" + "key": "warning-contrast" }, "values": [ { @@ -2700,7 +2700,7 @@ "color", "palette" ], - "key": "purple-900" + "key": "yellow-900" } }, { @@ -2711,7 +2711,7 @@ "color", "palette" ], - "key": "purple-900" + "key": "yellow-900" } } ] @@ -2724,7 +2724,7 @@ "color", "bg" ], - "key": "positive-weak" + "key": "overlay" }, "values": [ { @@ -2735,7 +2735,7 @@ "color", "palette" ], - "key": "green-100" + "key": "static-black-alpha-500" } }, { @@ -2746,7 +2746,7 @@ "color", "palette" ], - "key": "green-100" + "key": "static-black-alpha-500" } } ] @@ -2759,7 +2759,7 @@ "color", "bg" ], - "key": "positive-solid" + "key": "disabled" }, "values": [ { @@ -2770,7 +2770,7 @@ "color", "palette" ], - "key": "green-700" + "key": "gray-200" } }, { @@ -2781,7 +2781,7 @@ "color", "palette" ], - "key": "green-500" + "key": "gray-200" } } ] @@ -2794,7 +2794,7 @@ "color", "bg" ], - "key": "warning-solid" + "key": "brand-weak" }, "values": [ { @@ -2805,7 +2805,7 @@ "color", "palette" ], - "key": "yellow-300" + "key": "carrot-100" } }, { @@ -2816,7 +2816,7 @@ "color", "palette" ], - "key": "yellow-600" + "key": "carrot-200" } } ] @@ -2829,7 +2829,7 @@ "color", "bg" ], - "key": "warning-weak" + "key": "brand-solid" }, "values": [ { @@ -2840,7 +2840,7 @@ "color", "palette" ], - "key": "yellow-100" + "key": "carrot-600" } }, { @@ -2851,7 +2851,7 @@ "color", "palette" ], - "key": "yellow-100" + "key": "carrot-700" } } ] @@ -2864,7 +2864,7 @@ "color", "bg" ], - "key": "danger-weak" + "key": "brand-solid-pressed" }, "values": [ { @@ -2875,7 +2875,7 @@ "color", "palette" ], - "key": "red-100" + "key": "carrot-700" } }, { @@ -2886,7 +2886,7 @@ "color", "palette" ], - "key": "red-100" + "key": "carrot-800" } } ] @@ -2899,7 +2899,7 @@ "color", "bg" ], - "key": "danger-solid" + "key": "brand-weak-pressed" }, "values": [ { @@ -2910,7 +2910,7 @@ "color", "palette" ], - "key": "red-700" + "key": "carrot-200" } }, { @@ -2921,7 +2921,7 @@ "color", "palette" ], - "key": "red-600" + "key": "carrot-300" } } ] @@ -2934,7 +2934,7 @@ "color", "bg" ], - "key": "danger-solid-pressed" + "key": "danger-weak" }, "values": [ { @@ -2945,7 +2945,7 @@ "color", "palette" ], - "key": "red-800" + "key": "red-100" } }, { @@ -2956,7 +2956,7 @@ "color", "palette" ], - "key": "red-700" + "key": "red-100" } } ] @@ -2969,7 +2969,7 @@ "color", "bg" ], - "key": "brand-weak" + "key": "danger-solid" }, "values": [ { @@ -2980,7 +2980,7 @@ "color", "palette" ], - "key": "carrot-100" + "key": "red-700" } }, { @@ -2991,7 +2991,7 @@ "color", "palette" ], - "key": "carrot-200" + "key": "red-600" } } ] @@ -3004,7 +3004,7 @@ "color", "bg" ], - "key": "brand-solid" + "key": "danger-solid-pressed" }, "values": [ { @@ -3015,7 +3015,7 @@ "color", "palette" ], - "key": "carrot-600" + "key": "red-800" } }, { @@ -3026,7 +3026,7 @@ "color", "palette" ], - "key": "carrot-700" + "key": "red-700" } } ] @@ -3039,7 +3039,7 @@ "color", "bg" ], - "key": "brand-solid-pressed" + "key": "danger-weak-pressed" }, "values": [ { @@ -3050,7 +3050,7 @@ "color", "palette" ], - "key": "carrot-700" + "key": "red-200" } }, { @@ -3061,7 +3061,7 @@ "color", "palette" ], - "key": "carrot-800" + "key": "red-200" } } ] @@ -3074,7 +3074,7 @@ "color", "bg" ], - "key": "brand-weak-pressed" + "key": "informative-weak" }, "values": [ { @@ -3085,7 +3085,7 @@ "color", "palette" ], - "key": "carrot-200" + "key": "blue-100" } }, { @@ -3096,7 +3096,7 @@ "color", "palette" ], - "key": "carrot-300" + "key": "blue-100" } } ] @@ -3109,7 +3109,7 @@ "color", "bg" ], - "key": "layer-default" + "key": "informative-solid" }, "values": [ { @@ -3120,7 +3120,7 @@ "color", "palette" ], - "key": "gray-00" + "key": "blue-700" } }, { @@ -3131,7 +3131,7 @@ "color", "palette" ], - "key": "gray-00" + "key": "blue-600" } } ] @@ -3144,7 +3144,7 @@ "color", "bg" ], - "key": "layer-default-pressed" + "key": "informative-solid-pressed" }, "values": [ { @@ -3155,7 +3155,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "blue-800" } }, { @@ -3166,7 +3166,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "blue-700" } } ] @@ -3179,7 +3179,7 @@ "color", "bg" ], - "key": "layer-fill" + "key": "informative-weak-pressed" }, "values": [ { @@ -3190,7 +3190,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "blue-200" } }, { @@ -3201,7 +3201,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "blue-200" } } ] @@ -3214,7 +3214,7 @@ "color", "bg" ], - "key": "neutral-weak" + "key": "layer-default" }, "values": [ { @@ -3225,7 +3225,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "gray-00" } }, { @@ -3236,7 +3236,7 @@ "color", "palette" ], - "key": "gray-300" + "key": "gray-00" } } ] @@ -3249,7 +3249,7 @@ "color", "bg" ], - "key": "neutral-inverted" + "key": "layer-fill" }, "values": [ { @@ -3260,7 +3260,7 @@ "color", "palette" ], - "key": "gray-900" + "key": "gray-100" } }, { @@ -3271,7 +3271,7 @@ "color", "palette" ], - "key": "gray-1000" + "key": "gray-100" } } ] @@ -3284,7 +3284,7 @@ "color", "bg" ], - "key": "neutral-weak-pressed" + "key": "layer-basement" }, "values": [ { @@ -3295,7 +3295,7 @@ "color", "palette" ], - "key": "gray-300" + "key": "gray-200" } }, { @@ -3306,7 +3306,7 @@ "color", "palette" ], - "key": "gray-400" + "key": "gray-100" } } ] @@ -3319,7 +3319,7 @@ "color", "bg" ], - "key": "informative-weak" + "key": "layer-floating" }, "values": [ { @@ -3330,7 +3330,7 @@ "color", "palette" ], - "key": "blue-100" + "key": "gray-00" } }, { @@ -3341,7 +3341,7 @@ "color", "palette" ], - "key": "blue-100" + "key": "gray-100" } } ] @@ -3354,7 +3354,7 @@ "color", "bg" ], - "key": "overlay" + "key": "layer-default-pressed" }, "values": [ { @@ -3365,7 +3365,7 @@ "color", "palette" ], - "key": "static-black-alpha-500" + "key": "gray-100" } }, { @@ -3376,7 +3376,7 @@ "color", "palette" ], - "key": "static-black-alpha-500" + "key": "gray-200" } } ] @@ -3389,7 +3389,7 @@ "color", "bg" ], - "key": "overlay-muted" + "key": "layer-floating-pressed" }, "values": [ { @@ -3400,7 +3400,7 @@ "color", "palette" ], - "key": "static-black-alpha-200" + "key": "gray-100" } }, { @@ -3411,7 +3411,7 @@ "color", "palette" ], - "key": "static-black-alpha-200" + "key": "gray-300" } } ] @@ -3424,7 +3424,7 @@ "color", "bg" ], - "key": "layer-basement" + "key": "magic-solid" }, "values": [ { @@ -3435,7 +3435,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "purple-700" } }, { @@ -3446,7 +3446,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "purple-600" } } ] @@ -3459,7 +3459,7 @@ "color", "bg" ], - "key": "layer-floating" + "key": "magic-weak" }, "values": [ { @@ -3470,7 +3470,7 @@ "color", "palette" ], - "key": "gray-00" + "key": "purple-100" } }, { @@ -3481,7 +3481,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "purple-100" } } ] @@ -3494,7 +3494,7 @@ "color", "bg" ], - "key": "neutral-inverted-pressed" + "key": "magic-solid-pressed" }, "values": [ { @@ -3505,7 +3505,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "purple-800" } }, { @@ -3516,7 +3516,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "purple-700" } } ] @@ -3529,7 +3529,7 @@ "color", "bg" ], - "key": "disabled" + "key": "magic-weak-pressed" }, "values": [ { @@ -3540,7 +3540,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "purple-200" } }, { @@ -3551,7 +3551,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "purple-200" } } ] @@ -3564,7 +3564,7 @@ "color", "bg" ], - "key": "layer-floating-pressed" + "key": "neutral-weak" }, "values": [ { @@ -3575,7 +3575,7 @@ "color", "palette" ], - "key": "gray-100" + "key": "gray-200" } }, { @@ -3599,7 +3599,7 @@ "color", "bg" ], - "key": "informative-weak-pressed" + "key": "neutral-inverted" }, "values": [ { @@ -3610,7 +3610,7 @@ "color", "palette" ], - "key": "blue-200" + "key": "gray-900" } }, { @@ -3621,7 +3621,7 @@ "color", "palette" ], - "key": "blue-200" + "key": "gray-1000" } } ] @@ -3634,7 +3634,7 @@ "color", "bg" ], - "key": "warning-weak-pressed" + "key": "neutral-solid" }, "values": [ { @@ -3645,7 +3645,7 @@ "color", "palette" ], - "key": "yellow-200" + "key": "gray-1000" } }, { @@ -3656,7 +3656,7 @@ "color", "palette" ], - "key": "yellow-200" + "key": "gray-300" } } ] @@ -3669,7 +3669,7 @@ "color", "bg" ], - "key": "danger-weak-pressed" + "key": "neutral-inverted-pressed" }, "values": [ { @@ -3680,7 +3680,7 @@ "color", "palette" ], - "key": "red-200" + "key": "gray-800" } }, { @@ -3691,7 +3691,7 @@ "color", "palette" ], - "key": "red-200" + "key": "gray-800" } } ] @@ -3704,7 +3704,7 @@ "color", "bg" ], - "key": "informative-solid" + "key": "neutral-solid-muted" }, "values": [ { @@ -3715,7 +3715,7 @@ "color", "palette" ], - "key": "blue-700" + "key": "gray-800" } }, { @@ -3726,7 +3726,7 @@ "color", "palette" ], - "key": "blue-600" + "key": "gray-400" } } ] @@ -3739,7 +3739,7 @@ "color", "bg" ], - "key": "positive-weak-pressed" + "key": "neutral-solid-muted-pressed" }, "values": [ { @@ -3750,7 +3750,7 @@ "color", "palette" ], - "key": "green-200" + "key": "gray-900" } }, { @@ -3761,7 +3761,7 @@ "color", "palette" ], - "key": "green-200" + "key": "gray-500" } } ] @@ -3774,7 +3774,7 @@ "color", "bg" ], - "key": "informative-solid-pressed" + "key": "neutral-weak-pressed" }, "values": [ { @@ -3785,7 +3785,7 @@ "color", "palette" ], - "key": "blue-800" + "key": "gray-300" } }, { @@ -3796,7 +3796,7 @@ "color", "palette" ], - "key": "blue-700" + "key": "gray-400" } } ] @@ -3809,7 +3809,7 @@ "color", "bg" ], - "key": "positive-solid-pressed" + "key": "overlay-muted" }, "values": [ { @@ -3820,7 +3820,7 @@ "color", "palette" ], - "key": "green-800" + "key": "static-black-alpha-200" } }, { @@ -3831,7 +3831,7 @@ "color", "palette" ], - "key": "green-500" + "key": "static-black-alpha-200" } } ] @@ -3844,7 +3844,7 @@ "color", "bg" ], - "key": "magic-solid" + "key": "positive-weak" }, "values": [ { @@ -3855,7 +3855,7 @@ "color", "palette" ], - "key": "purple-700" + "key": "green-100" } }, { @@ -3866,7 +3866,7 @@ "color", "palette" ], - "key": "purple-600" + "key": "green-100" } } ] @@ -3879,7 +3879,7 @@ "color", "bg" ], - "key": "magic-solid-pressed" + "key": "positive-solid" }, "values": [ { @@ -3890,7 +3890,7 @@ "color", "palette" ], - "key": "purple-800" + "key": "green-700" } }, { @@ -3901,7 +3901,7 @@ "color", "palette" ], - "key": "purple-700" + "key": "green-500" } } ] @@ -3914,7 +3914,7 @@ "color", "bg" ], - "key": "magic-weak" + "key": "positive-solid-pressed" }, "values": [ { @@ -3925,7 +3925,7 @@ "color", "palette" ], - "key": "purple-100" + "key": "green-800" } }, { @@ -3936,7 +3936,7 @@ "color", "palette" ], - "key": "purple-100" + "key": "green-500" } } ] @@ -3949,7 +3949,7 @@ "color", "bg" ], - "key": "magic-weak-pressed" + "key": "positive-weak-pressed" }, "values": [ { @@ -3960,7 +3960,7 @@ "color", "palette" ], - "key": "purple-200" + "key": "green-200" } }, { @@ -3971,7 +3971,7 @@ "color", "palette" ], - "key": "purple-200" + "key": "green-200" } } ] @@ -3984,7 +3984,7 @@ "color", "bg" ], - "key": "neutral-solid-muted" + "key": "warning-solid" }, "values": [ { @@ -3995,7 +3995,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "yellow-300" } }, { @@ -4006,7 +4006,7 @@ "color", "palette" ], - "key": "gray-400" + "key": "yellow-600" } } ] @@ -4019,7 +4019,7 @@ "color", "bg" ], - "key": "neutral-solid" + "key": "warning-weak" }, "values": [ { @@ -4030,7 +4030,7 @@ "color", "palette" ], - "key": "gray-1000" + "key": "yellow-100" } }, { @@ -4041,7 +4041,7 @@ "color", "palette" ], - "key": "gray-300" + "key": "yellow-100" } } ] @@ -4054,7 +4054,7 @@ "color", "bg" ], - "key": "neutral-solid-muted-pressed" + "key": "warning-weak-pressed" }, "values": [ { @@ -4065,7 +4065,7 @@ "color", "palette" ], - "key": "gray-900" + "key": "yellow-200" } }, { @@ -4076,7 +4076,7 @@ "color", "palette" ], - "key": "gray-500" + "key": "yellow-200" } } ] @@ -4194,7 +4194,7 @@ "color", "stroke" ], - "key": "field-focused" + "key": "control" }, "values": [ { @@ -4205,7 +4205,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "gray-400" } }, { @@ -4216,7 +4216,7 @@ "color", "palette" ], - "key": "gray-800" + "key": "gray-400" } } ] @@ -4229,7 +4229,7 @@ "color", "stroke" ], - "key": "control" + "key": "danger" }, "values": [ { @@ -4240,7 +4240,7 @@ "color", "palette" ], - "key": "gray-400" + "key": "red-300" } }, { @@ -4251,7 +4251,7 @@ "color", "palette" ], - "key": "gray-400" + "key": "red-300" } } ] @@ -4264,7 +4264,7 @@ "color", "stroke" ], - "key": "neutral-muted" + "key": "positive" }, "values": [ { @@ -4275,7 +4275,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "green-300" } }, { @@ -4286,7 +4286,7 @@ "color", "palette" ], - "key": "gray-200" + "key": "green-300" } } ] @@ -4299,7 +4299,7 @@ "color", "stroke" ], - "key": "danger" + "key": "informative" }, "values": [ { @@ -4310,7 +4310,7 @@ "color", "palette" ], - "key": "red-300" + "key": "blue-300" } }, { @@ -4321,7 +4321,7 @@ "color", "palette" ], - "key": "red-300" + "key": "blue-300" } } ] @@ -4334,7 +4334,7 @@ "color", "stroke" ], - "key": "positive" + "key": "field-focused" }, "values": [ { @@ -4345,7 +4345,7 @@ "color", "palette" ], - "key": "green-300" + "key": "gray-800" } }, { @@ -4356,7 +4356,7 @@ "color", "palette" ], - "key": "green-300" + "key": "gray-800" } } ] @@ -4369,7 +4369,7 @@ "color", "stroke" ], - "key": "informative" + "key": "neutral-muted" }, "values": [ { @@ -4380,7 +4380,7 @@ "color", "palette" ], - "key": "blue-300" + "key": "gray-200" } }, { @@ -4391,7 +4391,7 @@ "color", "palette" ], - "key": "blue-300" + "key": "gray-200" } } ] @@ -10910,7 +10910,7 @@ "type": "token", "group": [ "color", - "fg" + "stroke" ], "key": "informative" } diff --git a/packages/rootage/components/badge.yaml b/packages/rootage/components/badge.yaml index aab411fd2..570b2b75c 100644 --- a/packages/rootage/components/badge.yaml +++ b/packages/rootage/components/badge.yaml @@ -99,7 +99,7 @@ data: tone=informative, variant=outlined: enabled: root: - strokeColor: $color.fg.informative + strokeColor: $color.stroke.informative label: color: $color.fg.informative tone=positive, variant=weak: diff --git a/packages/rootage/components/schema.json b/packages/rootage/components/schema.json index d24a8a366..b4fa5ee43 100644 --- a/packages/rootage/components/schema.json +++ b/packages/rootage/components/schema.json @@ -184,6 +184,26 @@ "tokenRef": { "type": "string", "anyOf": [ + { "const": "$color.palette.blue-100", "title": "$color.palette.blue-100", "description": "theme-light: #eff6ff\ntheme-dark: #202742", "markdownDescription": "- theme-light: `#eff6ff`\n\n- theme-dark: `#202742`" }, + { "const": "$color.palette.blue-200", "title": "$color.palette.blue-200", "description": "theme-light: #e2edfc\ntheme-dark: #1e3352", "markdownDescription": "- theme-light: `#e2edfc`\n\n- theme-dark: `#1e3352`" }, + { "const": "$color.palette.blue-300", "title": "$color.palette.blue-300", "description": "theme-light: #cbdffa\ntheme-dark: #1a4275", "markdownDescription": "- theme-light: `#cbdffa`\n\n- theme-dark: `#1a4275`" }, + { "const": "$color.palette.blue-400", "title": "$color.palette.blue-400", "description": "theme-light: #aacefd\ntheme-dark: #0f559e", "markdownDescription": "- theme-light: `#aacefd`\n\n- theme-dark: `#0f559e`" }, + { "const": "$color.palette.blue-500", "title": "$color.palette.blue-500", "description": "theme-light: #85b8fd\ntheme-dark: #1964d8", "markdownDescription": "- theme-light: `#85b8fd`\n\n- theme-dark: `#1964d8`" }, + { "const": "$color.palette.blue-600", "title": "$color.palette.blue-600", "description": "theme-light: #5e98fe\ntheme-dark: #1e82eb", "markdownDescription": "- theme-light: `#5e98fe`\n\n- theme-dark: `#1e82eb`" }, + { "const": "$color.palette.blue-700", "title": "$color.palette.blue-700", "description": "theme-light: #217cf9\ntheme-dark: #41a2f9", "markdownDescription": "- theme-light: `#217cf9`\n\n- theme-dark: `#41a2f9`" }, + { "const": "$color.palette.blue-800", "title": "$color.palette.blue-800", "description": "theme-light: #135fcd\ntheme-dark: #83bcf9", "markdownDescription": "- theme-light: `#135fcd`\n\n- theme-dark: `#83bcf9`" }, + { "const": "$color.palette.blue-900", "title": "$color.palette.blue-900", "description": "theme-light: #0b4596\ntheme-dark: #b9d7fb", "markdownDescription": "- theme-light: `#0b4596`\n\n- theme-dark: `#b9d7fb`" }, + { "const": "$color.palette.blue-1000", "title": "$color.palette.blue-1000", "description": "theme-light: #032451\ntheme-dark: #e5f0fe", "markdownDescription": "- theme-light: `#032451`\n\n- theme-dark: `#e5f0fe`" }, + { "const": "$color.palette.carrot-100", "title": "$color.palette.carrot-100", "description": "theme-light: #fff2ec\ntheme-dark: #31241f", "markdownDescription": "- theme-light: `#fff2ec`\n\n- theme-dark: `#31241f`" }, + { "const": "$color.palette.carrot-200", "title": "$color.palette.carrot-200", "description": "theme-light: #ffe8db\ntheme-dark: #4b291c", "markdownDescription": "- theme-light: `#ffe8db`\n\n- theme-dark: `#4b291c`" }, + { "const": "$color.palette.carrot-300", "title": "$color.palette.carrot-300", "description": "theme-light: #ffd5c0\ntheme-dark: #6b311c", "markdownDescription": "- theme-light: `#ffd5c0`\n\n- theme-dark: `#6b311c`" }, + { "const": "$color.palette.carrot-400", "title": "$color.palette.carrot-400", "description": "theme-light: #ffb999\ntheme-dark: #923600", "markdownDescription": "- theme-light: `#ffb999`\n\n- theme-dark: `#923600`" }, + { "const": "$color.palette.carrot-500", "title": "$color.palette.carrot-500", "description": "theme-light: #ff9364\ntheme-dark: #bd4201", "markdownDescription": "- theme-light: `#ff9364`\n\n- theme-dark: `#bd4201`" }, + { "const": "$color.palette.carrot-600", "title": "$color.palette.carrot-600", "description": "theme-light: #ff6600\ntheme-dark: #e65200", "markdownDescription": "- theme-light: `#ff6600`\n\n- theme-dark: `#e65200`" }, + { "const": "$color.palette.carrot-700", "title": "$color.palette.carrot-700", "description": "theme-light: #e84500\ntheme-dark: #ff6600", "markdownDescription": "- theme-light: `#e84500`\n\n- theme-dark: `#ff6600`" }, + { "const": "$color.palette.carrot-800", "title": "$color.palette.carrot-800", "description": "theme-light: #b93901\ntheme-dark: #ff9e65", "markdownDescription": "- theme-light: `#b93901`\n\n- theme-dark: `#ff9e65`" }, + { "const": "$color.palette.carrot-900", "title": "$color.palette.carrot-900", "description": "theme-light: #862b00\ntheme-dark: #eecebc", "markdownDescription": "- theme-light: `#862b00`\n\n- theme-dark: `#eecebc`" }, + { "const": "$color.palette.carrot-1000", "title": "$color.palette.carrot-1000", "description": "theme-light: #471601\ntheme-dark: #f4eeea", "markdownDescription": "- theme-light: `#471601`\n\n- theme-dark: `#f4eeea`" }, { "const": "$color.palette.gray-00", "title": "$color.palette.gray-00", "description": "theme-light: #ffffff\ntheme-dark: #121212", "markdownDescription": "- theme-light: `#ffffff`\n\n- theme-dark: `#121212`" }, { "const": "$color.palette.gray-100", "title": "$color.palette.gray-100", "description": "theme-light: #f7f8f9\ntheme-dark: #1a1c20", "markdownDescription": "- theme-light: `#f7f8f9`\n\n- theme-dark: `#1a1c20`" }, { "const": "$color.palette.gray-200", "title": "$color.palette.gray-200", "description": "theme-light: #f3f4f5\ntheme-dark: #25272c", "markdownDescription": "- theme-light: `#f3f4f5`\n\n- theme-dark: `#25272c`" }, @@ -195,36 +215,6 @@ { "const": "$color.palette.gray-800", "title": "$color.palette.gray-800", "description": "theme-light: #555d6d\ntheme-dark: #dcdee3", "markdownDescription": "- theme-light: `#555d6d`\n\n- theme-dark: `#dcdee3`" }, { "const": "$color.palette.gray-900", "title": "$color.palette.gray-900", "description": "theme-light: #2a3038\ntheme-dark: #e9eaec", "markdownDescription": "- theme-light: `#2a3038`\n\n- theme-dark: `#e9eaec`" }, { "const": "$color.palette.gray-1000", "title": "$color.palette.gray-1000", "description": "theme-light: #1a1c20\ntheme-dark: #f3f4f5", "markdownDescription": "- theme-light: `#1a1c20`\n\n- theme-dark: `#f3f4f5`" }, - { "const": "$color.palette.carrot-100", "title": "$color.palette.carrot-100", "description": "theme-light: #fff2ec\ntheme-dark: #31241f", "markdownDescription": "- theme-light: `#fff2ec`\n\n- theme-dark: `#31241f`" }, - { "const": "$color.palette.carrot-200", "title": "$color.palette.carrot-200", "description": "theme-light: #ffe8db\ntheme-dark: #4b291c", "markdownDescription": "- theme-light: `#ffe8db`\n\n- theme-dark: `#4b291c`" }, - { "const": "$color.palette.carrot-300", "title": "$color.palette.carrot-300", "description": "theme-light: #ffd5c0\ntheme-dark: #6b311c", "markdownDescription": "- theme-light: `#ffd5c0`\n\n- theme-dark: `#6b311c`" }, - { "const": "$color.palette.carrot-400", "title": "$color.palette.carrot-400", "description": "theme-light: #ffb999\ntheme-dark: #923600", "markdownDescription": "- theme-light: `#ffb999`\n\n- theme-dark: `#923600`" }, - { "const": "$color.palette.carrot-500", "title": "$color.palette.carrot-500", "description": "theme-light: #ff9364\ntheme-dark: #bd4201", "markdownDescription": "- theme-light: `#ff9364`\n\n- theme-dark: `#bd4201`" }, - { "const": "$color.palette.carrot-600", "title": "$color.palette.carrot-600", "description": "theme-light: #ff6600\ntheme-dark: #e65200", "markdownDescription": "- theme-light: `#ff6600`\n\n- theme-dark: `#e65200`" }, - { "const": "$color.palette.carrot-700", "title": "$color.palette.carrot-700", "description": "theme-light: #e84500\ntheme-dark: #ff6600", "markdownDescription": "- theme-light: `#e84500`\n\n- theme-dark: `#ff6600`" }, - { "const": "$color.palette.carrot-800", "title": "$color.palette.carrot-800", "description": "theme-light: #b93901\ntheme-dark: #ff9e65", "markdownDescription": "- theme-light: `#b93901`\n\n- theme-dark: `#ff9e65`" }, - { "const": "$color.palette.carrot-900", "title": "$color.palette.carrot-900", "description": "theme-light: #862b00\ntheme-dark: #eecebc", "markdownDescription": "- theme-light: `#862b00`\n\n- theme-dark: `#eecebc`" }, - { "const": "$color.palette.carrot-1000", "title": "$color.palette.carrot-1000", "description": "theme-light: #471601\ntheme-dark: #f4eeea", "markdownDescription": "- theme-light: `#471601`\n\n- theme-dark: `#f4eeea`" }, - { "const": "$color.palette.blue-100", "title": "$color.palette.blue-100", "description": "theme-light: #eff6ff\ntheme-dark: #202742", "markdownDescription": "- theme-light: `#eff6ff`\n\n- theme-dark: `#202742`" }, - { "const": "$color.palette.blue-200", "title": "$color.palette.blue-200", "description": "theme-light: #e2edfc\ntheme-dark: #1e3352", "markdownDescription": "- theme-light: `#e2edfc`\n\n- theme-dark: `#1e3352`" }, - { "const": "$color.palette.blue-300", "title": "$color.palette.blue-300", "description": "theme-light: #cbdffa\ntheme-dark: #1a4275", "markdownDescription": "- theme-light: `#cbdffa`\n\n- theme-dark: `#1a4275`" }, - { "const": "$color.palette.blue-400", "title": "$color.palette.blue-400", "description": "theme-light: #aacefd\ntheme-dark: #0f559e", "markdownDescription": "- theme-light: `#aacefd`\n\n- theme-dark: `#0f559e`" }, - { "const": "$color.palette.blue-500", "title": "$color.palette.blue-500", "description": "theme-light: #85b8fd\ntheme-dark: #1964d8", "markdownDescription": "- theme-light: `#85b8fd`\n\n- theme-dark: `#1964d8`" }, - { "const": "$color.palette.blue-600", "title": "$color.palette.blue-600", "description": "theme-light: #5e98fe\ntheme-dark: #1e82eb", "markdownDescription": "- theme-light: `#5e98fe`\n\n- theme-dark: `#1e82eb`" }, - { "const": "$color.palette.blue-700", "title": "$color.palette.blue-700", "description": "theme-light: #217cf9\ntheme-dark: #41a2f9", "markdownDescription": "- theme-light: `#217cf9`\n\n- theme-dark: `#41a2f9`" }, - { "const": "$color.palette.blue-800", "title": "$color.palette.blue-800", "description": "theme-light: #135fcd\ntheme-dark: #83bcf9", "markdownDescription": "- theme-light: `#135fcd`\n\n- theme-dark: `#83bcf9`" }, - { "const": "$color.palette.blue-900", "title": "$color.palette.blue-900", "description": "theme-light: #0b4596\ntheme-dark: #b9d7fb", "markdownDescription": "- theme-light: `#0b4596`\n\n- theme-dark: `#b9d7fb`" }, - { "const": "$color.palette.blue-1000", "title": "$color.palette.blue-1000", "description": "theme-light: #032451\ntheme-dark: #e5f0fe", "markdownDescription": "- theme-light: `#032451`\n\n- theme-dark: `#e5f0fe`" }, - { "const": "$color.palette.red-100", "title": "$color.palette.red-100", "description": "theme-light: #fdf0f0\ntheme-dark: #322323", "markdownDescription": "- theme-light: `#fdf0f0`\n\n- theme-dark: `#322323`" }, - { "const": "$color.palette.red-200", "title": "$color.palette.red-200", "description": "theme-light: #fde7e7\ntheme-dark: #4f2624", "markdownDescription": "- theme-light: `#fde7e7`\n\n- theme-dark: `#4f2624`" }, - { "const": "$color.palette.red-300", "title": "$color.palette.red-300", "description": "theme-light: #fed4d2\ntheme-dark: #742826", "markdownDescription": "- theme-light: `#fed4d2`\n\n- theme-dark: `#742826`" }, - { "const": "$color.palette.red-400", "title": "$color.palette.red-400", "description": "theme-light: #feb7b3\ntheme-dark: #a12621", "markdownDescription": "- theme-light: `#feb7b3`\n\n- theme-dark: `#a12621`" }, - { "const": "$color.palette.red-500", "title": "$color.palette.red-500", "description": "theme-light: #fe928d\ntheme-dark: #ca2319", "markdownDescription": "- theme-light: `#fe928d`\n\n- theme-dark: `#ca2319`" }, - { "const": "$color.palette.red-600", "title": "$color.palette.red-600", "description": "theme-light: #fc6a66\ntheme-dark: #f73526", "markdownDescription": "- theme-light: `#fc6a66`\n\n- theme-dark: `#f73526`" }, - { "const": "$color.palette.red-700", "title": "$color.palette.red-700", "description": "theme-light: #fa342c\ntheme-dark: #ff6e60", "markdownDescription": "- theme-light: `#fa342c`\n\n- theme-dark: `#ff6e60`" }, - { "const": "$color.palette.red-800", "title": "$color.palette.red-800", "description": "theme-light: #ca1d13\ntheme-dark: #ffa299", "markdownDescription": "- theme-light: `#ca1d13`\n\n- theme-dark: `#ffa299`" }, - { "const": "$color.palette.red-900", "title": "$color.palette.red-900", "description": "theme-light: #921708\ntheme-dark: #f8c5c3", "markdownDescription": "- theme-light: `#921708`\n\n- theme-dark: `#f8c5c3`" }, - { "const": "$color.palette.red-1000", "title": "$color.palette.red-1000", "description": "theme-light: #4a1209\ntheme-dark: #fdf2f2", "markdownDescription": "- theme-light: `#4a1209`\n\n- theme-dark: `#fdf2f2`" }, { "const": "$color.palette.green-100", "title": "$color.palette.green-100", "description": "theme-light: #edfaf6\ntheme-dark: #202926", "markdownDescription": "- theme-light: `#edfaf6`\n\n- theme-dark: `#202926`" }, { "const": "$color.palette.green-200", "title": "$color.palette.green-200", "description": "theme-light: #d9f6e9\ntheme-dark: #20362e", "markdownDescription": "- theme-light: `#d9f6e9`\n\n- theme-dark: `#20362e`" }, { "const": "$color.palette.green-300", "title": "$color.palette.green-300", "description": "theme-light: #aeebcc\ntheme-dark: #20493b", "markdownDescription": "- theme-light: `#aeebcc`\n\n- theme-dark: `#20493b`" }, @@ -235,21 +225,6 @@ { "const": "$color.palette.green-800", "title": "$color.palette.green-800", "description": "theme-light: #00745f\ntheme-dark: #35ce9a", "markdownDescription": "- theme-light: `#00745f`\n\n- theme-dark: `#35ce9a`" }, { "const": "$color.palette.green-900", "title": "$color.palette.green-900", "description": "theme-light: #075445\ntheme-dark: #93e5c0", "markdownDescription": "- theme-light: `#075445`\n\n- theme-dark: `#93e5c0`" }, { "const": "$color.palette.green-1000", "title": "$color.palette.green-1000", "description": "theme-light: #0a2b24\ntheme-dark: #d4f6ef", "markdownDescription": "- theme-light: `#0a2b24`\n\n- theme-dark: `#d4f6ef`" }, - { "const": "$color.palette.yellow-100", "title": "$color.palette.yellow-100", "description": "theme-light: #fff7de\ntheme-dark: #302819", "markdownDescription": "- theme-light: `#fff7de`\n\n- theme-dark: `#302819`" }, - { "const": "$color.palette.yellow-200", "title": "$color.palette.yellow-200", "description": "theme-light: #fdefb9\ntheme-dark: #413218", "markdownDescription": "- theme-light: `#fdefb9`\n\n- theme-dark: `#413218`" }, - { "const": "$color.palette.yellow-300", "title": "$color.palette.yellow-300", "description": "theme-light: #fbdc65\ntheme-dark: #543e15", "markdownDescription": "- theme-light: `#fbdc65`\n\n- theme-dark: `#543e15`" }, - { "const": "$color.palette.yellow-400", "title": "$color.palette.yellow-400", "description": "theme-light: #e9c647\ntheme-dark: #714e15", "markdownDescription": "- theme-light: `#e9c647`\n\n- theme-dark: `#714e15`" }, - { "const": "$color.palette.yellow-500", "title": "$color.palette.yellow-500", "description": "theme-light: #d4ab28\ntheme-dark: #91601b", "markdownDescription": "- theme-light: `#d4ab28`\n\n- theme-dark: `#91601b`" }, - { "const": "$color.palette.yellow-600", "title": "$color.palette.yellow-600", "description": "theme-light: #c49725\ntheme-dark: #b6720d", "markdownDescription": "- theme-light: `#c49725`\n\n- theme-dark: `#b6720d`" }, - { "const": "$color.palette.yellow-700", "title": "$color.palette.yellow-700", "description": "theme-light: #9b7821\ntheme-dark: #ca901c", "markdownDescription": "- theme-light: `#9b7821`\n\n- theme-dark: `#ca901c`" }, - { "const": "$color.palette.yellow-800", "title": "$color.palette.yellow-800", "description": "theme-light: #755b22\ntheme-dark: #dab156", "markdownDescription": "- theme-light: `#755b22`\n\n- theme-dark: `#dab156`" }, - { "const": "$color.palette.yellow-900", "title": "$color.palette.yellow-900", "description": "theme-light: #4f3e1f\ntheme-dark: #e5d49b", "markdownDescription": "- theme-light: `#4f3e1f`\n\n- theme-dark: `#e5d49b`" }, - { "const": "$color.palette.yellow-1000", "title": "$color.palette.yellow-1000", "description": "theme-light: #2c2512\ntheme-dark: #f7f0cd", "markdownDescription": "- theme-light: `#2c2512`\n\n- theme-dark: `#f7f0cd`" }, - { "const": "$color.palette.static-black", "title": "$color.palette.static-black", "description": "theme-light: #000000\ntheme-dark: #000000", "markdownDescription": "- theme-light: `#000000`\n\n- theme-dark: `#000000`" }, - { "const": "$color.palette.static-white", "title": "$color.palette.static-white", "description": "theme-light: #ffffff\ntheme-dark: #ffffff", "markdownDescription": "- theme-light: `#ffffff`\n\n- theme-dark: `#ffffff`" }, - { "const": "$color.palette.static-black-alpha-200", "title": "$color.palette.static-black-alpha-200", "description": "theme-light: #00000033\ntheme-dark: #00000033", "markdownDescription": "- theme-light: `#00000033`\n\n- theme-dark: `#00000033`" }, - { "const": "$color.palette.static-black-alpha-500", "title": "$color.palette.static-black-alpha-500", "description": "theme-light: #00000080\ntheme-dark: #00000080", "markdownDescription": "- theme-light: `#00000080`\n\n- theme-dark: `#00000080`" }, - { "const": "$color.palette.static-black-alpha-50", "title": "$color.palette.static-black-alpha-50", "description": "theme-light: #0000000d\ntheme-dark: #0000000d", "markdownDescription": "- theme-light: `#0000000d`\n\n- theme-dark: `#0000000d`" }, { "const": "$color.palette.purple-100", "title": "$color.palette.purple-100", "description": "theme-light: #f5f3fe\ntheme-dark: #28213b", "markdownDescription": "- theme-light: `#f5f3fe`\n\n- theme-dark: `#28213b`" }, { "const": "$color.palette.purple-200", "title": "$color.palette.purple-200", "description": "theme-light: #efeafe\ntheme-dark: #3b2873", "markdownDescription": "- theme-light: `#efeafe`\n\n- theme-dark: `#3b2873`" }, { "const": "$color.palette.purple-300", "title": "$color.palette.purple-300", "description": "theme-light: #e1d8ff\ntheme-dark: #443081", "markdownDescription": "- theme-light: `#e1d8ff`\n\n- theme-dark: `#443081`" }, @@ -260,73 +235,98 @@ { "const": "$color.palette.purple-800", "title": "$color.palette.purple-800", "description": "theme-light: #6d50cb\ntheme-dark: #beadf2", "markdownDescription": "- theme-light: `#6d50cb`\n\n- theme-dark: `#beadf2`" }, { "const": "$color.palette.purple-900", "title": "$color.palette.purple-900", "description": "theme-light: #50379b\ntheme-dark: #d9cefa", "markdownDescription": "- theme-light: `#50379b`\n\n- theme-dark: `#d9cefa`" }, { "const": "$color.palette.purple-1000", "title": "$color.palette.purple-1000", "description": "theme-light: #29175d\ntheme-dark: #f0edfc", "markdownDescription": "- theme-light: `#29175d`\n\n- theme-dark: `#f0edfc`" }, - { "const": "$color.palette.static-white-alpha-800", "title": "$color.palette.static-white-alpha-800", "description": "theme-light: #ffffffcc\ntheme-dark: #ffffffcc", "markdownDescription": "- theme-light: `#ffffffcc`\n\n- theme-dark: `#ffffffcc`" }, + { "const": "$color.palette.red-100", "title": "$color.palette.red-100", "description": "theme-light: #fdf0f0\ntheme-dark: #322323", "markdownDescription": "- theme-light: `#fdf0f0`\n\n- theme-dark: `#322323`" }, + { "const": "$color.palette.red-200", "title": "$color.palette.red-200", "description": "theme-light: #fde7e7\ntheme-dark: #4f2624", "markdownDescription": "- theme-light: `#fde7e7`\n\n- theme-dark: `#4f2624`" }, + { "const": "$color.palette.red-300", "title": "$color.palette.red-300", "description": "theme-light: #fed4d2\ntheme-dark: #742826", "markdownDescription": "- theme-light: `#fed4d2`\n\n- theme-dark: `#742826`" }, + { "const": "$color.palette.red-400", "title": "$color.palette.red-400", "description": "theme-light: #feb7b3\ntheme-dark: #a12621", "markdownDescription": "- theme-light: `#feb7b3`\n\n- theme-dark: `#a12621`" }, + { "const": "$color.palette.red-500", "title": "$color.palette.red-500", "description": "theme-light: #fe928d\ntheme-dark: #ca2319", "markdownDescription": "- theme-light: `#fe928d`\n\n- theme-dark: `#ca2319`" }, + { "const": "$color.palette.red-600", "title": "$color.palette.red-600", "description": "theme-light: #fc6a66\ntheme-dark: #f73526", "markdownDescription": "- theme-light: `#fc6a66`\n\n- theme-dark: `#f73526`" }, + { "const": "$color.palette.red-700", "title": "$color.palette.red-700", "description": "theme-light: #fa342c\ntheme-dark: #ff6e60", "markdownDescription": "- theme-light: `#fa342c`\n\n- theme-dark: `#ff6e60`" }, + { "const": "$color.palette.red-800", "title": "$color.palette.red-800", "description": "theme-light: #ca1d13\ntheme-dark: #ffa299", "markdownDescription": "- theme-light: `#ca1d13`\n\n- theme-dark: `#ffa299`" }, + { "const": "$color.palette.red-900", "title": "$color.palette.red-900", "description": "theme-light: #921708\ntheme-dark: #f8c5c3", "markdownDescription": "- theme-light: `#921708`\n\n- theme-dark: `#f8c5c3`" }, + { "const": "$color.palette.red-1000", "title": "$color.palette.red-1000", "description": "theme-light: #4a1209\ntheme-dark: #fdf2f2", "markdownDescription": "- theme-light: `#4a1209`\n\n- theme-dark: `#fdf2f2`" }, + { "const": "$color.palette.static-black", "title": "$color.palette.static-black", "description": "theme-light: #000000\ntheme-dark: #000000", "markdownDescription": "- theme-light: `#000000`\n\n- theme-dark: `#000000`" }, + { "const": "$color.palette.static-white", "title": "$color.palette.static-white", "description": "theme-light: #ffffff\ntheme-dark: #ffffff", "markdownDescription": "- theme-light: `#ffffff`\n\n- theme-dark: `#ffffff`" }, + { "const": "$color.palette.static-black-alpha-50", "title": "$color.palette.static-black-alpha-50", "description": "theme-light: #0000000d\ntheme-dark: #0000000d", "markdownDescription": "- theme-light: `#0000000d`\n\n- theme-dark: `#0000000d`" }, + { "const": "$color.palette.static-black-alpha-200", "title": "$color.palette.static-black-alpha-200", "description": "theme-light: #00000033\ntheme-dark: #00000033", "markdownDescription": "- theme-light: `#00000033`\n\n- theme-dark: `#00000033`" }, + { "const": "$color.palette.static-black-alpha-500", "title": "$color.palette.static-black-alpha-500", "description": "theme-light: #00000080\ntheme-dark: #00000080", "markdownDescription": "- theme-light: `#00000080`\n\n- theme-dark: `#00000080`" }, { "const": "$color.palette.static-white-alpha-200", "title": "$color.palette.static-white-alpha-200", "description": "theme-light: #ffffff33\ntheme-dark: #ffffff33", "markdownDescription": "- theme-light: `#ffffff33`\n\n- theme-dark: `#ffffff33`" }, + { "const": "$color.palette.static-white-alpha-800", "title": "$color.palette.static-white-alpha-800", "description": "theme-light: #ffffffcc\ntheme-dark: #ffffffcc", "markdownDescription": "- theme-light: `#ffffffcc`\n\n- theme-dark: `#ffffffcc`" }, + { "const": "$color.palette.yellow-100", "title": "$color.palette.yellow-100", "description": "theme-light: #fff7de\ntheme-dark: #302819", "markdownDescription": "- theme-light: `#fff7de`\n\n- theme-dark: `#302819`" }, + { "const": "$color.palette.yellow-200", "title": "$color.palette.yellow-200", "description": "theme-light: #fdefb9\ntheme-dark: #413218", "markdownDescription": "- theme-light: `#fdefb9`\n\n- theme-dark: `#413218`" }, + { "const": "$color.palette.yellow-300", "title": "$color.palette.yellow-300", "description": "theme-light: #fbdc65\ntheme-dark: #543e15", "markdownDescription": "- theme-light: `#fbdc65`\n\n- theme-dark: `#543e15`" }, + { "const": "$color.palette.yellow-400", "title": "$color.palette.yellow-400", "description": "theme-light: #e9c647\ntheme-dark: #714e15", "markdownDescription": "- theme-light: `#e9c647`\n\n- theme-dark: `#714e15`" }, + { "const": "$color.palette.yellow-500", "title": "$color.palette.yellow-500", "description": "theme-light: #d4ab28\ntheme-dark: #91601b", "markdownDescription": "- theme-light: `#d4ab28`\n\n- theme-dark: `#91601b`" }, + { "const": "$color.palette.yellow-600", "title": "$color.palette.yellow-600", "description": "theme-light: #c49725\ntheme-dark: #b6720d", "markdownDescription": "- theme-light: `#c49725`\n\n- theme-dark: `#b6720d`" }, + { "const": "$color.palette.yellow-700", "title": "$color.palette.yellow-700", "description": "theme-light: #9b7821\ntheme-dark: #ca901c", "markdownDescription": "- theme-light: `#9b7821`\n\n- theme-dark: `#ca901c`" }, + { "const": "$color.palette.yellow-800", "title": "$color.palette.yellow-800", "description": "theme-light: #755b22\ntheme-dark: #dab156", "markdownDescription": "- theme-light: `#755b22`\n\n- theme-dark: `#dab156`" }, + { "const": "$color.palette.yellow-900", "title": "$color.palette.yellow-900", "description": "theme-light: #4f3e1f\ntheme-dark: #e5d49b", "markdownDescription": "- theme-light: `#4f3e1f`\n\n- theme-dark: `#e5d49b`" }, + { "const": "$color.palette.yellow-1000", "title": "$color.palette.yellow-1000", "description": "theme-light: #2c2512\ntheme-dark: #f7f0cd", "markdownDescription": "- theme-light: `#2c2512`\n\n- theme-dark: `#f7f0cd`" }, { "const": "$color.fg.neutral", "title": "$color.fg.neutral", "description": "theme-light: $color.palette.gray-1000\ntheme-dark: $color.palette.gray-1000", "markdownDescription": "- theme-light: `$color.palette.gray-1000`\n\n- theme-dark: `$color.palette.gray-1000`" }, - { "const": "$color.fg.neutral-muted", "title": "$color.fg.neutral-muted", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, - { "const": "$color.fg.neutral-subtle", "title": "$color.fg.neutral-subtle", "description": "theme-light: $color.palette.gray-700\ntheme-dark: $color.palette.gray-700", "markdownDescription": "- theme-light: `$color.palette.gray-700`\n\n- theme-dark: `$color.palette.gray-700`" }, - { "const": "$color.fg.neutral-inverted", "title": "$color.fg.neutral-inverted", "description": "theme-light: $color.palette.gray-00\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-00`\n\n- theme-dark: `$color.palette.gray-100`" }, - { "const": "$color.fg.brand-contrast", "title": "$color.fg.brand-contrast", "description": "theme-light: $color.palette.carrot-800\ntheme-dark: $color.palette.carrot-900", "markdownDescription": "- theme-light: `$color.palette.carrot-800`\n\n- theme-dark: `$color.palette.carrot-900`" }, { "const": "$color.fg.danger", "title": "$color.fg.danger", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-700`" }, - { "const": "$color.fg.danger-contrast", "title": "$color.fg.danger-contrast", "description": "theme-light: $color.palette.red-900\ntheme-dark: $color.palette.red-900", "markdownDescription": "- theme-light: `$color.palette.red-900`\n\n- theme-dark: `$color.palette.red-900`" }, { "const": "$color.fg.positive", "title": "$color.fg.positive", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-700", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-700`" }, - { "const": "$color.fg.positive-contrast", "title": "$color.fg.positive-contrast", "description": "theme-light: $color.palette.green-900\ntheme-dark: $color.palette.green-900", "markdownDescription": "- theme-light: `$color.palette.green-900`\n\n- theme-dark: `$color.palette.green-900`" }, - { "const": "$color.fg.warning-contrast", "title": "$color.fg.warning-contrast", "description": "theme-light: $color.palette.yellow-900\ntheme-dark: $color.palette.yellow-900", "markdownDescription": "- theme-light: `$color.palette.yellow-900`\n\n- theme-dark: `$color.palette.yellow-900`" }, { "const": "$color.fg.informative", "title": "$color.fg.informative", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-700`" }, - { "const": "$color.fg.informative-contrast", "title": "$color.fg.informative-contrast", "description": "theme-light: $color.palette.blue-900\ntheme-dark: $color.palette.blue-900", "markdownDescription": "- theme-light: `$color.palette.blue-900`\n\n- theme-dark: `$color.palette.blue-900`" }, { "const": "$color.fg.placeholder", "title": "$color.fg.placeholder", "description": "theme-light: $color.palette.gray-600\ntheme-dark: $color.palette.gray-600", "markdownDescription": "- theme-light: `$color.palette.gray-600`\n\n- theme-dark: `$color.palette.gray-600`" }, { "const": "$color.fg.disabled", "title": "$color.fg.disabled", "description": "theme-light: $color.palette.gray-500\ntheme-dark: $color.palette.gray-500", "markdownDescription": "- theme-light: `$color.palette.gray-500`\n\n- theme-dark: `$color.palette.gray-500`" }, { "const": "$color.fg.brand", "title": "$color.fg.brand", "description": "theme-light: $color.palette.carrot-600\ntheme-dark: $color.palette.carrot-700", "markdownDescription": "- theme-light: `$color.palette.carrot-600`\n\n- theme-dark: `$color.palette.carrot-700`" }, { "const": "$color.fg.magic", "title": "$color.fg.magic", "description": "theme-light: $color.palette.purple-700\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-700`\n\n- theme-dark: `$color.palette.purple-700`" }, + { "const": "$color.fg.brand-contrast", "title": "$color.fg.brand-contrast", "description": "theme-light: $color.palette.carrot-800\ntheme-dark: $color.palette.carrot-900", "markdownDescription": "- theme-light: `$color.palette.carrot-800`\n\n- theme-dark: `$color.palette.carrot-900`" }, + { "const": "$color.fg.danger-contrast", "title": "$color.fg.danger-contrast", "description": "theme-light: $color.palette.red-900\ntheme-dark: $color.palette.red-900", "markdownDescription": "- theme-light: `$color.palette.red-900`\n\n- theme-dark: `$color.palette.red-900`" }, + { "const": "$color.fg.informative-contrast", "title": "$color.fg.informative-contrast", "description": "theme-light: $color.palette.blue-900\ntheme-dark: $color.palette.blue-900", "markdownDescription": "- theme-light: `$color.palette.blue-900`\n\n- theme-dark: `$color.palette.blue-900`" }, { "const": "$color.fg.magic-contrast", "title": "$color.fg.magic-contrast", "description": "theme-light: $color.palette.purple-900\ntheme-dark: $color.palette.purple-900", "markdownDescription": "- theme-light: `$color.palette.purple-900`\n\n- theme-dark: `$color.palette.purple-900`" }, - { "const": "$color.bg.positive-weak", "title": "$color.bg.positive-weak", "description": "theme-light: $color.palette.green-100\ntheme-dark: $color.palette.green-100", "markdownDescription": "- theme-light: `$color.palette.green-100`\n\n- theme-dark: `$color.palette.green-100`" }, - { "const": "$color.bg.positive-solid", "title": "$color.bg.positive-solid", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-500`" }, - { "const": "$color.bg.warning-solid", "title": "$color.bg.warning-solid", "description": "theme-light: $color.palette.yellow-300\ntheme-dark: $color.palette.yellow-600", "markdownDescription": "- theme-light: `$color.palette.yellow-300`\n\n- theme-dark: `$color.palette.yellow-600`" }, - { "const": "$color.bg.warning-weak", "title": "$color.bg.warning-weak", "description": "theme-light: $color.palette.yellow-100\ntheme-dark: $color.palette.yellow-100", "markdownDescription": "- theme-light: `$color.palette.yellow-100`\n\n- theme-dark: `$color.palette.yellow-100`" }, - { "const": "$color.bg.danger-weak", "title": "$color.bg.danger-weak", "description": "theme-light: $color.palette.red-100\ntheme-dark: $color.palette.red-100", "markdownDescription": "- theme-light: `$color.palette.red-100`\n\n- theme-dark: `$color.palette.red-100`" }, - { "const": "$color.bg.danger-solid", "title": "$color.bg.danger-solid", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-600`" }, - { "const": "$color.bg.danger-solid-pressed", "title": "$color.bg.danger-solid-pressed", "description": "theme-light: $color.palette.red-800\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-800`\n\n- theme-dark: `$color.palette.red-700`" }, + { "const": "$color.fg.neutral-muted", "title": "$color.fg.neutral-muted", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, + { "const": "$color.fg.neutral-subtle", "title": "$color.fg.neutral-subtle", "description": "theme-light: $color.palette.gray-700\ntheme-dark: $color.palette.gray-700", "markdownDescription": "- theme-light: `$color.palette.gray-700`\n\n- theme-dark: `$color.palette.gray-700`" }, + { "const": "$color.fg.neutral-inverted", "title": "$color.fg.neutral-inverted", "description": "theme-light: $color.palette.gray-00\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-00`\n\n- theme-dark: `$color.palette.gray-100`" }, + { "const": "$color.fg.positive-contrast", "title": "$color.fg.positive-contrast", "description": "theme-light: $color.palette.green-900\ntheme-dark: $color.palette.green-900", "markdownDescription": "- theme-light: `$color.palette.green-900`\n\n- theme-dark: `$color.palette.green-900`" }, + { "const": "$color.fg.warning-contrast", "title": "$color.fg.warning-contrast", "description": "theme-light: $color.palette.yellow-900\ntheme-dark: $color.palette.yellow-900", "markdownDescription": "- theme-light: `$color.palette.yellow-900`\n\n- theme-dark: `$color.palette.yellow-900`" }, + { "const": "$color.bg.overlay", "title": "$color.bg.overlay", "description": "theme-light: $color.palette.static-black-alpha-500\ntheme-dark: $color.palette.static-black-alpha-500", "markdownDescription": "- theme-light: `$color.palette.static-black-alpha-500`\n\n- theme-dark: `$color.palette.static-black-alpha-500`" }, + { "const": "$color.bg.disabled", "title": "$color.bg.disabled", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" }, { "const": "$color.bg.brand-weak", "title": "$color.bg.brand-weak", "description": "theme-light: $color.palette.carrot-100\ntheme-dark: $color.palette.carrot-200", "markdownDescription": "- theme-light: `$color.palette.carrot-100`\n\n- theme-dark: `$color.palette.carrot-200`" }, { "const": "$color.bg.brand-solid", "title": "$color.bg.brand-solid", "description": "theme-light: $color.palette.carrot-600\ntheme-dark: $color.palette.carrot-700", "markdownDescription": "- theme-light: `$color.palette.carrot-600`\n\n- theme-dark: `$color.palette.carrot-700`" }, { "const": "$color.bg.brand-solid-pressed", "title": "$color.bg.brand-solid-pressed", "description": "theme-light: $color.palette.carrot-700\ntheme-dark: $color.palette.carrot-800", "markdownDescription": "- theme-light: `$color.palette.carrot-700`\n\n- theme-dark: `$color.palette.carrot-800`" }, { "const": "$color.bg.brand-weak-pressed", "title": "$color.bg.brand-weak-pressed", "description": "theme-light: $color.palette.carrot-200\ntheme-dark: $color.palette.carrot-300", "markdownDescription": "- theme-light: `$color.palette.carrot-200`\n\n- theme-dark: `$color.palette.carrot-300`" }, + { "const": "$color.bg.danger-weak", "title": "$color.bg.danger-weak", "description": "theme-light: $color.palette.red-100\ntheme-dark: $color.palette.red-100", "markdownDescription": "- theme-light: `$color.palette.red-100`\n\n- theme-dark: `$color.palette.red-100`" }, + { "const": "$color.bg.danger-solid", "title": "$color.bg.danger-solid", "description": "theme-light: $color.palette.red-700\ntheme-dark: $color.palette.red-600", "markdownDescription": "- theme-light: `$color.palette.red-700`\n\n- theme-dark: `$color.palette.red-600`" }, + { "const": "$color.bg.danger-solid-pressed", "title": "$color.bg.danger-solid-pressed", "description": "theme-light: $color.palette.red-800\ntheme-dark: $color.palette.red-700", "markdownDescription": "- theme-light: `$color.palette.red-800`\n\n- theme-dark: `$color.palette.red-700`" }, + { "const": "$color.bg.danger-weak-pressed", "title": "$color.bg.danger-weak-pressed", "description": "theme-light: $color.palette.red-200\ntheme-dark: $color.palette.red-200", "markdownDescription": "- theme-light: `$color.palette.red-200`\n\n- theme-dark: `$color.palette.red-200`" }, + { "const": "$color.bg.informative-weak", "title": "$color.bg.informative-weak", "description": "theme-light: $color.palette.blue-100\ntheme-dark: $color.palette.blue-100", "markdownDescription": "- theme-light: `$color.palette.blue-100`\n\n- theme-dark: `$color.palette.blue-100`" }, + { "const": "$color.bg.informative-solid", "title": "$color.bg.informative-solid", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-600", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-600`" }, + { "const": "$color.bg.informative-solid-pressed", "title": "$color.bg.informative-solid-pressed", "description": "theme-light: $color.palette.blue-800\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-800`\n\n- theme-dark: `$color.palette.blue-700`" }, + { "const": "$color.bg.informative-weak-pressed", "title": "$color.bg.informative-weak-pressed", "description": "theme-light: $color.palette.blue-200\ntheme-dark: $color.palette.blue-200", "markdownDescription": "- theme-light: `$color.palette.blue-200`\n\n- theme-dark: `$color.palette.blue-200`" }, { "const": "$color.bg.layer-default", "title": "$color.bg.layer-default", "description": "theme-light: $color.palette.gray-00\ntheme-dark: $color.palette.gray-00", "markdownDescription": "- theme-light: `$color.palette.gray-00`\n\n- theme-dark: `$color.palette.gray-00`" }, - { "const": "$color.bg.layer-default-pressed", "title": "$color.bg.layer-default-pressed", "description": "theme-light: $color.palette.gray-100\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-100`\n\n- theme-dark: `$color.palette.gray-200`" }, { "const": "$color.bg.layer-fill", "title": "$color.bg.layer-fill", "description": "theme-light: $color.palette.gray-100\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-100`\n\n- theme-dark: `$color.palette.gray-100`" }, - { "const": "$color.bg.neutral-weak", "title": "$color.bg.neutral-weak", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-300`" }, - { "const": "$color.bg.neutral-inverted", "title": "$color.bg.neutral-inverted", "description": "theme-light: $color.palette.gray-900\ntheme-dark: $color.palette.gray-1000", "markdownDescription": "- theme-light: `$color.palette.gray-900`\n\n- theme-dark: `$color.palette.gray-1000`" }, - { "const": "$color.bg.neutral-weak-pressed", "title": "$color.bg.neutral-weak-pressed", "description": "theme-light: $color.palette.gray-300\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-300`\n\n- theme-dark: `$color.palette.gray-400`" }, - { "const": "$color.bg.informative-weak", "title": "$color.bg.informative-weak", "description": "theme-light: $color.palette.blue-100\ntheme-dark: $color.palette.blue-100", "markdownDescription": "- theme-light: `$color.palette.blue-100`\n\n- theme-dark: `$color.palette.blue-100`" }, - { "const": "$color.bg.overlay", "title": "$color.bg.overlay", "description": "theme-light: $color.palette.static-black-alpha-500\ntheme-dark: $color.palette.static-black-alpha-500", "markdownDescription": "- theme-light: `$color.palette.static-black-alpha-500`\n\n- theme-dark: `$color.palette.static-black-alpha-500`" }, - { "const": "$color.bg.overlay-muted", "title": "$color.bg.overlay-muted", "description": "theme-light: $color.palette.static-black-alpha-200\ntheme-dark: $color.palette.static-black-alpha-200", "markdownDescription": "- theme-light: `$color.palette.static-black-alpha-200`\n\n- theme-dark: `$color.palette.static-black-alpha-200`" }, { "const": "$color.bg.layer-basement", "title": "$color.bg.layer-basement", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-100`" }, { "const": "$color.bg.layer-floating", "title": "$color.bg.layer-floating", "description": "theme-light: $color.palette.gray-00\ntheme-dark: $color.palette.gray-100", "markdownDescription": "- theme-light: `$color.palette.gray-00`\n\n- theme-dark: `$color.palette.gray-100`" }, - { "const": "$color.bg.neutral-inverted-pressed", "title": "$color.bg.neutral-inverted-pressed", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, - { "const": "$color.bg.disabled", "title": "$color.bg.disabled", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" }, + { "const": "$color.bg.layer-default-pressed", "title": "$color.bg.layer-default-pressed", "description": "theme-light: $color.palette.gray-100\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-100`\n\n- theme-dark: `$color.palette.gray-200`" }, { "const": "$color.bg.layer-floating-pressed", "title": "$color.bg.layer-floating-pressed", "description": "theme-light: $color.palette.gray-100\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-100`\n\n- theme-dark: `$color.palette.gray-300`" }, - { "const": "$color.bg.informative-weak-pressed", "title": "$color.bg.informative-weak-pressed", "description": "theme-light: $color.palette.blue-200\ntheme-dark: $color.palette.blue-200", "markdownDescription": "- theme-light: `$color.palette.blue-200`\n\n- theme-dark: `$color.palette.blue-200`" }, - { "const": "$color.bg.warning-weak-pressed", "title": "$color.bg.warning-weak-pressed", "description": "theme-light: $color.palette.yellow-200\ntheme-dark: $color.palette.yellow-200", "markdownDescription": "- theme-light: `$color.palette.yellow-200`\n\n- theme-dark: `$color.palette.yellow-200`" }, - { "const": "$color.bg.danger-weak-pressed", "title": "$color.bg.danger-weak-pressed", "description": "theme-light: $color.palette.red-200\ntheme-dark: $color.palette.red-200", "markdownDescription": "- theme-light: `$color.palette.red-200`\n\n- theme-dark: `$color.palette.red-200`" }, - { "const": "$color.bg.informative-solid", "title": "$color.bg.informative-solid", "description": "theme-light: $color.palette.blue-700\ntheme-dark: $color.palette.blue-600", "markdownDescription": "- theme-light: `$color.palette.blue-700`\n\n- theme-dark: `$color.palette.blue-600`" }, - { "const": "$color.bg.positive-weak-pressed", "title": "$color.bg.positive-weak-pressed", "description": "theme-light: $color.palette.green-200\ntheme-dark: $color.palette.green-200", "markdownDescription": "- theme-light: `$color.palette.green-200`\n\n- theme-dark: `$color.palette.green-200`" }, - { "const": "$color.bg.informative-solid-pressed", "title": "$color.bg.informative-solid-pressed", "description": "theme-light: $color.palette.blue-800\ntheme-dark: $color.palette.blue-700", "markdownDescription": "- theme-light: `$color.palette.blue-800`\n\n- theme-dark: `$color.palette.blue-700`" }, - { "const": "$color.bg.positive-solid-pressed", "title": "$color.bg.positive-solid-pressed", "description": "theme-light: $color.palette.green-800\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-800`\n\n- theme-dark: `$color.palette.green-500`" }, { "const": "$color.bg.magic-solid", "title": "$color.bg.magic-solid", "description": "theme-light: $color.palette.purple-700\ntheme-dark: $color.palette.purple-600", "markdownDescription": "- theme-light: `$color.palette.purple-700`\n\n- theme-dark: `$color.palette.purple-600`" }, - { "const": "$color.bg.magic-solid-pressed", "title": "$color.bg.magic-solid-pressed", "description": "theme-light: $color.palette.purple-800\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-800`\n\n- theme-dark: `$color.palette.purple-700`" }, { "const": "$color.bg.magic-weak", "title": "$color.bg.magic-weak", "description": "theme-light: $color.palette.purple-100\ntheme-dark: $color.palette.purple-100", "markdownDescription": "- theme-light: `$color.palette.purple-100`\n\n- theme-dark: `$color.palette.purple-100`" }, + { "const": "$color.bg.magic-solid-pressed", "title": "$color.bg.magic-solid-pressed", "description": "theme-light: $color.palette.purple-800\ntheme-dark: $color.palette.purple-700", "markdownDescription": "- theme-light: `$color.palette.purple-800`\n\n- theme-dark: `$color.palette.purple-700`" }, { "const": "$color.bg.magic-weak-pressed", "title": "$color.bg.magic-weak-pressed", "description": "theme-light: $color.palette.purple-200\ntheme-dark: $color.palette.purple-200", "markdownDescription": "- theme-light: `$color.palette.purple-200`\n\n- theme-dark: `$color.palette.purple-200`" }, - { "const": "$color.bg.neutral-solid-muted", "title": "$color.bg.neutral-solid-muted", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-400`" }, + { "const": "$color.bg.neutral-weak", "title": "$color.bg.neutral-weak", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-300`" }, + { "const": "$color.bg.neutral-inverted", "title": "$color.bg.neutral-inverted", "description": "theme-light: $color.palette.gray-900\ntheme-dark: $color.palette.gray-1000", "markdownDescription": "- theme-light: `$color.palette.gray-900`\n\n- theme-dark: `$color.palette.gray-1000`" }, { "const": "$color.bg.neutral-solid", "title": "$color.bg.neutral-solid", "description": "theme-light: $color.palette.gray-1000\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-1000`\n\n- theme-dark: `$color.palette.gray-300`" }, + { "const": "$color.bg.neutral-inverted-pressed", "title": "$color.bg.neutral-inverted-pressed", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, + { "const": "$color.bg.neutral-solid-muted", "title": "$color.bg.neutral-solid-muted", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-400`" }, { "const": "$color.bg.neutral-solid-muted-pressed", "title": "$color.bg.neutral-solid-muted-pressed", "description": "theme-light: $color.palette.gray-900\ntheme-dark: $color.palette.gray-500", "markdownDescription": "- theme-light: `$color.palette.gray-900`\n\n- theme-dark: `$color.palette.gray-500`" }, + { "const": "$color.bg.neutral-weak-pressed", "title": "$color.bg.neutral-weak-pressed", "description": "theme-light: $color.palette.gray-300\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-300`\n\n- theme-dark: `$color.palette.gray-400`" }, + { "const": "$color.bg.overlay-muted", "title": "$color.bg.overlay-muted", "description": "theme-light: $color.palette.static-black-alpha-200\ntheme-dark: $color.palette.static-black-alpha-200", "markdownDescription": "- theme-light: `$color.palette.static-black-alpha-200`\n\n- theme-dark: `$color.palette.static-black-alpha-200`" }, + { "const": "$color.bg.positive-weak", "title": "$color.bg.positive-weak", "description": "theme-light: $color.palette.green-100\ntheme-dark: $color.palette.green-100", "markdownDescription": "- theme-light: `$color.palette.green-100`\n\n- theme-dark: `$color.palette.green-100`" }, + { "const": "$color.bg.positive-solid", "title": "$color.bg.positive-solid", "description": "theme-light: $color.palette.green-700\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-700`\n\n- theme-dark: `$color.palette.green-500`" }, + { "const": "$color.bg.positive-solid-pressed", "title": "$color.bg.positive-solid-pressed", "description": "theme-light: $color.palette.green-800\ntheme-dark: $color.palette.green-500", "markdownDescription": "- theme-light: `$color.palette.green-800`\n\n- theme-dark: `$color.palette.green-500`" }, + { "const": "$color.bg.positive-weak-pressed", "title": "$color.bg.positive-weak-pressed", "description": "theme-light: $color.palette.green-200\ntheme-dark: $color.palette.green-200", "markdownDescription": "- theme-light: `$color.palette.green-200`\n\n- theme-dark: `$color.palette.green-200`" }, + { "const": "$color.bg.warning-solid", "title": "$color.bg.warning-solid", "description": "theme-light: $color.palette.yellow-300\ntheme-dark: $color.palette.yellow-600", "markdownDescription": "- theme-light: `$color.palette.yellow-300`\n\n- theme-dark: `$color.palette.yellow-600`" }, + { "const": "$color.bg.warning-weak", "title": "$color.bg.warning-weak", "description": "theme-light: $color.palette.yellow-100\ntheme-dark: $color.palette.yellow-100", "markdownDescription": "- theme-light: `$color.palette.yellow-100`\n\n- theme-dark: `$color.palette.yellow-100`" }, + { "const": "$color.bg.warning-weak-pressed", "title": "$color.bg.warning-weak-pressed", "description": "theme-light: $color.palette.yellow-200\ntheme-dark: $color.palette.yellow-200", "markdownDescription": "- theme-light: `$color.palette.yellow-200`\n\n- theme-dark: `$color.palette.yellow-200`" }, { "const": "$color.stroke.neutral", "title": "$color.stroke.neutral", "description": "theme-light: $color.palette.gray-300\ntheme-dark: $color.palette.gray-300", "markdownDescription": "- theme-light: `$color.palette.gray-300`\n\n- theme-dark: `$color.palette.gray-300`" }, { "const": "$color.stroke.brand", "title": "$color.stroke.brand", "description": "theme-light: $color.palette.carrot-300\ntheme-dark: $color.palette.carrot-300", "markdownDescription": "- theme-light: `$color.palette.carrot-300`\n\n- theme-dark: `$color.palette.carrot-300`" }, { "const": "$color.stroke.field", "title": "$color.stroke.field", "description": "theme-light: $color.palette.gray-400\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-400`\n\n- theme-dark: `$color.palette.gray-400`" }, - { "const": "$color.stroke.field-focused", "title": "$color.stroke.field-focused", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, { "const": "$color.stroke.control", "title": "$color.stroke.control", "description": "theme-light: $color.palette.gray-400\ntheme-dark: $color.palette.gray-400", "markdownDescription": "- theme-light: `$color.palette.gray-400`\n\n- theme-dark: `$color.palette.gray-400`" }, - { "const": "$color.stroke.neutral-muted", "title": "$color.stroke.neutral-muted", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" }, { "const": "$color.stroke.danger", "title": "$color.stroke.danger", "description": "theme-light: $color.palette.red-300\ntheme-dark: $color.palette.red-300", "markdownDescription": "- theme-light: `$color.palette.red-300`\n\n- theme-dark: `$color.palette.red-300`" }, { "const": "$color.stroke.positive", "title": "$color.stroke.positive", "description": "theme-light: $color.palette.green-300\ntheme-dark: $color.palette.green-300", "markdownDescription": "- theme-light: `$color.palette.green-300`\n\n- theme-dark: `$color.palette.green-300`" }, { "const": "$color.stroke.informative", "title": "$color.stroke.informative", "description": "theme-light: $color.palette.blue-300\ntheme-dark: $color.palette.blue-300", "markdownDescription": "- theme-light: `$color.palette.blue-300`\n\n- theme-dark: `$color.palette.blue-300`" }, + { "const": "$color.stroke.field-focused", "title": "$color.stroke.field-focused", "description": "theme-light: $color.palette.gray-800\ntheme-dark: $color.palette.gray-800", "markdownDescription": "- theme-light: `$color.palette.gray-800`\n\n- theme-dark: `$color.palette.gray-800`" }, + { "const": "$color.stroke.neutral-muted", "title": "$color.stroke.neutral-muted", "description": "theme-light: $color.palette.gray-200\ntheme-dark: $color.palette.gray-200", "markdownDescription": "- theme-light: `$color.palette.gray-200`\n\n- theme-dark: `$color.palette.gray-200`" }, { "const": "$duration.s1", "title": "$duration.s1", "description": "default: 50ms", "markdownDescription": "- default: `50ms`" }, { "const": "$duration.s2", "title": "$duration.s2", "description": "default: 100ms", "markdownDescription": "- default: `100ms`" }, { "const": "$duration.s3", "title": "$duration.s3", "description": "default: 150ms", "markdownDescription": "- default: `150ms`" }, diff --git a/packages/stylesheet/badge.css b/packages/stylesheet/badge.css index 6f7027de9..a9557021a 100644 --- a/packages/stylesheet/badge.css +++ b/packages/stylesheet/badge.css @@ -98,7 +98,7 @@ color: var(--seed-v3-color-palette-static-white) } .badge__root--tone_informative-variant_outlined { - border-color: var(--seed-v3-color-fg-informative) + border-color: var(--seed-v3-color-stroke-informative) } .badge__label--tone_informative-variant_outlined { color: var(--seed-v3-color-fg-informative) diff --git a/packages/stylesheet/token.css b/packages/stylesheet/token.css index 5da9cde00..3e7c1e918 100644 --- a/packages/stylesheet/token.css +++ b/packages/stylesheet/token.css @@ -84,6 +84,26 @@ :root[data-seed][data-seed="light-only"][data-seed-scale-color="dark"], :root[data-seed][data-seed-scale-color="light"]:not([data-seed="dark-only"]), :root[data-seed]:not([data-seed="dark-only"]) [data-seed-scale-color="light"] { + --seed-v3-color-palette-blue-100: #eff6ff; + --seed-v3-color-palette-blue-200: #e2edfc; + --seed-v3-color-palette-blue-300: #cbdffa; + --seed-v3-color-palette-blue-400: #aacefd; + --seed-v3-color-palette-blue-500: #85b8fd; + --seed-v3-color-palette-blue-600: #5e98fe; + --seed-v3-color-palette-blue-700: #217cf9; + --seed-v3-color-palette-blue-800: #135fcd; + --seed-v3-color-palette-blue-900: #0b4596; + --seed-v3-color-palette-blue-1000: #032451; + --seed-v3-color-palette-carrot-100: #fff2ec; + --seed-v3-color-palette-carrot-200: #ffe8db; + --seed-v3-color-palette-carrot-300: #ffd5c0; + --seed-v3-color-palette-carrot-400: #ffb999; + --seed-v3-color-palette-carrot-500: #ff9364; + --seed-v3-color-palette-carrot-600: #ff6600; + --seed-v3-color-palette-carrot-700: #e84500; + --seed-v3-color-palette-carrot-800: #b93901; + --seed-v3-color-palette-carrot-900: #862b00; + --seed-v3-color-palette-carrot-1000: #471601; --seed-v3-color-palette-gray-00: #ffffff; --seed-v3-color-palette-gray-100: #f7f8f9; --seed-v3-color-palette-gray-200: #f3f4f5; @@ -95,36 +115,6 @@ --seed-v3-color-palette-gray-800: #555d6d; --seed-v3-color-palette-gray-900: #2a3038; --seed-v3-color-palette-gray-1000: #1a1c20; - --seed-v3-color-palette-carrot-100: #fff2ec; - --seed-v3-color-palette-carrot-200: #ffe8db; - --seed-v3-color-palette-carrot-300: #ffd5c0; - --seed-v3-color-palette-carrot-400: #ffb999; - --seed-v3-color-palette-carrot-500: #ff9364; - --seed-v3-color-palette-carrot-600: #ff6600; - --seed-v3-color-palette-carrot-700: #e84500; - --seed-v3-color-palette-carrot-800: #b93901; - --seed-v3-color-palette-carrot-900: #862b00; - --seed-v3-color-palette-carrot-1000: #471601; - --seed-v3-color-palette-blue-100: #eff6ff; - --seed-v3-color-palette-blue-200: #e2edfc; - --seed-v3-color-palette-blue-300: #cbdffa; - --seed-v3-color-palette-blue-400: #aacefd; - --seed-v3-color-palette-blue-500: #85b8fd; - --seed-v3-color-palette-blue-600: #5e98fe; - --seed-v3-color-palette-blue-700: #217cf9; - --seed-v3-color-palette-blue-800: #135fcd; - --seed-v3-color-palette-blue-900: #0b4596; - --seed-v3-color-palette-blue-1000: #032451; - --seed-v3-color-palette-red-100: #fdf0f0; - --seed-v3-color-palette-red-200: #fde7e7; - --seed-v3-color-palette-red-300: #fed4d2; - --seed-v3-color-palette-red-400: #feb7b3; - --seed-v3-color-palette-red-500: #fe928d; - --seed-v3-color-palette-red-600: #fc6a66; - --seed-v3-color-palette-red-700: #fa342c; - --seed-v3-color-palette-red-800: #ca1d13; - --seed-v3-color-palette-red-900: #921708; - --seed-v3-color-palette-red-1000: #4a1209; --seed-v3-color-palette-green-100: #edfaf6; --seed-v3-color-palette-green-200: #d9f6e9; --seed-v3-color-palette-green-300: #aeebcc; @@ -135,21 +125,6 @@ --seed-v3-color-palette-green-800: #00745f; --seed-v3-color-palette-green-900: #075445; --seed-v3-color-palette-green-1000: #0a2b24; - --seed-v3-color-palette-yellow-100: #fff7de; - --seed-v3-color-palette-yellow-200: #fdefb9; - --seed-v3-color-palette-yellow-300: #fbdc65; - --seed-v3-color-palette-yellow-400: #e9c647; - --seed-v3-color-palette-yellow-500: #d4ab28; - --seed-v3-color-palette-yellow-600: #c49725; - --seed-v3-color-palette-yellow-700: #9b7821; - --seed-v3-color-palette-yellow-800: #755b22; - --seed-v3-color-palette-yellow-900: #4f3e1f; - --seed-v3-color-palette-yellow-1000: #2c2512; - --seed-v3-color-palette-static-black: #000000; - --seed-v3-color-palette-static-white: #ffffff; - --seed-v3-color-palette-static-black-alpha-200: #00000033; - --seed-v3-color-palette-static-black-alpha-500: #00000080; - --seed-v3-color-palette-static-black-alpha-50: #0000000d; --seed-v3-color-palette-purple-100: #f5f3fe; --seed-v3-color-palette-purple-200: #efeafe; --seed-v3-color-palette-purple-300: #e1d8ff; @@ -160,79 +135,124 @@ --seed-v3-color-palette-purple-800: #6d50cb; --seed-v3-color-palette-purple-900: #50379b; --seed-v3-color-palette-purple-1000: #29175d; - --seed-v3-color-palette-static-white-alpha-800: #ffffffcc; + --seed-v3-color-palette-red-100: #fdf0f0; + --seed-v3-color-palette-red-200: #fde7e7; + --seed-v3-color-palette-red-300: #fed4d2; + --seed-v3-color-palette-red-400: #feb7b3; + --seed-v3-color-palette-red-500: #fe928d; + --seed-v3-color-palette-red-600: #fc6a66; + --seed-v3-color-palette-red-700: #fa342c; + --seed-v3-color-palette-red-800: #ca1d13; + --seed-v3-color-palette-red-900: #921708; + --seed-v3-color-palette-red-1000: #4a1209; + --seed-v3-color-palette-static-black: #000000; + --seed-v3-color-palette-static-white: #ffffff; + --seed-v3-color-palette-static-black-alpha-50: #0000000d; + --seed-v3-color-palette-static-black-alpha-200: #00000033; + --seed-v3-color-palette-static-black-alpha-500: #00000080; --seed-v3-color-palette-static-white-alpha-200: #ffffff33; + --seed-v3-color-palette-static-white-alpha-800: #ffffffcc; + --seed-v3-color-palette-yellow-100: #fff7de; + --seed-v3-color-palette-yellow-200: #fdefb9; + --seed-v3-color-palette-yellow-300: #fbdc65; + --seed-v3-color-palette-yellow-400: #e9c647; + --seed-v3-color-palette-yellow-500: #d4ab28; + --seed-v3-color-palette-yellow-600: #c49725; + --seed-v3-color-palette-yellow-700: #9b7821; + --seed-v3-color-palette-yellow-800: #755b22; + --seed-v3-color-palette-yellow-900: #4f3e1f; + --seed-v3-color-palette-yellow-1000: #2c2512; --seed-v3-color-fg-neutral: var(--seed-v3-color-palette-gray-1000); - --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800); - --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700); - --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-00); - --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-800); --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-700); - --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900); --seed-v3-color-fg-positive: var(--seed-v3-color-palette-green-700); - --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900); - --seed-v3-color-fg-warning-contrast: var(--seed-v3-color-palette-yellow-900); --seed-v3-color-fg-informative: var(--seed-v3-color-palette-blue-700); - --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900); --seed-v3-color-fg-placeholder: var(--seed-v3-color-palette-gray-600); --seed-v3-color-fg-disabled: var(--seed-v3-color-palette-gray-500); --seed-v3-color-fg-brand: var(--seed-v3-color-palette-carrot-600); --seed-v3-color-fg-magic: var(--seed-v3-color-palette-purple-700); + --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-800); + --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900); + --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900); --seed-v3-color-fg-magic-contrast: var(--seed-v3-color-palette-purple-900); - --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100); - --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-700); - --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-300); - --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100); - --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100); - --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-700); - --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-800); + --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700); + --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-00); + --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900); + --seed-v3-color-fg-warning-contrast: var(--seed-v3-color-palette-yellow-900); + --seed-v3-color-bg-overlay: var(--seed-v3-color-palette-static-black-alpha-500); + --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200); --seed-v3-color-bg-brand-weak: var(--seed-v3-color-palette-carrot-100); --seed-v3-color-bg-brand-solid: var(--seed-v3-color-palette-carrot-600); --seed-v3-color-bg-brand-solid-pressed: var(--seed-v3-color-palette-carrot-700); --seed-v3-color-bg-brand-weak-pressed: var(--seed-v3-color-palette-carrot-200); + --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100); + --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-700); + --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-800); + --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200); + --seed-v3-color-bg-informative-weak: var(--seed-v3-color-palette-blue-100); + --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-700); + --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-800); + --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200); --seed-v3-color-bg-layer-default: var(--seed-v3-color-palette-gray-00); - --seed-v3-color-bg-layer-default-pressed: var(--seed-v3-color-palette-gray-100); --seed-v3-color-bg-layer-fill: var(--seed-v3-color-palette-gray-100); - --seed-v3-color-bg-neutral-weak: var(--seed-v3-color-palette-gray-200); - --seed-v3-color-bg-neutral-inverted: var(--seed-v3-color-palette-gray-900); - --seed-v3-color-bg-neutral-weak-pressed: var(--seed-v3-color-palette-gray-300); - --seed-v3-color-bg-informative-weak: var(--seed-v3-color-palette-blue-100); - --seed-v3-color-bg-overlay: var(--seed-v3-color-palette-static-black-alpha-500); - --seed-v3-color-bg-overlay-muted: var(--seed-v3-color-palette-static-black-alpha-200); --seed-v3-color-bg-layer-basement: var(--seed-v3-color-palette-gray-200); --seed-v3-color-bg-layer-floating: var(--seed-v3-color-palette-gray-00); - --seed-v3-color-bg-neutral-inverted-pressed: var(--seed-v3-color-palette-gray-800); - --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200); + --seed-v3-color-bg-layer-default-pressed: var(--seed-v3-color-palette-gray-100); --seed-v3-color-bg-layer-floating-pressed: var(--seed-v3-color-palette-gray-100); - --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200); - --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200); - --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200); - --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-700); - --seed-v3-color-bg-positive-weak-pressed: var(--seed-v3-color-palette-green-200); - --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-800); - --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-800); --seed-v3-color-bg-magic-solid: var(--seed-v3-color-palette-purple-700); - --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-800); --seed-v3-color-bg-magic-weak: var(--seed-v3-color-palette-purple-100); + --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-800); --seed-v3-color-bg-magic-weak-pressed: var(--seed-v3-color-palette-purple-200); - --seed-v3-color-bg-neutral-solid-muted: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-bg-neutral-weak: var(--seed-v3-color-palette-gray-200); + --seed-v3-color-bg-neutral-inverted: var(--seed-v3-color-palette-gray-900); --seed-v3-color-bg-neutral-solid: var(--seed-v3-color-palette-gray-1000); + --seed-v3-color-bg-neutral-inverted-pressed: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-bg-neutral-solid-muted: var(--seed-v3-color-palette-gray-800); --seed-v3-color-bg-neutral-solid-muted-pressed: var(--seed-v3-color-palette-gray-900); + --seed-v3-color-bg-neutral-weak-pressed: var(--seed-v3-color-palette-gray-300); + --seed-v3-color-bg-overlay-muted: var(--seed-v3-color-palette-static-black-alpha-200); + --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100); + --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-700); + --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-800); + --seed-v3-color-bg-positive-weak-pressed: var(--seed-v3-color-palette-green-200); + --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-300); + --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100); + --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200); --seed-v3-color-stroke-neutral: var(--seed-v3-color-palette-gray-300); --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-300); --seed-v3-color-stroke-field: var(--seed-v3-color-palette-gray-400); - --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800); --seed-v3-color-stroke-control: var(--seed-v3-color-palette-gray-400); - --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200); --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-300); --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-300); --seed-v3-color-stroke-informative: var(--seed-v3-color-palette-blue-300); + --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200); --seed-v3-gradient-shimmer: #ffffff00 0%, #ffffff66 46%, #ffffff66 54%, #ffffff00 100%; } :root[data-seed][data-seed="dark-only"][data-seed-scale-color="light"], :root[data-seed][data-seed-scale-color="dark"]:not([data-seed="light-only"]), :root[data-seed]:not([data-seed="light-only"]) [data-seed-scale-color="dark"] { + --seed-v3-color-palette-blue-100: #202742; + --seed-v3-color-palette-blue-200: #1e3352; + --seed-v3-color-palette-blue-300: #1a4275; + --seed-v3-color-palette-blue-400: #0f559e; + --seed-v3-color-palette-blue-500: #1964d8; + --seed-v3-color-palette-blue-600: #1e82eb; + --seed-v3-color-palette-blue-700: #41a2f9; + --seed-v3-color-palette-blue-800: #83bcf9; + --seed-v3-color-palette-blue-900: #b9d7fb; + --seed-v3-color-palette-blue-1000: #e5f0fe; + --seed-v3-color-palette-carrot-100: #31241f; + --seed-v3-color-palette-carrot-200: #4b291c; + --seed-v3-color-palette-carrot-300: #6b311c; + --seed-v3-color-palette-carrot-400: #923600; + --seed-v3-color-palette-carrot-500: #bd4201; + --seed-v3-color-palette-carrot-600: #e65200; + --seed-v3-color-palette-carrot-700: #ff6600; + --seed-v3-color-palette-carrot-800: #ff9e65; + --seed-v3-color-palette-carrot-900: #eecebc; + --seed-v3-color-palette-carrot-1000: #f4eeea; --seed-v3-color-palette-gray-00: #121212; --seed-v3-color-palette-gray-100: #1a1c20; --seed-v3-color-palette-gray-200: #25272c; @@ -244,36 +264,6 @@ --seed-v3-color-palette-gray-800: #dcdee3; --seed-v3-color-palette-gray-900: #e9eaec; --seed-v3-color-palette-gray-1000: #f3f4f5; - --seed-v3-color-palette-carrot-100: #31241f; - --seed-v3-color-palette-carrot-200: #4b291c; - --seed-v3-color-palette-carrot-300: #6b311c; - --seed-v3-color-palette-carrot-400: #923600; - --seed-v3-color-palette-carrot-500: #bd4201; - --seed-v3-color-palette-carrot-600: #e65200; - --seed-v3-color-palette-carrot-700: #ff6600; - --seed-v3-color-palette-carrot-800: #ff9e65; - --seed-v3-color-palette-carrot-900: #eecebc; - --seed-v3-color-palette-carrot-1000: #f4eeea; - --seed-v3-color-palette-blue-100: #202742; - --seed-v3-color-palette-blue-200: #1e3352; - --seed-v3-color-palette-blue-300: #1a4275; - --seed-v3-color-palette-blue-400: #0f559e; - --seed-v3-color-palette-blue-500: #1964d8; - --seed-v3-color-palette-blue-600: #1e82eb; - --seed-v3-color-palette-blue-700: #41a2f9; - --seed-v3-color-palette-blue-800: #83bcf9; - --seed-v3-color-palette-blue-900: #b9d7fb; - --seed-v3-color-palette-blue-1000: #e5f0fe; - --seed-v3-color-palette-red-100: #322323; - --seed-v3-color-palette-red-200: #4f2624; - --seed-v3-color-palette-red-300: #742826; - --seed-v3-color-palette-red-400: #a12621; - --seed-v3-color-palette-red-500: #ca2319; - --seed-v3-color-palette-red-600: #f73526; - --seed-v3-color-palette-red-700: #ff6e60; - --seed-v3-color-palette-red-800: #ffa299; - --seed-v3-color-palette-red-900: #f8c5c3; - --seed-v3-color-palette-red-1000: #fdf2f2; --seed-v3-color-palette-green-100: #202926; --seed-v3-color-palette-green-200: #20362e; --seed-v3-color-palette-green-300: #20493b; @@ -284,21 +274,6 @@ --seed-v3-color-palette-green-800: #35ce9a; --seed-v3-color-palette-green-900: #93e5c0; --seed-v3-color-palette-green-1000: #d4f6ef; - --seed-v3-color-palette-yellow-100: #302819; - --seed-v3-color-palette-yellow-200: #413218; - --seed-v3-color-palette-yellow-300: #543e15; - --seed-v3-color-palette-yellow-400: #714e15; - --seed-v3-color-palette-yellow-500: #91601b; - --seed-v3-color-palette-yellow-600: #b6720d; - --seed-v3-color-palette-yellow-700: #ca901c; - --seed-v3-color-palette-yellow-800: #dab156; - --seed-v3-color-palette-yellow-900: #e5d49b; - --seed-v3-color-palette-yellow-1000: #f7f0cd; - --seed-v3-color-palette-static-black: #000000; - --seed-v3-color-palette-static-white: #ffffff; - --seed-v3-color-palette-static-black-alpha-200: #00000033; - --seed-v3-color-palette-static-black-alpha-500: #00000080; - --seed-v3-color-palette-static-black-alpha-50: #0000000d; --seed-v3-color-palette-purple-100: #28213b; --seed-v3-color-palette-purple-200: #3b2873; --seed-v3-color-palette-purple-300: #443081; @@ -309,72 +284,97 @@ --seed-v3-color-palette-purple-800: #beadf2; --seed-v3-color-palette-purple-900: #d9cefa; --seed-v3-color-palette-purple-1000: #f0edfc; - --seed-v3-color-palette-static-white-alpha-800: #ffffffcc; + --seed-v3-color-palette-red-100: #322323; + --seed-v3-color-palette-red-200: #4f2624; + --seed-v3-color-palette-red-300: #742826; + --seed-v3-color-palette-red-400: #a12621; + --seed-v3-color-palette-red-500: #ca2319; + --seed-v3-color-palette-red-600: #f73526; + --seed-v3-color-palette-red-700: #ff6e60; + --seed-v3-color-palette-red-800: #ffa299; + --seed-v3-color-palette-red-900: #f8c5c3; + --seed-v3-color-palette-red-1000: #fdf2f2; + --seed-v3-color-palette-static-black: #000000; + --seed-v3-color-palette-static-white: #ffffff; + --seed-v3-color-palette-static-black-alpha-50: #0000000d; + --seed-v3-color-palette-static-black-alpha-200: #00000033; + --seed-v3-color-palette-static-black-alpha-500: #00000080; --seed-v3-color-palette-static-white-alpha-200: #ffffff33; + --seed-v3-color-palette-static-white-alpha-800: #ffffffcc; + --seed-v3-color-palette-yellow-100: #302819; + --seed-v3-color-palette-yellow-200: #413218; + --seed-v3-color-palette-yellow-300: #543e15; + --seed-v3-color-palette-yellow-400: #714e15; + --seed-v3-color-palette-yellow-500: #91601b; + --seed-v3-color-palette-yellow-600: #b6720d; + --seed-v3-color-palette-yellow-700: #ca901c; + --seed-v3-color-palette-yellow-800: #dab156; + --seed-v3-color-palette-yellow-900: #e5d49b; + --seed-v3-color-palette-yellow-1000: #f7f0cd; --seed-v3-color-fg-neutral: var(--seed-v3-color-palette-gray-1000); - --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800); - --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700); - --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-100); - --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-900); --seed-v3-color-fg-danger: var(--seed-v3-color-palette-red-700); - --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900); --seed-v3-color-fg-positive: var(--seed-v3-color-palette-green-700); - --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900); - --seed-v3-color-fg-warning-contrast: var(--seed-v3-color-palette-yellow-900); --seed-v3-color-fg-informative: var(--seed-v3-color-palette-blue-700); - --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900); --seed-v3-color-fg-placeholder: var(--seed-v3-color-palette-gray-600); --seed-v3-color-fg-disabled: var(--seed-v3-color-palette-gray-500); --seed-v3-color-fg-brand: var(--seed-v3-color-palette-carrot-700); --seed-v3-color-fg-magic: var(--seed-v3-color-palette-purple-700); + --seed-v3-color-fg-brand-contrast: var(--seed-v3-color-palette-carrot-900); + --seed-v3-color-fg-danger-contrast: var(--seed-v3-color-palette-red-900); + --seed-v3-color-fg-informative-contrast: var(--seed-v3-color-palette-blue-900); --seed-v3-color-fg-magic-contrast: var(--seed-v3-color-palette-purple-900); - --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100); - --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-500); - --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-600); - --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100); - --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100); - --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-600); - --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-700); + --seed-v3-color-fg-neutral-muted: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-fg-neutral-subtle: var(--seed-v3-color-palette-gray-700); + --seed-v3-color-fg-neutral-inverted: var(--seed-v3-color-palette-gray-100); + --seed-v3-color-fg-positive-contrast: var(--seed-v3-color-palette-green-900); + --seed-v3-color-fg-warning-contrast: var(--seed-v3-color-palette-yellow-900); + --seed-v3-color-bg-overlay: var(--seed-v3-color-palette-static-black-alpha-500); + --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200); --seed-v3-color-bg-brand-weak: var(--seed-v3-color-palette-carrot-200); --seed-v3-color-bg-brand-solid: var(--seed-v3-color-palette-carrot-700); --seed-v3-color-bg-brand-solid-pressed: var(--seed-v3-color-palette-carrot-800); --seed-v3-color-bg-brand-weak-pressed: var(--seed-v3-color-palette-carrot-300); + --seed-v3-color-bg-danger-weak: var(--seed-v3-color-palette-red-100); + --seed-v3-color-bg-danger-solid: var(--seed-v3-color-palette-red-600); + --seed-v3-color-bg-danger-solid-pressed: var(--seed-v3-color-palette-red-700); + --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200); + --seed-v3-color-bg-informative-weak: var(--seed-v3-color-palette-blue-100); + --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-600); + --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-700); + --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200); --seed-v3-color-bg-layer-default: var(--seed-v3-color-palette-gray-00); - --seed-v3-color-bg-layer-default-pressed: var(--seed-v3-color-palette-gray-200); --seed-v3-color-bg-layer-fill: var(--seed-v3-color-palette-gray-100); - --seed-v3-color-bg-neutral-weak: var(--seed-v3-color-palette-gray-300); - --seed-v3-color-bg-neutral-inverted: var(--seed-v3-color-palette-gray-1000); - --seed-v3-color-bg-neutral-weak-pressed: var(--seed-v3-color-palette-gray-400); - --seed-v3-color-bg-informative-weak: var(--seed-v3-color-palette-blue-100); - --seed-v3-color-bg-overlay: var(--seed-v3-color-palette-static-black-alpha-500); - --seed-v3-color-bg-overlay-muted: var(--seed-v3-color-palette-static-black-alpha-200); --seed-v3-color-bg-layer-basement: var(--seed-v3-color-palette-gray-100); --seed-v3-color-bg-layer-floating: var(--seed-v3-color-palette-gray-100); - --seed-v3-color-bg-neutral-inverted-pressed: var(--seed-v3-color-palette-gray-800); - --seed-v3-color-bg-disabled: var(--seed-v3-color-palette-gray-200); + --seed-v3-color-bg-layer-default-pressed: var(--seed-v3-color-palette-gray-200); --seed-v3-color-bg-layer-floating-pressed: var(--seed-v3-color-palette-gray-300); - --seed-v3-color-bg-informative-weak-pressed: var(--seed-v3-color-palette-blue-200); - --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200); - --seed-v3-color-bg-danger-weak-pressed: var(--seed-v3-color-palette-red-200); - --seed-v3-color-bg-informative-solid: var(--seed-v3-color-palette-blue-600); - --seed-v3-color-bg-positive-weak-pressed: var(--seed-v3-color-palette-green-200); - --seed-v3-color-bg-informative-solid-pressed: var(--seed-v3-color-palette-blue-700); - --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-500); --seed-v3-color-bg-magic-solid: var(--seed-v3-color-palette-purple-600); - --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-700); --seed-v3-color-bg-magic-weak: var(--seed-v3-color-palette-purple-100); + --seed-v3-color-bg-magic-solid-pressed: var(--seed-v3-color-palette-purple-700); --seed-v3-color-bg-magic-weak-pressed: var(--seed-v3-color-palette-purple-200); - --seed-v3-color-bg-neutral-solid-muted: var(--seed-v3-color-palette-gray-400); + --seed-v3-color-bg-neutral-weak: var(--seed-v3-color-palette-gray-300); + --seed-v3-color-bg-neutral-inverted: var(--seed-v3-color-palette-gray-1000); --seed-v3-color-bg-neutral-solid: var(--seed-v3-color-palette-gray-300); + --seed-v3-color-bg-neutral-inverted-pressed: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-bg-neutral-solid-muted: var(--seed-v3-color-palette-gray-400); --seed-v3-color-bg-neutral-solid-muted-pressed: var(--seed-v3-color-palette-gray-500); + --seed-v3-color-bg-neutral-weak-pressed: var(--seed-v3-color-palette-gray-400); + --seed-v3-color-bg-overlay-muted: var(--seed-v3-color-palette-static-black-alpha-200); + --seed-v3-color-bg-positive-weak: var(--seed-v3-color-palette-green-100); + --seed-v3-color-bg-positive-solid: var(--seed-v3-color-palette-green-500); + --seed-v3-color-bg-positive-solid-pressed: var(--seed-v3-color-palette-green-500); + --seed-v3-color-bg-positive-weak-pressed: var(--seed-v3-color-palette-green-200); + --seed-v3-color-bg-warning-solid: var(--seed-v3-color-palette-yellow-600); + --seed-v3-color-bg-warning-weak: var(--seed-v3-color-palette-yellow-100); + --seed-v3-color-bg-warning-weak-pressed: var(--seed-v3-color-palette-yellow-200); --seed-v3-color-stroke-neutral: var(--seed-v3-color-palette-gray-300); --seed-v3-color-stroke-brand: var(--seed-v3-color-palette-carrot-300); --seed-v3-color-stroke-field: var(--seed-v3-color-palette-gray-400); - --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800); --seed-v3-color-stroke-control: var(--seed-v3-color-palette-gray-400); - --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200); --seed-v3-color-stroke-danger: var(--seed-v3-color-palette-red-300); --seed-v3-color-stroke-positive: var(--seed-v3-color-palette-green-300); --seed-v3-color-stroke-informative: var(--seed-v3-color-palette-blue-300); + --seed-v3-color-stroke-field-focused: var(--seed-v3-color-palette-gray-800); + --seed-v3-color-stroke-neutral-muted: var(--seed-v3-color-palette-gray-200); --seed-v3-gradient-shimmer: #ffffff00 0%, #ffffff1a 46%, #ffffff1a 54%, #ffffff00 100%; } \ No newline at end of file diff --git a/packages/vars/lib/color/bg.d.ts b/packages/vars/lib/color/bg.d.ts index c17b26fe3..da29a57a3 100644 --- a/packages/vars/lib/color/bg.d.ts +++ b/packages/vars/lib/color/bg.d.ts @@ -1,39 +1,39 @@ -export declare const positiveWeak = "var(--seed-v3-color-bg-positive-weak)"; -export declare const positiveSolid = "var(--seed-v3-color-bg-positive-solid)"; -export declare const warningSolid = "var(--seed-v3-color-bg-warning-solid)"; -export declare const warningWeak = "var(--seed-v3-color-bg-warning-weak)"; -export declare const dangerWeak = "var(--seed-v3-color-bg-danger-weak)"; -export declare const dangerSolid = "var(--seed-v3-color-bg-danger-solid)"; -export declare const dangerSolidPressed = "var(--seed-v3-color-bg-danger-solid-pressed)"; +export declare const overlay = "var(--seed-v3-color-bg-overlay)"; +export declare const disabled = "var(--seed-v3-color-bg-disabled)"; export declare const brandWeak = "var(--seed-v3-color-bg-brand-weak)"; export declare const brandSolid = "var(--seed-v3-color-bg-brand-solid)"; export declare const brandSolidPressed = "var(--seed-v3-color-bg-brand-solid-pressed)"; export declare const brandWeakPressed = "var(--seed-v3-color-bg-brand-weak-pressed)"; +export declare const dangerWeak = "var(--seed-v3-color-bg-danger-weak)"; +export declare const dangerSolid = "var(--seed-v3-color-bg-danger-solid)"; +export declare const dangerSolidPressed = "var(--seed-v3-color-bg-danger-solid-pressed)"; +export declare const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)"; +export declare const informativeWeak = "var(--seed-v3-color-bg-informative-weak)"; +export declare const informativeSolid = "var(--seed-v3-color-bg-informative-solid)"; +export declare const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)"; +export declare const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)"; export declare const layerDefault = "var(--seed-v3-color-bg-layer-default)"; -export declare const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)"; export declare const layerFill = "var(--seed-v3-color-bg-layer-fill)"; -export declare const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)"; -export declare const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)"; -export declare const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)"; -export declare const informativeWeak = "var(--seed-v3-color-bg-informative-weak)"; -export declare const overlay = "var(--seed-v3-color-bg-overlay)"; -export declare const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)"; export declare const layerBasement = "var(--seed-v3-color-bg-layer-basement)"; export declare const layerFloating = "var(--seed-v3-color-bg-layer-floating)"; -export declare const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)"; -export declare const disabled = "var(--seed-v3-color-bg-disabled)"; +export declare const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)"; export declare const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)"; -export declare const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)"; -export declare const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)"; -export declare const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)"; -export declare const informativeSolid = "var(--seed-v3-color-bg-informative-solid)"; -export declare const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)"; -export declare const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)"; -export declare const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)"; export declare const magicSolid = "var(--seed-v3-color-bg-magic-solid)"; -export declare const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)"; export declare const magicWeak = "var(--seed-v3-color-bg-magic-weak)"; +export declare const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)"; export declare const magicWeakPressed = "var(--seed-v3-color-bg-magic-weak-pressed)"; -export declare const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)"; +export declare const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)"; +export declare const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)"; export declare const neutralSolid = "var(--seed-v3-color-bg-neutral-solid)"; -export declare const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)"; \ No newline at end of file +export declare const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)"; +export declare const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)"; +export declare const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)"; +export declare const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)"; +export declare const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)"; +export declare const positiveWeak = "var(--seed-v3-color-bg-positive-weak)"; +export declare const positiveSolid = "var(--seed-v3-color-bg-positive-solid)"; +export declare const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)"; +export declare const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)"; +export declare const warningSolid = "var(--seed-v3-color-bg-warning-solid)"; +export declare const warningWeak = "var(--seed-v3-color-bg-warning-weak)"; +export declare const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)"; \ No newline at end of file diff --git a/packages/vars/lib/color/bg.mjs b/packages/vars/lib/color/bg.mjs index 8dc6d631b..9d3671048 100644 --- a/packages/vars/lib/color/bg.mjs +++ b/packages/vars/lib/color/bg.mjs @@ -1,39 +1,39 @@ -export const positiveWeak = "var(--seed-v3-color-bg-positive-weak)"; -export const positiveSolid = "var(--seed-v3-color-bg-positive-solid)"; -export const warningSolid = "var(--seed-v3-color-bg-warning-solid)"; -export const warningWeak = "var(--seed-v3-color-bg-warning-weak)"; -export const dangerWeak = "var(--seed-v3-color-bg-danger-weak)"; -export const dangerSolid = "var(--seed-v3-color-bg-danger-solid)"; -export const dangerSolidPressed = "var(--seed-v3-color-bg-danger-solid-pressed)"; +export const overlay = "var(--seed-v3-color-bg-overlay)"; +export const disabled = "var(--seed-v3-color-bg-disabled)"; export const brandWeak = "var(--seed-v3-color-bg-brand-weak)"; export const brandSolid = "var(--seed-v3-color-bg-brand-solid)"; export const brandSolidPressed = "var(--seed-v3-color-bg-brand-solid-pressed)"; export const brandWeakPressed = "var(--seed-v3-color-bg-brand-weak-pressed)"; +export const dangerWeak = "var(--seed-v3-color-bg-danger-weak)"; +export const dangerSolid = "var(--seed-v3-color-bg-danger-solid)"; +export const dangerSolidPressed = "var(--seed-v3-color-bg-danger-solid-pressed)"; +export const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)"; +export const informativeWeak = "var(--seed-v3-color-bg-informative-weak)"; +export const informativeSolid = "var(--seed-v3-color-bg-informative-solid)"; +export const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)"; +export const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)"; export const layerDefault = "var(--seed-v3-color-bg-layer-default)"; -export const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)"; export const layerFill = "var(--seed-v3-color-bg-layer-fill)"; -export const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)"; -export const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)"; -export const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)"; -export const informativeWeak = "var(--seed-v3-color-bg-informative-weak)"; -export const overlay = "var(--seed-v3-color-bg-overlay)"; -export const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)"; export const layerBasement = "var(--seed-v3-color-bg-layer-basement)"; export const layerFloating = "var(--seed-v3-color-bg-layer-floating)"; -export const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)"; -export const disabled = "var(--seed-v3-color-bg-disabled)"; +export const layerDefaultPressed = "var(--seed-v3-color-bg-layer-default-pressed)"; export const layerFloatingPressed = "var(--seed-v3-color-bg-layer-floating-pressed)"; -export const informativeWeakPressed = "var(--seed-v3-color-bg-informative-weak-pressed)"; -export const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)"; -export const dangerWeakPressed = "var(--seed-v3-color-bg-danger-weak-pressed)"; -export const informativeSolid = "var(--seed-v3-color-bg-informative-solid)"; -export const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)"; -export const informativeSolidPressed = "var(--seed-v3-color-bg-informative-solid-pressed)"; -export const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)"; export const magicSolid = "var(--seed-v3-color-bg-magic-solid)"; -export const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)"; export const magicWeak = "var(--seed-v3-color-bg-magic-weak)"; +export const magicSolidPressed = "var(--seed-v3-color-bg-magic-solid-pressed)"; export const magicWeakPressed = "var(--seed-v3-color-bg-magic-weak-pressed)"; -export const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)"; +export const neutralWeak = "var(--seed-v3-color-bg-neutral-weak)"; +export const neutralInverted = "var(--seed-v3-color-bg-neutral-inverted)"; export const neutralSolid = "var(--seed-v3-color-bg-neutral-solid)"; -export const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)"; \ No newline at end of file +export const neutralInvertedPressed = "var(--seed-v3-color-bg-neutral-inverted-pressed)"; +export const neutralSolidMuted = "var(--seed-v3-color-bg-neutral-solid-muted)"; +export const neutralSolidMutedPressed = "var(--seed-v3-color-bg-neutral-solid-muted-pressed)"; +export const neutralWeakPressed = "var(--seed-v3-color-bg-neutral-weak-pressed)"; +export const overlayMuted = "var(--seed-v3-color-bg-overlay-muted)"; +export const positiveWeak = "var(--seed-v3-color-bg-positive-weak)"; +export const positiveSolid = "var(--seed-v3-color-bg-positive-solid)"; +export const positiveSolidPressed = "var(--seed-v3-color-bg-positive-solid-pressed)"; +export const positiveWeakPressed = "var(--seed-v3-color-bg-positive-weak-pressed)"; +export const warningSolid = "var(--seed-v3-color-bg-warning-solid)"; +export const warningWeak = "var(--seed-v3-color-bg-warning-weak)"; +export const warningWeakPressed = "var(--seed-v3-color-bg-warning-weak-pressed)"; \ No newline at end of file diff --git a/packages/vars/lib/color/fg.d.ts b/packages/vars/lib/color/fg.d.ts index fc911ee5a..60463aa24 100644 --- a/packages/vars/lib/color/fg.d.ts +++ b/packages/vars/lib/color/fg.d.ts @@ -1,17 +1,17 @@ export declare const neutral = "var(--seed-v3-color-fg-neutral)"; -export declare const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)"; -export declare const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)"; -export declare const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)"; -export declare const brandContrast = "var(--seed-v3-color-fg-brand-contrast)"; export declare const danger = "var(--seed-v3-color-fg-danger)"; -export declare const dangerContrast = "var(--seed-v3-color-fg-danger-contrast)"; export declare const positive = "var(--seed-v3-color-fg-positive)"; -export declare const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)"; -export declare const warningContrast = "var(--seed-v3-color-fg-warning-contrast)"; export declare const informative = "var(--seed-v3-color-fg-informative)"; -export declare const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)"; export declare const placeholder = "var(--seed-v3-color-fg-placeholder)"; export declare const disabled = "var(--seed-v3-color-fg-disabled)"; export declare const brand = "var(--seed-v3-color-fg-brand)"; export declare const magic = "var(--seed-v3-color-fg-magic)"; -export declare const magicContrast = "var(--seed-v3-color-fg-magic-contrast)"; \ No newline at end of file +export declare const brandContrast = "var(--seed-v3-color-fg-brand-contrast)"; +export declare const dangerContrast = "var(--seed-v3-color-fg-danger-contrast)"; +export declare const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)"; +export declare const magicContrast = "var(--seed-v3-color-fg-magic-contrast)"; +export declare const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)"; +export declare const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)"; +export declare const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)"; +export declare const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)"; +export declare const warningContrast = "var(--seed-v3-color-fg-warning-contrast)"; \ No newline at end of file diff --git a/packages/vars/lib/color/fg.mjs b/packages/vars/lib/color/fg.mjs index 2d29e0e42..d0fc94245 100644 --- a/packages/vars/lib/color/fg.mjs +++ b/packages/vars/lib/color/fg.mjs @@ -1,17 +1,17 @@ export const neutral = "var(--seed-v3-color-fg-neutral)"; -export const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)"; -export const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)"; -export const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)"; -export const brandContrast = "var(--seed-v3-color-fg-brand-contrast)"; export const danger = "var(--seed-v3-color-fg-danger)"; -export const dangerContrast = "var(--seed-v3-color-fg-danger-contrast)"; export const positive = "var(--seed-v3-color-fg-positive)"; -export const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)"; -export const warningContrast = "var(--seed-v3-color-fg-warning-contrast)"; export const informative = "var(--seed-v3-color-fg-informative)"; -export const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)"; export const placeholder = "var(--seed-v3-color-fg-placeholder)"; export const disabled = "var(--seed-v3-color-fg-disabled)"; export const brand = "var(--seed-v3-color-fg-brand)"; export const magic = "var(--seed-v3-color-fg-magic)"; -export const magicContrast = "var(--seed-v3-color-fg-magic-contrast)"; \ No newline at end of file +export const brandContrast = "var(--seed-v3-color-fg-brand-contrast)"; +export const dangerContrast = "var(--seed-v3-color-fg-danger-contrast)"; +export const informativeContrast = "var(--seed-v3-color-fg-informative-contrast)"; +export const magicContrast = "var(--seed-v3-color-fg-magic-contrast)"; +export const neutralMuted = "var(--seed-v3-color-fg-neutral-muted)"; +export const neutralSubtle = "var(--seed-v3-color-fg-neutral-subtle)"; +export const neutralInverted = "var(--seed-v3-color-fg-neutral-inverted)"; +export const positiveContrast = "var(--seed-v3-color-fg-positive-contrast)"; +export const warningContrast = "var(--seed-v3-color-fg-warning-contrast)"; \ No newline at end of file diff --git a/packages/vars/lib/color/palette.d.ts b/packages/vars/lib/color/palette.d.ts index 7ea336469..e2d5b5e48 100644 --- a/packages/vars/lib/color/palette.d.ts +++ b/packages/vars/lib/color/palette.d.ts @@ -1,3 +1,23 @@ +export declare const blue100 = "var(--seed-v3-color-palette-blue-100)"; +export declare const blue200 = "var(--seed-v3-color-palette-blue-200)"; +export declare const blue300 = "var(--seed-v3-color-palette-blue-300)"; +export declare const blue400 = "var(--seed-v3-color-palette-blue-400)"; +export declare const blue500 = "var(--seed-v3-color-palette-blue-500)"; +export declare const blue600 = "var(--seed-v3-color-palette-blue-600)"; +export declare const blue700 = "var(--seed-v3-color-palette-blue-700)"; +export declare const blue800 = "var(--seed-v3-color-palette-blue-800)"; +export declare const blue900 = "var(--seed-v3-color-palette-blue-900)"; +export declare const blue1000 = "var(--seed-v3-color-palette-blue-1000)"; +export declare const carrot100 = "var(--seed-v3-color-palette-carrot-100)"; +export declare const carrot200 = "var(--seed-v3-color-palette-carrot-200)"; +export declare const carrot300 = "var(--seed-v3-color-palette-carrot-300)"; +export declare const carrot400 = "var(--seed-v3-color-palette-carrot-400)"; +export declare const carrot500 = "var(--seed-v3-color-palette-carrot-500)"; +export declare const carrot600 = "var(--seed-v3-color-palette-carrot-600)"; +export declare const carrot700 = "var(--seed-v3-color-palette-carrot-700)"; +export declare const carrot800 = "var(--seed-v3-color-palette-carrot-800)"; +export declare const carrot900 = "var(--seed-v3-color-palette-carrot-900)"; +export declare const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)"; export declare const gray00 = "var(--seed-v3-color-palette-gray-00)"; export declare const gray100 = "var(--seed-v3-color-palette-gray-100)"; export declare const gray200 = "var(--seed-v3-color-palette-gray-200)"; @@ -9,36 +29,6 @@ export declare const gray700 = "var(--seed-v3-color-palette-gray-700)"; export declare const gray800 = "var(--seed-v3-color-palette-gray-800)"; export declare const gray900 = "var(--seed-v3-color-palette-gray-900)"; export declare const gray1000 = "var(--seed-v3-color-palette-gray-1000)"; -export declare const carrot100 = "var(--seed-v3-color-palette-carrot-100)"; -export declare const carrot200 = "var(--seed-v3-color-palette-carrot-200)"; -export declare const carrot300 = "var(--seed-v3-color-palette-carrot-300)"; -export declare const carrot400 = "var(--seed-v3-color-palette-carrot-400)"; -export declare const carrot500 = "var(--seed-v3-color-palette-carrot-500)"; -export declare const carrot600 = "var(--seed-v3-color-palette-carrot-600)"; -export declare const carrot700 = "var(--seed-v3-color-palette-carrot-700)"; -export declare const carrot800 = "var(--seed-v3-color-palette-carrot-800)"; -export declare const carrot900 = "var(--seed-v3-color-palette-carrot-900)"; -export declare const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)"; -export declare const blue100 = "var(--seed-v3-color-palette-blue-100)"; -export declare const blue200 = "var(--seed-v3-color-palette-blue-200)"; -export declare const blue300 = "var(--seed-v3-color-palette-blue-300)"; -export declare const blue400 = "var(--seed-v3-color-palette-blue-400)"; -export declare const blue500 = "var(--seed-v3-color-palette-blue-500)"; -export declare const blue600 = "var(--seed-v3-color-palette-blue-600)"; -export declare const blue700 = "var(--seed-v3-color-palette-blue-700)"; -export declare const blue800 = "var(--seed-v3-color-palette-blue-800)"; -export declare const blue900 = "var(--seed-v3-color-palette-blue-900)"; -export declare const blue1000 = "var(--seed-v3-color-palette-blue-1000)"; -export declare const red100 = "var(--seed-v3-color-palette-red-100)"; -export declare const red200 = "var(--seed-v3-color-palette-red-200)"; -export declare const red300 = "var(--seed-v3-color-palette-red-300)"; -export declare const red400 = "var(--seed-v3-color-palette-red-400)"; -export declare const red500 = "var(--seed-v3-color-palette-red-500)"; -export declare const red600 = "var(--seed-v3-color-palette-red-600)"; -export declare const red700 = "var(--seed-v3-color-palette-red-700)"; -export declare const red800 = "var(--seed-v3-color-palette-red-800)"; -export declare const red900 = "var(--seed-v3-color-palette-red-900)"; -export declare const red1000 = "var(--seed-v3-color-palette-red-1000)"; export declare const green100 = "var(--seed-v3-color-palette-green-100)"; export declare const green200 = "var(--seed-v3-color-palette-green-200)"; export declare const green300 = "var(--seed-v3-color-palette-green-300)"; @@ -49,21 +39,6 @@ export declare const green700 = "var(--seed-v3-color-palette-green-700)"; export declare const green800 = "var(--seed-v3-color-palette-green-800)"; export declare const green900 = "var(--seed-v3-color-palette-green-900)"; export declare const green1000 = "var(--seed-v3-color-palette-green-1000)"; -export declare const yellow100 = "var(--seed-v3-color-palette-yellow-100)"; -export declare const yellow200 = "var(--seed-v3-color-palette-yellow-200)"; -export declare const yellow300 = "var(--seed-v3-color-palette-yellow-300)"; -export declare const yellow400 = "var(--seed-v3-color-palette-yellow-400)"; -export declare const yellow500 = "var(--seed-v3-color-palette-yellow-500)"; -export declare const yellow600 = "var(--seed-v3-color-palette-yellow-600)"; -export declare const yellow700 = "var(--seed-v3-color-palette-yellow-700)"; -export declare const yellow800 = "var(--seed-v3-color-palette-yellow-800)"; -export declare const yellow900 = "var(--seed-v3-color-palette-yellow-900)"; -export declare const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)"; -export declare const staticBlack = "var(--seed-v3-color-palette-static-black)"; -export declare const staticWhite = "var(--seed-v3-color-palette-static-white)"; -export declare const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)"; -export declare const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)"; -export declare const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)"; export declare const purple100 = "var(--seed-v3-color-palette-purple-100)"; export declare const purple200 = "var(--seed-v3-color-palette-purple-200)"; export declare const purple300 = "var(--seed-v3-color-palette-purple-300)"; @@ -74,5 +49,30 @@ export declare const purple700 = "var(--seed-v3-color-palette-purple-700)"; export declare const purple800 = "var(--seed-v3-color-palette-purple-800)"; export declare const purple900 = "var(--seed-v3-color-palette-purple-900)"; export declare const purple1000 = "var(--seed-v3-color-palette-purple-1000)"; +export declare const red100 = "var(--seed-v3-color-palette-red-100)"; +export declare const red200 = "var(--seed-v3-color-palette-red-200)"; +export declare const red300 = "var(--seed-v3-color-palette-red-300)"; +export declare const red400 = "var(--seed-v3-color-palette-red-400)"; +export declare const red500 = "var(--seed-v3-color-palette-red-500)"; +export declare const red600 = "var(--seed-v3-color-palette-red-600)"; +export declare const red700 = "var(--seed-v3-color-palette-red-700)"; +export declare const red800 = "var(--seed-v3-color-palette-red-800)"; +export declare const red900 = "var(--seed-v3-color-palette-red-900)"; +export declare const red1000 = "var(--seed-v3-color-palette-red-1000)"; +export declare const staticBlack = "var(--seed-v3-color-palette-static-black)"; +export declare const staticWhite = "var(--seed-v3-color-palette-static-white)"; +export declare const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)"; +export declare const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)"; +export declare const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)"; +export declare const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)"; export declare const staticWhiteAlpha800 = "var(--seed-v3-color-palette-static-white-alpha-800)"; -export declare const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)"; \ No newline at end of file +export declare const yellow100 = "var(--seed-v3-color-palette-yellow-100)"; +export declare const yellow200 = "var(--seed-v3-color-palette-yellow-200)"; +export declare const yellow300 = "var(--seed-v3-color-palette-yellow-300)"; +export declare const yellow400 = "var(--seed-v3-color-palette-yellow-400)"; +export declare const yellow500 = "var(--seed-v3-color-palette-yellow-500)"; +export declare const yellow600 = "var(--seed-v3-color-palette-yellow-600)"; +export declare const yellow700 = "var(--seed-v3-color-palette-yellow-700)"; +export declare const yellow800 = "var(--seed-v3-color-palette-yellow-800)"; +export declare const yellow900 = "var(--seed-v3-color-palette-yellow-900)"; +export declare const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)"; \ No newline at end of file diff --git a/packages/vars/lib/color/palette.mjs b/packages/vars/lib/color/palette.mjs index ecd5d4015..1a59a77f7 100644 --- a/packages/vars/lib/color/palette.mjs +++ b/packages/vars/lib/color/palette.mjs @@ -1,3 +1,23 @@ +export const blue100 = "var(--seed-v3-color-palette-blue-100)"; +export const blue200 = "var(--seed-v3-color-palette-blue-200)"; +export const blue300 = "var(--seed-v3-color-palette-blue-300)"; +export const blue400 = "var(--seed-v3-color-palette-blue-400)"; +export const blue500 = "var(--seed-v3-color-palette-blue-500)"; +export const blue600 = "var(--seed-v3-color-palette-blue-600)"; +export const blue700 = "var(--seed-v3-color-palette-blue-700)"; +export const blue800 = "var(--seed-v3-color-palette-blue-800)"; +export const blue900 = "var(--seed-v3-color-palette-blue-900)"; +export const blue1000 = "var(--seed-v3-color-palette-blue-1000)"; +export const carrot100 = "var(--seed-v3-color-palette-carrot-100)"; +export const carrot200 = "var(--seed-v3-color-palette-carrot-200)"; +export const carrot300 = "var(--seed-v3-color-palette-carrot-300)"; +export const carrot400 = "var(--seed-v3-color-palette-carrot-400)"; +export const carrot500 = "var(--seed-v3-color-palette-carrot-500)"; +export const carrot600 = "var(--seed-v3-color-palette-carrot-600)"; +export const carrot700 = "var(--seed-v3-color-palette-carrot-700)"; +export const carrot800 = "var(--seed-v3-color-palette-carrot-800)"; +export const carrot900 = "var(--seed-v3-color-palette-carrot-900)"; +export const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)"; export const gray00 = "var(--seed-v3-color-palette-gray-00)"; export const gray100 = "var(--seed-v3-color-palette-gray-100)"; export const gray200 = "var(--seed-v3-color-palette-gray-200)"; @@ -9,36 +29,6 @@ export const gray700 = "var(--seed-v3-color-palette-gray-700)"; export const gray800 = "var(--seed-v3-color-palette-gray-800)"; export const gray900 = "var(--seed-v3-color-palette-gray-900)"; export const gray1000 = "var(--seed-v3-color-palette-gray-1000)"; -export const carrot100 = "var(--seed-v3-color-palette-carrot-100)"; -export const carrot200 = "var(--seed-v3-color-palette-carrot-200)"; -export const carrot300 = "var(--seed-v3-color-palette-carrot-300)"; -export const carrot400 = "var(--seed-v3-color-palette-carrot-400)"; -export const carrot500 = "var(--seed-v3-color-palette-carrot-500)"; -export const carrot600 = "var(--seed-v3-color-palette-carrot-600)"; -export const carrot700 = "var(--seed-v3-color-palette-carrot-700)"; -export const carrot800 = "var(--seed-v3-color-palette-carrot-800)"; -export const carrot900 = "var(--seed-v3-color-palette-carrot-900)"; -export const carrot1000 = "var(--seed-v3-color-palette-carrot-1000)"; -export const blue100 = "var(--seed-v3-color-palette-blue-100)"; -export const blue200 = "var(--seed-v3-color-palette-blue-200)"; -export const blue300 = "var(--seed-v3-color-palette-blue-300)"; -export const blue400 = "var(--seed-v3-color-palette-blue-400)"; -export const blue500 = "var(--seed-v3-color-palette-blue-500)"; -export const blue600 = "var(--seed-v3-color-palette-blue-600)"; -export const blue700 = "var(--seed-v3-color-palette-blue-700)"; -export const blue800 = "var(--seed-v3-color-palette-blue-800)"; -export const blue900 = "var(--seed-v3-color-palette-blue-900)"; -export const blue1000 = "var(--seed-v3-color-palette-blue-1000)"; -export const red100 = "var(--seed-v3-color-palette-red-100)"; -export const red200 = "var(--seed-v3-color-palette-red-200)"; -export const red300 = "var(--seed-v3-color-palette-red-300)"; -export const red400 = "var(--seed-v3-color-palette-red-400)"; -export const red500 = "var(--seed-v3-color-palette-red-500)"; -export const red600 = "var(--seed-v3-color-palette-red-600)"; -export const red700 = "var(--seed-v3-color-palette-red-700)"; -export const red800 = "var(--seed-v3-color-palette-red-800)"; -export const red900 = "var(--seed-v3-color-palette-red-900)"; -export const red1000 = "var(--seed-v3-color-palette-red-1000)"; export const green100 = "var(--seed-v3-color-palette-green-100)"; export const green200 = "var(--seed-v3-color-palette-green-200)"; export const green300 = "var(--seed-v3-color-palette-green-300)"; @@ -49,21 +39,6 @@ export const green700 = "var(--seed-v3-color-palette-green-700)"; export const green800 = "var(--seed-v3-color-palette-green-800)"; export const green900 = "var(--seed-v3-color-palette-green-900)"; export const green1000 = "var(--seed-v3-color-palette-green-1000)"; -export const yellow100 = "var(--seed-v3-color-palette-yellow-100)"; -export const yellow200 = "var(--seed-v3-color-palette-yellow-200)"; -export const yellow300 = "var(--seed-v3-color-palette-yellow-300)"; -export const yellow400 = "var(--seed-v3-color-palette-yellow-400)"; -export const yellow500 = "var(--seed-v3-color-palette-yellow-500)"; -export const yellow600 = "var(--seed-v3-color-palette-yellow-600)"; -export const yellow700 = "var(--seed-v3-color-palette-yellow-700)"; -export const yellow800 = "var(--seed-v3-color-palette-yellow-800)"; -export const yellow900 = "var(--seed-v3-color-palette-yellow-900)"; -export const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)"; -export const staticBlack = "var(--seed-v3-color-palette-static-black)"; -export const staticWhite = "var(--seed-v3-color-palette-static-white)"; -export const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)"; -export const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)"; -export const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)"; export const purple100 = "var(--seed-v3-color-palette-purple-100)"; export const purple200 = "var(--seed-v3-color-palette-purple-200)"; export const purple300 = "var(--seed-v3-color-palette-purple-300)"; @@ -74,5 +49,30 @@ export const purple700 = "var(--seed-v3-color-palette-purple-700)"; export const purple800 = "var(--seed-v3-color-palette-purple-800)"; export const purple900 = "var(--seed-v3-color-palette-purple-900)"; export const purple1000 = "var(--seed-v3-color-palette-purple-1000)"; +export const red100 = "var(--seed-v3-color-palette-red-100)"; +export const red200 = "var(--seed-v3-color-palette-red-200)"; +export const red300 = "var(--seed-v3-color-palette-red-300)"; +export const red400 = "var(--seed-v3-color-palette-red-400)"; +export const red500 = "var(--seed-v3-color-palette-red-500)"; +export const red600 = "var(--seed-v3-color-palette-red-600)"; +export const red700 = "var(--seed-v3-color-palette-red-700)"; +export const red800 = "var(--seed-v3-color-palette-red-800)"; +export const red900 = "var(--seed-v3-color-palette-red-900)"; +export const red1000 = "var(--seed-v3-color-palette-red-1000)"; +export const staticBlack = "var(--seed-v3-color-palette-static-black)"; +export const staticWhite = "var(--seed-v3-color-palette-static-white)"; +export const staticBlackAlpha50 = "var(--seed-v3-color-palette-static-black-alpha-50)"; +export const staticBlackAlpha200 = "var(--seed-v3-color-palette-static-black-alpha-200)"; +export const staticBlackAlpha500 = "var(--seed-v3-color-palette-static-black-alpha-500)"; +export const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)"; export const staticWhiteAlpha800 = "var(--seed-v3-color-palette-static-white-alpha-800)"; -export const staticWhiteAlpha200 = "var(--seed-v3-color-palette-static-white-alpha-200)"; \ No newline at end of file +export const yellow100 = "var(--seed-v3-color-palette-yellow-100)"; +export const yellow200 = "var(--seed-v3-color-palette-yellow-200)"; +export const yellow300 = "var(--seed-v3-color-palette-yellow-300)"; +export const yellow400 = "var(--seed-v3-color-palette-yellow-400)"; +export const yellow500 = "var(--seed-v3-color-palette-yellow-500)"; +export const yellow600 = "var(--seed-v3-color-palette-yellow-600)"; +export const yellow700 = "var(--seed-v3-color-palette-yellow-700)"; +export const yellow800 = "var(--seed-v3-color-palette-yellow-800)"; +export const yellow900 = "var(--seed-v3-color-palette-yellow-900)"; +export const yellow1000 = "var(--seed-v3-color-palette-yellow-1000)"; \ No newline at end of file diff --git a/packages/vars/lib/color/stroke.d.ts b/packages/vars/lib/color/stroke.d.ts index fc9971c71..457fa25f6 100644 --- a/packages/vars/lib/color/stroke.d.ts +++ b/packages/vars/lib/color/stroke.d.ts @@ -1,9 +1,9 @@ export declare const neutral = "var(--seed-v3-color-stroke-neutral)"; export declare const brand = "var(--seed-v3-color-stroke-brand)"; export declare const field = "var(--seed-v3-color-stroke-field)"; -export declare const fieldFocused = "var(--seed-v3-color-stroke-field-focused)"; export declare const control = "var(--seed-v3-color-stroke-control)"; -export declare const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)"; export declare const danger = "var(--seed-v3-color-stroke-danger)"; export declare const positive = "var(--seed-v3-color-stroke-positive)"; -export declare const informative = "var(--seed-v3-color-stroke-informative)"; \ No newline at end of file +export declare const informative = "var(--seed-v3-color-stroke-informative)"; +export declare const fieldFocused = "var(--seed-v3-color-stroke-field-focused)"; +export declare const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)"; \ No newline at end of file diff --git a/packages/vars/lib/color/stroke.mjs b/packages/vars/lib/color/stroke.mjs index 724980692..d10d767a1 100644 --- a/packages/vars/lib/color/stroke.mjs +++ b/packages/vars/lib/color/stroke.mjs @@ -1,9 +1,9 @@ export const neutral = "var(--seed-v3-color-stroke-neutral)"; export const brand = "var(--seed-v3-color-stroke-brand)"; export const field = "var(--seed-v3-color-stroke-field)"; -export const fieldFocused = "var(--seed-v3-color-stroke-field-focused)"; export const control = "var(--seed-v3-color-stroke-control)"; -export const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)"; export const danger = "var(--seed-v3-color-stroke-danger)"; export const positive = "var(--seed-v3-color-stroke-positive)"; -export const informative = "var(--seed-v3-color-stroke-informative)"; \ No newline at end of file +export const informative = "var(--seed-v3-color-stroke-informative)"; +export const fieldFocused = "var(--seed-v3-color-stroke-field-focused)"; +export const neutralMuted = "var(--seed-v3-color-stroke-neutral-muted)"; \ No newline at end of file diff --git a/packages/vars/lib/component/badge.d.ts b/packages/vars/lib/component/badge.d.ts index c53dfd40e..4fff8cf42 100644 --- a/packages/vars/lib/component/badge.d.ts +++ b/packages/vars/lib/component/badge.d.ts @@ -153,7 +153,7 @@ export declare const vars: { "toneInformativeVariantOutlined": { "enabled": { "root": { - "strokeColor": "var(--seed-v3-color-fg-informative)" + "strokeColor": "var(--seed-v3-color-stroke-informative)" }, "label": { "color": "var(--seed-v3-color-fg-informative)" diff --git a/packages/vars/lib/component/badge.mjs b/packages/vars/lib/component/badge.mjs index e7882869f..8ba759c9e 100644 --- a/packages/vars/lib/component/badge.mjs +++ b/packages/vars/lib/component/badge.mjs @@ -153,7 +153,7 @@ export const vars = { "toneInformativeVariantOutlined": { "enabled": { "root": { - "strokeColor": "var(--seed-v3-color-fg-informative)" + "strokeColor": "var(--seed-v3-color-stroke-informative)" }, "label": { "color": "var(--seed-v3-color-fg-informative)"