@liner-fe/design-token 2.3.18 → 2.3.19

package/src/scripts/create-css/constants/color/index.ts

@@ -1,280 +0,0 @@
-import { AlphasKey, IColor, IPrimitiveWithAlpha } from './types';
-import { hexToRgba } from '../../utils/hexToRGBA';
-import { SystemKeys } from '../../../../types/color';
-
-const system: Record<SystemKeys, [keyof IPrimitiveWithAlpha, keyof IPrimitiveWithAlpha]> = {
-  // neutral / container
-  'neutral-container-lowest': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
-  'neutral-container-lowest-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-200'],
-  'neutral-container-low': ['lp-pri-gray-cool-980', 'lp-pri-gray-cool-200'],
-  'neutral-container-low-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-250'],
-  'neutral-container-mid': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-250'],
-  'neutral-container-mid-hover': ['lp-pri-gray-cool-940', 'lp-pri-gray-cool-300'],
-  'neutral-container-high': ['lp-pri-gray-cool-940', 'lp-pri-gray-cool-250'],
-  'neutral-container-high-hover': ['lp-pri-gray-cool-900', 'lp-pri-gray-cool-300'],
-  'neutral-container-highest': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-300'],
-  'neutral-container-static-lowest': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
-  'neutral-container-static-lowest-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-900'],
-  'neutral-container-variation-lowest': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-200'],
-
-  // neutral / fill
-  'neutral-fill-lowest': ['lp-pri-gray-cool-dark-alpha-0', 'lp-pri-gray-cool-dark-alpha-0'],
-  'neutral-fill-lowest-hover': ['lp-pri-gray-cool-dark-alpha-6', 'lp-pri-gray-cool-dark-alpha-12'],
-  'neutral-fill-low': ['lp-pri-gray-cool-dark-alpha-8', 'lp-pri-gray-cool-dark-alpha-20'],
-  'neutral-fill-low-hover': ['lp-pri-gray-cool-dark-alpha-4', 'lp-pri-gray-cool-dark-alpha-8'],
-  'neutral-fill-mid': ['lp-pri-gray-cool-dark-alpha-8', 'lp-pri-gray-cool-dark-alpha-16'],
-  'neutral-fill-mid-hover': ['lp-pri-gray-cool-dark-alpha-16', 'lp-pri-gray-cool-dark-alpha-32'],
-  'neutral-fill-high': ['lp-pri-gray-cool-dark-alpha-20', 'lp-pri-gray-cool-dark-alpha-32'],
-  'neutral-fill-high-hover': ['lp-pri-gray-cool-dark-alpha-28', 'lp-pri-gray-cool-dark-alpha-44'],
-  'neutral-fill-highest': ['lp-pri-gray-cool-dark-alpha-72', 'lp-pri-gray-cool-dark-alpha-72'],
-
-  // neutral / label
-  'neutral-label-primary': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
-  'neutral-label-secondary': ['lp-pri-gray-cool-dark-alpha-80', 'lp-pri-gray-cool-light-alpha-64'],
-  'neutral-label-tertiary': ['lp-pri-gray-cool-dark-alpha-48', 'lp-pri-gray-cool-light-alpha-32'],
-  'neutral-label-quaternary': ['lp-pri-gray-cool-dark-alpha-24', 'lp-pri-gray-cool-light-alpha-20'],
-  'neutral-label-static-primary': ['lp-pri-gray-cool-100', 'lp-pri-gray-cool-100'],
-  'neutral-label-static-secondary': ['lp-pri-gray-cool-dark-alpha-80', 'lp-pri-gray-cool-dark-alpha-80'],
-
-  // neutral / border
-  'neutral-border-overlay-strong': ['lp-pri-gray-cool-dark-alpha-64', 'lp-pri-gray-cool-light-alpha-64'],
-  'neutral-border-overlay-normal': ['lp-pri-gray-cool-dark-alpha-24', 'lp-pri-gray-cool-light-alpha-28'],
-  'neutral-border-overlay-subtle': ['lp-pri-gray-cool-dark-alpha-16', 'lp-pri-gray-cool-light-alpha-20'],
-  'neutral-border-opaque-strong': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
-  'neutral-border-opaque-normal': ['lp-pri-gray-cool-850', 'lp-pri-gray-cool-350'],
-  'neutral-border-opaque-subtle': ['lp-pri-gray-cool-920', 'lp-pri-gray-cool-250'],
-
-  // inverse / container
-  'inverse-container-lowest': ['lp-pri-gray-cool-100', 'lp-pri-achromatic-white'],
-  'inverse-container-lowest-hover': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-970'],
-  'inverse-container-low': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-980'],
-  'inverse-container-low-hover': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-970'],
-  'inverse-container-mid': ['lp-pri-gray-cool-200', 'lp-pri-gray-cool-970'],
-  'inverse-container-mid-hover': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-940'],
-  'inverse-container-high': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-940'],
-  'inverse-container-high-hover': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-900'],
-  'inverse-container-static-high': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-250'],
-  'inverse-container-static-high-hover': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-350'],
-  'inverse-container-highest': ['lp-pri-gray-cool-300', 'lp-pri-gray-cool-920'],
-
-  // inverse / fill
-  'inverse-fill-mid': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-light-alpha-24'],
-  'inverse-fill-mid-hover': ['lp-pri-gray-cool-970', 'lp-pri-gray-cool-light-alpha-0'],
-
-  // inverse / label
-  'inverse-label-primary': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
-  'inverse-label-secondary': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-dark-alpha-80'],
-  'inverse-label-tertiary': ['lp-pri-gray-cool-light-alpha-32', 'lp-pri-gray-cool-dark-alpha-48'],
-  'inverse-label-quaternary': ['lp-pri-gray-cool-light-alpha-20', 'lp-pri-gray-cool-dark-alpha-24'],
-  'inverse-label-static-primary': ['lp-pri-achromatic-white', 'lp-pri-achromatic-white'],
-  'inverse-label-static-secondary': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-light-alpha-64'],
-
-  // inverse / border
-  'inverse-border-overlay-strong': ['lp-pri-gray-cool-light-alpha-64', 'lp-pri-gray-cool-dark-alpha-64'],
-  'inverse-border-overlay-normal': ['lp-pri-gray-cool-light-alpha-28', 'lp-pri-gray-cool-dark-alpha-24'],
-  'inverse-border-overlay-subtle': ['lp-pri-gray-cool-light-alpha-20', 'lp-pri-gray-cool-dark-alpha-16'],
-  'inverse-border-opaque-strong': ['lp-pri-achromatic-white', 'lp-pri-gray-cool-100'],
-  'inverse-border-opaque-normal': ['lp-pri-gray-cool-350', 'lp-pri-gray-cool-850'],
-  'inverse-border-opaque-subtle': ['lp-pri-gray-cool-250', 'lp-pri-gray-cool-920'],
-
-  // brand / container
-  'brand-container-mid': ['lp-pri-brand-original-500', 'lp-pri-brand-original-500'],
-  'brand-container-mid-hover': ['lp-pri-brand-original-400', 'lp-pri-brand-original-600'],
-  'brand-container-high': ['lp-pri-brand-original-400', 'lp-pri-brand-original-400'],
-
-  // brand / label
-  'brand-label-primary': ['lp-pri-brand-original-500', 'lp-pri-brand-variation-500'],
-  'brand-label-secondary': ['lp-pri-brand-original-alpha-80', 'lp-pri-brand-original-alpha-80'],
-
-  // brand / border
-  'brand-border-opaque-normal': ['lp-pri-brand-original-500', 'lp-pri-brand-original-500'],
-  'brand-border-overlay-normal': ['lp-pri-brand-original-alpha-20', 'lp-pri-brand-original-alpha-20'],
-
-  // brand / inverse label
-  'brandinverse-label-primary': ['lp-pri-brand-variation-500', 'lp-pri-brand-original-500'],
-
-  // accent
-  'accent-yellow': ['lp-pri-rainbow-yellow-500', 'lp-pri-rainbow-yellow-600'],
-  'accent-mint': ['lp-pri-rainbow-mint-500', 'lp-pri-rainbow-mint-600'],
-  'accent-cyan': ['lp-pri-rainbow-cyan-500', 'lp-pri-rainbow-cyan-600'],
-  'accent-purple': ['lp-pri-rainbow-purple-500', 'lp-pri-rainbow-purple-600'],
-  'accent-pink': ['lp-pri-rainbow-pink-500', 'lp-pri-rainbow-pink-600'],
-
-  // function / container
-  'function-container-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
-  'function-container-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
-  'function-container-negative-hover': ['lp-pri-rainbow-red-400', 'lp-pri-rainbow-red-600'],
-  'function-container-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
-  'function-container-highlight': ['lp-pri-rainbow-yellow-900', 'lp-pri-rainbow-yellow-100'],
-  'function-container-selection': ['lp-pri-brand-variation-950', 'lp-pri-brand-variation-100'],
-  'function-container-drag': ['lp-pri-brand-original-800', 'lp-pri-brand-variation-100'],
-
-  // function / label
-  'function-label-positive': ['lp-pri-rainbow-green-500', 'lp-pri-rainbow-green-600'],
-  'function-label-negative': ['lp-pri-rainbow-red-500', 'lp-pri-rainbow-red-500'],
-  'function-label-caution': ['lp-pri-rainbow-orange-500', 'lp-pri-rainbow-orange-500'],
-
-  // cover
-  'cover-dim-page': ['lp-pri-achromatic-black-alpha-56', 'lp-pri-achromatic-black-alpha-56'],
-};
-
-export const color: IColor = {
-  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-940': '#EDEEF0',
-    'lp-pri-gray-cool-920': '#E9E9EB',
-    'lp-pri-gray-cool-900': '#E3E3E6',
-    'lp-pri-gray-cool-850': '#D7D7D9',
-    'lp-pri-gray-cool-750': '#BEBFC2',
-    'lp-pri-gray-cool-600': '#939499',
-    'lp-pri-gray-cool-450': '#6D6D70',
-    'lp-pri-gray-cool-350': '#58595C',
-    'lp-pri-gray-cool-300': '#4A4A4D',
-    'lp-pri-gray-cool-250': '#3B3B3D',
-    'lp-pri-gray-cool-200': '#313133',
-    'lp-pri-gray-cool-100': '#1E1E1F',
-    'lp-pri-brand-original-950': '#FAFBFF',
-    'lp-pri-brand-original-900': '#F4F5FF',
-    'lp-pri-brand-original-800': '#D9DEFF',
-    'lp-pri-brand-original-700': '#B7C1FF',
-    'lp-pri-brand-original-600': '#6B7FFF',
-    'lp-pri-brand-original-500': '#4058FF',
-    'lp-pri-brand-original-400': '#273FD9',
-    'lp-pri-brand-original-200': '#152AB3',
-    'lp-pri-brand-original-100': '#071780',
-    'lp-pri-brand-original-50': '#041166',
-    'lp-pri-brand-variation-950': '#FAFBFF',
-    'lp-pri-brand-variation-900': '#F4F7FF',
-    'lp-pri-brand-variation-800': '#D9E4FF',
-    'lp-pri-brand-variation-700': '#B7CDFF',
-    'lp-pri-brand-variation-600': '#759EFF',
-    'lp-pri-brand-variation-500': '#5487FF',
-    'lp-pri-brand-variation-400': '#4E70BF',
-    'lp-pri-brand-variation-200': '#4A6299',
-    'lp-pri-brand-variation-100': '#384666',
-    'lp-pri-brand-variation-50': '#2C364D',
-    'lp-pri-rainbow-red-950': '#FFF5F5',
-    'lp-pri-rainbow-red-900': '#FFE7E7',
-    'lp-pri-rainbow-red-800': '#FFC3C3',
-    'lp-pri-rainbow-red-700': '#FF9090',
-    'lp-pri-rainbow-red-600': '#FF6060',
-    'lp-pri-rainbow-red-500': '#FF3333',
-    'lp-pri-rainbow-red-400': '#DB2323',
-    'lp-pri-rainbow-red-300': '#B81616',
-    'lp-pri-rainbow-red-200': '#710808',
-    'lp-pri-rainbow-red-100': '#410404',
-    'lp-pri-rainbow-orange-950': '#FFFBF4',
-    'lp-pri-rainbow-orange-900': '#FFF4E3',
-    'lp-pri-rainbow-orange-800': '#FFE1B4',
-    'lp-pri-rainbow-orange-700': '#FFC875',
-    'lp-pri-rainbow-orange-600': '#FFB039',
-    'lp-pri-rainbow-orange-500': '#FF9900',
-    'lp-pri-rainbow-orange-400': '#DB8503',
-    'lp-pri-rainbow-orange-300': '#B87005',
-    'lp-pri-rainbow-orange-200': '#714605',
-    'lp-pri-rainbow-orange-100': '#412803',
-    'lp-pri-rainbow-yellow-950': '#FFFDF4',
-    'lp-pri-rainbow-yellow-900': '#FFF9E3',
-    'lp-pri-rainbow-yellow-800': '#FFF0B4',
-    'lp-pri-rainbow-yellow-700': '#FFE375',
-    'lp-pri-rainbow-yellow-600': '#FFD739',
-    'lp-pri-rainbow-yellow-500': '#FFCC00',
-    'lp-pri-rainbow-yellow-400': '#DBB003',
-    'lp-pri-rainbow-yellow-300': '#B89405',
-    'lp-pri-rainbow-yellow-200': '#715B05',
-    'lp-pri-rainbow-yellow-100': '#413503',
-    'lp-pri-rainbow-green-950': '#F5FEF7',
-    'lp-pri-rainbow-green-900': '#E6FCEA',
-    'lp-pri-rainbow-green-800': '#BFF5C8',
-    'lp-pri-rainbow-green-700': '#8CEC9C',
-    'lp-pri-rainbow-green-600': '#5DDF73',
-    'lp-pri-rainbow-green-500': '#30BF48',
-    'lp-pri-rainbow-green-400': '#20A536',
-    'lp-pri-rainbow-green-300': '#148B28',
-    'lp-pri-rainbow-green-200': '#075714',
-    'lp-pri-rainbow-green-100': '#03350B',
-    'lp-pri-rainbow-mint-950': '#F3FEFE',
-    'lp-pri-rainbow-mint-900': '#AFF7F7',
-    'lp-pri-rainbow-mint-800': '#6EF0F0',
-    'lp-pri-rainbow-mint-700': '#33E6E6',
-    'lp-pri-rainbow-mint-600': '#00CCCC',
-    'lp-pri-rainbow-mint-500': '#02B0B0',
-    'lp-pri-rainbow-mint-400': '#02B0B0',
-    'lp-pri-rainbow-mint-300': '#049494',
-    'lp-pri-rainbow-mint-200': '#045C5C',
-    'lp-pri-rainbow-mint-100': '#033737',
-    'lp-pri-rainbow-cyan-950': '#F6FBFF',
-    'lp-pri-rainbow-cyan-900': '#E8F6FF',
-    'lp-pri-rainbow-cyan-800': '#C6E8FF',
-    'lp-pri-rainbow-cyan-700': '#97D5FF',
-    'lp-pri-rainbow-cyan-600': '#6AC4FF',
-    'lp-pri-rainbow-cyan-500': '#40B3FF',
-    'lp-pri-rainbow-cyan-400': '#2B95DB',
-    'lp-pri-rainbow-cyan-300': '#1A79B8',
-    'lp-pri-rainbow-cyan-200': '#094771',
-    'lp-pri-rainbow-cyan-100': '#042941',
-    'lp-pri-rainbow-purple-950': '#FCF6FF',
-    'lp-pri-rainbow-purple-900': '#F7EAFE',
-    'lp-pri-rainbow-purple-800': '#EBCAFB',
-    'lp-pri-rainbow-purple-700': '#DAA0F7',
-    'lp-pri-rainbow-purple-600': '#C978F2',
-    'lp-pri-rainbow-purple-500': '#B450E6',
-    'lp-pri-rainbow-purple-400': '#9535C6',
-    'lp-pri-rainbow-purple-300': '#7920A6',
-    'lp-pri-rainbow-purple-200': '#480A67',
-    'lp-pri-rainbow-purple-100': '#29043C',
-    'lp-pri-rainbow-pink-950': '#FFF5F8',
-    'lp-pri-rainbow-pink-900': '#FFE7EF',
-    'lp-pri-rainbow-pink-800': '#FFC3D7',
-    'lp-pri-rainbow-pink-700': '#FF90B5',
-    'lp-pri-rainbow-pink-600': '#FF6095',
-    'lp-pri-rainbow-pink-500': '#FF3377',
-    'lp-pri-rainbow-pink-400': '#DB2360',
-    'lp-pri-rainbow-pink-300': '#B8164C',
-    'lp-pri-rainbow-pink-200': '#71082B',
-    'lp-pri-rainbow-pink-100': '#120107',
-  },
-  system: {
-    dark: {},
-    light: {},
-  },
-} as const;
-
-export const alphas = [80, 72, 64, 56, 50, 48, 44, 40, 36, 32, 28, 24, 20, 16, 12, 8, 6, 4, 1, 0] as const;
-
-export type alphaPrimitiveKeys =
-  | 'lp-pri-achromatic-white'
-  | 'lp-pri-gray-cool-dark'
-  | 'lp-pri-gray-cool-light'
-  | 'lp-pri-brand-original'
-  | 'lp-pri-achromatic-black';
-
-export const alphaPrimitive: { name: alphaPrimitiveKeys; value: string }[] = [
-  { name: 'lp-pri-achromatic-white', value: '#FFFFFF' },
-  { name: 'lp-pri-gray-cool-dark', value: '#6D6D70' },
-  { name: 'lp-pri-gray-cool-light', value: '#E9E9EB' },
-  { name: 'lp-pri-brand-original', value: '#041166' },
-  { name: 'lp-pri-achromatic-black', value: '#000000' },
-] as const;
-
-const generateAlpha = () => {
-  alphaPrimitive.forEach(({ name, value }) => {
-    alphas.forEach(alpha => {
-      const alphaKey = `${name}-alpha-${alpha}` as AlphasKey;
-
-      color.primitive[alphaKey] = hexToRgba(value.slice(1), alpha / 100);
-    });
-  });
-};
-
-generateAlpha();
-
-Object.entries(system).map(([key, value]) => {
-  const systemKey = key as SystemKeys;
-
-  color.system.light[systemKey] = value[0];
-  color.system.dark[systemKey] = value[1];
-});

package/src/scripts/create-css/constants/color/types.ts

@@ -1,135 +0,0 @@
-import { alphas, alphaPrimitiveKeys } from '.';
-import { SystemKeys } from '../../../../types/color';
-
-export interface IPrimitive {
-  '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-940': '#EDEEF0';
-  'lp-pri-gray-cool-920': '#E9E9EB';
-  'lp-pri-gray-cool-900': '#E3E3E6';
-  'lp-pri-gray-cool-850': '#D7D7D9';
-  'lp-pri-gray-cool-750': '#BEBFC2';
-  'lp-pri-gray-cool-600': '#939499';
-  'lp-pri-gray-cool-450': '#6D6D70';
-  'lp-pri-gray-cool-350': '#58595C';
-  'lp-pri-gray-cool-300': '#4A4A4D';
-  'lp-pri-gray-cool-250': '#3B3B3D';
-  'lp-pri-gray-cool-200': '#313133';
-  'lp-pri-gray-cool-100': '#1E1E1F';
-  'lp-pri-brand-original-950': '#FAFBFF';
-  'lp-pri-brand-original-900': '#F4F5FF';
-  'lp-pri-brand-original-800': '#D9DEFF';
-  'lp-pri-brand-original-700': '#B7C1FF';
-  'lp-pri-brand-original-600': '#6B7FFF';
-  'lp-pri-brand-original-500': '#4058FF';
-  'lp-pri-brand-original-400': '#273FD9';
-  'lp-pri-brand-original-200': '#152AB3';
-  'lp-pri-brand-original-100': '#071780';
-  'lp-pri-brand-original-50': '#041166';
-  'lp-pri-brand-variation-950': '#FAFBFF';
-  'lp-pri-brand-variation-900': '#F4F7FF';
-  'lp-pri-brand-variation-800': '#D9E4FF';
-  'lp-pri-brand-variation-700': '#B7CDFF';
-  'lp-pri-brand-variation-600': '#759EFF';
-  'lp-pri-brand-variation-500': '#5487FF';
-  'lp-pri-brand-variation-400': '#4E70BF';
-  'lp-pri-brand-variation-200': '#4A6299';
-  'lp-pri-brand-variation-100': '#384666';
-  'lp-pri-brand-variation-50': '#2C364D';
-  'lp-pri-rainbow-red-950': '#FFF5F5';
-  'lp-pri-rainbow-red-900': '#FFE7E7';
-  'lp-pri-rainbow-red-800': '#FFC3C3';
-  'lp-pri-rainbow-red-700': '#FF9090';
-  'lp-pri-rainbow-red-600': '#FF6060';
-  'lp-pri-rainbow-red-500': '#FF3333';
-  'lp-pri-rainbow-red-400': '#DB2323';
-  'lp-pri-rainbow-red-300': '#B81616';
-  'lp-pri-rainbow-red-200': '#710808';
-  'lp-pri-rainbow-red-100': '#410404';
-  'lp-pri-rainbow-orange-950': '#FFFBF4';
-  'lp-pri-rainbow-orange-900': '#FFF4E3';
-  'lp-pri-rainbow-orange-800': '#FFE1B4';
-  'lp-pri-rainbow-orange-700': '#FFC875';
-  'lp-pri-rainbow-orange-600': '#FFB039';
-  'lp-pri-rainbow-orange-500': '#FF9900';
-  'lp-pri-rainbow-orange-400': '#DB8503';
-  'lp-pri-rainbow-orange-300': '#B87005';
-  'lp-pri-rainbow-orange-200': '#714605';
-  'lp-pri-rainbow-orange-100': '#412803';
-  'lp-pri-rainbow-yellow-950': '#FFFDF4';
-  'lp-pri-rainbow-yellow-900': '#FFF9E3';
-  'lp-pri-rainbow-yellow-800': '#FFF0B4';
-  'lp-pri-rainbow-yellow-700': '#FFE375';
-  'lp-pri-rainbow-yellow-600': '#FFD739';
-  'lp-pri-rainbow-yellow-500': '#FFCC00';
-  'lp-pri-rainbow-yellow-400': '#DBB003';
-  'lp-pri-rainbow-yellow-300': '#B89405';
-  'lp-pri-rainbow-yellow-200': '#715B05';
-  'lp-pri-rainbow-yellow-100': '#413503';
-  'lp-pri-rainbow-green-950': '#F5FEF7';
-  'lp-pri-rainbow-green-900': '#E6FCEA';
-  'lp-pri-rainbow-green-800': '#BFF5C8';
-  'lp-pri-rainbow-green-700': '#8CEC9C';
-  'lp-pri-rainbow-green-600': '#5DDF73';
-  'lp-pri-rainbow-green-500': '#30BF48';
-  'lp-pri-rainbow-green-400': '#20A536';
-  'lp-pri-rainbow-green-300': '#148B28';
-  'lp-pri-rainbow-green-200': '#075714';
-  'lp-pri-rainbow-green-100': '#03350B';
-  'lp-pri-rainbow-mint-950': '#F3FEFE';
-  'lp-pri-rainbow-mint-900': '#AFF7F7';
-  'lp-pri-rainbow-mint-800': '#6EF0F0';
-  'lp-pri-rainbow-mint-700': '#33E6E6';
-  'lp-pri-rainbow-mint-600': '#00CCCC';
-  'lp-pri-rainbow-mint-500': '#02B0B0';
-  'lp-pri-rainbow-mint-400': '#02B0B0';
-  'lp-pri-rainbow-mint-300': '#049494';
-  'lp-pri-rainbow-mint-200': '#045C5C';
-  'lp-pri-rainbow-mint-100': '#033737';
-  'lp-pri-rainbow-cyan-950': '#F6FBFF';
-  'lp-pri-rainbow-cyan-900': '#E8F6FF';
-  'lp-pri-rainbow-cyan-800': '#C6E8FF';
-  'lp-pri-rainbow-cyan-700': '#97D5FF';
-  'lp-pri-rainbow-cyan-600': '#6AC4FF';
-  'lp-pri-rainbow-cyan-500': '#40B3FF';
-  'lp-pri-rainbow-cyan-400': '#2B95DB';
-  'lp-pri-rainbow-cyan-300': '#1A79B8';
-  'lp-pri-rainbow-cyan-200': '#094771';
-  'lp-pri-rainbow-cyan-100': '#042941';
-  'lp-pri-rainbow-purple-950': '#FCF6FF';
-  'lp-pri-rainbow-purple-900': '#F7EAFE';
-  'lp-pri-rainbow-purple-800': '#EBCAFB';
-  'lp-pri-rainbow-purple-700': '#DAA0F7';
-  'lp-pri-rainbow-purple-600': '#C978F2';
-  'lp-pri-rainbow-purple-500': '#B450E6';
-  'lp-pri-rainbow-purple-400': '#9535C6';
-  'lp-pri-rainbow-purple-300': '#7920A6';
-  'lp-pri-rainbow-purple-200': '#480A67';
-  'lp-pri-rainbow-purple-100': '#29043C';
-  'lp-pri-rainbow-pink-950': '#FFF5F8';
-  'lp-pri-rainbow-pink-900': '#FFE7EF';
-  'lp-pri-rainbow-pink-800': '#FFC3D7';
-  'lp-pri-rainbow-pink-700': '#FF90B5';
-  'lp-pri-rainbow-pink-600': '#FF6095';
-  'lp-pri-rainbow-pink-500': '#FF3377';
-  'lp-pri-rainbow-pink-400': '#DB2360';
-  'lp-pri-rainbow-pink-300': '#B8164C';
-  'lp-pri-rainbow-pink-200': '#71082B';
-  'lp-pri-rainbow-pink-100': '#120107';
-}
-
-export interface IPrimitiveWithAlpha extends Partial<Record<AlphasKey, string>>, IPrimitive {}
-
-type ISystem = Record<SystemKeys, keyof IPrimitiveWithAlpha>;
-
-export interface IColor {
-  primitive: IPrimitiveWithAlpha;
-  system: {
-    dark: Partial<ISystem>;
-    light: Partial<ISystem>;
-  };
-}
-
-export type AlphasKey = `${alphaPrimitiveKeys}-alpha-${(typeof alphas)[number]}`;

package/src/scripts/create-css/constants/font/font.css

@@ -1,46 +0,0 @@
-/* Pretendard Variable */
-@font-face {
-  font-family: 'Pretendard Variable';
-  font-weight: 45 920;
-  font-style: normal;
-  font-display: block;
-  src: url('../assets/PretendardVariable.woff2') format('woff2-variations');
-}
-
-/* Pretendard JP */
-@font-face {
-  font-family: 'Pretendard JP Variable';
-  font-weight: 45 920;
-  font-style: normal;
-  font-display: block;
-  src: url('../assets/PretendardJPVariable.woff2') format('woff2-variations');
-}
-
-/* Merryweather */
-@font-face {
-  font-family: 'Merriweather';
-  font-weight: 900;
-  font-display: block;
-  src: local('Merriweather Black'), url('../assets/Merriweather-Black.ttf') format('woff2');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-weight: 700;
-  font-display: block;
-  src: local('Merriweather Bold'), url('../assets/Merriweather-Bold.ttf') format('woff2');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-weight: 400;
-  font-display: block;
-  src: local('Merriweather Regular'), url('../assets/Merriweather-Regular.ttf') format('woff2');
-}
-
-@font-face {
-  font-family: 'Merriweather';
-  font-weight: 300;
-  font-display: block;
-  src: local('Merriweather Light'), url('../assets/Merriweather-Light.ttf') format('woff2');
-}

package/src/scripts/create-css/constants/gap/index.ts

@@ -1,19 +0,0 @@
-import { ISize } from '../size/type';
-
-export const gap = {
-  'lp-sys-gap-positive-50': ISize['lp-pri-size-2'],
-  'lp-sys-gap-positive-100': ISize['lp-pri-size-4'],
-  'lp-sys-gap-positive-150': ISize['lp-pri-size-6'],
-  'lp-sys-gap-positive-200': ISize['lp-pri-size-8'],
-  'lp-sys-gap-positive-300': ISize['lp-pri-size-12'],
-  'lp-sys-gap-positive-400': ISize['lp-pri-size-16'],
-  'lp-sys-gap-positive-500': ISize['lp-pri-size-20'],
-  'lp-sys-gap-positive-600': ISize['lp-pri-size-24'],
-  'lp-sys-gap-positive-700': ISize['lp-pri-size-32'],
-  'lp-sys-gap-positive-800': ISize['lp-pri-size-40'],
-  'lp-sys-gap-positive-900': ISize['lp-pri-size-48'],
-
-  'lp-sys-gap-negative-700': ISize['lp-pri-size-minus2'],
-  'lp-sys-gap-negative-800': ISize['lp-pri-size-minus4'],
-  'lp-sys-gap-negative-900': ISize['lp-pri-size-minus6'],
-} as const;

package/src/scripts/create-css/constants/icon/index.ts

@@ -1,9 +0,0 @@
-import { ISize } from '../size/type';
-
-export const iconSize = {
-  'lp-sys-icon-size-xs': ISize['lp-pri-size-16'],
-  'lp-sys-icon-size-s': ISize['lp-pri-size-20'],
-  'lp-sys-icon-size-m': ISize['lp-pri-size-24'],
-  'lp-sys-icon-size-l': ISize['lp-pri-size-32'],
-  'lp-sys-icon-size-xl': ISize['lp-pri-size-40'],
-} as const;

package/src/scripts/create-css/constants/index.ts

@@ -1,10 +0,0 @@
-export * from './color';
-export * from './gap';
-export * from './icon';
-export * from './opacity';
-export * from './padding';
-export * from './radius';
-export * from './shadow';
-export * from './size';
-export * from './typography';
-export * from './breakpoint';

package/src/scripts/create-css/constants/opacity/index.ts

@@ -1,21 +0,0 @@
-export const opacity = {
-  'lp-pri-opacity-80': '80%',
-  'lp-pri-opacity-72': '72%',
-  'lp-pri-opacity-64': '64%',
-  'lp-pri-opacity-56': '56%',
-  'lp-pri-opacity-50': '50%',
-  'lp-pri-opacity-48': '48%',
-  'lp-pri-opacity-44': '44%',
-  'lp-pri-opacity-40': '40%',
-  'lp-pri-opacity-36': '36%',
-  'lp-pri-opacity-32': '32%',
-  'lp-pri-opacity-28': '28%',
-  'lp-pri-opacity-24': '24%',
-  'lp-pri-opacity-20': '20%',
-  'lp-pri-opacity-16': '16%',
-  'lp-pri-opacity-12': '12%',
-  'lp-pri-opacity-8': '8%',
-  'lp-pri-opacity-4': '4%',
-  'lp-pri-opacity-1': '1%',
-  'lp-pri-opacity-0': '0%',
-} as const;

package/src/scripts/create-css/constants/padding/index.ts

@@ -1,26 +0,0 @@
-import { ISize } from '../size/type';
-
-export const padding = {
-  'lp-sys-padding-component-50': ISize['lp-pri-size-2'],
-  'lp-sys-padding-component-100': ISize['lp-pri-size-4'],
-  'lp-sys-padding-component-150': ISize['lp-pri-size-6'],
-  'lp-sys-padding-component-200': ISize['lp-pri-size-8'],
-  'lp-sys-padding-component-300': ISize['lp-pri-size-12'],
-  'lp-sys-padding-component-400': ISize['lp-pri-size-16'],
-  'lp-sys-padding-component-500': ISize['lp-pri-size-20'],
-  'lp-sys-padding-component-600': ISize['lp-pri-size-24'],
-  'lp-sys-padding-component-700': ISize['lp-pri-size-32'],
-  'lp-sys-padding-component-800': ISize['lp-pri-size-40'],
-  'lp-sys-padding-component-900': ISize['lp-pri-size-48'],
-
-  'lp-sys-padding-section-50': ISize['lp-pri-size-20'],
-  'lp-sys-padding-section-100': ISize['lp-pri-size-24'],
-  'lp-sys-padding-section-200': ISize['lp-pri-size-32'],
-  'lp-sys-padding-section-300': ISize['lp-pri-size-40'],
-  'lp-sys-padding-section-400': ISize['lp-pri-size-48'],
-  'lp-sys-padding-section-500': ISize['lp-pri-size-56'],
-  'lp-sys-padding-section-600': ISize['lp-pri-size-64'],
-  'lp-sys-padding-section-700': ISize['lp-pri-size-80'],
-  'lp-sys-padding-section-800': ISize['lp-pri-size-100'],
-  'lp-sys-padding-section-900': ISize['lp-pri-size-120'],
-} as const;

package/src/scripts/create-css/constants/primitiveRoot.ts

@@ -1,100 +0,0 @@
-import { convertObjectToCSSVariables } from '../utils/convertObjectToCSSVariables';
-import { color } from './color';
-import { convertFontFamily } from '../utils/convertFontFamily';
-import { typography } from './typography';
-import { radius } from './radius';
-import { size } from './size';
-import { opacity } from './opacity';
-import { padding } from './padding';
-import { gap } from './gap';
-import { font } from './typography/primitive';
-import { iconSize } from './icon';
-
-const primitiveColor: Record<string, any> = {};
-Object.entries(color.primitive).map(([key, value]) => {
-  primitiveColor[`--${key}`] = value;
-});
-
-const radiusMap: Record<string, number> = {};
-Object.entries(radius).map(([key, value]) => {
-  radiusMap[`--${key}`] = value;
-});
-
-const sizeMap: Record<string, string> = {};
-Object.entries(size).map(([key, value]) => {
-  sizeMap[`--${key}`] = value;
-});
-
-const opacityMap: Record<string, string> = {};
-Object.entries(opacity).map(([key, value]) => {
-  opacityMap[`--${key}`] = value;
-});
-
-const paddingMap: Record<string, string> = {};
-Object.entries(padding).map(([key, value]) => {
-  paddingMap[`--${key}`] = value;
-});
-
-const gapMap: Record<string, string> = {};
-Object.entries(gap).map(([key, value]) => {
-  gapMap[`--${key}`] = value;
-});
-
-const iconSizeMap: Record<string, string> = {};
-Object.entries(iconSize).map(([key, value]) => {
-  iconSizeMap[`--${key}`] = value;
-});
-
-let fontSize: Record<string, any> = {};
-
-Object.entries(font.size).map(([key, value]) => {
-  fontSize[`--${key}`] = `${value}px`;
-});
-
-let lineHeight: Record<string, any> = {};
-
-Object.entries(font.lineHeight).map(([key, value]) => {
-  lineHeight[`--${key}`] = value;
-});
-
-let weight: Record<string, any> = {};
-
-Object.entries(font.weight).map(([key, value]) => {
-  lineHeight[`--${key}`] = value;
-});
-
-let defaultLang = '';
-
-Object.entries(typography).map(([key, value]) => {
-  defaultLang += `.${key} {  font-family: ${convertFontFamily(value.family)};
-  font-size: var(--${value.size});
-  font-weight: var(--${value.weight});
-  line-height: var(--${value.lineHeight});}`;
-});
-
-export const primitiveRoot = `
-:root{
-        ${convertObjectToCSSVariables(primitiveColor)}
-
-        ${convertObjectToCSSVariables(radiusMap)}
-
-        ${convertObjectToCSSVariables(sizeMap)}
-
-        ${convertObjectToCSSVariables(opacityMap)}
-
-        ${convertObjectToCSSVariables(paddingMap)}
-
-        ${convertObjectToCSSVariables(gapMap)}
-
-    ${convertObjectToCSSVariables(fontSize)}
-
-    ${convertObjectToCSSVariables(lineHeight)}
-
-    ${convertObjectToCSSVariables(weight)}
-    
-    ${convertObjectToCSSVariables(iconSizeMap)}
-
-    ${defaultLang}
-}
-
-`;