@metamask-previews/design-system-tailwind-preset 0.4.0-preview.ccba95e → 0.4.0-preview.da25f99

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/colors.cjs CHANGED
@@ -28,8 +28,11 @@ exports.colors = {
28
28
  },
29
29
  icon: {
30
30
  default: 'var(--color-icon-default)',
31
+ 'default-hover': 'var(--color-icon-default-hover)',
32
+ 'default-pressed': 'var(--color-icon-default-pressed)',
31
33
  alternative: 'var(--color-icon-alternative)',
32
34
  muted: 'var(--color-icon-muted)',
35
+ inverse: 'var(--color-icon-inverse)',
33
36
  },
34
37
  overlay: {
35
38
  default: 'var(--color-overlay-default)',
@@ -1 +1 @@
1
- {"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,UAAU,EAAE;QACV,OAAO,EAAE,iCAAiC;QAC1C,eAAe,EAAE,uCAAuC;QACxD,iBAAiB,EAAE,yCAAyC;QAC5D,WAAW,EAAE,qCAAqC;QAClD,mBAAmB,EAAE,2CAA2C;QAChE,qBAAqB,EAAE,6CAA6C;QACpE,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,oCAAoC;QAChD,KAAK,EAAE,+BAA+B;QACtC,aAAa,EAAE,qCAAqC;QACpD,eAAe,EAAE,uCAAuC;QACxD,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,iCAAiC;KAC3C;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,6BAA6B;QACtC,KAAK,EAAE,2BAA2B;KACnC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,WAAW,EAAE,kCAAkC;QAC/C,OAAO,EAAE,8BAA8B;KACxC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,WAAW,EAAE,kCAAkC;QAC/C,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,4BAA4B;QACrC,eAAe,EAAE,kCAAkC;QACnD,iBAAiB,EAAE,oCAAoC;QACvD,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,4BAA4B;QACrC,aAAa,EAAE,gCAAgC;QAC/C,eAAe,EAAE,kCAAkC;KACpD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;CACF,CAAC","sourcesContent":["export const colors = {\n background: {\n default: 'var(--color-background-default)',\n 'default-hover': 'var(--color-background-default-hover)',\n 'default-pressed': 'var(--color-background-default-pressed)',\n alternative: 'var(--color-background-alternative)',\n 'alternative-hover': 'var(--color-background-alternative-hover)',\n 'alternative-pressed': 'var(--color-background-alternative-pressed)',\n section: 'var(--color-background-section)',\n subsection: 'var(--color-background-subsection)',\n muted: 'var(--color-background-muted)',\n 'muted-hover': 'var(--color-background-muted-hover)',\n 'muted-pressed': 'var(--color-background-muted-pressed)',\n hover: 'var(--color-background-hover)',\n pressed: 'var(--color-background-pressed)',\n },\n text: {\n default: 'var(--color-text-default)',\n alternative: 'var(--color-text-alternative)',\n muted: 'var(--color-text-muted)',\n },\n border: {\n default: 'var(--color-border-default)',\n muted: 'var(--color-border-muted)',\n },\n icon: {\n default: 'var(--color-icon-default)',\n alternative: 'var(--color-icon-alternative)',\n muted: 'var(--color-icon-muted)',\n },\n overlay: {\n default: 'var(--color-overlay-default)',\n alternative: 'var(--color-overlay-alternative)',\n inverse: 'var(--color-overlay-inverse)',\n },\n primary: {\n default: 'var(--color-primary-default)',\n 'default-hover': 'var(--color-primary-default-hover)',\n 'default-pressed': 'var(--color-primary-default-pressed)',\n alternative: 'var(--color-primary-alternative)',\n muted: 'var(--color-primary-muted)',\n inverse: 'var(--color-primary-inverse)',\n 'muted-hover': 'var(--color-primary-muted-hover)',\n 'muted-pressed': 'var(--color-primary-muted-pressed)',\n },\n error: {\n default: 'var(--color-error-default)',\n 'default-hover': 'var(--color-error-default-hover)',\n 'default-pressed': 'var(--color-error-default-pressed)',\n alternative: 'var(--color-error-alternative)',\n muted: 'var(--color-error-muted)',\n inverse: 'var(--color-error-inverse)',\n 'muted-hover': 'var(--color-error-muted-hover)',\n 'muted-pressed': 'var(--color-error-muted-pressed)',\n },\n warning: {\n default: 'var(--color-warning-default)',\n 'default-hover': 'var(--color-warning-default-hover)',\n 'default-pressed': 'var(--color-warning-default-pressed)',\n muted: 'var(--color-warning-muted)',\n inverse: 'var(--color-warning-inverse)',\n 'muted-hover': 'var(--color-warning-muted-hover)',\n 'muted-pressed': 'var(--color-warning-muted-pressed)',\n },\n success: {\n default: 'var(--color-success-default)',\n 'default-hover': 'var(--color-success-default-hover)',\n 'default-pressed': 'var(--color-success-default-pressed)',\n muted: 'var(--color-success-muted)',\n inverse: 'var(--color-success-inverse)',\n 'muted-hover': 'var(--color-success-muted-hover)',\n 'muted-pressed': 'var(--color-success-muted-pressed)',\n },\n info: {\n default: 'var(--color-info-default)',\n muted: 'var(--color-info-muted)',\n inverse: 'var(--color-info-inverse)',\n },\n accent01: {\n light: 'var(--color-accent01-light)',\n normal: 'var(--color-accent01-normal)',\n dark: 'var(--color-accent01-dark)',\n },\n accent02: {\n light: 'var(--color-accent02-light)',\n normal: 'var(--color-accent02-normal)',\n dark: 'var(--color-accent02-dark)',\n },\n accent03: {\n light: 'var(--color-accent03-light)',\n normal: 'var(--color-accent03-normal)',\n dark: 'var(--color-accent03-dark)',\n },\n accent04: {\n light: 'var(--color-accent04-light)',\n normal: 'var(--color-accent04-normal)',\n dark: 'var(--color-accent04-dark)',\n },\n};\n"]}
1
+ {"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":";;;AAAa,QAAA,MAAM,GAAG;IACpB,UAAU,EAAE;QACV,OAAO,EAAE,iCAAiC;QAC1C,eAAe,EAAE,uCAAuC;QACxD,iBAAiB,EAAE,yCAAyC;QAC5D,WAAW,EAAE,qCAAqC;QAClD,mBAAmB,EAAE,2CAA2C;QAChE,qBAAqB,EAAE,6CAA6C;QACpE,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,oCAAoC;QAChD,KAAK,EAAE,+BAA+B;QACtC,aAAa,EAAE,qCAAqC;QACpD,eAAe,EAAE,uCAAuC;QACxD,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,iCAAiC;KAC3C;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,6BAA6B;QACtC,KAAK,EAAE,2BAA2B;KACnC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,eAAe,EAAE,iCAAiC;QAClD,iBAAiB,EAAE,mCAAmC;QACtD,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,WAAW,EAAE,kCAAkC;QAC/C,OAAO,EAAE,8BAA8B;KACxC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,WAAW,EAAE,kCAAkC;QAC/C,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,4BAA4B;QACrC,eAAe,EAAE,kCAAkC;QACnD,iBAAiB,EAAE,oCAAoC;QACvD,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,4BAA4B;QACrC,aAAa,EAAE,gCAAgC;QAC/C,eAAe,EAAE,kCAAkC;KACpD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;CACF,CAAC","sourcesContent":["export const colors = {\n background: {\n default: 'var(--color-background-default)',\n 'default-hover': 'var(--color-background-default-hover)',\n 'default-pressed': 'var(--color-background-default-pressed)',\n alternative: 'var(--color-background-alternative)',\n 'alternative-hover': 'var(--color-background-alternative-hover)',\n 'alternative-pressed': 'var(--color-background-alternative-pressed)',\n section: 'var(--color-background-section)',\n subsection: 'var(--color-background-subsection)',\n muted: 'var(--color-background-muted)',\n 'muted-hover': 'var(--color-background-muted-hover)',\n 'muted-pressed': 'var(--color-background-muted-pressed)',\n hover: 'var(--color-background-hover)',\n pressed: 'var(--color-background-pressed)',\n },\n text: {\n default: 'var(--color-text-default)',\n alternative: 'var(--color-text-alternative)',\n muted: 'var(--color-text-muted)',\n },\n border: {\n default: 'var(--color-border-default)',\n muted: 'var(--color-border-muted)',\n },\n icon: {\n default: 'var(--color-icon-default)',\n 'default-hover': 'var(--color-icon-default-hover)',\n 'default-pressed': 'var(--color-icon-default-pressed)',\n alternative: 'var(--color-icon-alternative)',\n muted: 'var(--color-icon-muted)',\n inverse: 'var(--color-icon-inverse)',\n },\n overlay: {\n default: 'var(--color-overlay-default)',\n alternative: 'var(--color-overlay-alternative)',\n inverse: 'var(--color-overlay-inverse)',\n },\n primary: {\n default: 'var(--color-primary-default)',\n 'default-hover': 'var(--color-primary-default-hover)',\n 'default-pressed': 'var(--color-primary-default-pressed)',\n alternative: 'var(--color-primary-alternative)',\n muted: 'var(--color-primary-muted)',\n inverse: 'var(--color-primary-inverse)',\n 'muted-hover': 'var(--color-primary-muted-hover)',\n 'muted-pressed': 'var(--color-primary-muted-pressed)',\n },\n error: {\n default: 'var(--color-error-default)',\n 'default-hover': 'var(--color-error-default-hover)',\n 'default-pressed': 'var(--color-error-default-pressed)',\n alternative: 'var(--color-error-alternative)',\n muted: 'var(--color-error-muted)',\n inverse: 'var(--color-error-inverse)',\n 'muted-hover': 'var(--color-error-muted-hover)',\n 'muted-pressed': 'var(--color-error-muted-pressed)',\n },\n warning: {\n default: 'var(--color-warning-default)',\n 'default-hover': 'var(--color-warning-default-hover)',\n 'default-pressed': 'var(--color-warning-default-pressed)',\n muted: 'var(--color-warning-muted)',\n inverse: 'var(--color-warning-inverse)',\n 'muted-hover': 'var(--color-warning-muted-hover)',\n 'muted-pressed': 'var(--color-warning-muted-pressed)',\n },\n success: {\n default: 'var(--color-success-default)',\n 'default-hover': 'var(--color-success-default-hover)',\n 'default-pressed': 'var(--color-success-default-pressed)',\n muted: 'var(--color-success-muted)',\n inverse: 'var(--color-success-inverse)',\n 'muted-hover': 'var(--color-success-muted-hover)',\n 'muted-pressed': 'var(--color-success-muted-pressed)',\n },\n info: {\n default: 'var(--color-info-default)',\n muted: 'var(--color-info-muted)',\n inverse: 'var(--color-info-inverse)',\n },\n accent01: {\n light: 'var(--color-accent01-light)',\n normal: 'var(--color-accent01-normal)',\n dark: 'var(--color-accent01-dark)',\n },\n accent02: {\n light: 'var(--color-accent02-light)',\n normal: 'var(--color-accent02-normal)',\n dark: 'var(--color-accent02-dark)',\n },\n accent03: {\n light: 'var(--color-accent03-light)',\n normal: 'var(--color-accent03-normal)',\n dark: 'var(--color-accent03-dark)',\n },\n accent04: {\n light: 'var(--color-accent04-light)',\n normal: 'var(--color-accent04-normal)',\n dark: 'var(--color-accent04-dark)',\n },\n};\n"]}
package/dist/colors.d.cts CHANGED
@@ -25,8 +25,11 @@ export declare const colors: {
25
25
  };
26
26
  icon: {
27
27
  default: string;
28
+ 'default-hover': string;
29
+ 'default-pressed': string;
28
30
  alternative: string;
29
31
  muted: string;
32
+ inverse: string;
30
33
  };
31
34
  overlay: {
32
35
  default: string;
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.cts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGlB,CAAC"}
1
+ {"version":3,"file":"colors.d.cts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGlB,CAAC"}
package/dist/colors.d.mts CHANGED
@@ -25,8 +25,11 @@ export declare const colors: {
25
25
  };
26
26
  icon: {
27
27
  default: string;
28
+ 'default-hover': string;
29
+ 'default-pressed': string;
28
30
  alternative: string;
29
31
  muted: string;
32
+ inverse: string;
30
33
  };
31
34
  overlay: {
32
35
  default: string;
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.mts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkGlB,CAAC"}
1
+ {"version":3,"file":"colors.d.mts","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqGlB,CAAC"}
package/dist/colors.mjs CHANGED
@@ -25,8 +25,11 @@ export const colors = {
25
25
  },
26
26
  icon: {
27
27
  default: 'var(--color-icon-default)',
28
+ 'default-hover': 'var(--color-icon-default-hover)',
29
+ 'default-pressed': 'var(--color-icon-default-pressed)',
28
30
  alternative: 'var(--color-icon-alternative)',
29
31
  muted: 'var(--color-icon-muted)',
32
+ inverse: 'var(--color-icon-inverse)',
30
33
  },
31
34
  overlay: {
32
35
  default: 'var(--color-overlay-default)',
@@ -1 +1 @@
1
- {"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,UAAU,EAAE;QACV,OAAO,EAAE,iCAAiC;QAC1C,eAAe,EAAE,uCAAuC;QACxD,iBAAiB,EAAE,yCAAyC;QAC5D,WAAW,EAAE,qCAAqC;QAClD,mBAAmB,EAAE,2CAA2C;QAChE,qBAAqB,EAAE,6CAA6C;QACpE,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,oCAAoC;QAChD,KAAK,EAAE,+BAA+B;QACtC,aAAa,EAAE,qCAAqC;QACpD,eAAe,EAAE,uCAAuC;QACxD,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,iCAAiC;KAC3C;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,6BAA6B;QACtC,KAAK,EAAE,2BAA2B;KACnC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,WAAW,EAAE,kCAAkC;QAC/C,OAAO,EAAE,8BAA8B;KACxC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,WAAW,EAAE,kCAAkC;QAC/C,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,4BAA4B;QACrC,eAAe,EAAE,kCAAkC;QACnD,iBAAiB,EAAE,oCAAoC;QACvD,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,4BAA4B;QACrC,aAAa,EAAE,gCAAgC;QAC/C,eAAe,EAAE,kCAAkC;KACpD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;CACF,CAAC","sourcesContent":["export const colors = {\n background: {\n default: 'var(--color-background-default)',\n 'default-hover': 'var(--color-background-default-hover)',\n 'default-pressed': 'var(--color-background-default-pressed)',\n alternative: 'var(--color-background-alternative)',\n 'alternative-hover': 'var(--color-background-alternative-hover)',\n 'alternative-pressed': 'var(--color-background-alternative-pressed)',\n section: 'var(--color-background-section)',\n subsection: 'var(--color-background-subsection)',\n muted: 'var(--color-background-muted)',\n 'muted-hover': 'var(--color-background-muted-hover)',\n 'muted-pressed': 'var(--color-background-muted-pressed)',\n hover: 'var(--color-background-hover)',\n pressed: 'var(--color-background-pressed)',\n },\n text: {\n default: 'var(--color-text-default)',\n alternative: 'var(--color-text-alternative)',\n muted: 'var(--color-text-muted)',\n },\n border: {\n default: 'var(--color-border-default)',\n muted: 'var(--color-border-muted)',\n },\n icon: {\n default: 'var(--color-icon-default)',\n alternative: 'var(--color-icon-alternative)',\n muted: 'var(--color-icon-muted)',\n },\n overlay: {\n default: 'var(--color-overlay-default)',\n alternative: 'var(--color-overlay-alternative)',\n inverse: 'var(--color-overlay-inverse)',\n },\n primary: {\n default: 'var(--color-primary-default)',\n 'default-hover': 'var(--color-primary-default-hover)',\n 'default-pressed': 'var(--color-primary-default-pressed)',\n alternative: 'var(--color-primary-alternative)',\n muted: 'var(--color-primary-muted)',\n inverse: 'var(--color-primary-inverse)',\n 'muted-hover': 'var(--color-primary-muted-hover)',\n 'muted-pressed': 'var(--color-primary-muted-pressed)',\n },\n error: {\n default: 'var(--color-error-default)',\n 'default-hover': 'var(--color-error-default-hover)',\n 'default-pressed': 'var(--color-error-default-pressed)',\n alternative: 'var(--color-error-alternative)',\n muted: 'var(--color-error-muted)',\n inverse: 'var(--color-error-inverse)',\n 'muted-hover': 'var(--color-error-muted-hover)',\n 'muted-pressed': 'var(--color-error-muted-pressed)',\n },\n warning: {\n default: 'var(--color-warning-default)',\n 'default-hover': 'var(--color-warning-default-hover)',\n 'default-pressed': 'var(--color-warning-default-pressed)',\n muted: 'var(--color-warning-muted)',\n inverse: 'var(--color-warning-inverse)',\n 'muted-hover': 'var(--color-warning-muted-hover)',\n 'muted-pressed': 'var(--color-warning-muted-pressed)',\n },\n success: {\n default: 'var(--color-success-default)',\n 'default-hover': 'var(--color-success-default-hover)',\n 'default-pressed': 'var(--color-success-default-pressed)',\n muted: 'var(--color-success-muted)',\n inverse: 'var(--color-success-inverse)',\n 'muted-hover': 'var(--color-success-muted-hover)',\n 'muted-pressed': 'var(--color-success-muted-pressed)',\n },\n info: {\n default: 'var(--color-info-default)',\n muted: 'var(--color-info-muted)',\n inverse: 'var(--color-info-inverse)',\n },\n accent01: {\n light: 'var(--color-accent01-light)',\n normal: 'var(--color-accent01-normal)',\n dark: 'var(--color-accent01-dark)',\n },\n accent02: {\n light: 'var(--color-accent02-light)',\n normal: 'var(--color-accent02-normal)',\n dark: 'var(--color-accent02-dark)',\n },\n accent03: {\n light: 'var(--color-accent03-light)',\n normal: 'var(--color-accent03-normal)',\n dark: 'var(--color-accent03-dark)',\n },\n accent04: {\n light: 'var(--color-accent04-light)',\n normal: 'var(--color-accent04-normal)',\n dark: 'var(--color-accent04-dark)',\n },\n};\n"]}
1
+ {"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../src/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,UAAU,EAAE;QACV,OAAO,EAAE,iCAAiC;QAC1C,eAAe,EAAE,uCAAuC;QACxD,iBAAiB,EAAE,yCAAyC;QAC5D,WAAW,EAAE,qCAAqC;QAClD,mBAAmB,EAAE,2CAA2C;QAChE,qBAAqB,EAAE,6CAA6C;QACpE,OAAO,EAAE,iCAAiC;QAC1C,UAAU,EAAE,oCAAoC;QAChD,KAAK,EAAE,+BAA+B;QACtC,aAAa,EAAE,qCAAqC;QACpD,eAAe,EAAE,uCAAuC;QACxD,KAAK,EAAE,+BAA+B;QACtC,OAAO,EAAE,iCAAiC;KAC3C;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;KACjC;IACD,MAAM,EAAE;QACN,OAAO,EAAE,6BAA6B;QACtC,KAAK,EAAE,2BAA2B;KACnC;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,eAAe,EAAE,iCAAiC;QAClD,iBAAiB,EAAE,mCAAmC;QACtD,WAAW,EAAE,+BAA+B;QAC5C,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,WAAW,EAAE,kCAAkC;QAC/C,OAAO,EAAE,8BAA8B;KACxC;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,WAAW,EAAE,kCAAkC;QAC/C,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,KAAK,EAAE;QACL,OAAO,EAAE,4BAA4B;QACrC,eAAe,EAAE,kCAAkC;QACnD,iBAAiB,EAAE,oCAAoC;QACvD,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE,0BAA0B;QACjC,OAAO,EAAE,4BAA4B;QACrC,aAAa,EAAE,gCAAgC;QAC/C,eAAe,EAAE,kCAAkC;KACpD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,OAAO,EAAE;QACP,OAAO,EAAE,8BAA8B;QACvC,eAAe,EAAE,oCAAoC;QACrD,iBAAiB,EAAE,sCAAsC;QACzD,KAAK,EAAE,4BAA4B;QACnC,OAAO,EAAE,8BAA8B;QACvC,aAAa,EAAE,kCAAkC;QACjD,eAAe,EAAE,oCAAoC;KACtD;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,2BAA2B;QACpC,KAAK,EAAE,yBAAyB;QAChC,OAAO,EAAE,2BAA2B;KACrC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,6BAA6B;QACpC,MAAM,EAAE,8BAA8B;QACtC,IAAI,EAAE,4BAA4B;KACnC;CACF,CAAC","sourcesContent":["export const colors = {\n background: {\n default: 'var(--color-background-default)',\n 'default-hover': 'var(--color-background-default-hover)',\n 'default-pressed': 'var(--color-background-default-pressed)',\n alternative: 'var(--color-background-alternative)',\n 'alternative-hover': 'var(--color-background-alternative-hover)',\n 'alternative-pressed': 'var(--color-background-alternative-pressed)',\n section: 'var(--color-background-section)',\n subsection: 'var(--color-background-subsection)',\n muted: 'var(--color-background-muted)',\n 'muted-hover': 'var(--color-background-muted-hover)',\n 'muted-pressed': 'var(--color-background-muted-pressed)',\n hover: 'var(--color-background-hover)',\n pressed: 'var(--color-background-pressed)',\n },\n text: {\n default: 'var(--color-text-default)',\n alternative: 'var(--color-text-alternative)',\n muted: 'var(--color-text-muted)',\n },\n border: {\n default: 'var(--color-border-default)',\n muted: 'var(--color-border-muted)',\n },\n icon: {\n default: 'var(--color-icon-default)',\n 'default-hover': 'var(--color-icon-default-hover)',\n 'default-pressed': 'var(--color-icon-default-pressed)',\n alternative: 'var(--color-icon-alternative)',\n muted: 'var(--color-icon-muted)',\n inverse: 'var(--color-icon-inverse)',\n },\n overlay: {\n default: 'var(--color-overlay-default)',\n alternative: 'var(--color-overlay-alternative)',\n inverse: 'var(--color-overlay-inverse)',\n },\n primary: {\n default: 'var(--color-primary-default)',\n 'default-hover': 'var(--color-primary-default-hover)',\n 'default-pressed': 'var(--color-primary-default-pressed)',\n alternative: 'var(--color-primary-alternative)',\n muted: 'var(--color-primary-muted)',\n inverse: 'var(--color-primary-inverse)',\n 'muted-hover': 'var(--color-primary-muted-hover)',\n 'muted-pressed': 'var(--color-primary-muted-pressed)',\n },\n error: {\n default: 'var(--color-error-default)',\n 'default-hover': 'var(--color-error-default-hover)',\n 'default-pressed': 'var(--color-error-default-pressed)',\n alternative: 'var(--color-error-alternative)',\n muted: 'var(--color-error-muted)',\n inverse: 'var(--color-error-inverse)',\n 'muted-hover': 'var(--color-error-muted-hover)',\n 'muted-pressed': 'var(--color-error-muted-pressed)',\n },\n warning: {\n default: 'var(--color-warning-default)',\n 'default-hover': 'var(--color-warning-default-hover)',\n 'default-pressed': 'var(--color-warning-default-pressed)',\n muted: 'var(--color-warning-muted)',\n inverse: 'var(--color-warning-inverse)',\n 'muted-hover': 'var(--color-warning-muted-hover)',\n 'muted-pressed': 'var(--color-warning-muted-pressed)',\n },\n success: {\n default: 'var(--color-success-default)',\n 'default-hover': 'var(--color-success-default-hover)',\n 'default-pressed': 'var(--color-success-default-pressed)',\n muted: 'var(--color-success-muted)',\n inverse: 'var(--color-success-inverse)',\n 'muted-hover': 'var(--color-success-muted-hover)',\n 'muted-pressed': 'var(--color-success-muted-pressed)',\n },\n info: {\n default: 'var(--color-info-default)',\n muted: 'var(--color-info-muted)',\n inverse: 'var(--color-info-inverse)',\n },\n accent01: {\n light: 'var(--color-accent01-light)',\n normal: 'var(--color-accent01-normal)',\n dark: 'var(--color-accent01-dark)',\n },\n accent02: {\n light: 'var(--color-accent02-light)',\n normal: 'var(--color-accent02-normal)',\n dark: 'var(--color-accent02-dark)',\n },\n accent03: {\n light: 'var(--color-accent03-light)',\n normal: 'var(--color-accent03-normal)',\n dark: 'var(--color-accent03-dark)',\n },\n accent04: {\n light: 'var(--color-accent04-light)',\n normal: 'var(--color-accent04-normal)',\n dark: 'var(--color-accent04-dark)',\n },\n};\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metamask-previews/design-system-tailwind-preset",
3
- "version": "0.4.0-preview.ccba95e",
3
+ "version": "0.4.0-preview.da25f99",
4
4
  "description": "Design System Tailwind CSS preset for MetaMask projects",
5
5
  "keywords": [
6
6
  "MetaMask",
@@ -47,7 +47,7 @@
47
47
  },
48
48
  "devDependencies": {
49
49
  "@metamask/auto-changelog": "^5.0.2",
50
- "@ts-bridge/cli": "^0.5.1",
50
+ "@ts-bridge/cli": "^0.6.3",
51
51
  "@types/jest": "^27.4.1",
52
52
  "@types/node": "^16.18.54",
53
53
  "deepmerge": "^4.2.2",
@@ -57,7 +57,7 @@
57
57
  "typescript": "~5.2.2"
58
58
  },
59
59
  "peerDependencies": {
60
- "@metamask/design-tokens": "^7.0.0",
60
+ "@metamask/design-tokens": "^7.1.0",
61
61
  "tailwindcss": "^3.0.0"
62
62
  },
63
63
  "engines": {