@magiclabs/ui-components 1.22.1 → 1.22.2
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/cjs/styles/semantic-tokens.js +1 -1
- package/dist/cjs/styles/semantic-tokens.js.map +1 -1
- package/dist/cjs/styles/tokens.js +1 -1
- package/dist/cjs/styles/tokens.js.map +1 -1
- package/dist/es/styles/semantic-tokens.js +1 -1
- package/dist/es/styles/semantic-tokens.js.map +1 -1
- package/dist/es/styles/tokens.js +1 -1
- package/dist/es/styles/tokens.js.map +1 -1
- package/dist/types/styles/semantic-tokens.d.ts +32 -0
- package/dist/types/styles/semantic-tokens.d.ts.map +1 -1
- package/dist/types/styles/tokens.d.ts +29 -0
- package/dist/types/styles/tokens.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}}});exports.semanticColors=a;
|
|
1
|
+
"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"var(--sky-lightest, {colors.sky.10})",_dark:"var(--sky-lightest-dark, {colors.sky.30/8})"}},lighter:{value:{base:"var(--sky-lighter, {colors.sky.30})",_dark:"var(--sky-lighter-dark, {colors.sky.30})"}},base:{value:{base:"var(--sky-base, {colors.sky.50})",_dark:"var(--sky-base-dark, {colors.sky.30})"}},darker:{value:{base:"var(--sky-darker, {colors.sky.70})",_dark:"var(--sky-darker-dark, {colors.sky.30)"}},darkest:{value:{base:"var(--sky-darkest, {colors.sky.90})",_dark:"var(--sky-darkest-dark, {colors.sky.30})"}}}});exports.semanticColors=a;
|
|
2
2
|
//# sourceMappingURL=semantic-tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"
|
|
1
|
+
{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: {\n value: {\n base: 'var(--sky-lightest, {colors.sky.10})',\n _dark: 'var(--sky-lightest-dark, {colors.sky.30/8})',\n },\n },\n lighter: {\n value: {\n base: 'var(--sky-lighter, {colors.sky.30})',\n _dark: 'var(--sky-lighter-dark, {colors.sky.30})',\n },\n },\n base: {\n value: {\n base: 'var(--sky-base, {colors.sky.50})',\n _dark: 'var(--sky-base-dark, {colors.sky.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--sky-darker, {colors.sky.70})',\n _dark: 'var(--sky-darker-dark, {colors.sky.30)',\n },\n },\n darkest: {\n value: {\n base: 'var(--sky-darkest, {colors.sky.90})',\n _dark: 'var(--sky-darkest-dark, {colors.sky.30})',\n },\n },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"4CAEO,MAAMA,EAAiBC,EAAqB,qBAAA,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CACR,MAAO,CACL,KAAM,uCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,sCACN,MAAO,0CACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,mCACN,MAAO,uCACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,qCACN,MAAO,wCACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,sCACN,MAAO,0CACR,CACF,CACF,CACF,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("@pandacss/dev");const a=e.defineTokens.colors({slate:{0:{value:"#19191A"},1:{value:"#252525"},2:{value:"#303030"},3:{value:"#383838"},4:{value:"#474747"}},ink:{10:{value:"#F8F8FA"},20:{value:"#EDEDF3"},30:{value:"#E2E0E5"},40:{value:"#CCCAD0"},50:{value:"#B6B4BA"},60:{value:"#97959A"},70:{value:"#77767A"},80:{value:"#4E4D52"},90:{value:"#18171A"}},magic:{10:{value:"#EDEBFF"},20:{value:"#CAC2FF"},30:{value:"#A799FF"},40:{value:"#8875FF"},50:{value:"#6851FF"},60:{value:"#5D40EA"},70:{value:"#522FD4"},80:{value:"#4421C3"},90:{value:"#3512B2"}},leaf:{10:{value:"#E3FAF3"},20:{value:"#BAF5E3"},30:{value:"#90F0D3"},40:{value:"#48DEB1"},50:{value:"#00CC8F"},60:{value:"#00AA77"},70:{value:"#00875F"},80:{value:"#007753"},90:{value:"#006647"}},ruby:{10:{value:"#FFEAE5"},20:{value:"#FFC3B3"},30:{value:"#FF9B80"},40:{value:"#FE7C58"},50:{value:"#FC5C30"},60:{value:"#E84718"},70:{value:"#D43100"},80:{value:"#C12E02"},90:{value:"#AD2B03"}},gold:{10:{value:"#FCF4E5"},20:{value:"#FEE5BD"},30:{value:"#FFD594"},40:{value:"#EDBD72"},50:{value:"#DBA550"},60:{value:"#BF8832"},70:{value:"#A36B14"},80:{value:"#97630C"},90:{value:"#8A5A03"}},chalk:{value:"#FFFFFF"},paper:{value:"#FFFFFF"}}),u=e.defineTokens.borderWidths({thin:{value:"0.0625rem"},medium:{value:"0.09375rem"},thick:{value:"0.125rem"}}),l=e.defineTokens.radii({button:{value:"var(--button-radius, 9999px)"},container:{value:"var(--container-radius, 1.75rem)"},input:{value:"var(--input-radius, 0.5rem)"}}),v=e.defineTokens.sizes({13:{value:"3.25rem"},15:{value:"3.75rem"}}),F=e.defineTokens.zIndex({max:{value:"2147483647"}});exports.borderWidthTokens=u,exports.colorTokens=a,exports.radiiTokens=l,exports.sizeTokens=v,exports.zIndexTokens=F;
|
|
1
|
+
"use strict";var e=require("@pandacss/dev");const a=e.defineTokens.colors({slate:{0:{value:"#19191A"},1:{value:"#252525"},2:{value:"#303030"},3:{value:"#383838"},4:{value:"#474747"}},ink:{10:{value:"#F8F8FA"},20:{value:"#EDEDF3"},30:{value:"#E2E0E5"},40:{value:"#CCCAD0"},50:{value:"#B6B4BA"},60:{value:"#97959A"},70:{value:"#77767A"},80:{value:"#4E4D52"},90:{value:"#18171A"}},magic:{10:{value:"#EDEBFF"},20:{value:"#CAC2FF"},30:{value:"#A799FF"},40:{value:"#8875FF"},50:{value:"#6851FF"},60:{value:"#5D40EA"},70:{value:"#522FD4"},80:{value:"#4421C3"},90:{value:"#3512B2"}},leaf:{10:{value:"#E3FAF3"},20:{value:"#BAF5E3"},30:{value:"#90F0D3"},40:{value:"#48DEB1"},50:{value:"#00CC8F"},60:{value:"#00AA77"},70:{value:"#00875F"},80:{value:"#007753"},90:{value:"#006647"}},ruby:{10:{value:"#FFEAE5"},20:{value:"#FFC3B3"},30:{value:"#FF9B80"},40:{value:"#FE7C58"},50:{value:"#FC5C30"},60:{value:"#E84718"},70:{value:"#D43100"},80:{value:"#C12E02"},90:{value:"#AD2B03"}},gold:{10:{value:"#FCF4E5"},20:{value:"#FEE5BD"},30:{value:"#FFD594"},40:{value:"#EDBD72"},50:{value:"#DBA550"},60:{value:"#BF8832"},70:{value:"#A36B14"},80:{value:"#97630C"},90:{value:"#8A5A03"}},sky:{10:{value:"#EBF0FE"},20:{value:"#AFC4FF"},30:{value:"#7398FF"},40:{value:"#5482FB"},50:{value:"#346BF7"},60:{value:"#295EE7"},70:{value:"#1E50D6"},80:{value:"#1344C7"},90:{value:"#0737B8"}},chalk:{value:"#FFFFFF"},paper:{value:"#FFFFFF"}}),u=e.defineTokens.borderWidths({thin:{value:"0.0625rem"},medium:{value:"0.09375rem"},thick:{value:"0.125rem"}}),l=e.defineTokens.radii({button:{value:"var(--button-radius, 9999px)"},container:{value:"var(--container-radius, 1.75rem)"},input:{value:"var(--input-radius, 0.5rem)"}}),v=e.defineTokens.sizes({13:{value:"3.25rem"},15:{value:"3.75rem"}}),F=e.defineTokens.zIndex({max:{value:"2147483647"}});exports.borderWidthTokens=u,exports.colorTokens=a,exports.radiiTokens=l,exports.sizeTokens=v,exports.zIndexTokens=F;
|
|
2
2
|
//# sourceMappingURL=tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const colorTokens = defineTokens.colors({\n slate: {\n 0: { value: '#19191A' },\n 1: { value: '#252525' },\n 2: { value: '#303030' },\n 3: { value: '#383838' },\n 4: { value: '#474747' },\n },\n ink: {\n 10: { value: '#F8F8FA' },\n 20: { value: '#EDEDF3' },\n 30: { value: '#E2E0E5' },\n 40: { value: '#CCCAD0' },\n 50: { value: '#B6B4BA' },\n 60: { value: '#97959A' },\n 70: { value: '#77767A' },\n 80: { value: '#4E4D52' },\n 90: { value: '#18171A' },\n },\n magic: {\n 10: { value: '#EDEBFF' },\n 20: { value: '#CAC2FF' },\n 30: { value: '#A799FF' },\n 40: { value: '#8875FF' },\n 50: { value: '#6851FF' },\n 60: { value: '#5D40EA' },\n 70: { value: '#522FD4' },\n 80: { value: '#4421C3' },\n 90: { value: '#3512B2' },\n },\n leaf: {\n 10: { value: '#E3FAF3' },\n 20: { value: '#BAF5E3' },\n 30: { value: '#90F0D3' },\n 40: { value: '#48DEB1' },\n 50: { value: '#00CC8F' },\n 60: { value: '#00AA77' },\n 70: { value: '#00875F' },\n 80: { value: '#007753' },\n 90: { value: '#006647' },\n },\n ruby: {\n 10: { value: '#FFEAE5' },\n 20: { value: '#FFC3B3' },\n 30: { value: '#FF9B80' },\n 40: { value: '#FE7C58' },\n 50: { value: '#FC5C30' },\n 60: { value: '#E84718' },\n 70: { value: '#D43100' },\n 80: { value: '#C12E02' },\n 90: { value: '#AD2B03' },\n },\n gold: {\n 10: { value: '#FCF4E5' },\n 20: { value: '#FEE5BD' },\n 30: { value: '#FFD594' },\n 40: { value: '#EDBD72' },\n 50: { value: '#DBA550' },\n 60: { value: '#BF8832' },\n 70: { value: '#A36B14' },\n 80: { value: '#97630C' },\n 90: { value: '#8A5A03' },\n },\n chalk: { value: '#FFFFFF' },\n paper: { value: '#FFFFFF' },\n});\n\nexport const borderWidthTokens = defineTokens.borderWidths({\n thin: { value: '0.0625rem' },\n medium: { value: '0.09375rem' },\n thick: { value: '0.125rem' },\n});\n\nexport const radiiTokens = defineTokens.radii({\n button: { value: 'var(--button-radius, 9999px)' },\n container: { value: 'var(--container-radius, 1.75rem)' },\n input: { value: 'var(--input-radius, 0.5rem)' },\n});\n\nexport const sizeTokens = defineTokens.sizes({\n // Extends from these panda defaults: https://panda-css.com/docs/customization/theme#spacing\n 13: { value: '3.25rem' },\n 15: { value: '3.75rem' },\n});\n\nexport const zIndexTokens = defineTokens.zIndex({\n max: { value: '2147483647' },\n});\n"],"names":["colorTokens","defineTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const colorTokens = defineTokens.colors({\n slate: {\n 0: { value: '#19191A' },\n 1: { value: '#252525' },\n 2: { value: '#303030' },\n 3: { value: '#383838' },\n 4: { value: '#474747' },\n },\n ink: {\n 10: { value: '#F8F8FA' },\n 20: { value: '#EDEDF3' },\n 30: { value: '#E2E0E5' },\n 40: { value: '#CCCAD0' },\n 50: { value: '#B6B4BA' },\n 60: { value: '#97959A' },\n 70: { value: '#77767A' },\n 80: { value: '#4E4D52' },\n 90: { value: '#18171A' },\n },\n magic: {\n 10: { value: '#EDEBFF' },\n 20: { value: '#CAC2FF' },\n 30: { value: '#A799FF' },\n 40: { value: '#8875FF' },\n 50: { value: '#6851FF' },\n 60: { value: '#5D40EA' },\n 70: { value: '#522FD4' },\n 80: { value: '#4421C3' },\n 90: { value: '#3512B2' },\n },\n leaf: {\n 10: { value: '#E3FAF3' },\n 20: { value: '#BAF5E3' },\n 30: { value: '#90F0D3' },\n 40: { value: '#48DEB1' },\n 50: { value: '#00CC8F' },\n 60: { value: '#00AA77' },\n 70: { value: '#00875F' },\n 80: { value: '#007753' },\n 90: { value: '#006647' },\n },\n ruby: {\n 10: { value: '#FFEAE5' },\n 20: { value: '#FFC3B3' },\n 30: { value: '#FF9B80' },\n 40: { value: '#FE7C58' },\n 50: { value: '#FC5C30' },\n 60: { value: '#E84718' },\n 70: { value: '#D43100' },\n 80: { value: '#C12E02' },\n 90: { value: '#AD2B03' },\n },\n gold: {\n 10: { value: '#FCF4E5' },\n 20: { value: '#FEE5BD' },\n 30: { value: '#FFD594' },\n 40: { value: '#EDBD72' },\n 50: { value: '#DBA550' },\n 60: { value: '#BF8832' },\n 70: { value: '#A36B14' },\n 80: { value: '#97630C' },\n 90: { value: '#8A5A03' },\n },\n sky: {\n 10: { value: '#EBF0FE' },\n 20: { value: '#AFC4FF' },\n 30: { value: '#7398FF' },\n 40: { value: '#5482FB' },\n 50: { value: '#346BF7' },\n 60: { value: '#295EE7' },\n 70: { value: '#1E50D6' },\n 80: { value: '#1344C7' },\n 90: { value: '#0737B8' },\n },\n chalk: { value: '#FFFFFF' },\n paper: { value: '#FFFFFF' },\n});\n\nexport const borderWidthTokens = defineTokens.borderWidths({\n thin: { value: '0.0625rem' },\n medium: { value: '0.09375rem' },\n thick: { value: '0.125rem' },\n});\n\nexport const radiiTokens = defineTokens.radii({\n button: { value: 'var(--button-radius, 9999px)' },\n container: { value: 'var(--container-radius, 1.75rem)' },\n input: { value: 'var(--input-radius, 0.5rem)' },\n});\n\nexport const sizeTokens = defineTokens.sizes({\n // Extends from these panda defaults: https://panda-css.com/docs/customization/theme#spacing\n 13: { value: '3.25rem' },\n 15: { value: '3.75rem' },\n});\n\nexport const zIndexTokens = defineTokens.zIndex({\n max: { value: '2147483647' },\n});\n"],"names":["colorTokens","defineTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}}});export{a as semanticColors};
|
|
1
|
+
import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"var(--sky-lightest, {colors.sky.10})",_dark:"var(--sky-lightest-dark, {colors.sky.30/8})"}},lighter:{value:{base:"var(--sky-lighter, {colors.sky.30})",_dark:"var(--sky-lighter-dark, {colors.sky.30})"}},base:{value:{base:"var(--sky-base, {colors.sky.50})",_dark:"var(--sky-base-dark, {colors.sky.30})"}},darker:{value:{base:"var(--sky-darker, {colors.sky.70})",_dark:"var(--sky-darker-dark, {colors.sky.30)"}},darkest:{value:{base:"var(--sky-darkest, {colors.sky.90})",_dark:"var(--sky-darkest-dark, {colors.sky.30})"}}}});export{a as semanticColors};
|
|
2
2
|
//# sourceMappingURL=semantic-tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"
|
|
1
|
+
{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: {\n value: {\n base: 'var(--sky-lightest, {colors.sky.10})',\n _dark: 'var(--sky-lightest-dark, {colors.sky.30/8})',\n },\n },\n lighter: {\n value: {\n base: 'var(--sky-lighter, {colors.sky.30})',\n _dark: 'var(--sky-lighter-dark, {colors.sky.30})',\n },\n },\n base: {\n value: {\n base: 'var(--sky-base, {colors.sky.50})',\n _dark: 'var(--sky-base-dark, {colors.sky.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--sky-darker, {colors.sky.70})',\n _dark: 'var(--sky-darker-dark, {colors.sky.30)',\n },\n },\n darkest: {\n value: {\n base: 'var(--sky-darkest, {colors.sky.90})',\n _dark: 'var(--sky-darkest-dark, {colors.sky.30})',\n },\n },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"qDAEO,MAAMA,EAAiBC,EAAqB,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CACR,MAAO,CACL,KAAM,uCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,sCACN,MAAO,0CACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,mCACN,MAAO,uCACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,qCACN,MAAO,wCACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,sCACN,MAAO,0CACR,CACF,CACF,CACF,CAAA"}
|
package/dist/es/styles/tokens.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineTokens as e}from"@pandacss/dev";const a=e.colors({slate:{0:{value:"#19191A"},1:{value:"#252525"},2:{value:"#303030"},3:{value:"#383838"},4:{value:"#474747"}},ink:{10:{value:"#F8F8FA"},20:{value:"#EDEDF3"},30:{value:"#E2E0E5"},40:{value:"#CCCAD0"},50:{value:"#B6B4BA"},60:{value:"#97959A"},70:{value:"#77767A"},80:{value:"#4E4D52"},90:{value:"#18171A"}},magic:{10:{value:"#EDEBFF"},20:{value:"#CAC2FF"},30:{value:"#A799FF"},40:{value:"#8875FF"},50:{value:"#6851FF"},60:{value:"#5D40EA"},70:{value:"#522FD4"},80:{value:"#4421C3"},90:{value:"#3512B2"}},leaf:{10:{value:"#E3FAF3"},20:{value:"#BAF5E3"},30:{value:"#90F0D3"},40:{value:"#48DEB1"},50:{value:"#00CC8F"},60:{value:"#00AA77"},70:{value:"#00875F"},80:{value:"#007753"},90:{value:"#006647"}},ruby:{10:{value:"#FFEAE5"},20:{value:"#FFC3B3"},30:{value:"#FF9B80"},40:{value:"#FE7C58"},50:{value:"#FC5C30"},60:{value:"#E84718"},70:{value:"#D43100"},80:{value:"#C12E02"},90:{value:"#AD2B03"}},gold:{10:{value:"#FCF4E5"},20:{value:"#FEE5BD"},30:{value:"#FFD594"},40:{value:"#EDBD72"},50:{value:"#DBA550"},60:{value:"#BF8832"},70:{value:"#A36B14"},80:{value:"#97630C"},90:{value:"#8A5A03"}},chalk:{value:"#FFFFFF"},paper:{value:"#FFFFFF"}}),u=e.borderWidths({thin:{value:"0.0625rem"},medium:{value:"0.09375rem"},thick:{value:"0.125rem"}}),l=e.radii({button:{value:"var(--button-radius, 9999px)"},container:{value:"var(--container-radius, 1.75rem)"},input:{value:"var(--input-radius, 0.5rem)"}}),v=e.sizes({13:{value:"3.25rem"},15:{value:"3.75rem"}}),F=e.zIndex({max:{value:"2147483647"}});export{u as borderWidthTokens,a as colorTokens,l as radiiTokens,v as sizeTokens,F as zIndexTokens};
|
|
1
|
+
import{defineTokens as e}from"@pandacss/dev";const a=e.colors({slate:{0:{value:"#19191A"},1:{value:"#252525"},2:{value:"#303030"},3:{value:"#383838"},4:{value:"#474747"}},ink:{10:{value:"#F8F8FA"},20:{value:"#EDEDF3"},30:{value:"#E2E0E5"},40:{value:"#CCCAD0"},50:{value:"#B6B4BA"},60:{value:"#97959A"},70:{value:"#77767A"},80:{value:"#4E4D52"},90:{value:"#18171A"}},magic:{10:{value:"#EDEBFF"},20:{value:"#CAC2FF"},30:{value:"#A799FF"},40:{value:"#8875FF"},50:{value:"#6851FF"},60:{value:"#5D40EA"},70:{value:"#522FD4"},80:{value:"#4421C3"},90:{value:"#3512B2"}},leaf:{10:{value:"#E3FAF3"},20:{value:"#BAF5E3"},30:{value:"#90F0D3"},40:{value:"#48DEB1"},50:{value:"#00CC8F"},60:{value:"#00AA77"},70:{value:"#00875F"},80:{value:"#007753"},90:{value:"#006647"}},ruby:{10:{value:"#FFEAE5"},20:{value:"#FFC3B3"},30:{value:"#FF9B80"},40:{value:"#FE7C58"},50:{value:"#FC5C30"},60:{value:"#E84718"},70:{value:"#D43100"},80:{value:"#C12E02"},90:{value:"#AD2B03"}},gold:{10:{value:"#FCF4E5"},20:{value:"#FEE5BD"},30:{value:"#FFD594"},40:{value:"#EDBD72"},50:{value:"#DBA550"},60:{value:"#BF8832"},70:{value:"#A36B14"},80:{value:"#97630C"},90:{value:"#8A5A03"}},sky:{10:{value:"#EBF0FE"},20:{value:"#AFC4FF"},30:{value:"#7398FF"},40:{value:"#5482FB"},50:{value:"#346BF7"},60:{value:"#295EE7"},70:{value:"#1E50D6"},80:{value:"#1344C7"},90:{value:"#0737B8"}},chalk:{value:"#FFFFFF"},paper:{value:"#FFFFFF"}}),u=e.borderWidths({thin:{value:"0.0625rem"},medium:{value:"0.09375rem"},thick:{value:"0.125rem"}}),l=e.radii({button:{value:"var(--button-radius, 9999px)"},container:{value:"var(--container-radius, 1.75rem)"},input:{value:"var(--input-radius, 0.5rem)"}}),v=e.sizes({13:{value:"3.25rem"},15:{value:"3.75rem"}}),F=e.zIndex({max:{value:"2147483647"}});export{u as borderWidthTokens,a as colorTokens,l as radiiTokens,v as sizeTokens,F as zIndexTokens};
|
|
2
2
|
//# sourceMappingURL=tokens.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const colorTokens = defineTokens.colors({\n slate: {\n 0: { value: '#19191A' },\n 1: { value: '#252525' },\n 2: { value: '#303030' },\n 3: { value: '#383838' },\n 4: { value: '#474747' },\n },\n ink: {\n 10: { value: '#F8F8FA' },\n 20: { value: '#EDEDF3' },\n 30: { value: '#E2E0E5' },\n 40: { value: '#CCCAD0' },\n 50: { value: '#B6B4BA' },\n 60: { value: '#97959A' },\n 70: { value: '#77767A' },\n 80: { value: '#4E4D52' },\n 90: { value: '#18171A' },\n },\n magic: {\n 10: { value: '#EDEBFF' },\n 20: { value: '#CAC2FF' },\n 30: { value: '#A799FF' },\n 40: { value: '#8875FF' },\n 50: { value: '#6851FF' },\n 60: { value: '#5D40EA' },\n 70: { value: '#522FD4' },\n 80: { value: '#4421C3' },\n 90: { value: '#3512B2' },\n },\n leaf: {\n 10: { value: '#E3FAF3' },\n 20: { value: '#BAF5E3' },\n 30: { value: '#90F0D3' },\n 40: { value: '#48DEB1' },\n 50: { value: '#00CC8F' },\n 60: { value: '#00AA77' },\n 70: { value: '#00875F' },\n 80: { value: '#007753' },\n 90: { value: '#006647' },\n },\n ruby: {\n 10: { value: '#FFEAE5' },\n 20: { value: '#FFC3B3' },\n 30: { value: '#FF9B80' },\n 40: { value: '#FE7C58' },\n 50: { value: '#FC5C30' },\n 60: { value: '#E84718' },\n 70: { value: '#D43100' },\n 80: { value: '#C12E02' },\n 90: { value: '#AD2B03' },\n },\n gold: {\n 10: { value: '#FCF4E5' },\n 20: { value: '#FEE5BD' },\n 30: { value: '#FFD594' },\n 40: { value: '#EDBD72' },\n 50: { value: '#DBA550' },\n 60: { value: '#BF8832' },\n 70: { value: '#A36B14' },\n 80: { value: '#97630C' },\n 90: { value: '#8A5A03' },\n },\n chalk: { value: '#FFFFFF' },\n paper: { value: '#FFFFFF' },\n});\n\nexport const borderWidthTokens = defineTokens.borderWidths({\n thin: { value: '0.0625rem' },\n medium: { value: '0.09375rem' },\n thick: { value: '0.125rem' },\n});\n\nexport const radiiTokens = defineTokens.radii({\n button: { value: 'var(--button-radius, 9999px)' },\n container: { value: 'var(--container-radius, 1.75rem)' },\n input: { value: 'var(--input-radius, 0.5rem)' },\n});\n\nexport const sizeTokens = defineTokens.sizes({\n // Extends from these panda defaults: https://panda-css.com/docs/customization/theme#spacing\n 13: { value: '3.25rem' },\n 15: { value: '3.75rem' },\n});\n\nexport const zIndexTokens = defineTokens.zIndex({\n max: { value: '2147483647' },\n});\n"],"names":["colorTokens","defineTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens"],"mappings":"
|
|
1
|
+
{"version":3,"file":"tokens.js","sources":["../../../src/styles/tokens.ts"],"sourcesContent":["import { defineTokens } from '@pandacss/dev';\n\nexport const colorTokens = defineTokens.colors({\n slate: {\n 0: { value: '#19191A' },\n 1: { value: '#252525' },\n 2: { value: '#303030' },\n 3: { value: '#383838' },\n 4: { value: '#474747' },\n },\n ink: {\n 10: { value: '#F8F8FA' },\n 20: { value: '#EDEDF3' },\n 30: { value: '#E2E0E5' },\n 40: { value: '#CCCAD0' },\n 50: { value: '#B6B4BA' },\n 60: { value: '#97959A' },\n 70: { value: '#77767A' },\n 80: { value: '#4E4D52' },\n 90: { value: '#18171A' },\n },\n magic: {\n 10: { value: '#EDEBFF' },\n 20: { value: '#CAC2FF' },\n 30: { value: '#A799FF' },\n 40: { value: '#8875FF' },\n 50: { value: '#6851FF' },\n 60: { value: '#5D40EA' },\n 70: { value: '#522FD4' },\n 80: { value: '#4421C3' },\n 90: { value: '#3512B2' },\n },\n leaf: {\n 10: { value: '#E3FAF3' },\n 20: { value: '#BAF5E3' },\n 30: { value: '#90F0D3' },\n 40: { value: '#48DEB1' },\n 50: { value: '#00CC8F' },\n 60: { value: '#00AA77' },\n 70: { value: '#00875F' },\n 80: { value: '#007753' },\n 90: { value: '#006647' },\n },\n ruby: {\n 10: { value: '#FFEAE5' },\n 20: { value: '#FFC3B3' },\n 30: { value: '#FF9B80' },\n 40: { value: '#FE7C58' },\n 50: { value: '#FC5C30' },\n 60: { value: '#E84718' },\n 70: { value: '#D43100' },\n 80: { value: '#C12E02' },\n 90: { value: '#AD2B03' },\n },\n gold: {\n 10: { value: '#FCF4E5' },\n 20: { value: '#FEE5BD' },\n 30: { value: '#FFD594' },\n 40: { value: '#EDBD72' },\n 50: { value: '#DBA550' },\n 60: { value: '#BF8832' },\n 70: { value: '#A36B14' },\n 80: { value: '#97630C' },\n 90: { value: '#8A5A03' },\n },\n sky: {\n 10: { value: '#EBF0FE' },\n 20: { value: '#AFC4FF' },\n 30: { value: '#7398FF' },\n 40: { value: '#5482FB' },\n 50: { value: '#346BF7' },\n 60: { value: '#295EE7' },\n 70: { value: '#1E50D6' },\n 80: { value: '#1344C7' },\n 90: { value: '#0737B8' },\n },\n chalk: { value: '#FFFFFF' },\n paper: { value: '#FFFFFF' },\n});\n\nexport const borderWidthTokens = defineTokens.borderWidths({\n thin: { value: '0.0625rem' },\n medium: { value: '0.09375rem' },\n thick: { value: '0.125rem' },\n});\n\nexport const radiiTokens = defineTokens.radii({\n button: { value: 'var(--button-radius, 9999px)' },\n container: { value: 'var(--container-radius, 1.75rem)' },\n input: { value: 'var(--input-radius, 0.5rem)' },\n});\n\nexport const sizeTokens = defineTokens.sizes({\n // Extends from these panda defaults: https://panda-css.com/docs/customization/theme#spacing\n 13: { value: '3.25rem' },\n 15: { value: '3.75rem' },\n});\n\nexport const zIndexTokens = defineTokens.zIndex({\n max: { value: '2147483647' },\n});\n"],"names":["colorTokens","defineTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens"],"mappings":"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"}
|
|
@@ -193,5 +193,37 @@ export declare const semanticColors: {
|
|
|
193
193
|
};
|
|
194
194
|
};
|
|
195
195
|
};
|
|
196
|
+
dedicated: {
|
|
197
|
+
lightest: {
|
|
198
|
+
value: {
|
|
199
|
+
base: string;
|
|
200
|
+
_dark: string;
|
|
201
|
+
};
|
|
202
|
+
};
|
|
203
|
+
lighter: {
|
|
204
|
+
value: {
|
|
205
|
+
base: string;
|
|
206
|
+
_dark: string;
|
|
207
|
+
};
|
|
208
|
+
};
|
|
209
|
+
base: {
|
|
210
|
+
value: {
|
|
211
|
+
base: string;
|
|
212
|
+
_dark: string;
|
|
213
|
+
};
|
|
214
|
+
};
|
|
215
|
+
darker: {
|
|
216
|
+
value: {
|
|
217
|
+
base: string;
|
|
218
|
+
_dark: string;
|
|
219
|
+
};
|
|
220
|
+
};
|
|
221
|
+
darkest: {
|
|
222
|
+
value: {
|
|
223
|
+
base: string;
|
|
224
|
+
_dark: string;
|
|
225
|
+
};
|
|
226
|
+
};
|
|
227
|
+
};
|
|
196
228
|
};
|
|
197
229
|
//# sourceMappingURL=semantic-tokens.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/semantic-tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc
|
|
1
|
+
{"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/semantic-tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwJzB,CAAC"}
|
|
@@ -161,6 +161,35 @@ export declare const colorTokens: {
|
|
|
161
161
|
value: string;
|
|
162
162
|
};
|
|
163
163
|
};
|
|
164
|
+
sky: {
|
|
165
|
+
10: {
|
|
166
|
+
value: string;
|
|
167
|
+
};
|
|
168
|
+
20: {
|
|
169
|
+
value: string;
|
|
170
|
+
};
|
|
171
|
+
30: {
|
|
172
|
+
value: string;
|
|
173
|
+
};
|
|
174
|
+
40: {
|
|
175
|
+
value: string;
|
|
176
|
+
};
|
|
177
|
+
50: {
|
|
178
|
+
value: string;
|
|
179
|
+
};
|
|
180
|
+
60: {
|
|
181
|
+
value: string;
|
|
182
|
+
};
|
|
183
|
+
70: {
|
|
184
|
+
value: string;
|
|
185
|
+
};
|
|
186
|
+
80: {
|
|
187
|
+
value: string;
|
|
188
|
+
};
|
|
189
|
+
90: {
|
|
190
|
+
value: string;
|
|
191
|
+
};
|
|
192
|
+
};
|
|
164
193
|
chalk: {
|
|
165
194
|
value: string;
|
|
166
195
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4EtB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;;;;;;CAI5B,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;CAItB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;CAIrB,CAAC;AAEH,eAAO,MAAM,YAAY;;;;CAEvB,CAAC"}
|