@liner-fe/design-token 2.4.22 → 2.4.23

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.
Files changed (5) hide show
  1. package/lib/index.d.ts +1 -3
  2. package/lib/index.js.map +1 -1
  3. package/package.json +1 -1
  4. package/src/index.ts +0 -1
  5. package/src/types/color.ts +0 -83
package/lib/index.d.ts CHANGED
@@ -280,8 +280,6 @@ declare const classNames: {
280
280
  };
281
281
  };
282
282
 
283
- type SystemKeys = 'neutral-container-variation-lowest' | 'neutral-container-lowest-hover' | 'neutral-container-lowest' | 'neutral-container-low' | 'neutral-container-low-hover' | 'neutral-container-mid' | 'neutral-container-mid-hover' | 'neutral-container-high' | 'neutral-container-high-hover' | 'neutral-container-highest' | 'neutral-container-static-lowest' | 'neutral-container-static-lowest-hover' | 'neutral-fill-lowest' | 'neutral-fill-lowest-hover' | 'neutral-fill-low' | 'neutral-fill-low-hover' | 'neutral-fill-mid' | 'neutral-fill-mid-hover' | 'neutral-fill-high' | 'neutral-fill-high-hover' | 'neutral-fill-highest' | 'neutral-label-primary' | 'neutral-label-secondary' | 'neutral-label-tertiary' | 'neutral-label-quaternary' | 'neutral-label-static-primary' | 'neutral-label-static-secondary' | 'neutral-border-overlay-strong' | 'neutral-border-overlay-normal' | 'neutral-border-overlay-subtle' | 'neutral-border-opaque-strong' | 'neutral-border-opaque-normal' | 'neutral-border-opaque-subtle' | 'inverse-container-lowest' | 'inverse-container-lowest-hover' | 'inverse-container-low' | 'inverse-container-low-hover' | 'inverse-container-mid' | 'inverse-container-mid-hover' | 'inverse-container-high' | 'inverse-container-high-hover' | 'inverse-container-static-high' | 'inverse-container-static-high-hover' | 'inverse-fill-mid' | 'inverse-fill-mid-hover' | 'inverse-label-primary' | 'inverse-label-static-primary' | 'inverse-label-static-secondary' | 'inverse-label-secondary' | 'inverse-label-tertiary' | 'inverse-label-quaternary' | 'inverse-border-overlay-strong' | 'inverse-border-overlay-normal' | 'inverse-border-overlay-subtle' | 'inverse-border-opaque-strong' | 'inverse-border-opaque-normal' | 'inverse-border-opaque-subtle' | 'brand-container-mid' | 'brand-container-mid-hover' | 'brand-container-high' | 'brand-label-primary' | 'brand-label-secondary' | 'brand-border-overlay-normal' | 'brand-border-opaque-normal' | 'brandinverse-label-primary' | 'accent-yellow' | 'accent-mint' | 'accent-cyan' | 'accent-purple' | 'accent-pink' | 'function-container-positive' | 'function-container-negative' | 'function-container-negative-hover' | 'function-container-caution' | 'function-container-highlight' | 'function-container-selection' | 'function-container-drag' | 'function-label-positive' | 'function-label-negative' | 'function-label-caution' | 'inverse-container-highest' | 'cover-dim-page';
284
-
285
283
  declare const breakpointOrigin: {
286
284
  readonly xs: "0px";
287
285
  readonly s: "599px";
@@ -300,4 +298,4 @@ declare const breakpoint: {
300
298
  xxxl: string;
301
299
  };
302
300
 
303
- export { type SystemKeys, breakpoint, breakpointOrigin, classNames, theme, useDarkTheme, vars };
301
+ export { breakpoint, breakpointOrigin, classNames, theme, useDarkTheme, vars };
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/hooks/useDarkTheme.ts","../src/generated/vars.ts","../src/generated/classNames.ts","../src/breakpoint/index.ts"],"sourcesContent":["export * from './hooks/useDarkTheme';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './types/color';\nexport * from './style/index';\nexport * from './breakpoint';\n","import { atom, useRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n","export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-container-variation-lowest\":\"var(--neutral-container-variation-lowest)\",\"neutral-fill-overlay-lowest\":\"var(--neutral-fill-overlay-lowest)\",\"neutral-fill-overlay-lowest-hover\":\"var(--neutral-fill-overlay-lowest-hover)\",\"neutral-fill-overlay-low\":\"var(--neutral-fill-overlay-low)\",\"neutral-fill-overlay-low-hover\":\"var(--neutral-fill-overlay-low-hover)\",\"neutral-fill-overlay-mid\":\"var(--neutral-fill-overlay-mid)\",\"neutral-fill-overlay-mid-hover\":\"var(--neutral-fill-overlay-mid-hover)\",\"neutral-fill-overlay-high\":\"var(--neutral-fill-overlay-high)\",\"neutral-fill-overlay-high-hover\":\"var(--neutral-fill-overlay-high-hover)\",\"neutral-fill-overlay-highest\":\"var(--neutral-fill-overlay-highest)\",\"neutral-fill-opaque-lowest\":\"var(--neutral-fill-opaque-lowest)\",\"neutral-fill-opaque-lowest-hover\":\"var(--neutral-fill-opaque-lowest-hover)\",\"neutral-fill-opaque-low\":\"var(--neutral-fill-opaque-low)\",\"neutral-fill-opaque-low-hover\":\"var(--neutral-fill-opaque-low-hover)\",\"neutral-fill-opaque-static-lowest\":\"var(--neutral-fill-opaque-static-lowest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-overlay-hint\":\"var(--neutral-border-overlay-hint)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-opaque-lowest\":\"var(--inverse-fill-opaque-lowest)\",\"inverse-fill-opaque-lowest-hover\":\"var(--inverse-fill-opaque-lowest-hover)\",\"inverse-fill-opaque-low\":\"var(--inverse-fill-opaque-low)\",\"inverse-fill-opaque-low-hover\":\"var(--inverse-fill-opaque-low-hover)\",\"inverse-fill-opaque-mid\":\"var(--inverse-fill-opaque-mid)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-overlay-hint\":\"var(--inverse-border-overlay-hint)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-fill-mid\":\"var(--brand-fill-mid)\",\"brand-fill-mid-hover\":\"var(--brand-fill-mid-hover)\",\"brand-fill-low\":\"var(--brand-fill-low)\",\"brand-fill-low-hover\":\"var(--brand-fill-low-hover)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-label-variation-secondary\":\"var(--brand-label-variation-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-opaque-strong\":\"var(--brand-border-opaque-strong)\",\"brandinverse-label-primary\":\"var(--brandinverse-label-primary)\",\"brandinverse-label-secondary\":\"var(--brandinverse-label-secondary)\",\"brandinverse-label-static-primary\":\"var(--brandinverse-label-static-primary)\",\"accent-label-primary\":\"var(--accent-label-primary)\",\"accent-label-yellow\":\"var(--accent-label-yellow)\",\"accent-label-mint\":\"var(--accent-label-mint)\",\"accent-label-cyan\":\"var(--accent-label-cyan)\",\"accent-label-purple\":\"var(--accent-label-purple)\",\"accent-label-pink\":\"var(--accent-label-pink)\",\"accent-fill-primary\":\"var(--accent-fill-primary)\",\"function-fill-positive\":\"var(--function-fill-positive)\",\"function-fill-negative\":\"var(--function-fill-negative)\",\"function-fill-caution\":\"var(--function-fill-caution)\",\"function-fill-highlight\":\"var(--function-fill-highlight)\",\"function-fill-selection\":\"var(--function-fill-selection)\",\"function-fill-drag\":\"var(--function-fill-drag)\",\"function-fill-positive-low\":\"var(--function-fill-positive-low)\",\"function-fill-negative-low\":\"var(--function-fill-negative-low)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"function-label-link\":\"var(--function-label-link)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"xxs\":\"var(--lp-sys-radius-xxs)\",\"xs\":\"var(--lp-sys-radius-xs)\",\"s\":\"var(--lp-sys-radius-s)\",\"m\":\"var(--lp-sys-radius-m)\",\"l\":\"var(--lp-sys-radius-l)\",\"xl\":\"var(--lp-sys-radius-xl)\",\"xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"0\":\"var(--lp-pri-opacity-0)\",\"1\":\"var(--lp-pri-opacity-1)\",\"4\":\"var(--lp-pri-opacity-4)\",\"8\":\"var(--lp-pri-opacity-8)\",\"12\":\"var(--lp-pri-opacity-12)\",\"16\":\"var(--lp-pri-opacity-16)\",\"20\":\"var(--lp-pri-opacity-20)\",\"24\":\"var(--lp-pri-opacity-24)\",\"28\":\"var(--lp-pri-opacity-28)\",\"32\":\"var(--lp-pri-opacity-32)\",\"36\":\"var(--lp-pri-opacity-36)\",\"40\":\"var(--lp-pri-opacity-40)\",\"44\":\"var(--lp-pri-opacity-44)\",\"48\":\"var(--lp-pri-opacity-48)\",\"50\":\"var(--lp-pri-opacity-50)\",\"56\":\"var(--lp-pri-opacity-56)\",\"64\":\"var(--lp-pri-opacity-64)\",\"72\":\"var(--lp-pri-opacity-72)\",\"80\":\"var(--lp-pri-opacity-80)\"},\"padding\":{\"component-50\":\"var(--lp-sys-padding-component-50)\",\"component-100\":\"var(--lp-sys-padding-component-100)\",\"component-150\":\"var(--lp-sys-padding-component-150)\",\"component-200\":\"var(--lp-sys-padding-component-200)\",\"component-300\":\"var(--lp-sys-padding-component-300)\",\"component-400\":\"var(--lp-sys-padding-component-400)\",\"component-500\":\"var(--lp-sys-padding-component-500)\",\"component-600\":\"var(--lp-sys-padding-component-600)\",\"component-700\":\"var(--lp-sys-padding-component-700)\",\"component-800\":\"var(--lp-sys-padding-component-800)\",\"component-900\":\"var(--lp-sys-padding-component-900)\",\"component-1000\":\"var(--lp-sys-padding-component-1000)\",\"component-1100\":\"var(--lp-sys-padding-component-1100)\",\"component-1300\":\"var(--lp-sys-padding-component-1300)\",\"component-1500\":\"var(--lp-sys-padding-component-1500)\",\"component-1700\":\"var(--lp-sys-padding-component-1700)\",\"section-50\":\"var(--lp-sys-padding-section-50)\",\"section-100\":\"var(--lp-sys-padding-section-100)\",\"section-200\":\"var(--lp-sys-padding-section-200)\",\"section-300\":\"var(--lp-sys-padding-section-300)\",\"section-400\":\"var(--lp-sys-padding-section-400)\",\"section-500\":\"var(--lp-sys-padding-section-500)\",\"section-600\":\"var(--lp-sys-padding-section-600)\",\"section-700\":\"var(--lp-sys-padding-section-700)\",\"section-800\":\"var(--lp-sys-padding-section-800)\",\"section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"0\":\"var(--lp-pri-size-0)\",\"1\":\"var(--lp-pri-size-1)\",\"2\":\"var(--lp-pri-size-2)\",\"3\":\"var(--lp-pri-size-3)\",\"4\":\"var(--lp-pri-size-4)\",\"6\":\"var(--lp-pri-size-6)\",\"8\":\"var(--lp-pri-size-8)\",\"10\":\"var(--lp-pri-size-10)\",\"12\":\"var(--lp-pri-size-12)\",\"14\":\"var(--lp-pri-size-14)\",\"16\":\"var(--lp-pri-size-16)\",\"18\":\"var(--lp-pri-size-18)\",\"20\":\"var(--lp-pri-size-20)\",\"24\":\"var(--lp-pri-size-24)\",\"32\":\"var(--lp-pri-size-32)\",\"40\":\"var(--lp-pri-size-40)\",\"48\":\"var(--lp-pri-size-48)\",\"56\":\"var(--lp-pri-size-56)\",\"64\":\"var(--lp-pri-size-64)\",\"80\":\"var(--lp-pri-size-80)\",\"100\":\"var(--lp-pri-size-100)\",\"120\":\"var(--lp-pri-size-120)\",\"140\":\"var(--lp-pri-size-140)\",\"160\":\"var(--lp-pri-size-160)\",\"180\":\"var(--lp-pri-size-180)\",\"200\":\"var(--lp-pri-size-200)\",\"minus6\":\"var(--lp-pri-size-minus6)\",\"minus4\":\"var(--lp-pri-size-minus4)\",\"minus2\":\"var(--lp-pri-size-minus2)\"},\"gap\":{\"positive-50\":\"var(--lp-sys-gap-positive-50)\",\"positive-100\":\"var(--lp-sys-gap-positive-100)\",\"positive-150\":\"var(--lp-sys-gap-positive-150)\",\"positive-200\":\"var(--lp-sys-gap-positive-200)\",\"positive-300\":\"var(--lp-sys-gap-positive-300)\",\"positive-400\":\"var(--lp-sys-gap-positive-400)\",\"positive-500\":\"var(--lp-sys-gap-positive-500)\",\"positive-600\":\"var(--lp-sys-gap-positive-600)\",\"positive-700\":\"var(--lp-sys-gap-positive-700)\",\"positive-800\":\"var(--lp-sys-gap-positive-800)\",\"positive-900\":\"var(--lp-sys-gap-positive-900)\"},\"shadow\":{\"normal\":\"var(--lp-sys-shadow-normal)\",\"strong\":\"var(--lp-sys-shadow-strong)\",\"heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"xs\":\"var(--lp-sys-icon-size-xs)\",\"s\":\"var(--lp-sys-icon-size-s)\",\"m\":\"var(--lp-sys-icon-size-m)\",\"l\":\"var(--lp-sys-icon-size-l)\",\"xl\":\"var(--lp-sys-icon-size-xl)\"}}","export const classNames = {\"typography\":{\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title5-accent-bold\":\"lp-sys-typo-title5-accent-bold\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph2-post-regular\":\"lp-sys-typo-paragraph2-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph4-post-regular\":\"lp-sys-typo-paragraph4-post-regular\",\"lp-sys-typo-paragraph2-answer-bold\":\"lp-sys-typo-paragraph2-answer-bold\",\"lp-sys-typo-paragraph2-answer-regular\":\"lp-sys-typo-paragraph2-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption2-normal-medium\":\"lp-sys-typo-caption2-normal-medium\",\"lp-sys-typo-caption3-normal-medium\":\"lp-sys-typo-caption3-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}","export const breakpointOrigin = {\n xs: '0px',\n s: '599px',\n m: '1023px',\n l: '1365px',\n xl: '1535px',\n xxl: '1919px',\n xxxl: '2559px',\n} as const;\n\nconst makeBreakpoint = (key: keyof typeof breakpointOrigin) =>\n `@media (max-width: ${breakpointOrigin[key]})`;\n\nexport const breakpoint = {\n s: makeBreakpoint('s'),\n m: makeBreakpoint('m'),\n l: makeBreakpoint('l'),\n xl: makeBreakpoint('xl'),\n xxl: makeBreakpoint('xxl'),\n xxxl: makeBreakpoint('xxxl'),\n};\n"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../src/index.ts","../src/hooks/useDarkTheme.ts","../src/generated/vars.ts","../src/generated/classNames.ts","../src/breakpoint/index.ts"],"sourcesContent":["export * from './hooks/useDarkTheme';\nexport * from './generated/vars';\nexport * from './generated/classNames';\nexport * from './style/index';\nexport * from './breakpoint';\n","import { atom, useRecoilState } from 'recoil';\n\nexport const theme = atom({\n key: 'dark-theme',\n default: false,\n});\n\nexport const useDarkTheme = () => {\n const [isDarkMode, setIsDarkMode] = useRecoilState(theme);\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n localStorage.setItem('theme', 'dark');\n setIsDarkMode(true);\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n localStorage.setItem('theme', 'light');\n setIsDarkMode(false);\n };\n\n const setPreferTheme = () => {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n localStorage.removeItem('theme');\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n setIsDarkMode(isOsColorThemeDark);\n };\n\n return {\n setDarkTheme,\n setLightTheme,\n setPreferTheme,\n isDarkMode,\n };\n};\n","export const vars = {\"color\":{\"neutral-container-lowest\":\"var(--neutral-container-lowest)\",\"neutral-container-lowest-hover\":\"var(--neutral-container-lowest-hover)\",\"neutral-container-low\":\"var(--neutral-container-low)\",\"neutral-container-low-hover\":\"var(--neutral-container-low-hover)\",\"neutral-container-mid\":\"var(--neutral-container-mid)\",\"neutral-container-mid-hover\":\"var(--neutral-container-mid-hover)\",\"neutral-container-high\":\"var(--neutral-container-high)\",\"neutral-container-high-hover\":\"var(--neutral-container-high-hover)\",\"neutral-container-highest\":\"var(--neutral-container-highest)\",\"neutral-container-static-lowest\":\"var(--neutral-container-static-lowest)\",\"neutral-container-static-lowest-hover\":\"var(--neutral-container-static-lowest-hover)\",\"neutral-container-variation-lowest\":\"var(--neutral-container-variation-lowest)\",\"neutral-fill-overlay-lowest\":\"var(--neutral-fill-overlay-lowest)\",\"neutral-fill-overlay-lowest-hover\":\"var(--neutral-fill-overlay-lowest-hover)\",\"neutral-fill-overlay-low\":\"var(--neutral-fill-overlay-low)\",\"neutral-fill-overlay-low-hover\":\"var(--neutral-fill-overlay-low-hover)\",\"neutral-fill-overlay-mid\":\"var(--neutral-fill-overlay-mid)\",\"neutral-fill-overlay-mid-hover\":\"var(--neutral-fill-overlay-mid-hover)\",\"neutral-fill-overlay-high\":\"var(--neutral-fill-overlay-high)\",\"neutral-fill-overlay-high-hover\":\"var(--neutral-fill-overlay-high-hover)\",\"neutral-fill-overlay-highest\":\"var(--neutral-fill-overlay-highest)\",\"neutral-fill-opaque-lowest\":\"var(--neutral-fill-opaque-lowest)\",\"neutral-fill-opaque-lowest-hover\":\"var(--neutral-fill-opaque-lowest-hover)\",\"neutral-fill-opaque-low\":\"var(--neutral-fill-opaque-low)\",\"neutral-fill-opaque-low-hover\":\"var(--neutral-fill-opaque-low-hover)\",\"neutral-fill-opaque-static-lowest\":\"var(--neutral-fill-opaque-static-lowest)\",\"neutral-label-primary\":\"var(--neutral-label-primary)\",\"neutral-label-secondary\":\"var(--neutral-label-secondary)\",\"neutral-label-tertiary\":\"var(--neutral-label-tertiary)\",\"neutral-label-quaternary\":\"var(--neutral-label-quaternary)\",\"neutral-label-static-primary\":\"var(--neutral-label-static-primary)\",\"neutral-label-static-secondary\":\"var(--neutral-label-static-secondary)\",\"neutral-border-overlay-strong\":\"var(--neutral-border-overlay-strong)\",\"neutral-border-overlay-normal\":\"var(--neutral-border-overlay-normal)\",\"neutral-border-overlay-subtle\":\"var(--neutral-border-overlay-subtle)\",\"neutral-border-overlay-hint\":\"var(--neutral-border-overlay-hint)\",\"neutral-border-opaque-strong\":\"var(--neutral-border-opaque-strong)\",\"neutral-border-opaque-normal\":\"var(--neutral-border-opaque-normal)\",\"neutral-border-opaque-subtle\":\"var(--neutral-border-opaque-subtle)\",\"inverse-container-lowest\":\"var(--inverse-container-lowest)\",\"inverse-container-lowest-hover\":\"var(--inverse-container-lowest-hover)\",\"inverse-container-low\":\"var(--inverse-container-low)\",\"inverse-container-low-hover\":\"var(--inverse-container-low-hover)\",\"inverse-container-mid\":\"var(--inverse-container-mid)\",\"inverse-container-mid-hover\":\"var(--inverse-container-mid-hover)\",\"inverse-container-high\":\"var(--inverse-container-high)\",\"inverse-container-high-hover\":\"var(--inverse-container-high-hover)\",\"inverse-container-static-high\":\"var(--inverse-container-static-high)\",\"inverse-container-static-high-hover\":\"var(--inverse-container-static-high-hover)\",\"inverse-container-highest\":\"var(--inverse-container-highest)\",\"inverse-fill-opaque-lowest\":\"var(--inverse-fill-opaque-lowest)\",\"inverse-fill-opaque-lowest-hover\":\"var(--inverse-fill-opaque-lowest-hover)\",\"inverse-fill-opaque-low\":\"var(--inverse-fill-opaque-low)\",\"inverse-fill-opaque-low-hover\":\"var(--inverse-fill-opaque-low-hover)\",\"inverse-fill-opaque-mid\":\"var(--inverse-fill-opaque-mid)\",\"inverse-fill-mid\":\"var(--inverse-fill-mid)\",\"inverse-fill-mid-hover\":\"var(--inverse-fill-mid-hover)\",\"inverse-label-primary\":\"var(--inverse-label-primary)\",\"inverse-label-secondary\":\"var(--inverse-label-secondary)\",\"inverse-label-tertiary\":\"var(--inverse-label-tertiary)\",\"inverse-label-quaternary\":\"var(--inverse-label-quaternary)\",\"inverse-label-static-primary\":\"var(--inverse-label-static-primary)\",\"inverse-label-static-secondary\":\"var(--inverse-label-static-secondary)\",\"inverse-border-overlay-strong\":\"var(--inverse-border-overlay-strong)\",\"inverse-border-overlay-normal\":\"var(--inverse-border-overlay-normal)\",\"inverse-border-overlay-subtle\":\"var(--inverse-border-overlay-subtle)\",\"inverse-border-overlay-hint\":\"var(--inverse-border-overlay-hint)\",\"inverse-border-opaque-strong\":\"var(--inverse-border-opaque-strong)\",\"inverse-border-opaque-normal\":\"var(--inverse-border-opaque-normal)\",\"inverse-border-opaque-subtle\":\"var(--inverse-border-opaque-subtle)\",\"brand-container-mid\":\"var(--brand-container-mid)\",\"brand-container-mid-hover\":\"var(--brand-container-mid-hover)\",\"brand-container-high\":\"var(--brand-container-high)\",\"brand-fill-mid\":\"var(--brand-fill-mid)\",\"brand-fill-mid-hover\":\"var(--brand-fill-mid-hover)\",\"brand-fill-low\":\"var(--brand-fill-low)\",\"brand-fill-low-hover\":\"var(--brand-fill-low-hover)\",\"brand-label-primary\":\"var(--brand-label-primary)\",\"brand-label-secondary\":\"var(--brand-label-secondary)\",\"brand-label-variation-secondary\":\"var(--brand-label-variation-secondary)\",\"brand-border-opaque-normal\":\"var(--brand-border-opaque-normal)\",\"brand-border-opaque-strong\":\"var(--brand-border-opaque-strong)\",\"brandinverse-label-primary\":\"var(--brandinverse-label-primary)\",\"brandinverse-label-secondary\":\"var(--brandinverse-label-secondary)\",\"brandinverse-label-static-primary\":\"var(--brandinverse-label-static-primary)\",\"accent-label-primary\":\"var(--accent-label-primary)\",\"accent-label-yellow\":\"var(--accent-label-yellow)\",\"accent-label-mint\":\"var(--accent-label-mint)\",\"accent-label-cyan\":\"var(--accent-label-cyan)\",\"accent-label-purple\":\"var(--accent-label-purple)\",\"accent-label-pink\":\"var(--accent-label-pink)\",\"accent-fill-primary\":\"var(--accent-fill-primary)\",\"function-fill-positive\":\"var(--function-fill-positive)\",\"function-fill-negative\":\"var(--function-fill-negative)\",\"function-fill-caution\":\"var(--function-fill-caution)\",\"function-fill-highlight\":\"var(--function-fill-highlight)\",\"function-fill-selection\":\"var(--function-fill-selection)\",\"function-fill-drag\":\"var(--function-fill-drag)\",\"function-fill-positive-low\":\"var(--function-fill-positive-low)\",\"function-fill-negative-low\":\"var(--function-fill-negative-low)\",\"function-label-positive\":\"var(--function-label-positive)\",\"function-label-negative\":\"var(--function-label-negative)\",\"function-label-caution\":\"var(--function-label-caution)\",\"function-label-link\":\"var(--function-label-link)\",\"cover-dim-page\":\"var(--cover-dim-page)\"},\"radius\":{\"xxs\":\"var(--lp-sys-radius-xxs)\",\"xs\":\"var(--lp-sys-radius-xs)\",\"s\":\"var(--lp-sys-radius-s)\",\"m\":\"var(--lp-sys-radius-m)\",\"l\":\"var(--lp-sys-radius-l)\",\"xl\":\"var(--lp-sys-radius-xl)\",\"xxl\":\"var(--lp-sys-radius-xxl)\"},\"opacity\":{\"0\":\"var(--lp-pri-opacity-0)\",\"1\":\"var(--lp-pri-opacity-1)\",\"4\":\"var(--lp-pri-opacity-4)\",\"8\":\"var(--lp-pri-opacity-8)\",\"12\":\"var(--lp-pri-opacity-12)\",\"16\":\"var(--lp-pri-opacity-16)\",\"20\":\"var(--lp-pri-opacity-20)\",\"24\":\"var(--lp-pri-opacity-24)\",\"28\":\"var(--lp-pri-opacity-28)\",\"32\":\"var(--lp-pri-opacity-32)\",\"36\":\"var(--lp-pri-opacity-36)\",\"40\":\"var(--lp-pri-opacity-40)\",\"44\":\"var(--lp-pri-opacity-44)\",\"48\":\"var(--lp-pri-opacity-48)\",\"50\":\"var(--lp-pri-opacity-50)\",\"56\":\"var(--lp-pri-opacity-56)\",\"64\":\"var(--lp-pri-opacity-64)\",\"72\":\"var(--lp-pri-opacity-72)\",\"80\":\"var(--lp-pri-opacity-80)\"},\"padding\":{\"component-50\":\"var(--lp-sys-padding-component-50)\",\"component-100\":\"var(--lp-sys-padding-component-100)\",\"component-150\":\"var(--lp-sys-padding-component-150)\",\"component-200\":\"var(--lp-sys-padding-component-200)\",\"component-300\":\"var(--lp-sys-padding-component-300)\",\"component-400\":\"var(--lp-sys-padding-component-400)\",\"component-500\":\"var(--lp-sys-padding-component-500)\",\"component-600\":\"var(--lp-sys-padding-component-600)\",\"component-700\":\"var(--lp-sys-padding-component-700)\",\"component-800\":\"var(--lp-sys-padding-component-800)\",\"component-900\":\"var(--lp-sys-padding-component-900)\",\"component-1000\":\"var(--lp-sys-padding-component-1000)\",\"component-1100\":\"var(--lp-sys-padding-component-1100)\",\"component-1300\":\"var(--lp-sys-padding-component-1300)\",\"component-1500\":\"var(--lp-sys-padding-component-1500)\",\"component-1700\":\"var(--lp-sys-padding-component-1700)\",\"section-50\":\"var(--lp-sys-padding-section-50)\",\"section-100\":\"var(--lp-sys-padding-section-100)\",\"section-200\":\"var(--lp-sys-padding-section-200)\",\"section-300\":\"var(--lp-sys-padding-section-300)\",\"section-400\":\"var(--lp-sys-padding-section-400)\",\"section-500\":\"var(--lp-sys-padding-section-500)\",\"section-600\":\"var(--lp-sys-padding-section-600)\",\"section-700\":\"var(--lp-sys-padding-section-700)\",\"section-800\":\"var(--lp-sys-padding-section-800)\",\"section-900\":\"var(--lp-sys-padding-section-900)\"},\"size\":{\"0\":\"var(--lp-pri-size-0)\",\"1\":\"var(--lp-pri-size-1)\",\"2\":\"var(--lp-pri-size-2)\",\"3\":\"var(--lp-pri-size-3)\",\"4\":\"var(--lp-pri-size-4)\",\"6\":\"var(--lp-pri-size-6)\",\"8\":\"var(--lp-pri-size-8)\",\"10\":\"var(--lp-pri-size-10)\",\"12\":\"var(--lp-pri-size-12)\",\"14\":\"var(--lp-pri-size-14)\",\"16\":\"var(--lp-pri-size-16)\",\"18\":\"var(--lp-pri-size-18)\",\"20\":\"var(--lp-pri-size-20)\",\"24\":\"var(--lp-pri-size-24)\",\"32\":\"var(--lp-pri-size-32)\",\"40\":\"var(--lp-pri-size-40)\",\"48\":\"var(--lp-pri-size-48)\",\"56\":\"var(--lp-pri-size-56)\",\"64\":\"var(--lp-pri-size-64)\",\"80\":\"var(--lp-pri-size-80)\",\"100\":\"var(--lp-pri-size-100)\",\"120\":\"var(--lp-pri-size-120)\",\"140\":\"var(--lp-pri-size-140)\",\"160\":\"var(--lp-pri-size-160)\",\"180\":\"var(--lp-pri-size-180)\",\"200\":\"var(--lp-pri-size-200)\",\"minus6\":\"var(--lp-pri-size-minus6)\",\"minus4\":\"var(--lp-pri-size-minus4)\",\"minus2\":\"var(--lp-pri-size-minus2)\"},\"gap\":{\"positive-50\":\"var(--lp-sys-gap-positive-50)\",\"positive-100\":\"var(--lp-sys-gap-positive-100)\",\"positive-150\":\"var(--lp-sys-gap-positive-150)\",\"positive-200\":\"var(--lp-sys-gap-positive-200)\",\"positive-300\":\"var(--lp-sys-gap-positive-300)\",\"positive-400\":\"var(--lp-sys-gap-positive-400)\",\"positive-500\":\"var(--lp-sys-gap-positive-500)\",\"positive-600\":\"var(--lp-sys-gap-positive-600)\",\"positive-700\":\"var(--lp-sys-gap-positive-700)\",\"positive-800\":\"var(--lp-sys-gap-positive-800)\",\"positive-900\":\"var(--lp-sys-gap-positive-900)\"},\"shadow\":{\"normal\":\"var(--lp-sys-shadow-normal)\",\"strong\":\"var(--lp-sys-shadow-strong)\",\"heavy\":\"var(--lp-sys-shadow-heavy)\"},\"iconSize\":{\"xs\":\"var(--lp-sys-icon-size-xs)\",\"s\":\"var(--lp-sys-icon-size-s)\",\"m\":\"var(--lp-sys-icon-size-m)\",\"l\":\"var(--lp-sys-icon-size-l)\",\"xl\":\"var(--lp-sys-icon-size-xl)\"}}","export const classNames = {\"typography\":{\"lp-sys-typo-display2-accent-black\":\"lp-sys-typo-display2-accent-black\",\"lp-sys-typo-display3-accent-black\":\"lp-sys-typo-display3-accent-black\",\"lp-sys-typo-heading1-answer\":\"lp-sys-typo-heading1-answer\",\"lp-sys-typo-heading2-answer\":\"lp-sys-typo-heading2-answer\",\"lp-sys-typo-heading3-answer\":\"lp-sys-typo-heading3-answer\",\"lp-sys-typo-heading4-answer\":\"lp-sys-typo-heading4-answer\",\"lp-sys-typo-heading5-answer\":\"lp-sys-typo-heading5-answer\",\"lp-sys-typo-heading6-answer\":\"lp-sys-typo-heading6-answer\",\"lp-sys-typo-title1-accent-bold\":\"lp-sys-typo-title1-accent-bold\",\"lp-sys-typo-title2-accent-bold\":\"lp-sys-typo-title2-accent-bold\",\"lp-sys-typo-title3-accent-bold\":\"lp-sys-typo-title3-accent-bold\",\"lp-sys-typo-title4-accent-bold\":\"lp-sys-typo-title4-accent-bold\",\"lp-sys-typo-title5-accent-bold\":\"lp-sys-typo-title5-accent-bold\",\"lp-sys-typo-title1-normal-bold\":\"lp-sys-typo-title1-normal-bold\",\"lp-sys-typo-title2-normal-bold\":\"lp-sys-typo-title2-normal-bold\",\"lp-sys-typo-title3-normal-bold\":\"lp-sys-typo-title3-normal-bold\",\"lp-sys-typo-title4-normal-bold\":\"lp-sys-typo-title4-normal-bold\",\"lp-sys-typo-paragraph1-normal-bold\":\"lp-sys-typo-paragraph1-normal-bold\",\"lp-sys-typo-paragraph2-normal-bold\":\"lp-sys-typo-paragraph2-normal-bold\",\"lp-sys-typo-paragraph3-normal-bold\":\"lp-sys-typo-paragraph3-normal-bold\",\"lp-sys-typo-paragraph4-normal-bold\":\"lp-sys-typo-paragraph4-normal-bold\",\"lp-sys-typo-paragraph1-normal-medium\":\"lp-sys-typo-paragraph1-normal-medium\",\"lp-sys-typo-paragraph2-normal-medium\":\"lp-sys-typo-paragraph2-normal-medium\",\"lp-sys-typo-paragraph3-normal-medium\":\"lp-sys-typo-paragraph3-normal-medium\",\"lp-sys-typo-paragraph4-normal-medium\":\"lp-sys-typo-paragraph4-normal-medium\",\"lp-sys-typo-paragraph1-normal-regular\":\"lp-sys-typo-paragraph1-normal-regular\",\"lp-sys-typo-paragraph2-normal-regular\":\"lp-sys-typo-paragraph2-normal-regular\",\"lp-sys-typo-paragraph3-normal-regular\":\"lp-sys-typo-paragraph3-normal-regular\",\"lp-sys-typo-paragraph4-normal-regular\":\"lp-sys-typo-paragraph4-normal-regular\",\"lp-sys-typo-paragraph2-post-regular\":\"lp-sys-typo-paragraph2-post-regular\",\"lp-sys-typo-paragraph3-post-regular\":\"lp-sys-typo-paragraph3-post-regular\",\"lp-sys-typo-paragraph4-post-regular\":\"lp-sys-typo-paragraph4-post-regular\",\"lp-sys-typo-paragraph2-answer-bold\":\"lp-sys-typo-paragraph2-answer-bold\",\"lp-sys-typo-paragraph2-answer-regular\":\"lp-sys-typo-paragraph2-answer-regular\",\"lp-sys-typo-caption1-normal-bold\":\"lp-sys-typo-caption1-normal-bold\",\"lp-sys-typo-caption2-normal-bold\":\"lp-sys-typo-caption2-normal-bold\",\"lp-sys-typo-caption3-normal-bold\":\"lp-sys-typo-caption3-normal-bold\",\"lp-sys-typo-caption1-normal-medium\":\"lp-sys-typo-caption1-normal-medium\",\"lp-sys-typo-caption2-normal-medium\":\"lp-sys-typo-caption2-normal-medium\",\"lp-sys-typo-caption3-normal-medium\":\"lp-sys-typo-caption3-normal-medium\",\"lp-sys-typo-caption1-normal-regular\":\"lp-sys-typo-caption1-normal-regular\",\"lp-sys-typo-caption2-normal-regular\":\"lp-sys-typo-caption2-normal-regular\",\"lp-sys-typo-caption3-normal-regular\":\"lp-sys-typo-caption3-normal-regular\"}}","export const breakpointOrigin = {\n xs: '0px',\n s: '599px',\n m: '1023px',\n l: '1365px',\n xl: '1535px',\n xxl: '1919px',\n xxxl: '2559px',\n} as const;\n\nconst makeBreakpoint = (key: keyof typeof breakpointOrigin) =>\n `@media (max-width: ${breakpointOrigin[key]})`;\n\nexport const breakpoint = {\n s: makeBreakpoint('s'),\n m: makeBreakpoint('m'),\n l: makeBreakpoint('l'),\n xl: makeBreakpoint('xl'),\n xxl: makeBreakpoint('xxl'),\n xxxl: makeBreakpoint('xxxl'),\n};\n"],"mappings":"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","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.4.22",
3
+ "version": "2.4.23",
4
4
  "devDependencies": {
5
5
  "@eslint/js": "^9.22.0",
6
6
  "@liner-fe/design-token-primitive": "workspace:^",
package/src/index.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  export * from './hooks/useDarkTheme';
2
2
  export * from './generated/vars';
3
3
  export * from './generated/classNames';
4
- export * from './types/color';
5
4
  export * from './style/index';
6
5
  export * from './breakpoint';
package/src/types/color.ts DELETED
@@ -1,83 +0,0 @@
1
- export type SystemKeys =
2
- | 'neutral-container-variation-lowest'
3
- | 'neutral-container-lowest-hover'
4
- | 'neutral-container-lowest'
5
- | 'neutral-container-low'
6
- | 'neutral-container-low-hover'
7
- | 'neutral-container-mid'
8
- | 'neutral-container-mid-hover'
9
- | 'neutral-container-high'
10
- | 'neutral-container-high-hover'
11
- | 'neutral-container-highest'
12
- | 'neutral-container-static-lowest'
13
- | 'neutral-container-static-lowest-hover'
14
- | 'neutral-fill-lowest'
15
- | 'neutral-fill-lowest-hover'
16
- | 'neutral-fill-low'
17
- | 'neutral-fill-low-hover'
18
- | 'neutral-fill-mid'
19
- | 'neutral-fill-mid-hover'
20
- | 'neutral-fill-high'
21
- | 'neutral-fill-high-hover'
22
- | 'neutral-fill-highest'
23
- | 'neutral-label-primary'
24
- | 'neutral-label-secondary'
25
- | 'neutral-label-tertiary'
26
- | 'neutral-label-quaternary'
27
- | 'neutral-label-static-primary'
28
- | 'neutral-label-static-secondary'
29
- | 'neutral-border-overlay-strong'
30
- | 'neutral-border-overlay-normal'
31
- | 'neutral-border-overlay-subtle'
32
- | 'neutral-border-opaque-strong'
33
- | 'neutral-border-opaque-normal'
34
- | 'neutral-border-opaque-subtle'
35
- | 'inverse-container-lowest'
36
- | 'inverse-container-lowest-hover'
37
- | 'inverse-container-low'
38
- | 'inverse-container-low-hover'
39
- | 'inverse-container-mid'
40
- | 'inverse-container-mid-hover'
41
- | 'inverse-container-high'
42
- | 'inverse-container-high-hover'
43
- | 'inverse-container-static-high'
44
- | 'inverse-container-static-high-hover'
45
- | 'inverse-fill-mid'
46
- | 'inverse-fill-mid-hover'
47
- | 'inverse-label-primary'
48
- | 'inverse-label-static-primary'
49
- | 'inverse-label-static-secondary'
50
- | 'inverse-label-secondary'
51
- | 'inverse-label-tertiary'
52
- | 'inverse-label-quaternary'
53
- | 'inverse-border-overlay-strong'
54
- | 'inverse-border-overlay-normal'
55
- | 'inverse-border-overlay-subtle'
56
- | 'inverse-border-opaque-strong'
57
- | 'inverse-border-opaque-normal'
58
- | 'inverse-border-opaque-subtle'
59
- | 'brand-container-mid'
60
- | 'brand-container-mid-hover'
61
- | 'brand-container-high'
62
- | 'brand-label-primary'
63
- | 'brand-label-secondary'
64
- | 'brand-border-overlay-normal'
65
- | 'brand-border-opaque-normal'
66
- | 'brandinverse-label-primary'
67
- | 'accent-yellow'
68
- | 'accent-mint'
69
- | 'accent-cyan'
70
- | 'accent-purple'
71
- | 'accent-pink'
72
- | 'function-container-positive'
73
- | 'function-container-negative'
74
- | 'function-container-negative-hover'
75
- | 'function-container-caution'
76
- | 'function-container-highlight'
77
- | 'function-container-selection'
78
- | 'function-container-drag'
79
- | 'function-label-positive'
80
- | 'function-label-negative'
81
- | 'function-label-caution'
82
- | 'inverse-container-highest'
83
- | 'cover-dim-page';