@liner-fe/design-token 2.0.33 → 2.0.34

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 (12) hide show
  1. package/global.css +207 -108
  2. package/lib/design/color/index.d.ts +224 -2
  3. package/lib/design/color/vars.d.ts +41 -24
  4. package/lib/index.cjs +2 -124
  5. package/lib/index.cjs.map +2 -2
  6. package/lib/index.mjs +2 -124
  7. package/lib/index.mjs.map +2 -2
  8. package/package.json +1 -1
  9. package/src/design/color/index.ts +1 -125
  10. package/src/design/color/vars.ts +1 -1
  11. package/src/design/color/type.ts +0 -103
  12. package/src/global.css +0 -170
package/lib/index.mjs.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../src/design/color/index.ts", "../src/design/color/vars.ts", "../src/design/radius/index.ts", "../src/design/opacity/index.ts", "../src/design/size/index.ts", "../src/design/typography/primitive.ts", "../src/design/typography/semantic.ts", "../src/design/typography/usage/Heading.tsx", "../src/hooks/useDarkTheme.ts", "../src/hooks/useLanguage.ts"],
4
- "sourcesContent": ["import { IColor } from './type';\n\nexport const color: IColor = {\n primitive: {\n 'lp-pri-achromatic-white': '#ffffff',\n 'lp-pri-achromatic-black': '#000000',\n 'lp-pri-gray-cool-950': '#F7F8FF',\n 'lp-pri-gray-cool-900': '#EEF0F7',\n 'lp-pri-gray-cool-800': '#DFE3F3',\n 'lp-pri-gray-cool-700': '#C7CFE9',\n 'lp-pri-gray-cool-600': '#97A5D6',\n 'lp-pri-gray-cool-500': '#7487C4',\n 'lp-pri-gray-cool-400': '#5B6BA4',\n 'lp-pri-gray-cool-300': '#4A5889',\n 'lp-pri-gray-cool-200': '#39426A',\n 'lp-pri-gray-cool-100': '#282C3E',\n 'lp-pri-gray-cool-50': '#1F2131',\n 'lp-pri-brand-original-950': '#F5F6FF',\n 'lp-pri-brand-original-900': '#E9EBFF',\n 'lp-pri-brand-original-800': '#D4D7FF',\n 'lp-pri-brand-original-700': '#ADB3FF',\n 'lp-pri-brand-original-600': '#8690FF',\n 'lp-pri-brand-original-500': '#5F6CFF',\n 'lp-pri-brand-original-400': '#3B49E3',\n 'lp-pri-brand-original-300': '#303CB5',\n 'lp-pri-brand-original-200': '#242F86',\n 'lp-pri-brand-original-100': '#1B2366',\n 'lp-pri-brand-original-50': '#151A4D',\n 'lp-pri-brand-variation-950': '#F6F4FE',\n 'lp-pri-brand-variation-900': '#EDE9FE',\n 'lp-pri-brand-variation-800': '#DBD3FE',\n 'lp-pri-brand-variation-700': '#B8A7FE',\n 'lp-pri-brand-variation-600': '#947BFE',\n 'lp-pri-brand-variation-500': '#704FFD',\n 'lp-pri-brand-variation-400': '#593AFF',\n 'lp-pri-brand-variation-300': '#422BCE',\n 'lp-pri-brand-variation-200': '#321F9B',\n 'lp-pri-brand-variation-100': '#24156E',\n 'lp-pri-brand-variation-50': '#1A1052',\n 'lp-pri-red-900': '#FFE9EB',\n 'lp-pri-red-800': '#FFCDD1',\n 'lp-pri-red-700': '#FF9AA2',\n 'lp-pri-red-600': '#FF6773',\n 'lp-pri-red-500': '#FF3445',\n 'lp-pri-red-400': '#FA1D2F',\n 'lp-pri-red-300': '#C2172C',\n 'lp-pri-red-200': '#910B1D',\n 'lp-pri-red-100': '#68081A',\n 'lp-pri-red-50': '#4A0616',\n 'lp-pri-orange-900': '#FFEEE6',\n 'lp-pri-orange-800': '#FFD2B8',\n 'lp-pri-orange-700': '#FFA970',\n 'lp-pri-orange-600': '#FF8842',\n 'lp-pri-orange-500': '#FF6215',\n 'lp-pri-orange-400': '#F84B10',\n 'lp-pri-orange-300': '#BD3512',\n 'lp-pri-orange-200': '#8A220D',\n 'lp-pri-orange-100': '#61170E',\n 'lp-pri-orange-50': '#45110E',\n 'lp-pri-green-900': '#E2F6E5',\n 'lp-pri-green-800': '#BDEAC4',\n 'lp-pri-green-700': '#83D88E',\n 'lp-pri-green-600': '#51C760',\n 'lp-pri-green-500': '#26AF3E',\n 'lp-pri-green-400': '#1B9632',\n 'lp-pri-green-300': '#137728',\n 'lp-pri-green-200': '#0C5B1F',\n 'lp-pri-green-100': '#074218',\n 'lp-pri-green-50': '#053014',\n },\n system: {\n dark: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-900',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',\n 'lp-accent-primary': 'lp-pri-brand-original-600',\n 'lp-accent-container-primary': 'lp-pri-brand-original-500',\n 'lp-positive-primary': 'lp-pri-green-600',\n 'lp-positive-container-primary': 'lp-pri-green-500',\n 'lp-caution-primary': 'lp-pri-orange-600',\n 'lp-caution-container-primary': 'lp-pri-orange-500',\n 'lp-negative-primary': 'lp-pri-red-600',\n 'lp-negative-container-primary': 'lp-pri-red-500',\n 'lp-link-primary': 'lp-pri-brand-original-700',\n 'lp-dim': 'lp-pri-gray-cool-100',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',\n 'lp-status-accent-primary': 'lp-pri-brand-original-500',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',\n },\n light: {\n 'lp-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-neutral-secondary': 'lp-pri-gray-cool-100',\n 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',\n 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',\n 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',\n 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',\n 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',\n 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',\n 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',\n 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',\n 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',\n 'lp-accent-primary': 'lp-pri-brand-original-400',\n 'lp-accent-container-primary': 'lp-pri-brand-original-300',\n 'lp-positive-primary': 'lp-pri-green-400',\n 'lp-positive-container-primary': 'lp-pri-green-300',\n 'lp-caution-primary': 'lp-pri-orange-400',\n 'lp-caution-container-primary': 'lp-pri-orange-300',\n 'lp-negative-primary': 'lp-pri-red-400',\n 'lp-negative-container-primary': 'lp-pri-red-300',\n 'lp-link-primary': 'lp-pri-brand-original-500',\n 'lp-dim': 'lp-pri-gray-cool-50',\n 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',\n 'lp-status-accent-primary': 'lp-pri-brand-original-400',\n 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',\n },\n },\n} as const;\n", "export const vars = {\"color\":{\"lp-neutral-primary\":\"var(--lp-neutral-primary)\",\"lp-neutral-secondary\":\"var(--lp-neutral-secondary)\",\"lp-neutral-tertiary\":\"var(--lp-neutral-tertiary)\",\"lp-inverse-neutral-primary\":\"var(--lp-inverse-neutral-primary)\",\"lp-neutral-container-primary\":\"var(--lp-neutral-container-primary)\",\"lp-neutral-container-secondary\":\"var(--lp-neutral-container-secondary)\",\"lp-neutral-container-tertiary\":\"var(--lp-neutral-container-tertiary)\",\"lp-neutral-border-primary\":\"var(--lp-neutral-border-primary)\",\"lp-neutral-border-secondary\":\"var(--lp-neutral-border-secondary)\",\"lp-neutral-border-tertiary\":\"var(--lp-neutral-border-tertiary)\",\"lp-neutral-placeholder\":\"var(--lp-neutral-placeholder)\",\"lp-accent-primary\":\"var(--lp-accent-primary)\",\"lp-accent-container-primary\":\"var(--lp-accent-container-primary)\",\"lp-positive-primary\":\"var(--lp-positive-primary)\",\"lp-positive-container-primary\":\"var(--lp-positive-container-primary)\",\"lp-caution-primary\":\"var(--lp-caution-primary)\",\"lp-caution-container-primary\":\"var(--lp-caution-container-primary)\",\"lp-negative-primary\":\"var(--lp-negative-primary)\",\"lp-negative-container-primary\":\"var(--lp-negative-container-primary)\",\"lp-link-primary\":\"var(--lp-link-primary)\",\"lp-dim\":\"var(--lp-dim)\",\"lp-status-neutral-primary\":\"var(--lp-status-neutral-primary)\",\"lp-status-accent-primary\":\"var(--lp-status-accent-primary)\",\"lp-status-disabled-primary\":\"var(--lp-status-disabled-primary)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
5
- "mappings": "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",
4
+ "sourcesContent": ["export const color = {\"color\":{\"primitive\":{\"lp-pri-achromatic-white\":\"#ffffff\",\"lp-pri-achromatic-black\":\"#000000\",\"lp-pri-gray-cool-980\":\"#F9F9FA\",\"lp-pri-gray-cool-970\":\"#F6F6F7\",\"lp-pri-gray-cool-950\":\"#F7F8FF\",\"lp-pri-gray-cool-940\":\"#EDEEF0\",\"lp-pri-gray-cool-920\":\"#E9E9EB\",\"lp-pri-gray-cool-900\":\"#EEF0F7\",\"lp-pri-gray-cool-850\":\"#D7D7D9\",\"lp-pri-gray-cool-800\":\"#DFE3F3\",\"lp-pri-gray-cool-700\":\"#C7CFE9\",\"lp-pri-gray-cool-600\":\"#97A5D6\",\"lp-pri-gray-cool-500\":\"#7487C4\",\"lp-pri-gray-cool-450\":\"#6D6D70\",\"lp-pri-gray-cool-400\":\"#5B6BA4\",\"lp-pri-gray-cool-350\":\"#58595C\",\"lp-pri-gray-cool-300\":\"#4A5889\",\"lp-pri-gray-cool-250\":\"#3B3B3D\",\"lp-pri-gray-cool-200\":\"#39426A\",\"lp-pri-gray-cool-100\":\"#282C3E\",\"lp-pri-gray-cool-50\":\"#1F2131\",\"lp-pri-brand-original-950\":\"#F5F6FF\",\"lp-pri-brand-original-900\":\"#E9EBFF\",\"lp-pri-brand-original-800\":\"#D4D7FF\",\"lp-pri-brand-original-700\":\"#ADB3FF\",\"lp-pri-brand-original-600\":\"#8690FF\",\"lp-pri-brand-original-500\":\"#5F6CFF\",\"lp-pri-brand-original-400\":\"#3B49E3\",\"lp-pri-brand-original-300\":\"#303CB5\",\"lp-pri-brand-original-200\":\"#242F86\",\"lp-pri-brand-original-100\":\"#1B2366\",\"lp-pri-brand-original-50\":\"#151A4D\",\"lp-pri-brand-variation-950\":\"#F6F4FE\",\"lp-pri-brand-variation-900\":\"#EDE9FE\",\"lp-pri-brand-variation-800\":\"#DBD3FE\",\"lp-pri-brand-variation-700\":\"#B8A7FE\",\"lp-pri-brand-variation-600\":\"#947BFE\",\"lp-pri-brand-variation-500\":\"#704FFD\",\"lp-pri-brand-variation-400\":\"#593AFF\",\"lp-pri-brand-variation-300\":\"#422BCE\",\"lp-pri-brand-variation-200\":\"#321F9B\",\"lp-pri-brand-variation-100\":\"#24156E\",\"lp-pri-brand-variation-50\":\"#1A1052\",\"lp-pri-red-900\":\"#FFE9EB\",\"lp-pri-red-800\":\"#FFCDD1\",\"lp-pri-red-700\":\"#FF9AA2\",\"lp-pri-red-600\":\"#FF6773\",\"lp-pri-red-500\":\"#FF3445\",\"lp-pri-red-400\":\"#FA1D2F\",\"lp-pri-red-300\":\"#C2172C\",\"lp-pri-red-200\":\"#910B1D\",\"lp-pri-red-100\":\"#68081A\",\"lp-pri-red-50\":\"#4A0616\",\"lp-pri-orange-900\":\"#FFEEE6\",\"lp-pri-orange-800\":\"#FFD2B8\",\"lp-pri-orange-700\":\"#FFA970\",\"lp-pri-orange-600\":\"#FF8842\",\"lp-pri-orange-500\":\"#FF6215\",\"lp-pri-orange-400\":\"#F84B10\",\"lp-pri-orange-300\":\"#BD3512\",\"lp-pri-orange-200\":\"#8A220D\",\"lp-pri-orange-100\":\"#61170E\",\"lp-pri-orange-50\":\"#45110E\",\"lp-pri-green-900\":\"#E2F6E5\",\"lp-pri-green-800\":\"#BDEAC4\",\"lp-pri-green-700\":\"#83D88E\",\"lp-pri-green-600\":\"#51C760\",\"lp-pri-green-500\":\"#26AF3E\",\"lp-pri-green-400\":\"#1B9632\",\"lp-pri-green-300\":\"#137728\",\"lp-pri-green-200\":\"#0C5B1F\",\"lp-pri-green-100\":\"#074218\",\"lp-pri-green-50\":\"#053014\",\"lp-pri-gray-cool-920-alpha-80\":\"#CCE9E9EB\",\"lp-pri-gray-cool-920-alpha-72\":\"#B8E9E9EB\",\"lp-pri-gray-cool-920-alpha-64\":\"#A3E9E9EB\",\"lp-pri-gray-cool-920-alpha-56\":\"#8FE9E9EB\",\"lp-pri-gray-cool-920-alpha-50\":\"#7FE9E9EB\",\"lp-pri-gray-cool-920-alpha-48\":\"#7AE9E9EB\",\"lp-pri-gray-cool-920-alpha-44\":\"#70E9E9EB\",\"lp-pri-gray-cool-920-alpha-40\":\"#66E9E9EB\",\"lp-pri-gray-cool-920-alpha-36\":\"#5CE9E9EB\",\"lp-pri-gray-cool-920-alpha-32\":\"#52E9E9EB\",\"lp-pri-gray-cool-920-alpha-28\":\"#47E9E9EB\",\"lp-pri-gray-cool-920-alpha-24\":\"#3DE9E9EB\",\"lp-pri-gray-cool-920-alpha-20\":\"#33E9E9EB\",\"lp-pri-gray-cool-920-alpha-16\":\"#29E9E9EB\",\"lp-pri-gray-cool-920-alpha-12\":\"#1FE9E9EB\",\"lp-pri-gray-cool-920-alpha-8\":\"#14E9E9EB\",\"lp-pri-gray-cool-920-alpha-4\":\"#0AE9E9EB\",\"lp-pri-gray-cool-920-alpha-1\":\"#03E9E9EB\",\"lp-pri-gray-cool-920-alpha-0\":\"#00E9E9EB\",\"lp-pri-gray-cool-450-alpha-80\":\"#CC6D6D70\",\"lp-pri-gray-cool-450-alpha-72\":\"#B86D6D70\",\"lp-pri-gray-cool-450-alpha-64\":\"#A36D6D70\",\"lp-pri-gray-cool-450-alpha-56\":\"#8F6D6D70\",\"lp-pri-gray-cool-450-alpha-50\":\"#7F6D6D70\",\"lp-pri-gray-cool-450-alpha-48\":\"#7A6D6D70\",\"lp-pri-gray-cool-450-alpha-44\":\"#706D6D70\",\"lp-pri-gray-cool-450-alpha-40\":\"#666D6D70\",\"lp-pri-gray-cool-450-alpha-36\":\"#5C6D6D70\",\"lp-pri-gray-cool-450-alpha-32\":\"#526D6D70\",\"lp-pri-gray-cool-450-alpha-28\":\"#476D6D70\",\"lp-pri-gray-cool-450-alpha-24\":\"#3D6D6D70\",\"lp-pri-gray-cool-450-alpha-20\":\"#336D6D70\",\"lp-pri-gray-cool-450-alpha-16\":\"#296D6D70\",\"lp-pri-gray-cool-450-alpha-12\":\"#1F6D6D70\",\"lp-pri-gray-cool-450-alpha-8\":\"#146D6D70\",\"lp-pri-gray-cool-450-alpha-4\":\"#0A6D6D70\",\"lp-pri-gray-cool-450-alpha-1\":\"#036D6D70\",\"lp-pri-gray-cool-450-alpha-0\":\"#006D6D70\",\"lp-pri-brand-original-50-alpha-80\":\"#CC151A4D\",\"lp-pri-brand-original-50-alpha-72\":\"#B8151A4D\",\"lp-pri-brand-original-50-alpha-64\":\"#A3151A4D\",\"lp-pri-brand-original-50-alpha-56\":\"#8F151A4D\",\"lp-pri-brand-original-50-alpha-50\":\"#7F151A4D\",\"lp-pri-brand-original-50-alpha-48\":\"#7A151A4D\",\"lp-pri-brand-original-50-alpha-44\":\"#70151A4D\",\"lp-pri-brand-original-50-alpha-40\":\"#66151A4D\",\"lp-pri-brand-original-50-alpha-36\":\"#5C151A4D\",\"lp-pri-brand-original-50-alpha-32\":\"#52151A4D\",\"lp-pri-brand-original-50-alpha-28\":\"#47151A4D\",\"lp-pri-brand-original-50-alpha-24\":\"#3D151A4D\",\"lp-pri-brand-original-50-alpha-20\":\"#33151A4D\",\"lp-pri-brand-original-50-alpha-16\":\"#29151A4D\",\"lp-pri-brand-original-50-alpha-12\":\"#1F151A4D\",\"lp-pri-brand-original-50-alpha-8\":\"#14151A4D\",\"lp-pri-brand-original-50-alpha-4\":\"#0A151A4D\",\"lp-pri-brand-original-50-alpha-1\":\"#03151A4D\",\"lp-pri-brand-original-50-alpha-0\":\"#00151A4D\"},\"system\":{\"dark\":{\"lp-neutral-container-lowest\":\"lp-pri-achromatic-white\",\"lp-neutral-container-low\":\"lp-pri-gray-cool-980\",\"lp-neutral-container-mid\":\"lp-pri-gray-cool-970\",\"lp-neutral-container-high\":\"lp-pri-gray-cool-940\",\"lp-neutral-container-highest\":\"lp-pri-gray-cool-920\",\"lp-neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-4\",\"lp-neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-12\",\"lp-neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-20\",\"lp-neutral-label-primary\":\"lp-pri-gray-cool-100\",\"lp-neutral-label-secondary\":\"lp-pri-gray-cool-450-alpha-80\",\"lp-neutral-label-tertiary\":\"lp-pri-gray-cool-450-alpha-44\",\"lp-neutral-label-quaternary\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-border-overlay-normal\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-border-overlay-subtle\":\"lp-pri-gray-cool-450-alpha-16\",\"lp-neutral-border-opaque-strong\":\"lp-pri-gray-cool-100\",\"lp-neutral-border-opaque-normal\":\"lp-pri-gray-cool-850\",\"lp-neutral-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-container-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-container-low\":\"lp-pri-achromatic-black\",\"lp-inverse-container-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-container-high\":\"lp-pri-achromatic-black\",\"lp-inverse-container-highest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-low\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-label-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-static-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-secondary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-tertiary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-quaternary\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-strong\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-brand-container-mid\":\"lp-pri-achromatic-black\",\"lp-brand-container-high\":\"lp-pri-achromatic-black\",\"lp-brand-label-primary\":\"lp-pri-achromatic-black\",\"lp-brand-label-secondary\":\"lp-pri-achromatic-black\",\"lp-brand-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-brand-border-opaque-normal\":\"lp-pri-achromatic-black\"},\"light\":{\"lp-neutral-container-lowest\":\"lp-pri-gray-cool-100\",\"lp-neutral-container-low\":\"lp-pri-gray-cool-200\",\"lp-neutral-container-mid\":\"lp-pri-gray-cool-200\",\"lp-neutral-container-high\":\"lp-pri-gray-cool-250\",\"lp-neutral-container-highest\":\"lp-pri-gray-cool-300\",\"lp-neutral-fill-lowest\":\"lp-pri-gray-cool-450-alpha-12\",\"lp-neutral-fill-low\":\"lp-pri-gray-cool-450-alpha-24\",\"lp-neutral-fill-mid\":\"lp-pri-gray-cool-450-alpha-32\",\"lp-neutral-label-primary\":\"lp-pri-achromatic-black\",\"lp-neutral-label-secondary\":\"lp-pri-achromatic-black\",\"lp-neutral-label-tertiary\":\"lp-pri-gray-cool-920-alpha-32\",\"lp-neutral-label-quaternary\":\"lp-pri-red-200-alpha-20\",\"lp-neutral-border-overlay-normal\":\"lp-pri-gray-cool-920-alpha-28\",\"lp-neutral-border-overlay-subtle\":\"lp-pri-gray-cool-920-alpha-20\",\"lp-neutral-border-opaque-strong\":\"lp-pri-achromatic-white\",\"lp-neutral-border-opaque-normal\":\"lp-pri-gray-cool-350\",\"lp-neutral-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-container-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-container-low\":\"lp-pri-achromatic-black\",\"lp-inverse-container-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-container-high\":\"lp-pri-achromatic-black\",\"lp-inverse-container-highest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-lowest\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-low\":\"lp-pri-achromatic-black\",\"lp-inverse-fill-mid\":\"lp-pri-achromatic-black\",\"lp-inverse-label-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-static-primary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-secondary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-tertiary\":\"lp-pri-achromatic-black\",\"lp-inverse-label-quaternary\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-overlay-subtle\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-strong\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-normal\":\"lp-pri-achromatic-black\",\"lp-inverse-border-opaque-subtle\":\"lp-pri-achromatic-black\",\"lp-brand-container-mid\":\"lp-pri-achromatic-black\",\"lp-brand-container-high\":\"lp-pri-achromatic-black\",\"lp-brand-label-primary\":\"lp-pri-achromatic-black\",\"lp-brand-label-secondary\":\"lp-pri-achromatic-black\",\"lp-brand-border-overlay-normal\":\"lp-pri-achromatic-black\",\"lp-brand-border-opaque-normal\":\"lp-pri-achromatic-black\"}}}}", "export const vars = {\"color\":{\"lp-neutral-container-lowest\":\"var(--lp-neutral-container-lowest)\",\"lp-neutral-container-low\":\"var(--lp-neutral-container-low)\",\"lp-neutral-container-mid\":\"var(--lp-neutral-container-mid)\",\"lp-neutral-container-high\":\"var(--lp-neutral-container-high)\",\"lp-neutral-container-highest\":\"var(--lp-neutral-container-highest)\",\"lp-neutral-fill-lowest\":\"var(--lp-neutral-fill-lowest)\",\"lp-neutral-fill-low\":\"var(--lp-neutral-fill-low)\",\"lp-neutral-fill-mid\":\"var(--lp-neutral-fill-mid)\",\"lp-neutral-label-primary\":\"var(--lp-neutral-label-primary)\",\"lp-neutral-label-secondary\":\"var(--lp-neutral-label-secondary)\",\"lp-neutral-label-tertiary\":\"var(--lp-neutral-label-tertiary)\",\"lp-neutral-label-quaternary\":\"var(--lp-neutral-label-quaternary)\",\"lp-neutral-border-overlay-normal\":\"var(--lp-neutral-border-overlay-normal)\",\"lp-neutral-border-overlay-subtle\":\"var(--lp-neutral-border-overlay-subtle)\",\"lp-neutral-border-opaque-strong\":\"var(--lp-neutral-border-opaque-strong)\",\"lp-neutral-border-opaque-normal\":\"var(--lp-neutral-border-opaque-normal)\",\"lp-neutral-border-opaque-subtle\":\"var(--lp-neutral-border-opaque-subtle)\",\"lp-inverse-container-lowest\":\"var(--lp-inverse-container-lowest)\",\"lp-inverse-container-low\":\"var(--lp-inverse-container-low)\",\"lp-inverse-container-mid\":\"var(--lp-inverse-container-mid)\",\"lp-inverse-container-high\":\"var(--lp-inverse-container-high)\",\"lp-inverse-container-highest\":\"var(--lp-inverse-container-highest)\",\"lp-inverse-fill-lowest\":\"var(--lp-inverse-fill-lowest)\",\"lp-inverse-fill-low\":\"var(--lp-inverse-fill-low)\",\"lp-inverse-fill-mid\":\"var(--lp-inverse-fill-mid)\",\"lp-inverse-label-primary\":\"var(--lp-inverse-label-primary)\",\"lp-inverse-label-static-primary\":\"var(--lp-inverse-label-static-primary)\",\"lp-inverse-label-secondary\":\"var(--lp-inverse-label-secondary)\",\"lp-inverse-label-tertiary\":\"var(--lp-inverse-label-tertiary)\",\"lp-inverse-label-quaternary\":\"var(--lp-inverse-label-quaternary)\",\"lp-inverse-border-overlay-normal\":\"var(--lp-inverse-border-overlay-normal)\",\"lp-inverse-border-overlay-subtle\":\"var(--lp-inverse-border-overlay-subtle)\",\"lp-inverse-border-opaque-strong\":\"var(--lp-inverse-border-opaque-strong)\",\"lp-inverse-border-opaque-normal\":\"var(--lp-inverse-border-opaque-normal)\",\"lp-inverse-border-opaque-subtle\":\"var(--lp-inverse-border-opaque-subtle)\",\"lp-brand-container-mid\":\"var(--lp-brand-container-mid)\",\"lp-brand-container-high\":\"var(--lp-brand-container-high)\",\"lp-brand-label-primary\":\"var(--lp-brand-label-primary)\",\"lp-brand-label-secondary\":\"var(--lp-brand-label-secondary)\",\"lp-brand-border-overlay-normal\":\"var(--lp-brand-border-overlay-normal)\",\"lp-brand-border-opaque-normal\":\"var(--lp-brand-border-opaque-normal)\"}}", "import { ISize } from '../size/type';\nimport { IRadius } from './type';\n\nexport const radius: IRadius = {\n 'lp-sys-xxs': ISize.lp_pri_2,\n 'lp-sys-xs': ISize.lp_pri_4,\n 'lp-sys-s': ISize.lp_pri_6,\n 'lp-sys-m': ISize.lp_pri_8,\n 'lp-sys-l': ISize.lp_pri_10,\n 'lp-sys-xl': ISize.lp_pri_12,\n 'lp-sys-xxl': ISize.lp_pri_200,\n} as const;\n", "export const opacity = {\n 'lp-pri-90': '90%',\n 'lp-pri-80': '80%',\n 'lp-pri-70': '70%',\n 'lp-pri-60': '60%',\n 'lp-pri-50': '50%',\n 'lp-pri-40': '40%',\n 'lp-pri-30': '30%',\n 'lp-pri-20': '20%',\n 'lp-pri-12': '12%',\n 'lp-pri-8': '8%',\n 'lp-pri-5': '5%',\n 'lp-pri-0': '0%',\n};\n", "import { ISize } from './type';\n\nexport const size: Record<keyof typeof ISize, ISize> = {\n lp_pri_0: ISize.lp_pri_0,\n lp_pri_1: ISize.lp_pri_1,\n lp_pri_2: ISize.lp_pri_2,\n lp_pri_3: ISize.lp_pri_3,\n lp_pri_4: ISize.lp_pri_4,\n lp_pri_6: ISize.lp_pri_6,\n lp_pri_8: ISize.lp_pri_8,\n lp_pri_10: ISize.lp_pri_10,\n lp_pri_12: ISize.lp_pri_12,\n lp_pri_14: ISize.lp_pri_14,\n lp_pri_16: ISize.lp_pri_16,\n lp_pri_18: ISize.lp_pri_18,\n lp_pri_20: ISize.lp_pri_20,\n lp_pri_24: ISize.lp_pri_24,\n lp_pri_32: ISize.lp_pri_32,\n lp_pri_40: ISize.lp_pri_40,\n lp_pri_48: ISize.lp_pri_48,\n lp_pri_56: ISize.lp_pri_56,\n lp_pri_64: ISize.lp_pri_64,\n lp_pri_80: ISize.lp_pri_80,\n lp_pri_100: ISize.lp_pri_100,\n lp_pri_120: ISize.lp_pri_120,\n lp_pri_140: ISize.lp_pri_140,\n lp_pri_160: ISize.lp_pri_160,\n lp_pri_180: ISize.lp_pri_180,\n lp_pri_200: ISize.lp_pri_200,\n};\n", "const lineHeight = {\n 'lp-pri-font-lineheight-120': '120%',\n 'lp-pri-font-lineheight-130': '130%',\n 'lp-pri-font-lineheight-150': '150%',\n 'lp-pri-font-lineheight-180': '180%',\n} as const;\n\nconst size = {\n 'lp-pri-font-size-8': 8,\n 'lp-pri-font-size-11': 11,\n 'lp-pri-font-size-12': 12,\n 'lp-pri-font-size-13': 13,\n 'lp-pri-font-size-14': 14,\n 'lp-pri-font-size-15': 15,\n 'lp-pri-font-size-16': 16,\n 'lp-pri-font-size-17': 17,\n 'lp-pri-font-size-20': 20,\n 'lp-pri-font-size-24': 24,\n 'lp-pri-font-size-28': 28,\n 'lp-pri-font-size-32': 32,\n 'lp-pri-font-size-40': 40,\n 'lp-pri-font-size-64': 64,\n 'lp-pri-font-size-72': 72,\n} as const;\n\nconst weight = {\n 'lp-pri-font-weight-300': 300,\n 'lp-pri-font-weight-350': 350,\n 'lp-pri-font-weight-400': 400,\n 'lp-pri-font-weight-420': 420,\n 'lp-pri-font-weight-450': 450,\n 'lp-pri-font-weight-500': 500,\n 'lp-pri-font-weight-600': 600,\n 'lp-pri-font-weight-650': 650,\n 'lp-pri-font-weight-700': 700,\n 'lp-pri-font-weight-800': 800,\n} as const;\n\nexport const font = { weight, lineHeight, size };\n", "import { font } from './primitive';\nimport { TypographyKeys } from './types';\n\nexport type FontFamily =\n | 'lp-pri-font-family-poppins'\n | 'lp-pri-font-family-pretendard-jp'\n | 'lp-pri-font-family-variables-pretendard'\n | 'lp-pri-font-family-variables-pretendard-jp';\n\ninterface TypographyValues {\n family: FontFamily;\n weight: keyof typeof font.weight;\n lineHeight: keyof typeof font.lineHeight;\n size: keyof typeof font.size;\n}\n\nexport const typographyEnglish: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-poppins',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n\nexport const typography: Partial<Record<TypographyKeys, TypographyValues>> = {\n 'lp-sys-typo-title1-normal-medium': {\n family: 'lp-pri-font-family-pretendard-jp',\n weight: 'lp-pri-font-weight-800',\n lineHeight: 'lp-pri-font-lineheight-120',\n size: 'lp-pri-font-size-72',\n },\n};\n", "import React from 'react';\nimport { HTMLAttributes } from 'react';\nimport { IDisplayProps, IHeadingProps } from './types';\n\nexport const Heading1 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n\nexport const Heading2 = (props: IHeadingProps) => {\n return (\n <div {...props} className={`lp-sys-typo-body-black-72${props.className ? ` ${props.className}` : ''}`}>\n {props.children}\n </div>\n );\n};\n", "import { useLayoutEffect } from 'react';\n\nconst LOCAL_STORAGE_KEY = 'theme';\n\nexport const useDarkTheme = () => {\n const isUserColorTheme = localStorage.getItem('color-theme');\n\n const setDarkTheme = () => {\n document.documentElement.setAttribute('color-theme', 'dark');\n };\n\n const setLightTheme = () => {\n document.documentElement.setAttribute('color-theme', 'light');\n };\n\n const toggleTheme = () => {\n const willChangeTheme = document.documentElement.getAttribute('color-theme') === 'light' ? 'dark' : 'light';\n\n document.documentElement.setAttribute('color-theme', willChangeTheme);\n localStorage.setItem(LOCAL_STORAGE_KEY, willChangeTheme);\n };\n\n useLayoutEffect(() => {\n const prevTheme = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (prevTheme) {\n if (prevTheme === 'dark') {\n setDarkTheme();\n } else {\n setLightTheme();\n }\n } else {\n const isOsColorThemeDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n\n document.documentElement.setAttribute('color-theme', isOsColorThemeDark ? 'dark' : 'light');\n }\n }, []);\n\n return {\n setDarkTheme,\n toggleTheme,\n };\n};\n", "export const useLanguage = () => {};\n"],
5
+ "mappings": "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",
6
6
  "names": ["size"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@liner-fe/design-token",
3
- "version": "2.0.33",
3
+ "version": "2.0.34",
4
4
  "packageManager": "yarn@3.6.0",
5
5
  "devDependencies": {
6
6
  "@types/react": "^18.2.48",
package/src/design/color/index.ts CHANGED
@@ -1,125 +1 @@
1
- import { IColor } from './type';
2
-
3
- export const color: IColor = {
4
- primitive: {
5
- 'lp-pri-achromatic-white': '#ffffff',
6
- 'lp-pri-achromatic-black': '#000000',
7
- 'lp-pri-gray-cool-950': '#F7F8FF',
8
- 'lp-pri-gray-cool-900': '#EEF0F7',
9
- 'lp-pri-gray-cool-800': '#DFE3F3',
10
- 'lp-pri-gray-cool-700': '#C7CFE9',
11
- 'lp-pri-gray-cool-600': '#97A5D6',
12
- 'lp-pri-gray-cool-500': '#7487C4',
13
- 'lp-pri-gray-cool-400': '#5B6BA4',
14
- 'lp-pri-gray-cool-300': '#4A5889',
15
- 'lp-pri-gray-cool-200': '#39426A',
16
- 'lp-pri-gray-cool-100': '#282C3E',
17
- 'lp-pri-gray-cool-50': '#1F2131',
18
- 'lp-pri-brand-original-950': '#F5F6FF',
19
- 'lp-pri-brand-original-900': '#E9EBFF',
20
- 'lp-pri-brand-original-800': '#D4D7FF',
21
- 'lp-pri-brand-original-700': '#ADB3FF',
22
- 'lp-pri-brand-original-600': '#8690FF',
23
- 'lp-pri-brand-original-500': '#5F6CFF',
24
- 'lp-pri-brand-original-400': '#3B49E3',
25
- 'lp-pri-brand-original-300': '#303CB5',
26
- 'lp-pri-brand-original-200': '#242F86',
27
- 'lp-pri-brand-original-100': '#1B2366',
28
- 'lp-pri-brand-original-50': '#151A4D',
29
- 'lp-pri-brand-variation-950': '#F6F4FE',
30
- 'lp-pri-brand-variation-900': '#EDE9FE',
31
- 'lp-pri-brand-variation-800': '#DBD3FE',
32
- 'lp-pri-brand-variation-700': '#B8A7FE',
33
- 'lp-pri-brand-variation-600': '#947BFE',
34
- 'lp-pri-brand-variation-500': '#704FFD',
35
- 'lp-pri-brand-variation-400': '#593AFF',
36
- 'lp-pri-brand-variation-300': '#422BCE',
37
- 'lp-pri-brand-variation-200': '#321F9B',
38
- 'lp-pri-brand-variation-100': '#24156E',
39
- 'lp-pri-brand-variation-50': '#1A1052',
40
- 'lp-pri-red-900': '#FFE9EB',
41
- 'lp-pri-red-800': '#FFCDD1',
42
- 'lp-pri-red-700': '#FF9AA2',
43
- 'lp-pri-red-600': '#FF6773',
44
- 'lp-pri-red-500': '#FF3445',
45
- 'lp-pri-red-400': '#FA1D2F',
46
- 'lp-pri-red-300': '#C2172C',
47
- 'lp-pri-red-200': '#910B1D',
48
- 'lp-pri-red-100': '#68081A',
49
- 'lp-pri-red-50': '#4A0616',
50
- 'lp-pri-orange-900': '#FFEEE6',
51
- 'lp-pri-orange-800': '#FFD2B8',
52
- 'lp-pri-orange-700': '#FFA970',
53
- 'lp-pri-orange-600': '#FF8842',
54
- 'lp-pri-orange-500': '#FF6215',
55
- 'lp-pri-orange-400': '#F84B10',
56
- 'lp-pri-orange-300': '#BD3512',
57
- 'lp-pri-orange-200': '#8A220D',
58
- 'lp-pri-orange-100': '#61170E',
59
- 'lp-pri-orange-50': '#45110E',
60
- 'lp-pri-green-900': '#E2F6E5',
61
- 'lp-pri-green-800': '#BDEAC4',
62
- 'lp-pri-green-700': '#83D88E',
63
- 'lp-pri-green-600': '#51C760',
64
- 'lp-pri-green-500': '#26AF3E',
65
- 'lp-pri-green-400': '#1B9632',
66
- 'lp-pri-green-300': '#137728',
67
- 'lp-pri-green-200': '#0C5B1F',
68
- 'lp-pri-green-100': '#074218',
69
- 'lp-pri-green-50': '#053014',
70
- },
71
- system: {
72
- dark: {
73
- 'lp-neutral-primary': 'lp-pri-gray-cool-950',
74
- 'lp-neutral-secondary': 'lp-pri-gray-cool-900',
75
- 'lp-neutral-tertiary': 'lp-pri-gray-cool-800',
76
- 'lp-inverse-neutral-primary': 'lp-pri-achromatic-white',
77
- 'lp-neutral-container-primary': 'lp-pri-gray-cool-700',
78
- 'lp-neutral-container-secondary': 'lp-pri-gray-cool-600',
79
- 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',
80
- 'lp-neutral-border-primary': 'lp-pri-gray-cool-400',
81
- 'lp-neutral-border-secondary': 'lp-pri-gray-cool-300',
82
- 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-200',
83
- 'lp-neutral-placeholder': 'lp-pri-gray-cool-100',
84
- 'lp-accent-primary': 'lp-pri-brand-original-600',
85
- 'lp-accent-container-primary': 'lp-pri-brand-original-500',
86
- 'lp-positive-primary': 'lp-pri-green-600',
87
- 'lp-positive-container-primary': 'lp-pri-green-500',
88
- 'lp-caution-primary': 'lp-pri-orange-600',
89
- 'lp-caution-container-primary': 'lp-pri-orange-500',
90
- 'lp-negative-primary': 'lp-pri-red-600',
91
- 'lp-negative-container-primary': 'lp-pri-red-500',
92
- 'lp-link-primary': 'lp-pri-brand-original-700',
93
- 'lp-dim': 'lp-pri-gray-cool-100',
94
- 'lp-status-neutral-primary': 'lp-pri-gray-cool-950',
95
- 'lp-status-accent-primary': 'lp-pri-brand-original-500',
96
- 'lp-status-disabled-primary': 'lp-pri-gray-cool-300',
97
- },
98
- light: {
99
- 'lp-neutral-primary': 'lp-pri-gray-cool-50',
100
- 'lp-neutral-secondary': 'lp-pri-gray-cool-100',
101
- 'lp-neutral-tertiary': 'lp-pri-gray-cool-200',
102
- 'lp-inverse-neutral-primary': 'lp-pri-achromatic-black',
103
- 'lp-neutral-container-primary': 'lp-pri-gray-cool-300',
104
- 'lp-neutral-container-secondary': 'lp-pri-gray-cool-400',
105
- 'lp-neutral-container-tertiary': 'lp-pri-gray-cool-500',
106
- 'lp-neutral-border-primary': 'lp-pri-gray-cool-600',
107
- 'lp-neutral-border-secondary': 'lp-pri-gray-cool-700',
108
- 'lp-neutral-border-tertiary': 'lp-pri-gray-cool-800',
109
- 'lp-neutral-placeholder': 'lp-pri-gray-cool-900',
110
- 'lp-accent-primary': 'lp-pri-brand-original-400',
111
- 'lp-accent-container-primary': 'lp-pri-brand-original-300',
112
- 'lp-positive-primary': 'lp-pri-green-400',
113
- 'lp-positive-container-primary': 'lp-pri-green-300',
114
- 'lp-caution-primary': 'lp-pri-orange-400',
115
- 'lp-caution-container-primary': 'lp-pri-orange-300',
116
- 'lp-negative-primary': 'lp-pri-red-400',
117
- 'lp-negative-container-primary': 'lp-pri-red-300',
118
- 'lp-link-primary': 'lp-pri-brand-original-500',
119
- 'lp-dim': 'lp-pri-gray-cool-50',
120
- 'lp-status-neutral-primary': 'lp-pri-gray-cool-50',
121
- 'lp-status-accent-primary': 'lp-pri-brand-original-400',
122
- 'lp-status-disabled-primary': 'lp-pri-gray-cool-200',
123
- },
124
- },
125
- } as const;
1
+ export const color = {"color":{"primitive":{"lp-pri-achromatic-white":"#ffffff","lp-pri-achromatic-black":"#000000","lp-pri-gray-cool-980":"#F9F9FA","lp-pri-gray-cool-970":"#F6F6F7","lp-pri-gray-cool-950":"#F7F8FF","lp-pri-gray-cool-940":"#EDEEF0","lp-pri-gray-cool-920":"#E9E9EB","lp-pri-gray-cool-900":"#EEF0F7","lp-pri-gray-cool-850":"#D7D7D9","lp-pri-gray-cool-800":"#DFE3F3","lp-pri-gray-cool-700":"#C7CFE9","lp-pri-gray-cool-600":"#97A5D6","lp-pri-gray-cool-500":"#7487C4","lp-pri-gray-cool-450":"#6D6D70","lp-pri-gray-cool-400":"#5B6BA4","lp-pri-gray-cool-350":"#58595C","lp-pri-gray-cool-300":"#4A5889","lp-pri-gray-cool-250":"#3B3B3D","lp-pri-gray-cool-200":"#39426A","lp-pri-gray-cool-100":"#282C3E","lp-pri-gray-cool-50":"#1F2131","lp-pri-brand-original-950":"#F5F6FF","lp-pri-brand-original-900":"#E9EBFF","lp-pri-brand-original-800":"#D4D7FF","lp-pri-brand-original-700":"#ADB3FF","lp-pri-brand-original-600":"#8690FF","lp-pri-brand-original-500":"#5F6CFF","lp-pri-brand-original-400":"#3B49E3","lp-pri-brand-original-300":"#303CB5","lp-pri-brand-original-200":"#242F86","lp-pri-brand-original-100":"#1B2366","lp-pri-brand-original-50":"#151A4D","lp-pri-brand-variation-950":"#F6F4FE","lp-pri-brand-variation-900":"#EDE9FE","lp-pri-brand-variation-800":"#DBD3FE","lp-pri-brand-variation-700":"#B8A7FE","lp-pri-brand-variation-600":"#947BFE","lp-pri-brand-variation-500":"#704FFD","lp-pri-brand-variation-400":"#593AFF","lp-pri-brand-variation-300":"#422BCE","lp-pri-brand-variation-200":"#321F9B","lp-pri-brand-variation-100":"#24156E","lp-pri-brand-variation-50":"#1A1052","lp-pri-red-900":"#FFE9EB","lp-pri-red-800":"#FFCDD1","lp-pri-red-700":"#FF9AA2","lp-pri-red-600":"#FF6773","lp-pri-red-500":"#FF3445","lp-pri-red-400":"#FA1D2F","lp-pri-red-300":"#C2172C","lp-pri-red-200":"#910B1D","lp-pri-red-100":"#68081A","lp-pri-red-50":"#4A0616","lp-pri-orange-900":"#FFEEE6","lp-pri-orange-800":"#FFD2B8","lp-pri-orange-700":"#FFA970","lp-pri-orange-600":"#FF8842","lp-pri-orange-500":"#FF6215","lp-pri-orange-400":"#F84B10","lp-pri-orange-300":"#BD3512","lp-pri-orange-200":"#8A220D","lp-pri-orange-100":"#61170E","lp-pri-orange-50":"#45110E","lp-pri-green-900":"#E2F6E5","lp-pri-green-800":"#BDEAC4","lp-pri-green-700":"#83D88E","lp-pri-green-600":"#51C760","lp-pri-green-500":"#26AF3E","lp-pri-green-400":"#1B9632","lp-pri-green-300":"#137728","lp-pri-green-200":"#0C5B1F","lp-pri-green-100":"#074218","lp-pri-green-50":"#053014","lp-pri-gray-cool-920-alpha-80":"#CCE9E9EB","lp-pri-gray-cool-920-alpha-72":"#B8E9E9EB","lp-pri-gray-cool-920-alpha-64":"#A3E9E9EB","lp-pri-gray-cool-920-alpha-56":"#8FE9E9EB","lp-pri-gray-cool-920-alpha-50":"#7FE9E9EB","lp-pri-gray-cool-920-alpha-48":"#7AE9E9EB","lp-pri-gray-cool-920-alpha-44":"#70E9E9EB","lp-pri-gray-cool-920-alpha-40":"#66E9E9EB","lp-pri-gray-cool-920-alpha-36":"#5CE9E9EB","lp-pri-gray-cool-920-alpha-32":"#52E9E9EB","lp-pri-gray-cool-920-alpha-28":"#47E9E9EB","lp-pri-gray-cool-920-alpha-24":"#3DE9E9EB","lp-pri-gray-cool-920-alpha-20":"#33E9E9EB","lp-pri-gray-cool-920-alpha-16":"#29E9E9EB","lp-pri-gray-cool-920-alpha-12":"#1FE9E9EB","lp-pri-gray-cool-920-alpha-8":"#14E9E9EB","lp-pri-gray-cool-920-alpha-4":"#0AE9E9EB","lp-pri-gray-cool-920-alpha-1":"#03E9E9EB","lp-pri-gray-cool-920-alpha-0":"#00E9E9EB","lp-pri-gray-cool-450-alpha-80":"#CC6D6D70","lp-pri-gray-cool-450-alpha-72":"#B86D6D70","lp-pri-gray-cool-450-alpha-64":"#A36D6D70","lp-pri-gray-cool-450-alpha-56":"#8F6D6D70","lp-pri-gray-cool-450-alpha-50":"#7F6D6D70","lp-pri-gray-cool-450-alpha-48":"#7A6D6D70","lp-pri-gray-cool-450-alpha-44":"#706D6D70","lp-pri-gray-cool-450-alpha-40":"#666D6D70","lp-pri-gray-cool-450-alpha-36":"#5C6D6D70","lp-pri-gray-cool-450-alpha-32":"#526D6D70","lp-pri-gray-cool-450-alpha-28":"#476D6D70","lp-pri-gray-cool-450-alpha-24":"#3D6D6D70","lp-pri-gray-cool-450-alpha-20":"#336D6D70","lp-pri-gray-cool-450-alpha-16":"#296D6D70","lp-pri-gray-cool-450-alpha-12":"#1F6D6D70","lp-pri-gray-cool-450-alpha-8":"#146D6D70","lp-pri-gray-cool-450-alpha-4":"#0A6D6D70","lp-pri-gray-cool-450-alpha-1":"#036D6D70","lp-pri-gray-cool-450-alpha-0":"#006D6D70","lp-pri-brand-original-50-alpha-80":"#CC151A4D","lp-pri-brand-original-50-alpha-72":"#B8151A4D","lp-pri-brand-original-50-alpha-64":"#A3151A4D","lp-pri-brand-original-50-alpha-56":"#8F151A4D","lp-pri-brand-original-50-alpha-50":"#7F151A4D","lp-pri-brand-original-50-alpha-48":"#7A151A4D","lp-pri-brand-original-50-alpha-44":"#70151A4D","lp-pri-brand-original-50-alpha-40":"#66151A4D","lp-pri-brand-original-50-alpha-36":"#5C151A4D","lp-pri-brand-original-50-alpha-32":"#52151A4D","lp-pri-brand-original-50-alpha-28":"#47151A4D","lp-pri-brand-original-50-alpha-24":"#3D151A4D","lp-pri-brand-original-50-alpha-20":"#33151A4D","lp-pri-brand-original-50-alpha-16":"#29151A4D","lp-pri-brand-original-50-alpha-12":"#1F151A4D","lp-pri-brand-original-50-alpha-8":"#14151A4D","lp-pri-brand-original-50-alpha-4":"#0A151A4D","lp-pri-brand-original-50-alpha-1":"#03151A4D","lp-pri-brand-original-50-alpha-0":"#00151A4D"},"system":{"dark":{"lp-neutral-container-lowest":"lp-pri-achromatic-white","lp-neutral-container-low":"lp-pri-gray-cool-980","lp-neutral-container-mid":"lp-pri-gray-cool-970","lp-neutral-container-high":"lp-pri-gray-cool-940","lp-neutral-container-highest":"lp-pri-gray-cool-920","lp-neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-4","lp-neutral-fill-low":"lp-pri-gray-cool-450-alpha-12","lp-neutral-fill-mid":"lp-pri-gray-cool-450-alpha-20","lp-neutral-label-primary":"lp-pri-gray-cool-100","lp-neutral-label-secondary":"lp-pri-gray-cool-450-alpha-80","lp-neutral-label-tertiary":"lp-pri-gray-cool-450-alpha-44","lp-neutral-label-quaternary":"lp-pri-gray-cool-450-alpha-24","lp-neutral-border-overlay-normal":"lp-pri-gray-cool-450-alpha-24","lp-neutral-border-overlay-subtle":"lp-pri-gray-cool-450-alpha-16","lp-neutral-border-opaque-strong":"lp-pri-gray-cool-100","lp-neutral-border-opaque-normal":"lp-pri-gray-cool-850","lp-neutral-border-opaque-subtle":"lp-pri-achromatic-black","lp-inverse-container-lowest":"lp-pri-achromatic-black","lp-inverse-container-low":"lp-pri-achromatic-black","lp-inverse-container-mid":"lp-pri-achromatic-black","lp-inverse-container-high":"lp-pri-achromatic-black","lp-inverse-container-highest":"lp-pri-achromatic-black","lp-inverse-fill-lowest":"lp-pri-achromatic-black","lp-inverse-fill-low":"lp-pri-achromatic-black","lp-inverse-fill-mid":"lp-pri-achromatic-black","lp-inverse-label-primary":"lp-pri-achromatic-black","lp-inverse-label-static-primary":"lp-pri-achromatic-black","lp-inverse-label-secondary":"lp-pri-achromatic-black","lp-inverse-label-tertiary":"lp-pri-achromatic-black","lp-inverse-label-quaternary":"lp-pri-achromatic-black","lp-inverse-border-overlay-normal":"lp-pri-achromatic-black","lp-inverse-border-overlay-subtle":"lp-pri-achromatic-black","lp-inverse-border-opaque-strong":"lp-pri-achromatic-black","lp-inverse-border-opaque-normal":"lp-pri-achromatic-black","lp-inverse-border-opaque-subtle":"lp-pri-achromatic-black","lp-brand-container-mid":"lp-pri-achromatic-black","lp-brand-container-high":"lp-pri-achromatic-black","lp-brand-label-primary":"lp-pri-achromatic-black","lp-brand-label-secondary":"lp-pri-achromatic-black","lp-brand-border-overlay-normal":"lp-pri-achromatic-black","lp-brand-border-opaque-normal":"lp-pri-achromatic-black"},"light":{"lp-neutral-container-lowest":"lp-pri-gray-cool-100","lp-neutral-container-low":"lp-pri-gray-cool-200","lp-neutral-container-mid":"lp-pri-gray-cool-200","lp-neutral-container-high":"lp-pri-gray-cool-250","lp-neutral-container-highest":"lp-pri-gray-cool-300","lp-neutral-fill-lowest":"lp-pri-gray-cool-450-alpha-12","lp-neutral-fill-low":"lp-pri-gray-cool-450-alpha-24","lp-neutral-fill-mid":"lp-pri-gray-cool-450-alpha-32","lp-neutral-label-primary":"lp-pri-achromatic-black","lp-neutral-label-secondary":"lp-pri-achromatic-black","lp-neutral-label-tertiary":"lp-pri-gray-cool-920-alpha-32","lp-neutral-label-quaternary":"lp-pri-red-200-alpha-20","lp-neutral-border-overlay-normal":"lp-pri-gray-cool-920-alpha-28","lp-neutral-border-overlay-subtle":"lp-pri-gray-cool-920-alpha-20","lp-neutral-border-opaque-strong":"lp-pri-achromatic-white","lp-neutral-border-opaque-normal":"lp-pri-gray-cool-350","lp-neutral-border-opaque-subtle":"lp-pri-achromatic-black","lp-inverse-container-lowest":"lp-pri-achromatic-black","lp-inverse-container-low":"lp-pri-achromatic-black","lp-inverse-container-mid":"lp-pri-achromatic-black","lp-inverse-container-high":"lp-pri-achromatic-black","lp-inverse-container-highest":"lp-pri-achromatic-black","lp-inverse-fill-lowest":"lp-pri-achromatic-black","lp-inverse-fill-low":"lp-pri-achromatic-black","lp-inverse-fill-mid":"lp-pri-achromatic-black","lp-inverse-label-primary":"lp-pri-achromatic-black","lp-inverse-label-static-primary":"lp-pri-achromatic-black","lp-inverse-label-secondary":"lp-pri-achromatic-black","lp-inverse-label-tertiary":"lp-pri-achromatic-black","lp-inverse-label-quaternary":"lp-pri-achromatic-black","lp-inverse-border-overlay-normal":"lp-pri-achromatic-black","lp-inverse-border-overlay-subtle":"lp-pri-achromatic-black","lp-inverse-border-opaque-strong":"lp-pri-achromatic-black","lp-inverse-border-opaque-normal":"lp-pri-achromatic-black","lp-inverse-border-opaque-subtle":"lp-pri-achromatic-black","lp-brand-container-mid":"lp-pri-achromatic-black","lp-brand-container-high":"lp-pri-achromatic-black","lp-brand-label-primary":"lp-pri-achromatic-black","lp-brand-label-secondary":"lp-pri-achromatic-black","lp-brand-border-overlay-normal":"lp-pri-achromatic-black","lp-brand-border-opaque-normal":"lp-pri-achromatic-black"}}}}
package/src/design/color/vars.ts CHANGED
@@ -1 +1 @@
1
- export const vars = {"color":{"lp-neutral-primary":"var(--lp-neutral-primary)","lp-neutral-secondary":"var(--lp-neutral-secondary)","lp-neutral-tertiary":"var(--lp-neutral-tertiary)","lp-inverse-neutral-primary":"var(--lp-inverse-neutral-primary)","lp-neutral-container-primary":"var(--lp-neutral-container-primary)","lp-neutral-container-secondary":"var(--lp-neutral-container-secondary)","lp-neutral-container-tertiary":"var(--lp-neutral-container-tertiary)","lp-neutral-border-primary":"var(--lp-neutral-border-primary)","lp-neutral-border-secondary":"var(--lp-neutral-border-secondary)","lp-neutral-border-tertiary":"var(--lp-neutral-border-tertiary)","lp-neutral-placeholder":"var(--lp-neutral-placeholder)","lp-accent-primary":"var(--lp-accent-primary)","lp-accent-container-primary":"var(--lp-accent-container-primary)","lp-positive-primary":"var(--lp-positive-primary)","lp-positive-container-primary":"var(--lp-positive-container-primary)","lp-caution-primary":"var(--lp-caution-primary)","lp-caution-container-primary":"var(--lp-caution-container-primary)","lp-negative-primary":"var(--lp-negative-primary)","lp-negative-container-primary":"var(--lp-negative-container-primary)","lp-link-primary":"var(--lp-link-primary)","lp-dim":"var(--lp-dim)","lp-status-neutral-primary":"var(--lp-status-neutral-primary)","lp-status-accent-primary":"var(--lp-status-accent-primary)","lp-status-disabled-primary":"var(--lp-status-disabled-primary)"}}
1
+ export const vars = {"color":{"lp-neutral-container-lowest":"var(--lp-neutral-container-lowest)","lp-neutral-container-low":"var(--lp-neutral-container-low)","lp-neutral-container-mid":"var(--lp-neutral-container-mid)","lp-neutral-container-high":"var(--lp-neutral-container-high)","lp-neutral-container-highest":"var(--lp-neutral-container-highest)","lp-neutral-fill-lowest":"var(--lp-neutral-fill-lowest)","lp-neutral-fill-low":"var(--lp-neutral-fill-low)","lp-neutral-fill-mid":"var(--lp-neutral-fill-mid)","lp-neutral-label-primary":"var(--lp-neutral-label-primary)","lp-neutral-label-secondary":"var(--lp-neutral-label-secondary)","lp-neutral-label-tertiary":"var(--lp-neutral-label-tertiary)","lp-neutral-label-quaternary":"var(--lp-neutral-label-quaternary)","lp-neutral-border-overlay-normal":"var(--lp-neutral-border-overlay-normal)","lp-neutral-border-overlay-subtle":"var(--lp-neutral-border-overlay-subtle)","lp-neutral-border-opaque-strong":"var(--lp-neutral-border-opaque-strong)","lp-neutral-border-opaque-normal":"var(--lp-neutral-border-opaque-normal)","lp-neutral-border-opaque-subtle":"var(--lp-neutral-border-opaque-subtle)","lp-inverse-container-lowest":"var(--lp-inverse-container-lowest)","lp-inverse-container-low":"var(--lp-inverse-container-low)","lp-inverse-container-mid":"var(--lp-inverse-container-mid)","lp-inverse-container-high":"var(--lp-inverse-container-high)","lp-inverse-container-highest":"var(--lp-inverse-container-highest)","lp-inverse-fill-lowest":"var(--lp-inverse-fill-lowest)","lp-inverse-fill-low":"var(--lp-inverse-fill-low)","lp-inverse-fill-mid":"var(--lp-inverse-fill-mid)","lp-inverse-label-primary":"var(--lp-inverse-label-primary)","lp-inverse-label-static-primary":"var(--lp-inverse-label-static-primary)","lp-inverse-label-secondary":"var(--lp-inverse-label-secondary)","lp-inverse-label-tertiary":"var(--lp-inverse-label-tertiary)","lp-inverse-label-quaternary":"var(--lp-inverse-label-quaternary)","lp-inverse-border-overlay-normal":"var(--lp-inverse-border-overlay-normal)","lp-inverse-border-overlay-subtle":"var(--lp-inverse-border-overlay-subtle)","lp-inverse-border-opaque-strong":"var(--lp-inverse-border-opaque-strong)","lp-inverse-border-opaque-normal":"var(--lp-inverse-border-opaque-normal)","lp-inverse-border-opaque-subtle":"var(--lp-inverse-border-opaque-subtle)","lp-brand-container-mid":"var(--lp-brand-container-mid)","lp-brand-container-high":"var(--lp-brand-container-high)","lp-brand-label-primary":"var(--lp-brand-label-primary)","lp-brand-label-secondary":"var(--lp-brand-label-secondary)","lp-brand-border-overlay-normal":"var(--lp-brand-border-overlay-normal)","lp-brand-border-opaque-normal":"var(--lp-brand-border-opaque-normal)"}}
package/src/design/color/type.ts DELETED
@@ -1,103 +0,0 @@
1
- interface IPrimitive {
2
- 'lp-pri-achromatic-white': '#ffffff';
3
- 'lp-pri-achromatic-black': '#000000';
4
- 'lp-pri-gray-cool-950': '#F7F8FF';
5
- 'lp-pri-gray-cool-900': '#EEF0F7';
6
- 'lp-pri-gray-cool-800': '#DFE3F3';
7
- 'lp-pri-gray-cool-700': '#C7CFE9';
8
- 'lp-pri-gray-cool-600': '#97A5D6';
9
- 'lp-pri-gray-cool-500': '#7487C4';
10
- 'lp-pri-gray-cool-400': '#5B6BA4';
11
- 'lp-pri-gray-cool-300': '#4A5889';
12
- 'lp-pri-gray-cool-200': '#39426A';
13
- 'lp-pri-gray-cool-100': '#282C3E';
14
- 'lp-pri-gray-cool-50': '#1F2131';
15
- 'lp-pri-brand-original-950': '#F5F6FF';
16
- 'lp-pri-brand-original-900': '#E9EBFF';
17
- 'lp-pri-brand-original-800': '#D4D7FF';
18
- 'lp-pri-brand-original-700': '#ADB3FF';
19
- 'lp-pri-brand-original-600': '#8690FF';
20
- 'lp-pri-brand-original-500': '#5F6CFF';
21
- 'lp-pri-brand-original-400': '#3B49E3';
22
- 'lp-pri-brand-original-300': '#303CB5';
23
- 'lp-pri-brand-original-200': '#242F86';
24
- 'lp-pri-brand-original-100': '#1B2366';
25
- 'lp-pri-brand-original-50': '#151A4D';
26
- 'lp-pri-brand-variation-950': '#F6F4FE';
27
- 'lp-pri-brand-variation-900': '#EDE9FE';
28
- 'lp-pri-brand-variation-800': '#DBD3FE';
29
- 'lp-pri-brand-variation-700': '#B8A7FE';
30
- 'lp-pri-brand-variation-600': '#947BFE';
31
- 'lp-pri-brand-variation-500': '#704FFD';
32
- 'lp-pri-brand-variation-400': '#593AFF';
33
- 'lp-pri-brand-variation-300': '#422BCE';
34
- 'lp-pri-brand-variation-200': '#321F9B';
35
- 'lp-pri-brand-variation-100': '#24156E';
36
- 'lp-pri-brand-variation-50': '#1A1052';
37
- 'lp-pri-red-900': '#FFE9EB';
38
- 'lp-pri-red-800': '#FFCDD1';
39
- 'lp-pri-red-700': '#FF9AA2';
40
- 'lp-pri-red-600': '#FF6773';
41
- 'lp-pri-red-500': '#FF3445';
42
- 'lp-pri-red-400': '#FA1D2F';
43
- 'lp-pri-red-300': '#C2172C';
44
- 'lp-pri-red-200': '#910B1D';
45
- 'lp-pri-red-100': '#68081A';
46
- 'lp-pri-red-50': '#4A0616';
47
- 'lp-pri-orange-900': '#FFEEE6';
48
- 'lp-pri-orange-800': '#FFD2B8';
49
- 'lp-pri-orange-700': '#FFA970';
50
- 'lp-pri-orange-600': '#FF8842';
51
- 'lp-pri-orange-500': '#FF6215';
52
- 'lp-pri-orange-400': '#F84B10';
53
- 'lp-pri-orange-300': '#BD3512';
54
- 'lp-pri-orange-200': '#8A220D';
55
- 'lp-pri-orange-100': '#61170E';
56
- 'lp-pri-orange-50': '#45110E';
57
- 'lp-pri-green-900': '#E2F6E5';
58
- 'lp-pri-green-800': '#BDEAC4';
59
- 'lp-pri-green-700': '#83D88E';
60
- 'lp-pri-green-600': '#51C760';
61
- 'lp-pri-green-500': '#26AF3E';
62
- 'lp-pri-green-400': '#1B9632';
63
- 'lp-pri-green-300': '#137728';
64
- 'lp-pri-green-200': '#0C5B1F';
65
- 'lp-pri-green-100': '#074218';
66
- 'lp-pri-green-50': '#053014';
67
- }
68
-
69
- type ISystem = Record<
70
- | 'lp-inverse-neutral-primary'
71
- | 'lp-neutral-primary'
72
- | 'lp-neutral-secondary'
73
- | 'lp-neutral-tertiary'
74
- | 'lp-neutral-container-primary'
75
- | 'lp-neutral-container-secondary'
76
- | 'lp-neutral-container-tertiary'
77
- | 'lp-neutral-border-primary'
78
- | 'lp-neutral-border-secondary'
79
- | 'lp-neutral-border-tertiary'
80
- | 'lp-neutral-placeholder'
81
- | 'lp-accent-primary'
82
- | 'lp-accent-container-primary'
83
- | 'lp-positive-primary'
84
- | 'lp-positive-container-primary'
85
- | 'lp-caution-primary'
86
- | 'lp-caution-container-primary'
87
- | 'lp-negative-primary'
88
- | 'lp-negative-container-primary'
89
- | 'lp-link-primary'
90
- | 'lp-dim'
91
- | 'lp-status-neutral-primary'
92
- | 'lp-status-accent-primary'
93
- | 'lp-status-disabled-primary',
94
- keyof IPrimitive
95
- >;
96
-
97
- export interface IColor {
98
- primitive: IPrimitive;
99
- system: {
100
- dark: ISystem;
101
- light: ISystem;
102
- };
103
- }
package/src/global.css DELETED
@@ -1,170 +0,0 @@
1
-
2
- :root{
3
- --lp-pri-achromatic-white: #ffffff;
4
- --lp-pri-achromatic-black: #000000;
5
- --lp-pri-gray-cool-950: #F7F8FF;
6
- --lp-pri-gray-cool-900: #EEF0F7;
7
- --lp-pri-gray-cool-800: #DFE3F3;
8
- --lp-pri-gray-cool-700: #C7CFE9;
9
- --lp-pri-gray-cool-600: #97A5D6;
10
- --lp-pri-gray-cool-500: #7487C4;
11
- --lp-pri-gray-cool-400: #5B6BA4;
12
- --lp-pri-gray-cool-300: #4A5889;
13
- --lp-pri-gray-cool-200: #39426A;
14
- --lp-pri-gray-cool-100: #282C3E;
15
- --lp-pri-gray-cool-50: #1F2131;
16
- --lp-pri-brand-original-950: #F5F6FF;
17
- --lp-pri-brand-original-900: #E9EBFF;
18
- --lp-pri-brand-original-800: #D4D7FF;
19
- --lp-pri-brand-original-700: #ADB3FF;
20
- --lp-pri-brand-original-600: #8690FF;
21
- --lp-pri-brand-original-500: #5F6CFF;
22
- --lp-pri-brand-original-400: #3B49E3;
23
- --lp-pri-brand-original-300: #303CB5;
24
- --lp-pri-brand-original-200: #242F86;
25
- --lp-pri-brand-original-100: #1B2366;
26
- --lp-pri-brand-original-50: #151A4D;
27
- --lp-pri-brand-variation-950: #F6F4FE;
28
- --lp-pri-brand-variation-900: #EDE9FE;
29
- --lp-pri-brand-variation-800: #DBD3FE;
30
- --lp-pri-brand-variation-700: #B8A7FE;
31
- --lp-pri-brand-variation-600: #947BFE;
32
- --lp-pri-brand-variation-500: #704FFD;
33
- --lp-pri-brand-variation-400: #593AFF;
34
- --lp-pri-brand-variation-300: #422BCE;
35
- --lp-pri-brand-variation-200: #321F9B;
36
- --lp-pri-brand-variation-100: #24156E;
37
- --lp-pri-brand-variation-50: #1A1052;
38
- --lp-pri-red-900: #FFE9EB;
39
- --lp-pri-red-800: #FFCDD1;
40
- --lp-pri-red-700: #FF9AA2;
41
- --lp-pri-red-600: #FF6773;
42
- --lp-pri-red-500: #FF3445;
43
- --lp-pri-red-400: #FA1D2F;
44
- --lp-pri-red-300: #C2172C;
45
- --lp-pri-red-200: #910B1D;
46
- --lp-pri-red-100: #68081A;
47
- --lp-pri-red-50: #4A0616;
48
- --lp-pri-orange-900: #FFEEE6;
49
- --lp-pri-orange-800: #FFD2B8;
50
- --lp-pri-orange-700: #FFA970;
51
- --lp-pri-orange-600: #FF8842;
52
- --lp-pri-orange-500: #FF6215;
53
- --lp-pri-orange-400: #F84B10;
54
- --lp-pri-orange-300: #BD3512;
55
- --lp-pri-orange-200: #8A220D;
56
- --lp-pri-orange-100: #61170E;
57
- --lp-pri-orange-50: #45110E;
58
- --lp-pri-green-900: #E2F6E5;
59
- --lp-pri-green-800: #BDEAC4;
60
- --lp-pri-green-700: #83D88E;
61
- --lp-pri-green-600: #51C760;
62
- --lp-pri-green-500: #26AF3E;
63
- --lp-pri-green-400: #1B9632;
64
- --lp-pri-green-300: #137728;
65
- --lp-pri-green-200: #0C5B1F;
66
- --lp-pri-green-100: #074218;
67
- --lp-pri-green-50: #053014;
68
-
69
- --lp-pri-font-size-8: 8px;
70
- --lp-pri-font-size-11: 11px;
71
- --lp-pri-font-size-12: 12px;
72
- --lp-pri-font-size-13: 13px;
73
- --lp-pri-font-size-14: 14px;
74
- --lp-pri-font-size-15: 15px;
75
- --lp-pri-font-size-16: 16px;
76
- --lp-pri-font-size-17: 17px;
77
- --lp-pri-font-size-20: 20px;
78
- --lp-pri-font-size-24: 24px;
79
- --lp-pri-font-size-28: 28px;
80
- --lp-pri-font-size-32: 32px;
81
- --lp-pri-font-size-40: 40px;
82
- --lp-pri-font-size-64: 64px;
83
- --lp-pri-font-size-72: 72px;
84
-
85
- --lp-pri-font-lineheight-120: 120%;
86
- --lp-pri-font-lineheight-130: 130%;
87
- --lp-pri-font-lineheight-150: 150%;
88
- --lp-pri-font-lineheight-180: 180%;
89
- --lp-pri-font-weight-300: 300;
90
- --lp-pri-font-weight-350: 350;
91
- --lp-pri-font-weight-400: 400;
92
- --lp-pri-font-weight-420: 420;
93
- --lp-pri-font-weight-450: 450;
94
- --lp-pri-font-weight-500: 500;
95
- --lp-pri-font-weight-600: 600;
96
- --lp-pri-font-weight-650: 650;
97
- --lp-pri-font-weight-700: 700;
98
- --lp-pri-font-weight-800: 800;
99
-
100
-
101
-
102
- .lp-sys-typo-title1-normal-medium { font-family: lp-pri-font-family-pretendard-jp;
103
- font-size: var(--lp-pri-font-size-72);
104
- font-weight: var(--lp-pri-font-weight-800);
105
- line-height: var(--lp-pri-font-lineheight-120);}
106
- }
107
-
108
-
109
-
110
- :root[color-theme='dark'] {
111
- --lp-neutral-primary: var(--lp-pri-gray-cool-950);
112
- --lp-neutral-secondary: var(--lp-pri-gray-cool-900);
113
- --lp-neutral-tertiary: var(--lp-pri-gray-cool-800);
114
- --lp-inverse-neutral-primary: var(--lp-pri-achromatic-white);
115
- --lp-neutral-container-primary: var(--lp-pri-gray-cool-700);
116
- --lp-neutral-container-secondary: var(--lp-pri-gray-cool-600);
117
- --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
118
- --lp-neutral-border-primary: var(--lp-pri-gray-cool-400);
119
- --lp-neutral-border-secondary: var(--lp-pri-gray-cool-300);
120
- --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-200);
121
- --lp-neutral-placeholder: var(--lp-pri-gray-cool-100);
122
- --lp-accent-primary: var(--lp-pri-brand-original-600);
123
- --lp-accent-container-primary: var(--lp-pri-brand-original-500);
124
- --lp-positive-primary: var(--lp-pri-green-600);
125
- --lp-positive-container-primary: var(--lp-pri-green-500);
126
- --lp-caution-primary: var(--lp-pri-orange-600);
127
- --lp-caution-container-primary: var(--lp-pri-orange-500);
128
- --lp-negative-primary: var(--lp-pri-red-600);
129
- --lp-negative-container-primary: var(--lp-pri-red-500);
130
- --lp-link-primary: var(--lp-pri-brand-original-700);
131
- --lp-dim: var(--lp-pri-gray-cool-100);
132
- --lp-status-neutral-primary: var(--lp-pri-gray-cool-950);
133
- --lp-status-accent-primary: var(--lp-pri-brand-original-500);
134
- --lp-status-disabled-primary: var(--lp-pri-gray-cool-300);
135
- }
136
-
137
-
138
-
139
-
140
- :root[color-theme='light'] {
141
- --lp-neutral-primary: var(--lp-pri-gray-cool-50);
142
- --lp-neutral-secondary: var(--lp-pri-gray-cool-100);
143
- --lp-neutral-tertiary: var(--lp-pri-gray-cool-200);
144
- --lp-inverse-neutral-primary: var(--lp-pri-achromatic-black);
145
- --lp-neutral-container-primary: var(--lp-pri-gray-cool-300);
146
- --lp-neutral-container-secondary: var(--lp-pri-gray-cool-400);
147
- --lp-neutral-container-tertiary: var(--lp-pri-gray-cool-500);
148
- --lp-neutral-border-primary: var(--lp-pri-gray-cool-600);
149
- --lp-neutral-border-secondary: var(--lp-pri-gray-cool-700);
150
- --lp-neutral-border-tertiary: var(--lp-pri-gray-cool-800);
151
- --lp-neutral-placeholder: var(--lp-pri-gray-cool-900);
152
- --lp-accent-primary: var(--lp-pri-brand-original-400);
153
- --lp-accent-container-primary: var(--lp-pri-brand-original-300);
154
- --lp-positive-primary: var(--lp-pri-green-400);
155
- --lp-positive-container-primary: var(--lp-pri-green-300);
156
- --lp-caution-primary: var(--lp-pri-orange-400);
157
- --lp-caution-container-primary: var(--lp-pri-orange-300);
158
- --lp-negative-primary: var(--lp-pri-red-400);
159
- --lp-negative-container-primary: var(--lp-pri-red-300);
160
- --lp-link-primary: var(--lp-pri-brand-original-500);
161
- --lp-dim: var(--lp-pri-gray-cool-50);
162
- --lp-status-neutral-primary: var(--lp-pri-gray-cool-50);
163
- --lp-status-accent-primary: var(--lp-pri-brand-original-400);
164
- --lp-status-disabled-primary: var(--lp-pri-gray-cool-200);
165
- }
166
-
167
-
168
- :root[language="en"] {
169
-
170
- }