@lotte-innovate/ui-component-test 0.0.44 → 0.0.47

package/dist/lib/color/krdsColors.js

@@ -0,0 +1,309 @@
+export var colors = {
+    navy: {
+        '5': '#F1F1F9',
+        '10': '#D3D5ED',
+        '20': '#A7ABDA',
+        '30': '#7B82C8',
+        '40': '#4F58B5',
+        '50': '#232EA3',
+        '60': '#1C2582',
+        '70': '#151C62',
+        '80': '#0E1241',
+        '90': '#070921',
+    },
+    blue: {
+        '5': '#F0F3FF',
+        '10': '#D2DCFE',
+        '20': '#A4B8FE',
+        '30': '#7795FD',
+        '40': '#4971FD',
+        '50': '#1C4EFC',
+        '60': '#163ECA',
+        '70': '#112F97',
+        '80': '#0B1F65',
+        '90': '#061032',
+    },
+    royalBlue: {
+        '5': '#EBF5FF',
+        '10': '#C7E3FF',
+        '20': '#8FC8FF',
+        '30': '#56ACFF',
+        '40': '#1E90FF',
+        '50': '#0074E5',
+        '60': '#0056AA',
+        '70': '#00407F',
+        '80': '#002B55',
+        '90': '#00152A',
+    },
+    skyBlue: {
+        '5': '#F0FBFF',
+        '10': '#D4F3FE',
+        '20': '#A9E6FC',
+        '30': '#7DDAFB',
+        '40': '#52CDF9',
+        '50': '#27C1F8',
+        '60': '#1F9AC6',
+        '70': '#177495',
+        '80': '#104D63',
+        '90': '#082732',
+    },
+    aqua: {
+        '5': '#E7FDFD',
+        '10': '#CEFBFB',
+        '20': '#9DF6F6',
+        '30': '#6DF2F2',
+        '40': '#3BEDED',
+        '50': '#15DFDF',
+        '60': '#03C4C4',
+        '70': '#078C8C',
+        '80': '#045D5D',
+        '90': '#022F2F',
+    },
+    teal: {
+        '5': '#EDF8F8',
+        '10': '#CEEBEB',
+        '20': '#9DD7D7',
+        '30': '#6DC3C3',
+        '40': '#3CAFAF',
+        '50': '#0B9B9B',
+        '60': '#097C7C',
+        '70': '#075D5D',
+        '80': '#043E3E',
+        '90': '#021F1F',
+    },
+    green: {
+        '5': '#EEF7EE',
+        '10': '#CCE6CC',
+        '20': '#99CC99',
+        '30': '#66B366',
+        '40': '#339933',
+        '50': '#008000',
+        '60': '#006600',
+        '70': '#004D00',
+        '80': '#003300',
+        '90': '#001A00',
+    },
+    limeGreen: {
+        '5': '#F3FCF3',
+        '10': '#D6F5D6',
+        '20': '#ADEBAD',
+        '30': '#84E184',
+        '40': '#5BD75B',
+        '50': '#32CD32',
+        '60': '#1FAD1F',
+        '70': '#1E7B1E',
+        '80': '#145214',
+        '90': '#0A290A',
+    },
+    lime: {
+        '5': '#F7FFEA',
+        '10': '#EEFED6',
+        '20': '#DEFFAB',
+        '30': '#CEFE83',
+        '40': '#BCF95D',
+        '50': '#A1F524',
+        '60': '#8EDD13',
+        '70': '#699B1C',
+        '80': '#476912',
+        '90': '#253709',
+    },
+    olive: {
+        '5': '#F8F8ED',
+        '10': '#EBEBCC',
+        '20': '#D6D699',
+        '30': '#C2C266',
+        '40': '#ADAD33',
+        '50': '#999900',
+        '60': '#7A7A00',
+        '70': '#5C5C00',
+        '80': '#3D3D00',
+        '90': '#1F1F00',
+    },
+    yellow: {
+        '5': '#FFFBE5',
+        '10': '#FFF6CC',
+        '20': '#FFEE99',
+        '30': '#FFE566',
+        '40': '#FFDD33',
+        '50': '#FFD400',
+        '60': '#D6AB00',
+        '70': '#A38500',
+        '80': '#6B5700',
+        '90': '#332A00',
+    },
+    gold: {
+        '5': '#FDF7E9',
+        '10': '#FAEFD3',
+        '20': '#F5DFA7',
+        '30': '#F1CF7A',
+        '40': '#ECBF4E',
+        '50': '#E7AF22',
+        '60': '#B98C1B',
+        '70': '#8B6914',
+        '80': '#5C460E',
+        '90': '#2E2307',
+    },
+    saddleBrown: {
+        '5': '#F8F2ED',
+        '10': '#ECDCCD',
+        '20': '#D9B99C',
+        '30': '#C6976A',
+        '40': '#B37439',
+        '50': '#A05107',
+        '60': '#804106',
+        '70': '#603104',
+        '80': '#402003',
+        '90': '#201001',
+    },
+    brown: {
+        '5': '#F9F2F0',
+        '10': '#EED8D3',
+        '20': '#DCB0A7',
+        '30': '#CB897C',
+        '40': '#B96150',
+        '50': '#A83A24',
+        '60': '#862E1D',
+        '70': '#652316',
+        '80': '#43170E',
+        '90': '#220C07',
+    },
+    darkRed: {
+        '5': '#FAEFF0',
+        '10': '#F1CECF',
+        '20': '#E39D9F',
+        '30': '#D56B70',
+        '40': '#C73A40',
+        '50': '#B90910',
+        '60': '#94070D',
+        '70': '#6F050A',
+        '80': '#4A0406',
+        '90': '#250203',
+    },
+    red: {
+        '5': '#FEF1F1',
+        '10': '#FCCCCC',
+        '20': '#F89999',
+        '30': '#F56666',
+        '40': '#F23B3B',
+        '50': '#EE0000',
+        '60': '#CD0404',
+        '70': '#8F0000',
+        '80': '#5F0000',
+        '90': '#300000',
+    },
+    orange: {
+        '5': '#FFF4F0',
+        '10': '#FFDACC',
+        '20': '#FFB599',
+        '30': '#FF8F66',
+        '40': '#FF6A33',
+        '50': '#FF4500',
+        '60': '#D53209',
+        '70': '#992900',
+        '80': '#661C00',
+        '90': '#330E00',
+    },
+    coral: {
+        '5': '#FFF8F5',
+        '10': '#FFE6DC',
+        '20': '#FFCCBA',
+        '30': '#FEB397',
+        '40': '#FE9975',
+        '50': '#FE8052',
+        '60': '#D36942',
+        '70': '#A85131',
+        '80': '#7E3A21',
+        '90': '#532210',
+    },
+    salmon: {
+        '5': '#FFF1F0',
+        '10': '#FFE3E0',
+        '20': '#FFC8C1',
+        '30': '#FEACA3',
+        '40': '#FE9184',
+        '50': '#FE7565',
+        '60': '#D75F51',
+        '70': '#B0493D',
+        '80': '#893228',
+        '90': '#621C14',
+    },
+    hotPink: {
+        '5': '#FFF5FC',
+        '10': '#FFE3F5',
+        '20': '#FFC6EC',
+        '30': '#FFAAE2',
+        '40': '#FF8DD9',
+        '50': '#FF6FCE',
+        '60': '#D05AA8',
+        '70': '#A14482',
+        '80': '#732D5B',
+        '90': '#3D1530',
+    },
+    pink: {
+        '5': '#FFF0F8',
+        '10': '#FFD0E9',
+        '20': '#FFA1D4',
+        '30': '#FF72BE',
+        '40': '#FD51AD',
+        '50': '#FF1493',
+        '60': '#CC1076',
+        '70': '#990C58',
+        '80': '#66083B',
+        '90': '#33041D',
+    },
+    fuchsia: {
+        '5': '#FDF2FD',
+        '10': '#F9D1F9',
+        '20': '#F2A3F2',
+        '30': '#EC75EC',
+        '40': '#E547E5',
+        '50': '#DF19DF',
+        '60': '#B214B2',
+        '70': '#860F86',
+        '80': '#590A59',
+        '90': '#2D052D',
+    },
+    purple: {
+        '5': '#F5EEF7',
+        '10': '#E1CCE6',
+        '20': '#C499CC',
+        '30': '#A666B3',
+        '40': '#893399',
+        '50': '#6B0080',
+        '60': '#560066',
+        '70': '#40004D',
+        '80': '#2B0033',
+        '90': '#15001A',
+    },
+    blueViolet: {
+        '5': '#F4EFFA',
+        '10': '#DED1F1',
+        '20': '#BDA2E3',
+        '30': '#9B74D4',
+        '40': '#7A45C6',
+        '50': '#5917B8',
+        '60': '#471293',
+        '70': '#350E6E',
+        '80': '#24094A',
+        '90': '#120525',
+    },
+    gray: {
+        '5': '#F8F8F8',
+        '10': '#F0F0F0',
+        '20': '#E4E4E4',
+        '30': '#D8D8D8',
+        '40': '#C6C6C6',
+        '50': '#8E8E8E',
+        '60': '#717171',
+        '70': '#555555',
+        '80': '#2D2D2D',
+        '90': '#1D1D1D',
+    },
+    alpha: {
+        '10': '#E5E5E5',
+        '25': '#BFBFBF',
+        '50': '#808080',
+        '75': '#404040',
+        '100': '#000000',
+    },
+};

package/dist/lib/color/light.js

@@ -0,0 +1,393 @@
+// 기본 그레이 색상
+export var slate = {
+    1: '#fcfcfd',
+    2: '#f9f9fb',
+    3: '#f0f0f3',
+    4: '#e8e8ec',
+    5: '#e0e1e6',
+    6: '#d9d9e0',
+    7: '#cdced6',
+    8: '#b9bbc6',
+    9: '#8b8d98',
+    10: '#80838d',
+    11: '#60646c',
+    12: '#1c2024',
+};
+export var olive = {
+    1: '#fcfdfc',
+    2: '#f8faf8',
+    3: '#eff1ef',
+    4: '#e7e9e7',
+    5: '#dfe2df',
+    6: '#d7dad7',
+    7: '#cccfcc',
+    8: '#b9bcb8',
+    9: '#898e87',
+    10: '#7f847d',
+    11: '#60655f',
+    12: '#1d211c',
+};
+export var sand = {
+    1: '#fdfdfc',
+    2: '#f9f9f8',
+    3: '#f1f0ef',
+    4: '#e9e8e6',
+    5: '#e2e1de',
+    6: '#dad9d6',
+    7: '#cfceca',
+    8: '#bcbbb5',
+    9: '#8d8d86',
+    10: '#82827c',
+    11: '#63635e',
+    12: '#21201c',
+};
+export var tomato = {
+    1: '#fffcfc',
+    2: '#fff8f7',
+    3: '#feebe7',
+    4: '#ffdcd3',
+    5: '#ffcdc2',
+    6: '#fdbdaf',
+    7: '#f5a898',
+    8: '#ec8e7b',
+    9: '#e54d2e',
+    10: '#dd4425',
+    11: '#d13415',
+    12: '#5c271f',
+};
+export var red = {
+    1: '#fffcfc',
+    2: '#fff7f7',
+    3: '#feebec',
+    4: '#ffdbdc',
+    5: '#ffcdce',
+    6: '#fdbdbe',
+    7: '#f4a9aa',
+    8: '#eb8e90',
+    9: '#da291c',
+    10: '#b52217',
+    11: '#881a11',
+    12: '#641723',
+};
+export var ruby = {
+    1: '#fffcfd',
+    2: '#fff7f8',
+    3: '#feeaed',
+    4: '#ffdce1',
+    5: '#ffced6',
+    6: '#f8bfc8',
+    7: '#efacb8',
+    8: '#e592a3',
+    9: '#e54666',
+    10: '#dc3b5d',
+    11: '#ca244d',
+    12: '#64172b',
+};
+export var crimson = {
+    1: '#fffcfd',
+    2: '#fef7f9',
+    3: '#ffe9f0',
+    4: '#fedce7',
+    5: '#facedd',
+    6: '#f3bed1',
+    7: '#eaacc3',
+    8: '#e093b2',
+    9: '#e93d82',
+    10: '#df3478',
+    11: '#cb1d63',
+    12: '#621639',
+};
+export var pink = {
+    1: '#fffcfe',
+    2: '#fef7fb',
+    3: '#fee9f5',
+    4: '#fbdcef',
+    5: '#f6cee7',
+    6: '#efbfdd',
+    7: '#e7acd0',
+    8: '#dd93c2',
+    9: '#d6409f',
+    10: '#cf3897',
+    11: '#c2298a',
+    12: '#651249',
+};
+export var plum = {
+    1: '#fefcff',
+    2: '#fdf7fd',
+    3: '#fbebfb',
+    4: '#f7def8',
+    5: '#f2d1f3',
+    6: '#e9c2ec',
+    7: '#deade3',
+    8: '#cf91d8',
+    9: '#ab4aba',
+    10: '#a144af',
+    11: '#953ea3',
+    12: '#53195d',
+};
+export var purple = {
+    1: '#fefcfe',
+    2: '#fbf7fe',
+    3: '#f7edfe',
+    4: '#f2e2fc',
+    5: '#ead5f9',
+    6: '#e0c4f4',
+    7: '#d1afec',
+    8: '#be93e4',
+    9: '#8e4ec6',
+    10: '#8347b9',
+    11: '#8145b5',
+    12: '#402060',
+};
+export var violet = {
+    1: '#fdfcfe',
+    2: '#faf8ff',
+    3: '#f4f0fe',
+    4: '#ebe4ff',
+    5: '#e1d9ff',
+    6: '#d4cafe',
+    7: '#c2b5f5',
+    8: '#aa99ec',
+    9: '#6e56cf',
+    10: '#654dc4',
+    11: '#6550b9',
+    12: '#2f265f',
+};
+export var iris = {
+    1: '#fdfdff',
+    2: '#f8f8ff',
+    3: '#f0f1fe',
+    4: '#e6e7ff',
+    5: '#dadcff',
+    6: '#cbcdff',
+    7: '#b8baf8',
+    8: '#9b9ef0',
+    9: '#5b5bd6',
+    10: '#5151cd',
+    11: '#5753c6',
+    12: '#272962',
+};
+export var indigo = {
+    1: '#fdfdfe',
+    2: '#f7f9ff',
+    3: '#edf2fe',
+    4: '#e1e9ff',
+    5: '#d2deff',
+    6: '#c1d0ff',
+    7: '#abbdf9',
+    8: '#8da4ef',
+    9: '#3e63dd',
+    10: '#3358d4',
+    11: '#3a5bc7',
+    12: '#1f2d5c',
+};
+export var blue = {
+    1: '#fbfdff',
+    2: '#f4faff',
+    3: '#e6f4fe',
+    4: '#d5efff',
+    5: '#c2e5ff',
+    6: '#acd8fc',
+    7: '#8ec8f6',
+    8: '#5eb1ef',
+    9: '#0090ff',
+    10: '#0588f0',
+    11: '#0d74ce',
+    12: '#113264',
+};
+export var cyan = {
+    1: '#fafdfe',
+    2: '#f2fafb',
+    3: '#def7f9',
+    4: '#caf1f6',
+    5: '#b5e9f0',
+    6: '#9ddde7',
+    7: '#7dcedc',
+    8: '#3db9cf',
+    9: '#00a2c7',
+    10: '#0797b9',
+    11: '#107d98',
+    12: '#0d3c48',
+};
+export var teal = {
+    1: '#fafefd',
+    2: '#f3fbf9',
+    3: '#e0f8f3',
+    4: '#ccf3ea',
+    5: '#b8eae0',
+    6: '#a1ded2',
+    7: '#83cdc1',
+    8: '#53b9ab',
+    9: '#12a594',
+    10: '#0d9b8a',
+    11: '#008573',
+    12: '#0d3d38',
+};
+export var jade = {
+    1: '#fbfefd',
+    2: '#f4fbf7',
+    3: '#e6f7ed',
+    4: '#d6f1e3',
+    5: '#c3e9d7',
+    6: '#acdec8',
+    7: '#8bceb6',
+    8: '#56ba9f',
+    9: '#29a383',
+    10: '#26997b',
+    11: '#208368',
+    12: '#1d3b31',
+};
+export var green = {
+    1: '#fbfefc',
+    2: '#f4fbf6',
+    3: '#e6f6eb',
+    4: '#d6f1df',
+    5: '#c4e8d1',
+    6: '#adddc0',
+    7: '#8eceaa',
+    8: '#5bb98b',
+    9: '#30a46c',
+    10: '#2b9a66',
+    11: '#218358',
+    12: '#193b2d',
+};
+export var grass = {
+    1: '#fbfefb',
+    2: '#f5fbf5',
+    3: '#e9f6e9',
+    4: '#daf1db',
+    5: '#c9e8ca',
+    6: '#b2ddb5',
+    7: '#94ce9a',
+    8: '#65ba74',
+    9: '#46a758',
+    10: '#3e9b4f',
+    11: '#2a7e3b',
+    12: '#203c25',
+};
+export var brown = {
+    1: '#fefdfc',
+    2: '#fcf9f6',
+    3: '#f6eee7',
+    4: '#f0e4d9',
+    5: '#ebdaca',
+    6: '#e4cdb7',
+    7: '#dcbc9f',
+    8: '#cea37e',
+    9: '#ad7f58',
+    10: '#a07553',
+    11: '#815e46',
+    12: '#3e332e',
+};
+export var bronze = {
+    1: '#fdfcfc',
+    2: '#fdf7f5',
+    3: '#f6edea',
+    4: '#efe4df',
+    5: '#e7d9d3',
+    6: '#dfcdc5',
+    7: '#d3bcb3',
+    8: '#c2a499',
+    9: '#a18072',
+    10: '#957468',
+    11: '#7d5e54',
+    12: '#43302b',
+};
+export var gold = {
+    1: '#fdfdfc',
+    2: '#faf9f2',
+    3: '#f2f0e7',
+    4: '#eae6db',
+    5: '#e1dccf',
+    6: '#d8d0bf',
+    7: '#cbc0aa',
+    8: '#b9a88d',
+    9: '#978365',
+    10: '#8c7a5e',
+    11: '#71624b',
+    12: '#3b352b',
+};
+export var sky = {
+    1: '#f9feff',
+    2: '#f1fafd',
+    3: '#e1f6fd',
+    4: '#d1f0fa',
+    5: '#bee7f5',
+    6: '#a9daed',
+    7: '#8dcae3',
+    8: '#60b3d7',
+    9: '#7ce2fe',
+    10: '#74daf8',
+    11: '#00749e',
+    12: '#1d3e56',
+};
+export var mint = {
+    1: '#f9fefd',
+    2: '#f2fbf9',
+    3: '#ddf9f2',
+    4: '#c8f4e9',
+    5: '#b3ecde',
+    6: '#9ce0d0',
+    7: '#7ecfbd',
+    8: '#4cbba5',
+    9: '#86ead4',
+    10: '#7de0cb',
+    11: '#027864',
+    12: '#16433c',
+};
+export var lime = {
+    1: '#fcfdfa',
+    2: '#f8faf3',
+    3: '#eef6d6',
+    4: '#e2f0bd',
+    5: '#d3e7a6',
+    6: '#c2da91',
+    7: '#abc978',
+    8: '#8db654',
+    9: '#bdee63',
+    10: '#b0e64c',
+    11: '#5c7c2f',
+    12: '#37401c',
+};
+export var yellow = {
+    1: '#fdfdf9',
+    2: '#fefce9',
+    3: '#fffab8',
+    4: '#fff394',
+    5: '#ffe770',
+    6: '#f3d768',
+    7: '#e4c767',
+    8: '#d5ae39',
+    9: '#ffe629',
+    10: '#ffdc00',
+    11: '#9e6c00',
+    12: '#473b1f',
+};
+export var amber = {
+    1: '#fefdfb',
+    2: '#fefbe9',
+    3: '#fff7c2',
+    4: '#ffee9c',
+    5: '#fbe577',
+    6: '#f3d673',
+    7: '#e9c162',
+    8: '#e2a336',
+    9: '#ffc53d',
+    10: '#ffba18',
+    11: '#ab6400',
+    12: '#4f3422',
+};
+export var orange = {
+    1: '#fefcfb',
+    2: '#fff7ed',
+    3: '#ffefd6',
+    4: '#ffdfb5',
+    5: '#ffd19a',
+    6: '#ffc182',
+    7: '#f5ae73',
+    8: '#ec9455',
+    9: '#f76b15',
+    10: '#ef5f00',
+    11: '#cc4e00',
+    12: '#582d1d',
+};