@metamask-previews/design-tokens 8.3.0-preview.b4e6ece → 8.3.0-preview.dbe1fac
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/js/brandColor/brandColor.cjs +4 -4
- package/dist/js/brandColor/brandColor.cjs.map +1 -1
- package/dist/js/brandColor/brandColor.mjs +4 -4
- package/dist/js/brandColor/brandColor.mjs.map +1 -1
- package/dist/js/themes/darkTheme/colors.cjs +21 -21
- package/dist/js/themes/darkTheme/colors.cjs.map +1 -1
- package/dist/js/themes/darkTheme/colors.mjs +21 -21
- package/dist/js/themes/darkTheme/colors.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +2 -2
|
@@ -15,13 +15,13 @@ exports.brandColor = {
|
|
|
15
15
|
// Grey
|
|
16
16
|
grey600: '#47484a',
|
|
17
17
|
// Grey
|
|
18
|
-
grey700: '#
|
|
18
|
+
grey700: '#292929',
|
|
19
19
|
// Grey
|
|
20
|
-
grey800: '#
|
|
20
|
+
grey800: '#1f1f1f',
|
|
21
21
|
// Grey
|
|
22
|
-
grey900: '#
|
|
22
|
+
grey900: '#141414',
|
|
23
23
|
// Grey
|
|
24
|
-
grey1000: '#
|
|
24
|
+
grey1000: '#000000',
|
|
25
25
|
// Grey
|
|
26
26
|
grey050: '#f3f3f4',
|
|
27
27
|
// Grey
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"brandColor.cjs","sourceRoot":"","sources":["../../../src/js/brandColor/brandColor.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAe;IACpC,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,QAAQ,EAAE,SAAS;IACnB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,QAAQ;IACR,KAAK,EAAE,SAAS;IAChB,QAAQ;IACR,KAAK,EAAE,SAAS;CACjB,CAAC","sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#ededed',\n // Grey\n grey200: '#babbbe',\n // Grey\n grey300: '#a3a4a7',\n // Grey\n grey400: '#949596',\n // Grey\n grey500: '#66676a',\n // Grey\n grey600: '#47484a',\n // Grey\n grey700: '#
|
|
1
|
+
{"version":3,"file":"brandColor.cjs","sourceRoot":"","sources":["../../../src/js/brandColor/brandColor.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAe;IACpC,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,QAAQ,EAAE,SAAS;IACnB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,QAAQ;IACR,KAAK,EAAE,SAAS;IAChB,QAAQ;IACR,KAAK,EAAE,SAAS;CACjB,CAAC","sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#ededed',\n // Grey\n grey200: '#babbbe',\n // Grey\n grey300: '#a3a4a7',\n // Grey\n grey400: '#949596',\n // Grey\n grey500: '#66676a',\n // Grey\n grey600: '#47484a',\n // Grey\n grey700: '#292929',\n // Grey\n grey800: '#1f1f1f',\n // Grey\n grey900: '#141414',\n // Grey\n grey1000: '#000000',\n // Grey\n grey050: '#f3f3f4',\n // Grey\n grey000: '#ffffff',\n // Grey\n grey025: '#f7f9fc',\n // Blue\n blue100: '#d6dbff',\n // Blue\n blue200: '#adb6fe',\n // Blue\n blue300: '#8b99ff',\n // Blue\n blue400: '#6f7eff',\n // Blue\n blue500: '#4459ff',\n // Blue\n blue600: '#2c3dc5',\n // Blue\n blue700: '#1c277f',\n // Blue\n blue800: '#131b59',\n // Blue\n blue900: '#0b0f32',\n // Blue\n blue050: '#f4f5ff',\n // Blue\n blue025: '#f8f9ff',\n // Green\n green100: '#c1e6c9',\n // Green\n green200: '#80cb91',\n // Green\n green300: '#4cb564',\n // Green\n green400: '#279f41',\n // Green\n green500: '#1c7e33',\n // Green\n green600: '#145d25',\n // Green\n green700: '#0d3b18',\n // Green\n green800: '#092912',\n // Green\n green900: '#051709',\n // Green\n green050: '#ebf7ee',\n // Green\n green025: '#f1faf4',\n // Red\n red100: '#ffd2d5',\n // Red\n red200: '#ffa1aa',\n // Red\n red300: '#ff7584',\n // Red\n red400: '#f74d5e',\n // Red\n red500: '#ca3542',\n // Red\n red600: '#952731',\n // Red\n red700: '#611a20',\n // Red\n red800: '#431216',\n // Red\n red900: '#3b0f13',\n // Red\n red050: '#fff2f3',\n // Red\n red025: '#fff6f7',\n // Yellow\n yellow100: '#ffd957',\n // Yellow\n yellow200: '#f0b034',\n // Yellow\n yellow300: '#e18f01',\n // Yellow\n yellow400: '#c37b02',\n // Yellow\n yellow500: '#9a6300',\n // Yellow\n yellow600: '#714802',\n // Yellow\n yellow700: '#482d01',\n // Yellow\n yellow800: '#321f00',\n // Yellow\n yellow900: '#1c1100',\n // Yellow\n yellow050: '#fff5d5',\n // Yellow\n yellow025: '#fff9e6',\n // Orange\n orange100: '#ffd4c1',\n // Orange\n orange200: '#ffa680',\n // Orange\n orange300: '#ff7940',\n // Orange\n orange400: '#ff5c16',\n // Orange\n orange500: '#c3420d',\n // Orange\n orange600: '#932d06',\n // Orange\n orange700: '#661800',\n // Orange\n orange800: '#451100',\n // Orange\n orange900: '#280a00',\n // Orange\n orange050: '#fff0ea',\n // Orange\n orange025: '#fff8f5',\n // Purple\n purple100: '#eac2ff',\n // Purple\n purple200: '#dfa4ff',\n // Purple\n purple300: '#d075ff',\n // Purple\n purple400: '#b864f5',\n // Purple\n purple500: '#8f44e4',\n // Purple\n purple600: '#6c2ab2',\n // Purple\n purple700: '#6c2ab2',\n // Purple\n purple800: '#3d065f',\n // Purple\n purple900: '#280a00',\n // Purple\n purple050: '#fbf2ff',\n // Purple\n purple025: '#fcf6ff',\n // Lime\n lime100: '#baf24a',\n // Lime\n lime200: '#95ca45',\n // Lime\n lime300: '#7ab040',\n // Lime\n lime400: '#64993d',\n // Lime\n lime500: '#457a39',\n // Lime\n lime600: '#275b35',\n // Lime\n lime700: '#013330',\n // Lime\n lime800: '#012826',\n // Lime\n lime900: '#011515',\n // Lime\n lime025: '#effed9',\n // Lime\n lime050: '#e5ffc3',\n // Indigo\n indigo025: '#f3faff',\n // Indigo\n indigo050: '#ebf5ff',\n // Indigo\n indigo100: '#cce7ff',\n // Indigo\n indigo200: '#89b0ff',\n // Indigo\n indigo300: '#7e9ff0',\n // Indigo\n indigo400: '#6f87db',\n // Indigo\n indigo500: '#5b66bf',\n // Indigo\n indigo600: '#4544a1',\n // Indigo\n indigo700: '#2e2082',\n // Indigo\n indigo800: '#190066',\n // Indigo\n indigo900: '#13004a',\n // White\n white: '#ffffff',\n // Black\n black: '#000000',\n};\n"]}
|
|
@@ -12,13 +12,13 @@ export const brandColor = {
|
|
|
12
12
|
// Grey
|
|
13
13
|
grey600: '#47484a',
|
|
14
14
|
// Grey
|
|
15
|
-
grey700: '#
|
|
15
|
+
grey700: '#292929',
|
|
16
16
|
// Grey
|
|
17
|
-
grey800: '#
|
|
17
|
+
grey800: '#1f1f1f',
|
|
18
18
|
// Grey
|
|
19
|
-
grey900: '#
|
|
19
|
+
grey900: '#141414',
|
|
20
20
|
// Grey
|
|
21
|
-
grey1000: '#
|
|
21
|
+
grey1000: '#000000',
|
|
22
22
|
// Grey
|
|
23
23
|
grey050: '#f3f3f4',
|
|
24
24
|
// Grey
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"brandColor.mjs","sourceRoot":"","sources":["../../../src/js/brandColor/brandColor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,QAAQ,EAAE,SAAS;IACnB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,QAAQ;IACR,KAAK,EAAE,SAAS;IAChB,QAAQ;IACR,KAAK,EAAE,SAAS;CACjB,CAAC","sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#ededed',\n // Grey\n grey200: '#babbbe',\n // Grey\n grey300: '#a3a4a7',\n // Grey\n grey400: '#949596',\n // Grey\n grey500: '#66676a',\n // Grey\n grey600: '#47484a',\n // Grey\n grey700: '#
|
|
1
|
+
{"version":3,"file":"brandColor.mjs","sourceRoot":"","sources":["../../../src/js/brandColor/brandColor.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,UAAU,GAAe;IACpC,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,QAAQ,EAAE,SAAS;IACnB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,QAAQ;IACR,QAAQ,EAAE,SAAS;IACnB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,MAAM;IACN,MAAM,EAAE,SAAS;IACjB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,OAAO;IACP,OAAO,EAAE,SAAS;IAClB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,SAAS;IACT,SAAS,EAAE,SAAS;IACpB,QAAQ;IACR,KAAK,EAAE,SAAS;IAChB,QAAQ;IACR,KAAK,EAAE,SAAS;CACjB,CAAC","sourcesContent":["import type { BrandColor } from './brandColor.types';\n\nexport const brandColor: BrandColor = {\n // Grey\n grey100: '#ededed',\n // Grey\n grey200: '#babbbe',\n // Grey\n grey300: '#a3a4a7',\n // Grey\n grey400: '#949596',\n // Grey\n grey500: '#66676a',\n // Grey\n grey600: '#47484a',\n // Grey\n grey700: '#292929',\n // Grey\n grey800: '#1f1f1f',\n // Grey\n grey900: '#141414',\n // Grey\n grey1000: '#000000',\n // Grey\n grey050: '#f3f3f4',\n // Grey\n grey000: '#ffffff',\n // Grey\n grey025: '#f7f9fc',\n // Blue\n blue100: '#d6dbff',\n // Blue\n blue200: '#adb6fe',\n // Blue\n blue300: '#8b99ff',\n // Blue\n blue400: '#6f7eff',\n // Blue\n blue500: '#4459ff',\n // Blue\n blue600: '#2c3dc5',\n // Blue\n blue700: '#1c277f',\n // Blue\n blue800: '#131b59',\n // Blue\n blue900: '#0b0f32',\n // Blue\n blue050: '#f4f5ff',\n // Blue\n blue025: '#f8f9ff',\n // Green\n green100: '#c1e6c9',\n // Green\n green200: '#80cb91',\n // Green\n green300: '#4cb564',\n // Green\n green400: '#279f41',\n // Green\n green500: '#1c7e33',\n // Green\n green600: '#145d25',\n // Green\n green700: '#0d3b18',\n // Green\n green800: '#092912',\n // Green\n green900: '#051709',\n // Green\n green050: '#ebf7ee',\n // Green\n green025: '#f1faf4',\n // Red\n red100: '#ffd2d5',\n // Red\n red200: '#ffa1aa',\n // Red\n red300: '#ff7584',\n // Red\n red400: '#f74d5e',\n // Red\n red500: '#ca3542',\n // Red\n red600: '#952731',\n // Red\n red700: '#611a20',\n // Red\n red800: '#431216',\n // Red\n red900: '#3b0f13',\n // Red\n red050: '#fff2f3',\n // Red\n red025: '#fff6f7',\n // Yellow\n yellow100: '#ffd957',\n // Yellow\n yellow200: '#f0b034',\n // Yellow\n yellow300: '#e18f01',\n // Yellow\n yellow400: '#c37b02',\n // Yellow\n yellow500: '#9a6300',\n // Yellow\n yellow600: '#714802',\n // Yellow\n yellow700: '#482d01',\n // Yellow\n yellow800: '#321f00',\n // Yellow\n yellow900: '#1c1100',\n // Yellow\n yellow050: '#fff5d5',\n // Yellow\n yellow025: '#fff9e6',\n // Orange\n orange100: '#ffd4c1',\n // Orange\n orange200: '#ffa680',\n // Orange\n orange300: '#ff7940',\n // Orange\n orange400: '#ff5c16',\n // Orange\n orange500: '#c3420d',\n // Orange\n orange600: '#932d06',\n // Orange\n orange700: '#661800',\n // Orange\n orange800: '#451100',\n // Orange\n orange900: '#280a00',\n // Orange\n orange050: '#fff0ea',\n // Orange\n orange025: '#fff8f5',\n // Purple\n purple100: '#eac2ff',\n // Purple\n purple200: '#dfa4ff',\n // Purple\n purple300: '#d075ff',\n // Purple\n purple400: '#b864f5',\n // Purple\n purple500: '#8f44e4',\n // Purple\n purple600: '#6c2ab2',\n // Purple\n purple700: '#6c2ab2',\n // Purple\n purple800: '#3d065f',\n // Purple\n purple900: '#280a00',\n // Purple\n purple050: '#fbf2ff',\n // Purple\n purple025: '#fcf6ff',\n // Lime\n lime100: '#baf24a',\n // Lime\n lime200: '#95ca45',\n // Lime\n lime300: '#7ab040',\n // Lime\n lime400: '#64993d',\n // Lime\n lime500: '#457a39',\n // Lime\n lime600: '#275b35',\n // Lime\n lime700: '#013330',\n // Lime\n lime800: '#012826',\n // Lime\n lime900: '#011515',\n // Lime\n lime025: '#effed9',\n // Lime\n lime050: '#e5ffc3',\n // Indigo\n indigo025: '#f3faff',\n // Indigo\n indigo050: '#ebf5ff',\n // Indigo\n indigo100: '#cce7ff',\n // Indigo\n indigo200: '#89b0ff',\n // Indigo\n indigo300: '#7e9ff0',\n // Indigo\n indigo400: '#6f87db',\n // Indigo\n indigo500: '#5b66bf',\n // Indigo\n indigo600: '#4544a1',\n // Indigo\n indigo700: '#2e2082',\n // Indigo\n indigo800: '#190066',\n // Indigo\n indigo900: '#13004a',\n // White\n white: '#ffffff',\n // Black\n black: '#000000',\n};\n"]}
|
|
@@ -4,30 +4,30 @@ exports.colors = void 0;
|
|
|
4
4
|
const brandColor_1 = require("../../brandColor/index.cjs");
|
|
5
5
|
exports.colors = {
|
|
6
6
|
background: {
|
|
7
|
-
/** For default neutral surface (#
|
|
8
|
-
default: brandColor_1.brandColor.
|
|
9
|
-
/** For sunken neutral surface below background/default. (#
|
|
7
|
+
/** For default neutral surface (grey1000 / #000000) */
|
|
8
|
+
default: brandColor_1.brandColor.grey1000,
|
|
9
|
+
/** For sunken neutral surface below background/default. (grey1000 / #000000) */
|
|
10
10
|
alternative: brandColor_1.brandColor.grey1000,
|
|
11
|
-
/** For section bg usually over background/default (#
|
|
12
|
-
section: brandColor_1.brandColor.
|
|
13
|
-
/** For subsection bg usually over background/section (#
|
|
14
|
-
subsection: brandColor_1.brandColor.
|
|
15
|
-
/** For muted neutral surface (#
|
|
16
|
-
muted: '#
|
|
17
|
-
/** Hover state surface for background/default */
|
|
18
|
-
defaultHover:
|
|
19
|
-
/** Pressed state surface for background/default */
|
|
20
|
-
defaultPressed:
|
|
11
|
+
/** For section bg usually over background/default (grey900 / #141414) */
|
|
12
|
+
section: brandColor_1.brandColor.grey900,
|
|
13
|
+
/** For subsection bg usually over background/section (grey800 / #1f1f1f) */
|
|
14
|
+
subsection: brandColor_1.brandColor.grey800,
|
|
15
|
+
/** For muted neutral surface (#ffffff14) */
|
|
16
|
+
muted: '#ffffff14',
|
|
17
|
+
/** Hover state surface for background/default (grey900 / #141414) */
|
|
18
|
+
defaultHover: brandColor_1.brandColor.grey900,
|
|
19
|
+
/** Pressed state surface for background/default (grey800 / #1f1f1f) */
|
|
20
|
+
defaultPressed: brandColor_1.brandColor.grey800,
|
|
21
21
|
/** Hover state surface for background/alternative (#0d0d0e) */
|
|
22
22
|
alternativeHover: '#0d0d0e',
|
|
23
23
|
/** Pressed state surface for background/alternative (#161617) */
|
|
24
24
|
alternativePressed: '#161617',
|
|
25
|
-
/** Hover state surface for background/muted (#
|
|
26
|
-
mutedHover: '#
|
|
27
|
-
/** Pressed state surface for background/muted (#
|
|
28
|
-
mutedPressed: '#
|
|
29
|
-
/** General purpose hover state tint (#
|
|
30
|
-
hover: '#
|
|
25
|
+
/** Hover state surface for background/muted (#ffffff1f) */
|
|
26
|
+
mutedHover: '#ffffff1f',
|
|
27
|
+
/** Pressed state surface for background/muted (#ffffff29) */
|
|
28
|
+
mutedPressed: '#ffffff29',
|
|
29
|
+
/** General purpose hover state tint (#ffffff14) */
|
|
30
|
+
hover: '#ffffff14',
|
|
31
31
|
/** General purpose pressed state tint (#ffffff1f) */
|
|
32
32
|
pressed: '#ffffff1f',
|
|
33
33
|
},
|
|
@@ -56,8 +56,8 @@ exports.colors = {
|
|
|
56
56
|
border: {
|
|
57
57
|
/** Default color for borders */
|
|
58
58
|
default: brandColor_1.brandColor.grey500,
|
|
59
|
-
/** Muted color for borders (#
|
|
60
|
-
muted: '#
|
|
59
|
+
/** Muted color for borders (#ffffff1f) */
|
|
60
|
+
muted: '#ffffff1f',
|
|
61
61
|
},
|
|
62
62
|
overlay: {
|
|
63
63
|
/** Default color for overlays (scrim) (#030304b8) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n /** For default neutral surface (#222325) */\n default: brandColor.grey900,\n /** For sunken neutral surface below background/default. (#121314) */\n alternative: brandColor.grey1000,\n /** For section bg usually over background/default (#31333A) */\n section: brandColor.grey800,\n /** For subsection bg usually over background/section (#222325) */\n subsection: brandColor.grey700,\n /** For muted neutral surface (#ffffff0a) */\n muted: '#ffffff0a',\n /** Hover state surface for background/default */\n defaultHover: '#1c1d1f',\n /** Pressed state surface for background/default */\n defaultPressed: '#252628',\n /** Hover state surface for background/alternative (#0d0d0e) */\n alternativeHover: '#0d0d0e',\n /** Pressed state surface for background/alternative (#161617) */\n alternativePressed: '#161617',\n /** Hover state surface for background/muted (#ffffff14) */\n mutedHover: '#ffffff14',\n /** Pressed state surface for background/muted (#ffffff1f) */\n mutedPressed: '#ffffff1f',\n /** General purpose hover state tint (#ffffff0a) */\n hover: '#ffffff0a',\n /** General purpose pressed state tint (#ffffff1f) */\n pressed: '#ffffff1f',\n },\n text: {\n /** Default color for text (#FFFFFF) */\n default: brandColor.grey000,\n /** Softer color for text (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for text (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n },\n icon: {\n /** Default color for icons (#FFFFFF) */\n default: brandColor.grey000,\n /** Hover state surface for icon.default (#F0F0F0) */\n defaultHover: '#f0f0f0',\n /** Pressed state surface for icon.default (#D0D0D0) */\n defaultPressed: '#d0d0d0',\n /** Softer color for icons (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for icons (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n /** For elements placed on top of icon.default fill (#121314) */\n inverse: brandColor.grey900,\n },\n border: {\n /** Default color for borders */\n default: brandColor.grey500,\n /** Muted color for borders (#ffffff14) */\n muted: '#ffffff14',\n },\n overlay: {\n /** Default color for overlays (scrim) (#030304b8) */\n default: '#030304b8',\n /** Dimmer color for overlays (scrim) (#030304d6) */\n alternative: '#030304d6',\n /** For elements placed on top of overlay/alternative (#FFFFFF) */\n inverse: brandColor.grey000,\n },\n primary: {\n /** For primary semantic elements: interactive, active, selected (#8b99ff) */\n default: brandColor.blue300,\n /** Stronger color for primary semantic elements (#adb6fe) */\n alternative: brandColor.blue200,\n /** Muted color for primary semantic elements (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of primary/default (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for primary/default (#9eaaff) */\n defaultHover: '#9eaaff',\n /** Pressed state surface for primary/default (#c7ceff) */\n defaultPressed: '#c7ceff',\n /** Hover state surface for primary/muted (#8b99ff33) */\n mutedHover: '#8b99ff33',\n /** Pressed state surface for primary/muted (#8b99ff40) */\n mutedPressed: '#8b99ff40',\n },\n error: {\n /** For danger semantic elements: error, critical, destructive (#FF7584) */\n default: brandColor.red300,\n /** Stronger color for error semantic (#FFA1AA) */\n alternative: brandColor.red200,\n /** Muted color for error semantic (#FF758426) */\n muted: '#ff758426',\n /** For elements placed on top of error/default fill (#121314) */\n inverse: brandColor.grey900,\n\n /** Hover state surface for error/default (#ff8a96) */\n defaultHover: '#ff8a96',\n /** Pressed state surface for error/default (#FFB2BB) */\n defaultPressed: '#ffb2bb',\n\n /** Hover state surface for error/muted (#FF758433) */\n mutedHover: '#ff758433',\n /** Pressed state surface for error/muted (#FF758440) */\n mutedPressed: '#ff758440',\n },\n warning: {\n /** For warning semantic elements: caution, attention, precaution (#F0B034) */\n default: brandColor.yellow200,\n /** Muted color option for warning semantic (#f0b03426) */\n muted: '#f0b03426',\n /** For elements placed on top of warning/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for warning/default (#f3be59) */\n defaultHover: '#f3be59',\n /** Pressed state surface for warning/default (#f6cd7f) */\n defaultPressed: '#f6cd7f',\n\n /** Hover state surface for warning/muted (#f0b03433) */\n mutedHover: '#f0b03433',\n /** Pressed state surface for warning/muted (#f0b03440) */\n mutedPressed: '#f0b03440',\n },\n success: {\n /** For positive semantic elements: success, confirm, complete, safe (#BAF24A) */\n default: brandColor.lime100,\n /** Muted color for positive semantic (#baf24a26) */\n muted: '#baf24a26',\n /** For elements placed on top of success/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for success/default (#c9f570) */\n defaultHover: '#c9f570',\n /** Pressed state surface for success/default (#d7f796) */\n defaultPressed: '#d7f796',\n\n /** Hover state surface for success/muted (#baf24a33) */\n mutedHover: '#baf24a33',\n /** Pressed state surface for success/muted (#baf24a40) */\n mutedPressed: '#baf24a40',\n },\n info: {\n /** For informational read-only elements: info, reminder, hint (#8b99ff) */\n default: brandColor.blue300,\n /** Muted color for informational semantic (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of info/default (#121314) */\n inverse: brandColor.grey900,\n },\n accent01: {\n /** Expressive color in light orange (#ffa680) */\n light: brandColor.orange200,\n /** Expressive color in orange (#ff5c16) */\n normal: brandColor.orange400,\n /** Expressive color in dark orange (#661800) */\n dark: brandColor.orange700,\n },\n accent02: {\n /** Expressive color in light purple (#eac2ff) */\n light: brandColor.purple100,\n /** Expressive color in purple (#d075ff) */\n normal: brandColor.purple300,\n /** Expressive color in dark purple (#3d065f) */\n dark: brandColor.purple800,\n },\n accent03: {\n /** Expressive color in light lime (#e5ffc3) */\n light: brandColor.lime050,\n /** Expressive color in lime (#baf24a) */\n normal: brandColor.lime100,\n /** Expressive color in dark lime (#013330) */\n dark: brandColor.lime700,\n },\n accent04: {\n /** Expressive color in light indigo (#cce7ff) */\n light: brandColor.indigo100,\n /** Expressive color in indigo (#89b0ff) */\n normal: brandColor.indigo200,\n /** Expressive color in dark indigo (#190066) */\n dark: brandColor.indigo800,\n },\n flask: {\n /** For Flask primary accent color (#D27DFF) */\n default: brandColor.purple300,\n /** For elements placed on top of flask/default fill (#121314) */\n inverse: brandColor.grey900,\n },\n shadow: {\n /** For neutral drop shadow color (#00000066) */\n default: '#00000066',\n /** For primary drop shadow color (#8b99ff33) */\n primary: '#8b99ff33',\n /** For critical/danger drop shadow color (#ff758433) */\n error: '#ff758433',\n },\n};\n"]}
|
|
1
|
+
{"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n /** For default neutral surface (grey1000 / #000000) */\n default: brandColor.grey1000,\n /** For sunken neutral surface below background/default. (grey1000 / #000000) */\n alternative: brandColor.grey1000,\n /** For section bg usually over background/default (grey900 / #141414) */\n section: brandColor.grey900,\n /** For subsection bg usually over background/section (grey800 / #1f1f1f) */\n subsection: brandColor.grey800,\n /** For muted neutral surface (#ffffff14) */\n muted: '#ffffff14',\n /** Hover state surface for background/default (grey900 / #141414) */\n defaultHover: brandColor.grey900,\n /** Pressed state surface for background/default (grey800 / #1f1f1f) */\n defaultPressed: brandColor.grey800,\n /** Hover state surface for background/alternative (#0d0d0e) */\n alternativeHover: '#0d0d0e',\n /** Pressed state surface for background/alternative (#161617) */\n alternativePressed: '#161617',\n /** Hover state surface for background/muted (#ffffff1f) */\n mutedHover: '#ffffff1f',\n /** Pressed state surface for background/muted (#ffffff29) */\n mutedPressed: '#ffffff29',\n /** General purpose hover state tint (#ffffff14) */\n hover: '#ffffff14',\n /** General purpose pressed state tint (#ffffff1f) */\n pressed: '#ffffff1f',\n },\n text: {\n /** Default color for text (#FFFFFF) */\n default: brandColor.grey000,\n /** Softer color for text (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for text (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n },\n icon: {\n /** Default color for icons (#FFFFFF) */\n default: brandColor.grey000,\n /** Hover state surface for icon.default (#F0F0F0) */\n defaultHover: '#f0f0f0',\n /** Pressed state surface for icon.default (#D0D0D0) */\n defaultPressed: '#d0d0d0',\n /** Softer color for icons (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for icons (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n /** For elements placed on top of icon.default fill (#121314) */\n inverse: brandColor.grey900,\n },\n border: {\n /** Default color for borders */\n default: brandColor.grey500,\n /** Muted color for borders (#ffffff1f) */\n muted: '#ffffff1f',\n },\n overlay: {\n /** Default color for overlays (scrim) (#030304b8) */\n default: '#030304b8',\n /** Dimmer color for overlays (scrim) (#030304d6) */\n alternative: '#030304d6',\n /** For elements placed on top of overlay/alternative (#FFFFFF) */\n inverse: brandColor.grey000,\n },\n primary: {\n /** For primary semantic elements: interactive, active, selected (#8b99ff) */\n default: brandColor.blue300,\n /** Stronger color for primary semantic elements (#adb6fe) */\n alternative: brandColor.blue200,\n /** Muted color for primary semantic elements (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of primary/default (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for primary/default (#9eaaff) */\n defaultHover: '#9eaaff',\n /** Pressed state surface for primary/default (#c7ceff) */\n defaultPressed: '#c7ceff',\n /** Hover state surface for primary/muted (#8b99ff33) */\n mutedHover: '#8b99ff33',\n /** Pressed state surface for primary/muted (#8b99ff40) */\n mutedPressed: '#8b99ff40',\n },\n error: {\n /** For danger semantic elements: error, critical, destructive (#FF7584) */\n default: brandColor.red300,\n /** Stronger color for error semantic (#FFA1AA) */\n alternative: brandColor.red200,\n /** Muted color for error semantic (#FF758426) */\n muted: '#ff758426',\n /** For elements placed on top of error/default fill (#121314) */\n inverse: brandColor.grey900,\n\n /** Hover state surface for error/default (#ff8a96) */\n defaultHover: '#ff8a96',\n /** Pressed state surface for error/default (#FFB2BB) */\n defaultPressed: '#ffb2bb',\n\n /** Hover state surface for error/muted (#FF758433) */\n mutedHover: '#ff758433',\n /** Pressed state surface for error/muted (#FF758440) */\n mutedPressed: '#ff758440',\n },\n warning: {\n /** For warning semantic elements: caution, attention, precaution (#F0B034) */\n default: brandColor.yellow200,\n /** Muted color option for warning semantic (#f0b03426) */\n muted: '#f0b03426',\n /** For elements placed on top of warning/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for warning/default (#f3be59) */\n defaultHover: '#f3be59',\n /** Pressed state surface for warning/default (#f6cd7f) */\n defaultPressed: '#f6cd7f',\n\n /** Hover state surface for warning/muted (#f0b03433) */\n mutedHover: '#f0b03433',\n /** Pressed state surface for warning/muted (#f0b03440) */\n mutedPressed: '#f0b03440',\n },\n success: {\n /** For positive semantic elements: success, confirm, complete, safe (#BAF24A) */\n default: brandColor.lime100,\n /** Muted color for positive semantic (#baf24a26) */\n muted: '#baf24a26',\n /** For elements placed on top of success/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for success/default (#c9f570) */\n defaultHover: '#c9f570',\n /** Pressed state surface for success/default (#d7f796) */\n defaultPressed: '#d7f796',\n\n /** Hover state surface for success/muted (#baf24a33) */\n mutedHover: '#baf24a33',\n /** Pressed state surface for success/muted (#baf24a40) */\n mutedPressed: '#baf24a40',\n },\n info: {\n /** For informational read-only elements: info, reminder, hint (#8b99ff) */\n default: brandColor.blue300,\n /** Muted color for informational semantic (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of info/default (#121314) */\n inverse: brandColor.grey900,\n },\n accent01: {\n /** Expressive color in light orange (#ffa680) */\n light: brandColor.orange200,\n /** Expressive color in orange (#ff5c16) */\n normal: brandColor.orange400,\n /** Expressive color in dark orange (#661800) */\n dark: brandColor.orange700,\n },\n accent02: {\n /** Expressive color in light purple (#eac2ff) */\n light: brandColor.purple100,\n /** Expressive color in purple (#d075ff) */\n normal: brandColor.purple300,\n /** Expressive color in dark purple (#3d065f) */\n dark: brandColor.purple800,\n },\n accent03: {\n /** Expressive color in light lime (#e5ffc3) */\n light: brandColor.lime050,\n /** Expressive color in lime (#baf24a) */\n normal: brandColor.lime100,\n /** Expressive color in dark lime (#013330) */\n dark: brandColor.lime700,\n },\n accent04: {\n /** Expressive color in light indigo (#cce7ff) */\n light: brandColor.indigo100,\n /** Expressive color in indigo (#89b0ff) */\n normal: brandColor.indigo200,\n /** Expressive color in dark indigo (#190066) */\n dark: brandColor.indigo800,\n },\n flask: {\n /** For Flask primary accent color (#D27DFF) */\n default: brandColor.purple300,\n /** For elements placed on top of flask/default fill (#121314) */\n inverse: brandColor.grey900,\n },\n shadow: {\n /** For neutral drop shadow color (#00000066) */\n default: '#00000066',\n /** For primary drop shadow color (#8b99ff33) */\n primary: '#8b99ff33',\n /** For critical/danger drop shadow color (#ff758433) */\n error: '#ff758433',\n },\n};\n"]}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
import { brandColor } from "../../brandColor/index.mjs";
|
|
2
2
|
export const colors = {
|
|
3
3
|
background: {
|
|
4
|
-
/** For default neutral surface (#
|
|
5
|
-
default: brandColor.
|
|
6
|
-
/** For sunken neutral surface below background/default. (#
|
|
4
|
+
/** For default neutral surface (grey1000 / #000000) */
|
|
5
|
+
default: brandColor.grey1000,
|
|
6
|
+
/** For sunken neutral surface below background/default. (grey1000 / #000000) */
|
|
7
7
|
alternative: brandColor.grey1000,
|
|
8
|
-
/** For section bg usually over background/default (#
|
|
9
|
-
section: brandColor.
|
|
10
|
-
/** For subsection bg usually over background/section (#
|
|
11
|
-
subsection: brandColor.
|
|
12
|
-
/** For muted neutral surface (#
|
|
13
|
-
muted: '#
|
|
14
|
-
/** Hover state surface for background/default */
|
|
15
|
-
defaultHover:
|
|
16
|
-
/** Pressed state surface for background/default */
|
|
17
|
-
defaultPressed:
|
|
8
|
+
/** For section bg usually over background/default (grey900 / #141414) */
|
|
9
|
+
section: brandColor.grey900,
|
|
10
|
+
/** For subsection bg usually over background/section (grey800 / #1f1f1f) */
|
|
11
|
+
subsection: brandColor.grey800,
|
|
12
|
+
/** For muted neutral surface (#ffffff14) */
|
|
13
|
+
muted: '#ffffff14',
|
|
14
|
+
/** Hover state surface for background/default (grey900 / #141414) */
|
|
15
|
+
defaultHover: brandColor.grey900,
|
|
16
|
+
/** Pressed state surface for background/default (grey800 / #1f1f1f) */
|
|
17
|
+
defaultPressed: brandColor.grey800,
|
|
18
18
|
/** Hover state surface for background/alternative (#0d0d0e) */
|
|
19
19
|
alternativeHover: '#0d0d0e',
|
|
20
20
|
/** Pressed state surface for background/alternative (#161617) */
|
|
21
21
|
alternativePressed: '#161617',
|
|
22
|
-
/** Hover state surface for background/muted (#
|
|
23
|
-
mutedHover: '#
|
|
24
|
-
/** Pressed state surface for background/muted (#
|
|
25
|
-
mutedPressed: '#
|
|
26
|
-
/** General purpose hover state tint (#
|
|
27
|
-
hover: '#
|
|
22
|
+
/** Hover state surface for background/muted (#ffffff1f) */
|
|
23
|
+
mutedHover: '#ffffff1f',
|
|
24
|
+
/** Pressed state surface for background/muted (#ffffff29) */
|
|
25
|
+
mutedPressed: '#ffffff29',
|
|
26
|
+
/** General purpose hover state tint (#ffffff14) */
|
|
27
|
+
hover: '#ffffff14',
|
|
28
28
|
/** General purpose pressed state tint (#ffffff1f) */
|
|
29
29
|
pressed: '#ffffff1f',
|
|
30
30
|
},
|
|
@@ -53,8 +53,8 @@ export const colors = {
|
|
|
53
53
|
border: {
|
|
54
54
|
/** Default color for borders */
|
|
55
55
|
default: brandColor.grey500,
|
|
56
|
-
/** Muted color for borders (#
|
|
57
|
-
muted: '#
|
|
56
|
+
/** Muted color for borders (#ffffff1f) */
|
|
57
|
+
muted: '#ffffff1f',
|
|
58
58
|
},
|
|
59
59
|
overlay: {
|
|
60
60
|
/** Default color for overlays (scrim) (#030304b8) */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n /** For default neutral surface (#222325) */\n default: brandColor.grey900,\n /** For sunken neutral surface below background/default. (#121314) */\n alternative: brandColor.grey1000,\n /** For section bg usually over background/default (#31333A) */\n section: brandColor.grey800,\n /** For subsection bg usually over background/section (#222325) */\n subsection: brandColor.grey700,\n /** For muted neutral surface (#ffffff0a) */\n muted: '#ffffff0a',\n /** Hover state surface for background/default */\n defaultHover: '#1c1d1f',\n /** Pressed state surface for background/default */\n defaultPressed: '#252628',\n /** Hover state surface for background/alternative (#0d0d0e) */\n alternativeHover: '#0d0d0e',\n /** Pressed state surface for background/alternative (#161617) */\n alternativePressed: '#161617',\n /** Hover state surface for background/muted (#ffffff14) */\n mutedHover: '#ffffff14',\n /** Pressed state surface for background/muted (#ffffff1f) */\n mutedPressed: '#ffffff1f',\n /** General purpose hover state tint (#ffffff0a) */\n hover: '#ffffff0a',\n /** General purpose pressed state tint (#ffffff1f) */\n pressed: '#ffffff1f',\n },\n text: {\n /** Default color for text (#FFFFFF) */\n default: brandColor.grey000,\n /** Softer color for text (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for text (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n },\n icon: {\n /** Default color for icons (#FFFFFF) */\n default: brandColor.grey000,\n /** Hover state surface for icon.default (#F0F0F0) */\n defaultHover: '#f0f0f0',\n /** Pressed state surface for icon.default (#D0D0D0) */\n defaultPressed: '#d0d0d0',\n /** Softer color for icons (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for icons (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n /** For elements placed on top of icon.default fill (#121314) */\n inverse: brandColor.grey900,\n },\n border: {\n /** Default color for borders */\n default: brandColor.grey500,\n /** Muted color for borders (#ffffff14) */\n muted: '#ffffff14',\n },\n overlay: {\n /** Default color for overlays (scrim) (#030304b8) */\n default: '#030304b8',\n /** Dimmer color for overlays (scrim) (#030304d6) */\n alternative: '#030304d6',\n /** For elements placed on top of overlay/alternative (#FFFFFF) */\n inverse: brandColor.grey000,\n },\n primary: {\n /** For primary semantic elements: interactive, active, selected (#8b99ff) */\n default: brandColor.blue300,\n /** Stronger color for primary semantic elements (#adb6fe) */\n alternative: brandColor.blue200,\n /** Muted color for primary semantic elements (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of primary/default (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for primary/default (#9eaaff) */\n defaultHover: '#9eaaff',\n /** Pressed state surface for primary/default (#c7ceff) */\n defaultPressed: '#c7ceff',\n /** Hover state surface for primary/muted (#8b99ff33) */\n mutedHover: '#8b99ff33',\n /** Pressed state surface for primary/muted (#8b99ff40) */\n mutedPressed: '#8b99ff40',\n },\n error: {\n /** For danger semantic elements: error, critical, destructive (#FF7584) */\n default: brandColor.red300,\n /** Stronger color for error semantic (#FFA1AA) */\n alternative: brandColor.red200,\n /** Muted color for error semantic (#FF758426) */\n muted: '#ff758426',\n /** For elements placed on top of error/default fill (#121314) */\n inverse: brandColor.grey900,\n\n /** Hover state surface for error/default (#ff8a96) */\n defaultHover: '#ff8a96',\n /** Pressed state surface for error/default (#FFB2BB) */\n defaultPressed: '#ffb2bb',\n\n /** Hover state surface for error/muted (#FF758433) */\n mutedHover: '#ff758433',\n /** Pressed state surface for error/muted (#FF758440) */\n mutedPressed: '#ff758440',\n },\n warning: {\n /** For warning semantic elements: caution, attention, precaution (#F0B034) */\n default: brandColor.yellow200,\n /** Muted color option for warning semantic (#f0b03426) */\n muted: '#f0b03426',\n /** For elements placed on top of warning/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for warning/default (#f3be59) */\n defaultHover: '#f3be59',\n /** Pressed state surface for warning/default (#f6cd7f) */\n defaultPressed: '#f6cd7f',\n\n /** Hover state surface for warning/muted (#f0b03433) */\n mutedHover: '#f0b03433',\n /** Pressed state surface for warning/muted (#f0b03440) */\n mutedPressed: '#f0b03440',\n },\n success: {\n /** For positive semantic elements: success, confirm, complete, safe (#BAF24A) */\n default: brandColor.lime100,\n /** Muted color for positive semantic (#baf24a26) */\n muted: '#baf24a26',\n /** For elements placed on top of success/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for success/default (#c9f570) */\n defaultHover: '#c9f570',\n /** Pressed state surface for success/default (#d7f796) */\n defaultPressed: '#d7f796',\n\n /** Hover state surface for success/muted (#baf24a33) */\n mutedHover: '#baf24a33',\n /** Pressed state surface for success/muted (#baf24a40) */\n mutedPressed: '#baf24a40',\n },\n info: {\n /** For informational read-only elements: info, reminder, hint (#8b99ff) */\n default: brandColor.blue300,\n /** Muted color for informational semantic (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of info/default (#121314) */\n inverse: brandColor.grey900,\n },\n accent01: {\n /** Expressive color in light orange (#ffa680) */\n light: brandColor.orange200,\n /** Expressive color in orange (#ff5c16) */\n normal: brandColor.orange400,\n /** Expressive color in dark orange (#661800) */\n dark: brandColor.orange700,\n },\n accent02: {\n /** Expressive color in light purple (#eac2ff) */\n light: brandColor.purple100,\n /** Expressive color in purple (#d075ff) */\n normal: brandColor.purple300,\n /** Expressive color in dark purple (#3d065f) */\n dark: brandColor.purple800,\n },\n accent03: {\n /** Expressive color in light lime (#e5ffc3) */\n light: brandColor.lime050,\n /** Expressive color in lime (#baf24a) */\n normal: brandColor.lime100,\n /** Expressive color in dark lime (#013330) */\n dark: brandColor.lime700,\n },\n accent04: {\n /** Expressive color in light indigo (#cce7ff) */\n light: brandColor.indigo100,\n /** Expressive color in indigo (#89b0ff) */\n normal: brandColor.indigo200,\n /** Expressive color in dark indigo (#190066) */\n dark: brandColor.indigo800,\n },\n flask: {\n /** For Flask primary accent color (#D27DFF) */\n default: brandColor.purple300,\n /** For elements placed on top of flask/default fill (#121314) */\n inverse: brandColor.grey900,\n },\n shadow: {\n /** For neutral drop shadow color (#00000066) */\n default: '#00000066',\n /** For primary drop shadow color (#8b99ff33) */\n primary: '#8b99ff33',\n /** For critical/danger drop shadow color (#ff758433) */\n error: '#ff758433',\n },\n};\n"]}
|
|
1
|
+
{"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"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","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n background: {\n /** For default neutral surface (grey1000 / #000000) */\n default: brandColor.grey1000,\n /** For sunken neutral surface below background/default. (grey1000 / #000000) */\n alternative: brandColor.grey1000,\n /** For section bg usually over background/default (grey900 / #141414) */\n section: brandColor.grey900,\n /** For subsection bg usually over background/section (grey800 / #1f1f1f) */\n subsection: brandColor.grey800,\n /** For muted neutral surface (#ffffff14) */\n muted: '#ffffff14',\n /** Hover state surface for background/default (grey900 / #141414) */\n defaultHover: brandColor.grey900,\n /** Pressed state surface for background/default (grey800 / #1f1f1f) */\n defaultPressed: brandColor.grey800,\n /** Hover state surface for background/alternative (#0d0d0e) */\n alternativeHover: '#0d0d0e',\n /** Pressed state surface for background/alternative (#161617) */\n alternativePressed: '#161617',\n /** Hover state surface for background/muted (#ffffff1f) */\n mutedHover: '#ffffff1f',\n /** Pressed state surface for background/muted (#ffffff29) */\n mutedPressed: '#ffffff29',\n /** General purpose hover state tint (#ffffff14) */\n hover: '#ffffff14',\n /** General purpose pressed state tint (#ffffff1f) */\n pressed: '#ffffff1f',\n },\n text: {\n /** Default color for text (#FFFFFF) */\n default: brandColor.grey000,\n /** Softer color for text (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for text (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n },\n icon: {\n /** Default color for icons (#FFFFFF) */\n default: brandColor.grey000,\n /** Hover state surface for icon.default (#F0F0F0) */\n defaultHover: '#f0f0f0',\n /** Pressed state surface for icon.default (#D0D0D0) */\n defaultPressed: '#d0d0d0',\n /** Softer color for icons (#858B9A) */\n alternative: brandColor.grey300,\n /** Muted color for icons (Not accessible) (#686E7D) */\n muted: brandColor.grey600,\n /** For elements placed on top of icon.default fill (#121314) */\n inverse: brandColor.grey900,\n },\n border: {\n /** Default color for borders */\n default: brandColor.grey500,\n /** Muted color for borders (#ffffff1f) */\n muted: '#ffffff1f',\n },\n overlay: {\n /** Default color for overlays (scrim) (#030304b8) */\n default: '#030304b8',\n /** Dimmer color for overlays (scrim) (#030304d6) */\n alternative: '#030304d6',\n /** For elements placed on top of overlay/alternative (#FFFFFF) */\n inverse: brandColor.grey000,\n },\n primary: {\n /** For primary semantic elements: interactive, active, selected (#8b99ff) */\n default: brandColor.blue300,\n /** Stronger color for primary semantic elements (#adb6fe) */\n alternative: brandColor.blue200,\n /** Muted color for primary semantic elements (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of primary/default (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for primary/default (#9eaaff) */\n defaultHover: '#9eaaff',\n /** Pressed state surface for primary/default (#c7ceff) */\n defaultPressed: '#c7ceff',\n /** Hover state surface for primary/muted (#8b99ff33) */\n mutedHover: '#8b99ff33',\n /** Pressed state surface for primary/muted (#8b99ff40) */\n mutedPressed: '#8b99ff40',\n },\n error: {\n /** For danger semantic elements: error, critical, destructive (#FF7584) */\n default: brandColor.red300,\n /** Stronger color for error semantic (#FFA1AA) */\n alternative: brandColor.red200,\n /** Muted color for error semantic (#FF758426) */\n muted: '#ff758426',\n /** For elements placed on top of error/default fill (#121314) */\n inverse: brandColor.grey900,\n\n /** Hover state surface for error/default (#ff8a96) */\n defaultHover: '#ff8a96',\n /** Pressed state surface for error/default (#FFB2BB) */\n defaultPressed: '#ffb2bb',\n\n /** Hover state surface for error/muted (#FF758433) */\n mutedHover: '#ff758433',\n /** Pressed state surface for error/muted (#FF758440) */\n mutedPressed: '#ff758440',\n },\n warning: {\n /** For warning semantic elements: caution, attention, precaution (#F0B034) */\n default: brandColor.yellow200,\n /** Muted color option for warning semantic (#f0b03426) */\n muted: '#f0b03426',\n /** For elements placed on top of warning/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for warning/default (#f3be59) */\n defaultHover: '#f3be59',\n /** Pressed state surface for warning/default (#f6cd7f) */\n defaultPressed: '#f6cd7f',\n\n /** Hover state surface for warning/muted (#f0b03433) */\n mutedHover: '#f0b03433',\n /** Pressed state surface for warning/muted (#f0b03440) */\n mutedPressed: '#f0b03440',\n },\n success: {\n /** For positive semantic elements: success, confirm, complete, safe (#BAF24A) */\n default: brandColor.lime100,\n /** Muted color for positive semantic (#baf24a26) */\n muted: '#baf24a26',\n /** For elements placed on top of success/default fill (#121314) */\n inverse: brandColor.grey900,\n /** Hover state surface for success/default (#c9f570) */\n defaultHover: '#c9f570',\n /** Pressed state surface for success/default (#d7f796) */\n defaultPressed: '#d7f796',\n\n /** Hover state surface for success/muted (#baf24a33) */\n mutedHover: '#baf24a33',\n /** Pressed state surface for success/muted (#baf24a40) */\n mutedPressed: '#baf24a40',\n },\n info: {\n /** For informational read-only elements: info, reminder, hint (#8b99ff) */\n default: brandColor.blue300,\n /** Muted color for informational semantic (#8b99ff26) */\n muted: '#8b99ff26',\n /** For elements placed on top of info/default (#121314) */\n inverse: brandColor.grey900,\n },\n accent01: {\n /** Expressive color in light orange (#ffa680) */\n light: brandColor.orange200,\n /** Expressive color in orange (#ff5c16) */\n normal: brandColor.orange400,\n /** Expressive color in dark orange (#661800) */\n dark: brandColor.orange700,\n },\n accent02: {\n /** Expressive color in light purple (#eac2ff) */\n light: brandColor.purple100,\n /** Expressive color in purple (#d075ff) */\n normal: brandColor.purple300,\n /** Expressive color in dark purple (#3d065f) */\n dark: brandColor.purple800,\n },\n accent03: {\n /** Expressive color in light lime (#e5ffc3) */\n light: brandColor.lime050,\n /** Expressive color in lime (#baf24a) */\n normal: brandColor.lime100,\n /** Expressive color in dark lime (#013330) */\n dark: brandColor.lime700,\n },\n accent04: {\n /** Expressive color in light indigo (#cce7ff) */\n light: brandColor.indigo100,\n /** Expressive color in indigo (#89b0ff) */\n normal: brandColor.indigo200,\n /** Expressive color in dark indigo (#190066) */\n dark: brandColor.indigo800,\n },\n flask: {\n /** For Flask primary accent color (#D27DFF) */\n default: brandColor.purple300,\n /** For elements placed on top of flask/default fill (#121314) */\n inverse: brandColor.grey900,\n },\n shadow: {\n /** For neutral drop shadow color (#00000066) */\n default: '#00000066',\n /** For primary drop shadow color (#8b99ff33) */\n primary: '#8b99ff33',\n /** For critical/danger drop shadow color (#ff758433) */\n error: '#ff758433',\n },\n};\n"]}
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--brand-colors-grey-grey100:#ededed;--brand-colors-grey-grey200:#babbbe;--brand-colors-grey-grey300:#a3a4a7;--brand-colors-grey-grey400:#949596;--brand-colors-grey-grey500:#66676a;--brand-colors-grey-grey600:#47484a;--brand-colors-grey-grey700:#252628;--brand-colors-grey-grey800:#1c1d1f;--brand-colors-grey-grey900:#131416;--brand-colors-grey-grey1000:#0c0d0f;--brand-colors-grey-grey050:#f3f3f4;--brand-colors-grey-grey000:#ffffff;--brand-colors-grey-grey025:#f7f9fc;--brand-colors-blue-blue100:#d6dbff;--brand-colors-blue-blue200:#adb6fe;--brand-colors-blue-blue300:#8b99ff;--brand-colors-blue-blue400:#6f7eff;--brand-colors-blue-blue500:#4459ff;--brand-colors-blue-blue600:#2c3dc5;--brand-colors-blue-blue700:#1c277f;--brand-colors-blue-blue800:#131b59;--brand-colors-blue-blue900:#0b0f32;--brand-colors-blue-blue050:#f4f5ff;--brand-colors-blue-blue025:#f8f9ff;--brand-colors-green-green100:#c1e6c9;--brand-colors-green-green200:#80cb91;--brand-colors-green-green300:#4cb564;--brand-colors-green-green400:#279f41;--brand-colors-green-green500:#1c7e33;--brand-colors-green-green600:#145d25;--brand-colors-green-green700:#0d3b18;--brand-colors-green-green800:#092912;--brand-colors-green-green900:#051709;--brand-colors-green-green050:#ebf7ee;--brand-colors-green-green025:#f1faf4;--brand-colors-red-red100:#ffd2d5;--brand-colors-red-red200:#ffa1aa;--brand-colors-red-red300:#ff7584;--brand-colors-red-red400:#f74d5e;--brand-colors-red-red500:#ca3542;--brand-colors-red-red600:#952731;--brand-colors-red-red700:#611a20;--brand-colors-red-red800:#431216;--brand-colors-red-red900:#3b0f13;--brand-colors-red-red050:#fff2f3;--brand-colors-red-red025:#fff6f7;--brand-colors-yellow-yellow100:#ffd957;--brand-colors-yellow-yellow200:#f0b034;--brand-colors-yellow-yellow300:#e18f01;--brand-colors-yellow-yellow400:#c37b02;--brand-colors-yellow-yellow500:#9a6300;--brand-colors-yellow-yellow600:#714802;--brand-colors-yellow-yellow700:#482d01;--brand-colors-yellow-yellow800:#321f00;--brand-colors-yellow-yellow900:#1c1100;--brand-colors-yellow-yellow050:#fff5d5;--brand-colors-yellow-yellow025:#fff9e6;--brand-colors-orange-orange100:#ffd4c1;--brand-colors-orange-orange200:#ffa680;--brand-colors-orange-orange300:#ff7940;--brand-colors-orange-orange400:#ff5c16;--brand-colors-orange-orange500:#c3420d;--brand-colors-orange-orange600:#932d06;--brand-colors-orange-orange700:#661800;--brand-colors-orange-orange800:#451100;--brand-colors-orange-orange900:#280a00;--brand-colors-orange-orange050:#fff0ea;--brand-colors-orange-orange025:#fff8f5;--brand-colors-purple-purple100:#eac2ff;--brand-colors-purple-purple200:#dfa4ff;--brand-colors-purple-purple300:#d075ff;--brand-colors-purple-purple400:#b864f5;--brand-colors-purple-purple500:#8f44e4;--brand-colors-purple-purple600:#6c2ab2;--brand-colors-purple-purple700:#6c2ab2;--brand-colors-purple-purple800:#3d065f;--brand-colors-purple-purple900:#280a00;--brand-colors-purple-purple050:#fbf2ff;--brand-colors-purple-purple025:#fcf6ff;--brand-colors-lime-lime100:#baf24a;--brand-colors-lime-lime200:#95ca45;--brand-colors-lime-lime300:#7ab040;--brand-colors-lime-lime400:#64993d;--brand-colors-lime-lime500:#457a39;--brand-colors-lime-lime600:#275b35;--brand-colors-lime-lime700:#013330;--brand-colors-lime-lime800:#012826;--brand-colors-lime-lime900:#011515;--brand-colors-lime-lime025:#effed9;--brand-colors-lime-lime050:#e5ffc3;--brand-colors-indigo-indigo025:#f3faff;--brand-colors-indigo-indigo050:#ebf5ff;--brand-colors-indigo-indigo100:#cce7ff;--brand-colors-indigo-indigo200:#89b0ff;--brand-colors-indigo-indigo300:#7e9ff0;--brand-colors-indigo-indigo400:#6f87db;--brand-colors-indigo-indigo500:#5b66bf;--brand-colors-indigo-indigo600:#4544a1;--brand-colors-indigo-indigo700:#2e2082;--brand-colors-indigo-indigo800:#190066;--brand-colors-indigo-indigo900:#13004a;--brand-colors-white:#ffffff;--brand-colors-black:#000000}.light,:root,[data-theme=light]{--color-background-default:var(--brand-colors-grey-grey000);--color-background-section:var(--brand-colors-grey-grey050);--color-background-subsection:var(--brand-colors-grey-grey000);--color-background-alternative:var(--brand-colors-grey-grey050);--color-background-muted:#b4b4b528;--color-background-muted-hover:#b4b4b53d;--color-background-muted-pressed:#b4b4b552;--color-background-default-hover:var(--brand-colors-grey-grey050);--color-background-default-pressed:var(--brand-colors-grey-grey100);--color-background-alternative-hover:#ebedf1;--color-background-alternative-pressed:#e1e4ea;--color-background-hover:#b4b4b528;--color-background-pressed:#b4b4b53d;--color-text-default:var(--brand-colors-grey-grey900);--color-text-alternative:var(--brand-colors-grey-grey500);--color-text-muted:var(--brand-colors-grey-grey200);--color-icon-default:var(--brand-colors-grey-grey900);--color-icon-default-hover:#2a2b2c;--color-icon-default-pressed:#414243;--color-icon-alternative:var(--brand-colors-grey-grey500);--color-icon-muted:var(--brand-colors-grey-grey200);--color-icon-inverse:var(--brand-colors-grey-grey000);--color-border-default:var(--brand-colors-grey-grey400);--color-border-muted:#b4b4b566;--color-overlay-default:#0a0d135c;--color-overlay-alternative:#0a0d1392;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue500);--color-primary-alternative:var(--brand-colors-blue-blue600);--color-primary-muted:#4459ff1a;--color-primary-inverse:var(--brand-colors-grey-grey000);--color-primary-default-hover:#384df5;--color-primary-default-pressed:#2b3eda;--color-primary-muted-hover:#4459ff26;--color-primary-muted-pressed:#4459ff33;--color-error-default:var(--brand-colors-red-red500);--color-error-alternative:var(--brand-colors-red-red600);--color-error-muted:#ca35421a;--color-error-inverse:var(--brand-colors-grey-grey000);--color-error-default-hover:#ba313d;--color-error-default-pressed:#9a2832;--color-error-muted-hover:#ca354226;--color-error-muted-pressed:#ca354233;--color-warning-default:var(--brand-colors-yellow-yellow500);--color-warning-muted:#9a63001a;--color-warning-inverse:var(--brand-colors-grey-grey000);--color-warning-default-hover:#855500;--color-warning-default-pressed:#5c3b00;--color-warning-muted-hover:#9a630026;--color-warning-muted-pressed:#9a630033;--color-success-default:var(--brand-colors-lime-lime500);--color-success-muted:#457a391a;--color-success-inverse:var(--brand-colors-grey-grey000);--color-success-default-hover:#3d6c32;--color-success-default-pressed:#2d5025;--color-success-muted-hover:#457a3926;--color-success-muted-pressed:#457a3933;--color-info-default:var(--brand-colors-blue-blue500);--color-info-muted:#4459ff1a;--color-info-inverse:var(--brand-colors-grey-grey000);--color-accent01-light:var(--brand-colors-orange-orange200);--color-accent01-normal:var(--brand-colors-orange-orange400);--color-accent01-dark:var(--brand-colors-orange-orange700);--color-accent02-light:var(--brand-colors-purple-purple100);--color-accent02-normal:var(--brand-colors-purple-purple300);--color-accent02-dark:var(--brand-colors-purple-purple800);--color-accent03-light:var(--brand-colors-lime-lime050);--color-accent03-normal:var(--brand-colors-lime-lime100);--color-accent03-dark:var(--brand-colors-lime-lime700);--color-accent04-light:var(--brand-colors-indigo-indigo100);--color-accent04-normal:var(--brand-colors-indigo-indigo200);--color-accent04-dark:var(--brand-colors-indigo-indigo800);--color-flask-default:var(--brand-colors-purple-purple500);--color-flask-inverse:var(--brand-colors-grey-grey000);--color-shadow-default:#0000001a;--color-shadow-primary:#4459ff33;--color-shadow-error:#ca354266}.dark,[data-theme=dark]{--color-background-default:var(--brand-colors-grey-grey900);--color-background-section:var(--brand-colors-grey-grey800);--color-background-subsection:var(--brand-colors-grey-grey700);--color-background-alternative:var(--brand-colors-grey-grey1000);--color-background-muted:#ffffff0a;--color-background-muted-hover:#ffffff14;--color-background-muted-pressed:#ffffff1f;--color-background-default-hover:var(--brand-colors-grey-grey800);--color-background-default-pressed:var(--brand-colors-grey-grey700);--color-background-alternative-hover:#0d0d0e;--color-background-alternative-pressed:#161617;--color-background-hover:#ffffff0a;--color-background-pressed:#ffffff1f;--color-text-default:var(--brand-colors-grey-grey000);--color-text-alternative:var(--brand-colors-grey-grey300);--color-text-muted:var(--brand-colors-grey-grey600);--color-icon-default:var(--brand-colors-grey-grey000);--color-icon-default-hover:#f0f0f0;--color-icon-default-pressed:#d0d0d0;--color-icon-alternative:var(--brand-colors-grey-grey300);--color-icon-muted:var(--brand-colors-grey-grey600);--color-icon-inverse:var(--brand-colors-grey-grey900);--color-border-default:var(--brand-colors-grey-grey500);--color-border-muted:#ffffff14;--color-overlay-default:#030304b8;--color-overlay-alternative:#030304d6;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue300);--color-primary-alternative:var(--brand-colors-blue-blue200);--color-primary-muted:#8b99ff26;--color-primary-inverse:var(--brand-colors-grey-grey900);--color-primary-default-hover:#9eaaff;--color-primary-default-pressed:#c7ceff;--color-primary-muted-hover:#8b99ff33;--color-primary-muted-pressed:#8b99ff40;--color-error-default:var(--brand-colors-red-red300);--color-error-alternative:var(--brand-colors-red-red200);--color-error-muted:#ff758426;--color-error-inverse:var(--brand-colors-grey-grey900);--color-error-default-hover:#ff8a96;--color-error-default-pressed:#ffb2bb;--color-error-muted-hover:#ff758433;--color-error-muted-pressed:#ff758440;--color-warning-default:var(--brand-colors-yellow-yellow200);--color-warning-muted:#f0b03426;--color-warning-inverse:var(--brand-colors-grey-grey900);--color-warning-default-hover:#f3be59;--color-warning-default-pressed:#f6cd7f;--color-warning-muted-hover:#f0b03433;--color-warning-muted-pressed:#f0b03440;--color-success-default:var(--brand-colors-lime-lime100);--color-success-muted:#baf24a26;--color-success-inverse:var(--brand-colors-grey-grey900);--color-success-default-hover:#c9f570;--color-success-default-pressed:#d7f796;--color-success-muted-hover:#baf24a33;--color-success-muted-pressed:#baf24a40;--color-info-default:var(--brand-colors-blue-blue300);--color-info-muted:#8b99ff26;--color-info-inverse:var(--brand-colors-grey-grey900);--color-accent01-light:var(--brand-colors-orange-orange200);--color-accent01-normal:var(--brand-colors-orange-orange400);--color-accent01-dark:var(--brand-colors-orange-orange700);--color-accent02-light:var(--brand-colors-purple-purple100);--color-accent02-normal:var(--brand-colors-purple-purple300);--color-accent02-dark:var(--brand-colors-purple-purple800);--color-accent03-light:var(--brand-colors-lime-lime050);--color-accent03-normal:var(--brand-colors-lime-lime100);--color-accent03-dark:var(--brand-colors-lime-lime700);--color-accent04-light:var(--brand-colors-indigo-indigo100);--color-accent04-normal:var(--brand-colors-indigo-indigo200);--color-accent04-dark:var(--brand-colors-indigo-indigo800);--color-flask-default:var(--brand-colors-purple-purple300);--color-flask-inverse:var(--brand-colors-grey-grey900);--color-shadow-default:#00000066;--color-shadow-primary:#8b99ff33;--color-shadow-error:#ff758433}:root{--font-family-default:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif;--font-family-accent:'MMSans','Helvetica Neue',Helvetica,Arial,sans-serif;--font-family-hero:'MMPoly','Helvetica Neue',Helvetica,Arial,sans-serif;--font-size-base:16px;--font-size-1:0.625rem;--font-size-2:0.75rem;--font-size-3:0.875rem;--font-size-4:1rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:2rem;--font-size-8:2.5rem;--font-size-9:3rem;--font-size-10:3.75rem;--line-height-1:1rem;--line-height-2:1.25rem;--line-height-3:1.375rem;--line-height-4:1.5rem;--line-height-5:2rem;--line-height-6:2.5rem;--line-height-7:3.125rem;--line-height-8:3.5rem;--line-height-9:4.6875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--letter-spacing-0:0;--letter-spacing-1:2.5%;--typography-s-display-lg-font-size:var(--font-size-8);--typography-s-display-lg-line-height:var(--line-height-7);--typography-s-display-lg-font-weight:var(--font-weight-bold);--typography-s-display-lg-letter-spacing:var(--letter-spacing-0);--typography-s-display-md-font-size:var(--font-size-7);--typography-s-display-md-line-height:var(--line-height-6);--typography-s-display-md-font-weight:var(--font-weight-bold);--typography-s-display-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-lg-font-size:var(--font-size-6);--typography-s-heading-lg-line-height:var(--line-height-5);--typography-s-heading-lg-font-weight:var(--font-weight-bold);--typography-s-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-s-heading-md-font-size:var(--font-size-5);--typography-s-heading-md-line-height:var(--line-height-4);--typography-s-heading-md-font-weight:var(--font-weight-bold);--typography-s-heading-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-sm-font-size:var(--font-size-4);--typography-s-heading-sm-line-height:var(--line-height-4);--typography-s-heading-sm-font-weight:var(--font-weight-bold);--typography-s-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-medium-font-size:var(--font-size-5);--typography-s-body-lg-medium-line-height:var(--line-height-4);--typography-s-body-lg-medium-font-weight:var(--font-weight-medium);--typography-s-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-regular-font-size:var(--font-size-5);--typography-s-body-lg-regular-line-height:var(--line-height-4);--typography-s-body-lg-regular-font-weight:var(--font-weight-medium);--typography-s-body-lg-regular-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-bold-font-size:var(--font-size-4);--typography-s-body-md-bold-line-height:var(--line-height-4);--typography-s-body-md-bold-font-weight:var(--font-weight-bold);--typography-s-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-medium-font-size:var(--font-size-4);--typography-s-body-md-medium-line-height:var(--line-height-4);--typography-s-body-md-medium-font-weight:var(--font-weight-medium);--typography-s-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-font-size:var(--font-size-4);--typography-s-body-md-line-height:var(--line-height-4);--typography-s-body-md-font-weight:var(--font-weight-regular);--typography-s-body-md-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-bold-font-size:var(--font-size-3);--typography-s-body-sm-bold-line-height:var(--line-height-3);--typography-s-body-sm-bold-font-weight:var(--font-weight-bold);--typography-s-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-medium-font-size:var(--font-size-3);--typography-s-body-sm-medium-line-height:var(--line-height-3);--typography-s-body-sm-medium-font-weight:var(--font-weight-medium);--typography-s-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-font-size:var(--font-size-3);--typography-s-body-sm-line-height:var(--line-height-3);--typography-s-body-sm-font-weight:var(--font-weight-regular);--typography-s-body-sm-letter-spacing:var(--letter-spacing-0);--typography-s-body-xs-medium-font-size:var(--font-size-2);--typography-s-body-xs-medium-line-height:var(--line-height-2);--typography-s-body-xs-medium-font-weight:var(--font-weight-medium);--typography-s-body-xs-medium-letter-spacing:var(--letter-spacing-1);--typography-s-body-xs-font-size:var(--font-size-2);--typography-s-body-xs-line-height:var(--line-height-2);--typography-s-body-xs-font-weight:var(--font-weight-regular);--typography-s-body-xs-letter-spacing:var(--letter-spacing-1);--typography-s-page-heading-font-size:var(--font-size-6);--typography-s-page-heading-line-height:var(--line-height-5);--typography-s-page-heading-font-weight:var(--font-weight-bold);--typography-s-page-heading-letter-spacing:var(--letter-spacing-0);--typography-s-section-heading-font-size:var(--font-size-5);--typography-s-section-heading-line-height:var(--line-height-4);--typography-s-section-heading-font-weight:var(--font-weight-bold);--typography-s-section-heading-letter-spacing:var(--letter-spacing-0);--typography-s-button-label-md-font-size:var(--font-size-4);--typography-s-button-label-md-line-height:var(--line-height-4);--typography-s-button-label-md-font-weight:var(--font-weight-medium);--typography-s-button-label-md-letter-spacing:var(--letter-spacing-0);--typography-s-button-label-lg-font-size:var(--font-size-5);--typography-s-button-label-lg-line-height:var(--line-height-4);--typography-s-button-label-lg-font-weight:var(--font-weight-medium);--typography-s-button-label-lg-letter-spacing:var(--letter-spacing-0);--typography-s-amount-display-lg-font-size:var(--font-size-8);--typography-s-amount-display-lg-line-height:var(--line-height-7);--typography-s-amount-display-lg-font-weight:var(--font-weight-bold);--typography-s-amount-display-lg-letter-spacing:var(--letter-spacing-0);--typography-l-display-lg-font-size:var(--font-size-10);--typography-l-display-lg-line-height:var(--line-height-9);--typography-l-display-lg-font-weight:var(--font-weight-medium);--typography-l-display-lg-letter-spacing:var(--letter-spacing-0);--typography-l-display-md-font-size:var(--font-size-9);--typography-l-display-md-line-height:var(--line-height-8);--typography-l-display-md-font-weight:var(--font-weight-medium);--typography-l-display-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-lg-font-size:var(--font-size-7);--typography-l-heading-lg-line-height:var(--line-height-6);--typography-l-heading-lg-font-weight:var(--font-weight-bold);--typography-l-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-l-heading-md-font-size:var(--font-size-6);--typography-l-heading-md-line-height:var(--line-height-5);--typography-l-heading-md-font-weight:var(--font-weight-bold);--typography-l-heading-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-sm-font-size:var(--font-size-5);--typography-l-heading-sm-line-height:var(--line-height-4);--typography-l-heading-sm-font-weight:var(--font-weight-bold);--typography-l-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-l-body-lg-medium-font-size:var(--font-size-5);--typography-l-body-lg-medium-line-height:var(--line-height-4);--typography-l-body-lg-medium-font-weight:var(--font-weight-medium);--typography-l-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-bold-font-size:var(--font-size-4);--typography-l-body-md-bold-line-height:var(--line-height-4);--typography-l-body-md-bold-font-weight:var(--font-weight-bold);--typography-l-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-medium-font-size:var(--font-size-4);--typography-l-body-md-medium-line-height:var(--line-height-4);--typography-l-body-md-medium-font-weight:var(--font-weight-medium);--typography-l-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-font-size:var(--font-size-4);--typography-l-body-md-line-height:var(--line-height-4);--typography-l-body-md-font-weight:var(--font-weight-regular);--typography-l-body-md-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-bold-font-size:var(--font-size-3);--typography-l-body-sm-bold-line-height:var(--line-height-3);--typography-l-body-sm-bold-font-weight:var(--font-weight-bold);--typography-l-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-medium-font-size:var(--font-size-3);--typography-l-body-sm-medium-line-height:var(--line-height-3);--typography-l-body-sm-medium-font-weight:var(--font-weight-medium);--typography-l-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-font-size:var(--font-size-3);--typography-l-body-sm-line-height:var(--line-height-3);--typography-l-body-sm-font-weight:var(--font-weight-regular);--typography-l-body-sm-letter-spacing:var(--letter-spacing-0);--typography-l-body-xs-medium-font-size:var(--font-size-2);--typography-l-body-xs-medium-line-height:var(--line-height-2);--typography-l-body-xs-medium-font-weight:var(--font-weight-medium);--typography-l-body-xs-medium-letter-spacing:var(--letter-spacing-1);--typography-l-body-xs-font-size:var(--font-size-2);--typography-l-body-xs-line-height:var(--line-height-2);--typography-l-body-xs-font-weight:var(--font-weight-regular);--typography-l-body-xs-letter-spacing:var(--letter-spacing-1);--typography-l-page-heading-font-size:var(--font-size-7);--typography-l-page-heading-line-height:var(--line-height-6);--typography-l-page-heading-font-weight:var(--font-weight-bold);--typography-l-page-heading-letter-spacing:var(--letter-spacing-0);--typography-l-section-heading-font-size:var(--font-size-6);--typography-l-section-heading-line-height:var(--line-height-5);--typography-l-section-heading-font-weight:var(--font-weight-bold);--typography-l-section-heading-letter-spacing:var(--letter-spacing-0);--typography-l-button-label-md-font-size:var(--font-size-4);--typography-l-button-label-md-line-height:var(--line-height-4);--typography-l-button-label-md-font-weight:var(--font-weight-medium);--typography-l-button-label-md-letter-spacing:var(--letter-spacing-0);--typography-l-button-label-lg-font-size:var(--font-size-5);--typography-l-button-label-lg-line-height:var(--line-height-4);--typography-l-button-label-lg-font-weight:var(--font-weight-medium);--typography-l-button-label-lg-letter-spacing:var(--letter-spacing-0);--typography-l-amount-display-lg-font-size:var(--font-size-10);--typography-l-amount-display-lg-line-height:var(--line-height-9);--typography-l-amount-display-lg-font-weight:var(--font-weight-medium);--typography-l-amount-display-lg-letter-spacing:var(--letter-spacing-0)}:root{--shadow-size-xs:0 2px 4px 0;--shadow-size-sm:0 2px 8px 0;--shadow-size-md:0 2px 16px 0;--shadow-size-lg:0 2px 40px 0}
|
|
1
|
+
:root{--brand-colors-grey-grey100:#ededed;--brand-colors-grey-grey200:#babbbe;--brand-colors-grey-grey300:#a3a4a7;--brand-colors-grey-grey400:#949596;--brand-colors-grey-grey500:#66676a;--brand-colors-grey-grey600:#47484a;--brand-colors-grey-grey700:#292929;--brand-colors-grey-grey800:#1f1f1f;--brand-colors-grey-grey900:#141414;--brand-colors-grey-grey1000:#000000;--brand-colors-grey-grey050:#f3f3f4;--brand-colors-grey-grey000:#ffffff;--brand-colors-grey-grey025:#f7f9fc;--brand-colors-blue-blue100:#d6dbff;--brand-colors-blue-blue200:#adb6fe;--brand-colors-blue-blue300:#8b99ff;--brand-colors-blue-blue400:#6f7eff;--brand-colors-blue-blue500:#4459ff;--brand-colors-blue-blue600:#2c3dc5;--brand-colors-blue-blue700:#1c277f;--brand-colors-blue-blue800:#131b59;--brand-colors-blue-blue900:#0b0f32;--brand-colors-blue-blue050:#f4f5ff;--brand-colors-blue-blue025:#f8f9ff;--brand-colors-green-green100:#c1e6c9;--brand-colors-green-green200:#80cb91;--brand-colors-green-green300:#4cb564;--brand-colors-green-green400:#279f41;--brand-colors-green-green500:#1c7e33;--brand-colors-green-green600:#145d25;--brand-colors-green-green700:#0d3b18;--brand-colors-green-green800:#092912;--brand-colors-green-green900:#051709;--brand-colors-green-green050:#ebf7ee;--brand-colors-green-green025:#f1faf4;--brand-colors-red-red100:#ffd2d5;--brand-colors-red-red200:#ffa1aa;--brand-colors-red-red300:#ff7584;--brand-colors-red-red400:#f74d5e;--brand-colors-red-red500:#ca3542;--brand-colors-red-red600:#952731;--brand-colors-red-red700:#611a20;--brand-colors-red-red800:#431216;--brand-colors-red-red900:#3b0f13;--brand-colors-red-red050:#fff2f3;--brand-colors-red-red025:#fff6f7;--brand-colors-yellow-yellow100:#ffd957;--brand-colors-yellow-yellow200:#f0b034;--brand-colors-yellow-yellow300:#e18f01;--brand-colors-yellow-yellow400:#c37b02;--brand-colors-yellow-yellow500:#9a6300;--brand-colors-yellow-yellow600:#714802;--brand-colors-yellow-yellow700:#482d01;--brand-colors-yellow-yellow800:#321f00;--brand-colors-yellow-yellow900:#1c1100;--brand-colors-yellow-yellow050:#fff5d5;--brand-colors-yellow-yellow025:#fff9e6;--brand-colors-orange-orange100:#ffd4c1;--brand-colors-orange-orange200:#ffa680;--brand-colors-orange-orange300:#ff7940;--brand-colors-orange-orange400:#ff5c16;--brand-colors-orange-orange500:#c3420d;--brand-colors-orange-orange600:#932d06;--brand-colors-orange-orange700:#661800;--brand-colors-orange-orange800:#451100;--brand-colors-orange-orange900:#280a00;--brand-colors-orange-orange050:#fff0ea;--brand-colors-orange-orange025:#fff8f5;--brand-colors-purple-purple100:#eac2ff;--brand-colors-purple-purple200:#dfa4ff;--brand-colors-purple-purple300:#d075ff;--brand-colors-purple-purple400:#b864f5;--brand-colors-purple-purple500:#8f44e4;--brand-colors-purple-purple600:#6c2ab2;--brand-colors-purple-purple700:#6c2ab2;--brand-colors-purple-purple800:#3d065f;--brand-colors-purple-purple900:#280a00;--brand-colors-purple-purple050:#fbf2ff;--brand-colors-purple-purple025:#fcf6ff;--brand-colors-lime-lime100:#baf24a;--brand-colors-lime-lime200:#95ca45;--brand-colors-lime-lime300:#7ab040;--brand-colors-lime-lime400:#64993d;--brand-colors-lime-lime500:#457a39;--brand-colors-lime-lime600:#275b35;--brand-colors-lime-lime700:#013330;--brand-colors-lime-lime800:#012826;--brand-colors-lime-lime900:#011515;--brand-colors-lime-lime025:#effed9;--brand-colors-lime-lime050:#e5ffc3;--brand-colors-indigo-indigo025:#f3faff;--brand-colors-indigo-indigo050:#ebf5ff;--brand-colors-indigo-indigo100:#cce7ff;--brand-colors-indigo-indigo200:#89b0ff;--brand-colors-indigo-indigo300:#7e9ff0;--brand-colors-indigo-indigo400:#6f87db;--brand-colors-indigo-indigo500:#5b66bf;--brand-colors-indigo-indigo600:#4544a1;--brand-colors-indigo-indigo700:#2e2082;--brand-colors-indigo-indigo800:#190066;--brand-colors-indigo-indigo900:#13004a;--brand-colors-white:#ffffff;--brand-colors-black:#000000}.light,:root,[data-theme=light]{--color-background-default:var(--brand-colors-grey-grey000);--color-background-section:var(--brand-colors-grey-grey050);--color-background-subsection:var(--brand-colors-grey-grey000);--color-background-alternative:var(--brand-colors-grey-grey050);--color-background-muted:#b4b4b528;--color-background-muted-hover:#b4b4b53d;--color-background-muted-pressed:#b4b4b552;--color-background-default-hover:var(--brand-colors-grey-grey050);--color-background-default-pressed:var(--brand-colors-grey-grey100);--color-background-alternative-hover:#ebedf1;--color-background-alternative-pressed:#e1e4ea;--color-background-hover:#b4b4b528;--color-background-pressed:#b4b4b53d;--color-text-default:var(--brand-colors-grey-grey900);--color-text-alternative:var(--brand-colors-grey-grey500);--color-text-muted:var(--brand-colors-grey-grey200);--color-icon-default:var(--brand-colors-grey-grey900);--color-icon-default-hover:#2a2b2c;--color-icon-default-pressed:#414243;--color-icon-alternative:var(--brand-colors-grey-grey500);--color-icon-muted:var(--brand-colors-grey-grey200);--color-icon-inverse:var(--brand-colors-grey-grey000);--color-border-default:var(--brand-colors-grey-grey400);--color-border-muted:#b4b4b566;--color-overlay-default:#0a0d135c;--color-overlay-alternative:#0a0d1392;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue500);--color-primary-alternative:var(--brand-colors-blue-blue600);--color-primary-muted:#4459ff1a;--color-primary-inverse:var(--brand-colors-grey-grey000);--color-primary-default-hover:#384df5;--color-primary-default-pressed:#2b3eda;--color-primary-muted-hover:#4459ff26;--color-primary-muted-pressed:#4459ff33;--color-error-default:var(--brand-colors-red-red500);--color-error-alternative:var(--brand-colors-red-red600);--color-error-muted:#ca35421a;--color-error-inverse:var(--brand-colors-grey-grey000);--color-error-default-hover:#ba313d;--color-error-default-pressed:#9a2832;--color-error-muted-hover:#ca354226;--color-error-muted-pressed:#ca354233;--color-warning-default:var(--brand-colors-yellow-yellow500);--color-warning-muted:#9a63001a;--color-warning-inverse:var(--brand-colors-grey-grey000);--color-warning-default-hover:#855500;--color-warning-default-pressed:#5c3b00;--color-warning-muted-hover:#9a630026;--color-warning-muted-pressed:#9a630033;--color-success-default:var(--brand-colors-lime-lime500);--color-success-muted:#457a391a;--color-success-inverse:var(--brand-colors-grey-grey000);--color-success-default-hover:#3d6c32;--color-success-default-pressed:#2d5025;--color-success-muted-hover:#457a3926;--color-success-muted-pressed:#457a3933;--color-info-default:var(--brand-colors-blue-blue500);--color-info-muted:#4459ff1a;--color-info-inverse:var(--brand-colors-grey-grey000);--color-accent01-light:var(--brand-colors-orange-orange200);--color-accent01-normal:var(--brand-colors-orange-orange400);--color-accent01-dark:var(--brand-colors-orange-orange700);--color-accent02-light:var(--brand-colors-purple-purple100);--color-accent02-normal:var(--brand-colors-purple-purple300);--color-accent02-dark:var(--brand-colors-purple-purple800);--color-accent03-light:var(--brand-colors-lime-lime050);--color-accent03-normal:var(--brand-colors-lime-lime100);--color-accent03-dark:var(--brand-colors-lime-lime700);--color-accent04-light:var(--brand-colors-indigo-indigo100);--color-accent04-normal:var(--brand-colors-indigo-indigo200);--color-accent04-dark:var(--brand-colors-indigo-indigo800);--color-flask-default:var(--brand-colors-purple-purple500);--color-flask-inverse:var(--brand-colors-grey-grey000);--color-shadow-default:#0000001a;--color-shadow-primary:#4459ff33;--color-shadow-error:#ca354266}.dark,[data-theme=dark]{--color-background-default:var(--brand-colors-grey-grey1000);--color-background-section:var(--brand-colors-grey-grey900);--color-background-subsection:var(--brand-colors-grey-grey800);--color-background-alternative:var(--brand-colors-grey-grey1000);--color-background-muted:#ffffff14;--color-background-muted-hover:#ffffff1f;--color-background-muted-pressed:#ffffff29;--color-background-default-hover:var(--brand-colors-grey-grey900);--color-background-default-pressed:var(--brand-colors-grey-grey800);--color-background-alternative-hover:#0d0d0e;--color-background-alternative-pressed:#161617;--color-background-hover:#ffffff14;--color-background-pressed:#ffffff1f;--color-text-default:var(--brand-colors-grey-grey000);--color-text-alternative:var(--brand-colors-grey-grey300);--color-text-muted:var(--brand-colors-grey-grey600);--color-icon-default:var(--brand-colors-grey-grey000);--color-icon-default-hover:#f0f0f0;--color-icon-default-pressed:#d0d0d0;--color-icon-alternative:var(--brand-colors-grey-grey300);--color-icon-muted:var(--brand-colors-grey-grey600);--color-icon-inverse:var(--brand-colors-grey-grey900);--color-border-default:var(--brand-colors-grey-grey500);--color-border-muted:#ffffff1f;--color-overlay-default:#030304b8;--color-overlay-alternative:#030304d6;--color-overlay-inverse:var(--brand-colors-grey-grey000);--color-primary-default:var(--brand-colors-blue-blue300);--color-primary-alternative:var(--brand-colors-blue-blue200);--color-primary-muted:#8b99ff26;--color-primary-inverse:var(--brand-colors-grey-grey900);--color-primary-default-hover:#9eaaff;--color-primary-default-pressed:#c7ceff;--color-primary-muted-hover:#8b99ff33;--color-primary-muted-pressed:#8b99ff40;--color-error-default:var(--brand-colors-red-red300);--color-error-alternative:var(--brand-colors-red-red200);--color-error-muted:#ff758426;--color-error-inverse:var(--brand-colors-grey-grey900);--color-error-default-hover:#ff8a96;--color-error-default-pressed:#ffb2bb;--color-error-muted-hover:#ff758433;--color-error-muted-pressed:#ff758440;--color-warning-default:var(--brand-colors-yellow-yellow200);--color-warning-muted:#f0b03426;--color-warning-inverse:var(--brand-colors-grey-grey900);--color-warning-default-hover:#f3be59;--color-warning-default-pressed:#f6cd7f;--color-warning-muted-hover:#f0b03433;--color-warning-muted-pressed:#f0b03440;--color-success-default:var(--brand-colors-lime-lime100);--color-success-muted:#baf24a26;--color-success-inverse:var(--brand-colors-grey-grey900);--color-success-default-hover:#c9f570;--color-success-default-pressed:#d7f796;--color-success-muted-hover:#baf24a33;--color-success-muted-pressed:#baf24a40;--color-info-default:var(--brand-colors-blue-blue300);--color-info-muted:#8b99ff26;--color-info-inverse:var(--brand-colors-grey-grey900);--color-accent01-light:var(--brand-colors-orange-orange200);--color-accent01-normal:var(--brand-colors-orange-orange400);--color-accent01-dark:var(--brand-colors-orange-orange700);--color-accent02-light:var(--brand-colors-purple-purple100);--color-accent02-normal:var(--brand-colors-purple-purple300);--color-accent02-dark:var(--brand-colors-purple-purple800);--color-accent03-light:var(--brand-colors-lime-lime050);--color-accent03-normal:var(--brand-colors-lime-lime100);--color-accent03-dark:var(--brand-colors-lime-lime700);--color-accent04-light:var(--brand-colors-indigo-indigo100);--color-accent04-normal:var(--brand-colors-indigo-indigo200);--color-accent04-dark:var(--brand-colors-indigo-indigo800);--color-flask-default:var(--brand-colors-purple-purple300);--color-flask-inverse:var(--brand-colors-grey-grey900);--color-shadow-default:#00000066;--color-shadow-primary:#8b99ff33;--color-shadow-error:#ff758433}:root{--font-family-default:'Geist','Helvetica Neue',Helvetica,Arial,sans-serif;--font-family-accent:'MMSans','Helvetica Neue',Helvetica,Arial,sans-serif;--font-family-hero:'MMPoly','Helvetica Neue',Helvetica,Arial,sans-serif;--font-size-base:16px;--font-size-1:0.625rem;--font-size-2:0.75rem;--font-size-3:0.875rem;--font-size-4:1rem;--font-size-5:1.25rem;--font-size-6:1.5rem;--font-size-7:2rem;--font-size-8:2.5rem;--font-size-9:3rem;--font-size-10:3.75rem;--line-height-1:1rem;--line-height-2:1.25rem;--line-height-3:1.375rem;--line-height-4:1.5rem;--line-height-5:2rem;--line-height-6:2.5rem;--line-height-7:3.125rem;--line-height-8:3.5rem;--line-height-9:4.6875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:600;--letter-spacing-0:0;--letter-spacing-1:2.5%;--typography-s-display-lg-font-size:var(--font-size-8);--typography-s-display-lg-line-height:var(--line-height-7);--typography-s-display-lg-font-weight:var(--font-weight-bold);--typography-s-display-lg-letter-spacing:var(--letter-spacing-0);--typography-s-display-md-font-size:var(--font-size-7);--typography-s-display-md-line-height:var(--line-height-6);--typography-s-display-md-font-weight:var(--font-weight-bold);--typography-s-display-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-lg-font-size:var(--font-size-6);--typography-s-heading-lg-line-height:var(--line-height-5);--typography-s-heading-lg-font-weight:var(--font-weight-bold);--typography-s-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-s-heading-md-font-size:var(--font-size-5);--typography-s-heading-md-line-height:var(--line-height-4);--typography-s-heading-md-font-weight:var(--font-weight-bold);--typography-s-heading-md-letter-spacing:var(--letter-spacing-0);--typography-s-heading-sm-font-size:var(--font-size-4);--typography-s-heading-sm-line-height:var(--line-height-4);--typography-s-heading-sm-font-weight:var(--font-weight-bold);--typography-s-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-medium-font-size:var(--font-size-5);--typography-s-body-lg-medium-line-height:var(--line-height-4);--typography-s-body-lg-medium-font-weight:var(--font-weight-medium);--typography-s-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-lg-regular-font-size:var(--font-size-5);--typography-s-body-lg-regular-line-height:var(--line-height-4);--typography-s-body-lg-regular-font-weight:var(--font-weight-medium);--typography-s-body-lg-regular-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-bold-font-size:var(--font-size-4);--typography-s-body-md-bold-line-height:var(--line-height-4);--typography-s-body-md-bold-font-weight:var(--font-weight-bold);--typography-s-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-medium-font-size:var(--font-size-4);--typography-s-body-md-medium-line-height:var(--line-height-4);--typography-s-body-md-medium-font-weight:var(--font-weight-medium);--typography-s-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-md-font-size:var(--font-size-4);--typography-s-body-md-line-height:var(--line-height-4);--typography-s-body-md-font-weight:var(--font-weight-regular);--typography-s-body-md-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-bold-font-size:var(--font-size-3);--typography-s-body-sm-bold-line-height:var(--line-height-3);--typography-s-body-sm-bold-font-weight:var(--font-weight-bold);--typography-s-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-medium-font-size:var(--font-size-3);--typography-s-body-sm-medium-line-height:var(--line-height-3);--typography-s-body-sm-medium-font-weight:var(--font-weight-medium);--typography-s-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-s-body-sm-font-size:var(--font-size-3);--typography-s-body-sm-line-height:var(--line-height-3);--typography-s-body-sm-font-weight:var(--font-weight-regular);--typography-s-body-sm-letter-spacing:var(--letter-spacing-0);--typography-s-body-xs-medium-font-size:var(--font-size-2);--typography-s-body-xs-medium-line-height:var(--line-height-2);--typography-s-body-xs-medium-font-weight:var(--font-weight-medium);--typography-s-body-xs-medium-letter-spacing:var(--letter-spacing-1);--typography-s-body-xs-font-size:var(--font-size-2);--typography-s-body-xs-line-height:var(--line-height-2);--typography-s-body-xs-font-weight:var(--font-weight-regular);--typography-s-body-xs-letter-spacing:var(--letter-spacing-1);--typography-s-page-heading-font-size:var(--font-size-6);--typography-s-page-heading-line-height:var(--line-height-5);--typography-s-page-heading-font-weight:var(--font-weight-bold);--typography-s-page-heading-letter-spacing:var(--letter-spacing-0);--typography-s-section-heading-font-size:var(--font-size-5);--typography-s-section-heading-line-height:var(--line-height-4);--typography-s-section-heading-font-weight:var(--font-weight-bold);--typography-s-section-heading-letter-spacing:var(--letter-spacing-0);--typography-s-button-label-md-font-size:var(--font-size-4);--typography-s-button-label-md-line-height:var(--line-height-4);--typography-s-button-label-md-font-weight:var(--font-weight-medium);--typography-s-button-label-md-letter-spacing:var(--letter-spacing-0);--typography-s-button-label-lg-font-size:var(--font-size-5);--typography-s-button-label-lg-line-height:var(--line-height-4);--typography-s-button-label-lg-font-weight:var(--font-weight-medium);--typography-s-button-label-lg-letter-spacing:var(--letter-spacing-0);--typography-s-amount-display-lg-font-size:var(--font-size-8);--typography-s-amount-display-lg-line-height:var(--line-height-7);--typography-s-amount-display-lg-font-weight:var(--font-weight-bold);--typography-s-amount-display-lg-letter-spacing:var(--letter-spacing-0);--typography-l-display-lg-font-size:var(--font-size-10);--typography-l-display-lg-line-height:var(--line-height-9);--typography-l-display-lg-font-weight:var(--font-weight-medium);--typography-l-display-lg-letter-spacing:var(--letter-spacing-0);--typography-l-display-md-font-size:var(--font-size-9);--typography-l-display-md-line-height:var(--line-height-8);--typography-l-display-md-font-weight:var(--font-weight-medium);--typography-l-display-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-lg-font-size:var(--font-size-7);--typography-l-heading-lg-line-height:var(--line-height-6);--typography-l-heading-lg-font-weight:var(--font-weight-bold);--typography-l-heading-lg-letter-spacing:var(--letter-spacing-0);--typography-l-heading-md-font-size:var(--font-size-6);--typography-l-heading-md-line-height:var(--line-height-5);--typography-l-heading-md-font-weight:var(--font-weight-bold);--typography-l-heading-md-letter-spacing:var(--letter-spacing-0);--typography-l-heading-sm-font-size:var(--font-size-5);--typography-l-heading-sm-line-height:var(--line-height-4);--typography-l-heading-sm-font-weight:var(--font-weight-bold);--typography-l-heading-sm-letter-spacing:var(--letter-spacing-0);--typography-l-body-lg-medium-font-size:var(--font-size-5);--typography-l-body-lg-medium-line-height:var(--line-height-4);--typography-l-body-lg-medium-font-weight:var(--font-weight-medium);--typography-l-body-lg-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-bold-font-size:var(--font-size-4);--typography-l-body-md-bold-line-height:var(--line-height-4);--typography-l-body-md-bold-font-weight:var(--font-weight-bold);--typography-l-body-md-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-medium-font-size:var(--font-size-4);--typography-l-body-md-medium-line-height:var(--line-height-4);--typography-l-body-md-medium-font-weight:var(--font-weight-medium);--typography-l-body-md-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-md-font-size:var(--font-size-4);--typography-l-body-md-line-height:var(--line-height-4);--typography-l-body-md-font-weight:var(--font-weight-regular);--typography-l-body-md-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-bold-font-size:var(--font-size-3);--typography-l-body-sm-bold-line-height:var(--line-height-3);--typography-l-body-sm-bold-font-weight:var(--font-weight-bold);--typography-l-body-sm-bold-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-medium-font-size:var(--font-size-3);--typography-l-body-sm-medium-line-height:var(--line-height-3);--typography-l-body-sm-medium-font-weight:var(--font-weight-medium);--typography-l-body-sm-medium-letter-spacing:var(--letter-spacing-0);--typography-l-body-sm-font-size:var(--font-size-3);--typography-l-body-sm-line-height:var(--line-height-3);--typography-l-body-sm-font-weight:var(--font-weight-regular);--typography-l-body-sm-letter-spacing:var(--letter-spacing-0);--typography-l-body-xs-medium-font-size:var(--font-size-2);--typography-l-body-xs-medium-line-height:var(--line-height-2);--typography-l-body-xs-medium-font-weight:var(--font-weight-medium);--typography-l-body-xs-medium-letter-spacing:var(--letter-spacing-1);--typography-l-body-xs-font-size:var(--font-size-2);--typography-l-body-xs-line-height:var(--line-height-2);--typography-l-body-xs-font-weight:var(--font-weight-regular);--typography-l-body-xs-letter-spacing:var(--letter-spacing-1);--typography-l-page-heading-font-size:var(--font-size-7);--typography-l-page-heading-line-height:var(--line-height-6);--typography-l-page-heading-font-weight:var(--font-weight-bold);--typography-l-page-heading-letter-spacing:var(--letter-spacing-0);--typography-l-section-heading-font-size:var(--font-size-6);--typography-l-section-heading-line-height:var(--line-height-5);--typography-l-section-heading-font-weight:var(--font-weight-bold);--typography-l-section-heading-letter-spacing:var(--letter-spacing-0);--typography-l-button-label-md-font-size:var(--font-size-4);--typography-l-button-label-md-line-height:var(--line-height-4);--typography-l-button-label-md-font-weight:var(--font-weight-medium);--typography-l-button-label-md-letter-spacing:var(--letter-spacing-0);--typography-l-button-label-lg-font-size:var(--font-size-5);--typography-l-button-label-lg-line-height:var(--line-height-4);--typography-l-button-label-lg-font-weight:var(--font-weight-medium);--typography-l-button-label-lg-letter-spacing:var(--letter-spacing-0);--typography-l-amount-display-lg-font-size:var(--font-size-10);--typography-l-amount-display-lg-line-height:var(--line-height-9);--typography-l-amount-display-lg-font-weight:var(--font-weight-medium);--typography-l-amount-display-lg-letter-spacing:var(--letter-spacing-0)}:root{--shadow-size-xs:0 2px 4px 0;--shadow-size-sm:0 2px 8px 0;--shadow-size-md:0 2px 16px 0;--shadow-size-lg:0 2px 40px 0}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask-previews/design-tokens",
|
|
3
|
-
"version": "8.3.0-preview.
|
|
3
|
+
"version": "8.3.0-preview.dbe1fac",
|
|
4
4
|
"description": "Design tokens to be used throughout MetaMask products",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"MetaMask",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
|
|
49
49
|
},
|
|
50
50
|
"devDependencies": {
|
|
51
|
-
"@metamask-previews/design-system-react": "0.13.0-preview.
|
|
51
|
+
"@metamask-previews/design-system-react": "0.13.0-preview.dbe1fac",
|
|
52
52
|
"@metamask/auto-changelog": "^5.3.2",
|
|
53
53
|
"@ts-bridge/cli": "^0.6.3",
|
|
54
54
|
"@types/jest": "^27.4.1",
|