@lotte-innovate/ui-component-test 0.1.36 → 0.1.37

package/dist/esm/lib/color/constants.js

@@ -0,0 +1,296 @@
+import { blue, crimson, teal, orange, purple, amber, slate, cyan, red, grass, brown, indigo, plum, yellow, sky, lime, } from './light';
+import { blueA, crimsonA, tealA, orangeA, purpleA, amberA, slateA, cyanA, redA, grassA, brownA, indigoA, plumA, yellowA, skyA, limeA, } from './alpha';
+export var colorOptions = [
+    // 'black',
+    'slate',
+    'olive',
+    'sand',
+    'tomato',
+    'red',
+    'ruby',
+    'crimson',
+    'pink',
+    'plum',
+    'purple',
+    'violet',
+    'iris',
+    'indigo',
+    'blue',
+    'cyan',
+    'teal',
+    'jade',
+    'green',
+    'grass',
+    'brown',
+    'bronze',
+    'gold',
+    'sky',
+    'mint',
+    'lime',
+    'yellow',
+    'amber',
+    'orange',
+    // 'white',
+];
+export var alphaColorOptions = [
+    'slateA',
+    'oliveA',
+    'sandA',
+    'tomatoA',
+    'redA',
+    'rubyA',
+    'crimsonA',
+    'pinkA',
+    'plumA',
+    'purpleA',
+    'violetA',
+    'irisA',
+    'indigoA',
+    'blueA',
+    'cyanA',
+    'tealA',
+    'jadeA',
+    'greenA',
+    'grassA',
+    'brownA',
+    'bronzeA',
+    'goldA',
+    'skyA',
+    'mintA',
+    'limeA',
+    'yellowA',
+    'amberA',
+    'orangeA',
+];
+export var darkColorOptions = [
+    'blackDark',
+    'slateDark',
+    'oliveDark',
+    'sandDark',
+    'tomatoDark',
+    'redDark',
+    'rubyDark',
+    'crimsonDark',
+    'pinkDark',
+    'plumDark',
+    'purpleDark',
+    'violetDark',
+    'irisDark',
+    'indigoDark',
+    'blueDark',
+    'cyanDark',
+    'tealDark',
+    'jadeDark',
+    'greenDark',
+    'grassDark',
+    'brownDark',
+    'bronzeDark',
+    'goldDark',
+    'skyDark',
+    'mintDark',
+    'limeDark',
+    'yellowDark',
+    'amberDark',
+    'orangeDark',
+    'slateDarkA',
+    'oliveDarkA',
+    'sandDarkA',
+    'tomatoDarkA',
+    'redDarkA',
+    'rubyDarkA',
+    'crimsonDarkA',
+    'pinkDarkA',
+    'plumDarkA',
+    'purpleDarkA',
+    'violetDarkA',
+    'irisDarkA',
+    'indigoDarkA',
+    'blueDarkA',
+    'cyanDarkA',
+    'tealDarkA',
+    'jadeDarkA',
+    'greenDarkA',
+    'grassDarkA',
+    'brownDarkA',
+    'bronzeDarkA',
+    'goldDarkA',
+    'skyDarkA',
+    'mintDarkA',
+    'limeDarkA',
+    'yellowDarkA',
+    'amberDarkA',
+    'orangeDarkA',
+    'whiteDark',
+];
+export var alphaOptions = {
+    1: '1',
+    2: '2',
+    3: '6',
+    4: '9',
+    5: '12',
+    6: '15',
+    7: '20',
+    8: '27',
+    9: '45',
+    10: '50',
+    11: '62',
+    12: '89',
+};
+export var ColorStyle = {
+    black: 'slate-12',
+    white: '#ffffff',
+    slate: 'slate-9',
+    olive: 'olive-9',
+    sand: 'sand-9',
+    tomato: 'tomato-9',
+    red: 'red-9',
+    ruby: 'ruby-9',
+    crimson: 'crimson-9',
+    pink: 'pink-9',
+    plum: 'plum-9',
+    purple: 'purple-9',
+    violet: 'violet-9',
+    iris: 'iris-9',
+    indigo: 'indigo-9',
+    blue: 'blue-9',
+    cyan: 'cyan-9',
+    teal: 'teal-9',
+    jade: 'jade-9',
+    green: 'green-9',
+    grass: 'grass-9',
+    brown: 'brown-9',
+    bronze: 'bronze-9',
+    gold: 'gold-9',
+    sky: 'sky-9',
+    mint: 'mint-9',
+    lime: 'lime-9',
+    yellow: 'yellow-9',
+    amber: 'amber-9',
+    orange: 'orange-9',
+};
+export var DarkColorStyle = {
+    blackDark: 'slateDark-12',
+    whiteDark: 'slateDark-1',
+    slateDark: 'slateDark-9',
+    oliveDark: 'oliveDark-9',
+    sandDark: 'sandDark-9',
+    tomatoDark: 'tomatoDark-9',
+    redDark: 'redDark-9',
+    rubyDark: 'rubyDark-9',
+    crimsonDark: 'crimsonDark-9',
+    pinkDark: 'pinkDark-9',
+    plumDark: 'plumDark-9',
+    purpleDark: 'purpleDark-9',
+    violetDark: 'violetDark-9',
+    irisDark: 'irisDark-9',
+    indigoDark: 'indigoDark-9',
+    blueDark: 'blueDark-9',
+    cyanDark: 'cyanDark-9',
+    tealDark: 'tealDark-9',
+    jadeDark: 'jadeDark-9',
+    greenDark: 'greenDark-9',
+    grassDark: 'grassDark-9',
+    brownDark: 'brownDark-9',
+    bronzeDark: 'bronzeDark-9',
+    goldDark: 'goldDark-9',
+    skyDark: 'skyDark-9',
+    mintDark: 'mintDark-9',
+    limeDark: 'limeDark-9',
+    yellowDark: 'yellowDark-9',
+    amberDark: 'amberDark-9',
+    orangeDark: 'orangeDark-9',
+};
+export var chartColorList = {
+    sorting: [
+        crimson[9],
+        orange[9],
+        amber[9],
+        teal[9],
+        blue[9],
+        purple[9],
+        slate[9],
+        red[9],
+        brown[9],
+        yellow[9],
+        lime[9],
+        grass[9],
+        sky[9],
+        cyan[9],
+        indigo[9],
+        plum[9],
+    ],
+    mixed: [
+        blue[9],
+        crimson[9],
+        teal[9],
+        orange[9],
+        purple[9],
+        amber[9],
+        slate[9],
+        cyan[9],
+        red[9],
+        grass[9],
+        brown[9],
+        indigo[9],
+        plum[9],
+        yellow[9],
+        sky[9],
+        lime[9],
+    ],
+};
+export var chartAlphaColorList = {
+    sorting: [
+        crimsonA[2],
+        orangeA[2],
+        amberA[2],
+        tealA[2],
+        blueA[2],
+        purpleA[2],
+        slateA[2],
+        redA[2],
+        brownA[2],
+        yellowA[2],
+        limeA[2],
+        grassA[2],
+        skyA[2],
+        cyanA[2],
+        indigoA[2],
+        plumA[2],
+    ],
+    mixed: [
+        blueA[2],
+        crimsonA[2],
+        tealA[2],
+        orangeA[2],
+        purpleA[2],
+        amberA[2],
+        slateA[2],
+        cyanA[2],
+        redA[2],
+        grassA[2],
+        brownA[2],
+        indigoA[2],
+        plumA[2],
+        yellowA[2],
+        skyA[2],
+        limeA[2],
+    ],
+};
+export var chartColorOptions = [
+    'blue',
+    'crimson',
+    'teal',
+    'orange',
+    'purple',
+    'amber',
+    'slate',
+    'cyan',
+    'red',
+    'grass',
+    'brown',
+    'indigo',
+    'plum',
+    'yellow',
+    'sky',
+    'lime',
+];

package/dist/esm/lib/color/dark.js

@@ -0,0 +1,392 @@
+export var slateDark = {
+    1: '#1E1E1E',
+    2: '#2A2A2A',
+    3: '#363636',
+    4: '#414142',
+    5: '#595959',
+    6: '#717171',
+    7: '#888888',
+    8: '#A0A0A0',
+    9: '#B8B8B8',
+    10: '#D0D0D0',
+    11: '#E7E7E7',
+    12: '#F3F3F3',
+};
+export var oliveDark = {
+    1: '#111210',
+    2: '#181917',
+    3: '#212220',
+    4: '#282a27',
+    5: '#2f312e',
+    6: '#383a36',
+    7: '#454843',
+    8: '#5c625b',
+    9: '#687066',
+    10: '#767d74',
+    11: '#afb5ad',
+    12: '#eceeec',
+};
+export var sandDark = {
+    1: '#111110',
+    2: '#191918',
+    3: '#222221',
+    4: '#2a2a28',
+    5: '#31312e',
+    6: '#3b3a37',
+    7: '#494844',
+    8: '#62605b',
+    9: '#6f6d66',
+    10: '#7c7b74',
+    11: '#b5b3ad',
+    12: '#eeeeec',
+};
+export var tomatoDark = {
+    1: '#181111',
+    2: '#1f1513',
+    3: '#391714',
+    4: '#4e1511',
+    5: '#5e1c16',
+    6: '#6e2920',
+    7: '#853a2d',
+    8: '#ac4d39',
+    9: '#e54d2e',
+    10: '#ec6142',
+    11: '#ff977d',
+    12: '#fbd3cb',
+};
+export var redDark = {
+    1: '#191111',
+    2: '#201314',
+    3: '#3b1219',
+    4: '#500f1c',
+    5: '#611623',
+    6: '#72232d',
+    7: '#8c333a',
+    8: '#b54548',
+    9: '#da291c',
+    10: '#ec5d5e',
+    11: '#ff9592',
+    12: '#ffd1d9',
+};
+export var rubyDark = {
+    1: '#191113',
+    2: '#1e1517',
+    3: '#3a141e',
+    4: '#4e1325',
+    5: '#5e1a2e',
+    6: '#6f2539',
+    7: '#883447',
+    8: '#b3445a',
+    9: '#e54666',
+    10: '#ec5a72',
+    11: '#ff949d',
+    12: '#fed2e1',
+};
+export var crimsonDark = {
+    1: '#191114',
+    2: '#201318',
+    3: '#381525',
+    4: '#4d122f',
+    5: '#5c1839',
+    6: '#6d2545',
+    7: '#873356',
+    8: '#b0436e',
+    9: '#e93d82',
+    10: '#ee518a',
+    11: '#ff92ad',
+    12: '#fdd3e8',
+};
+export var pinkDark = {
+    1: '#191117',
+    2: '#21121d',
+    3: '#37172f',
+    4: '#4b143d',
+    5: '#591c47',
+    6: '#692955',
+    7: '#833869',
+    8: '#a84885',
+    9: '#d6409f',
+    10: '#de51a8',
+    11: '#ff8dcc',
+    12: '#fdd1ea',
+};
+export var plumDark = {
+    1: '#181118',
+    2: '#201320',
+    3: '#351a35',
+    4: '#451d47',
+    5: '#512454',
+    6: '#5e3061',
+    7: '#734079',
+    8: '#92549c',
+    9: '#ab4aba',
+    10: '#b658c4',
+    11: '#e796f3',
+    12: '#f4d4f4',
+};
+export var purpleDark = {
+    1: '#18111b',
+    2: '#1e1523',
+    3: '#301c3b',
+    4: '#3d224e',
+    5: '#48295c',
+    6: '#54346b',
+    7: '#664282',
+    8: '#8457aa',
+    9: '#8e4ec6',
+    10: '#9a5cd0',
+    11: '#d19dff',
+    12: '#ecd9fa',
+};
+export var violetDark = {
+    1: '#14121f',
+    2: '#1b1525',
+    3: '#291f43',
+    4: '#33255b',
+    5: '#3c2e69',
+    6: '#473876',
+    7: '#56468b',
+    8: '#6958ad',
+    9: '#6e56cf',
+    10: '#7d66d9',
+    11: '#baa7ff',
+    12: '#e2ddfe',
+};
+export var irisDark = {
+    1: '#13131e',
+    2: '#171625',
+    3: '#202248',
+    4: '#262a65',
+    5: '#303374',
+    6: '#3d3e82',
+    7: '#4a4a95',
+    8: '#5958b1',
+    9: '#5b5bd6',
+    10: '#6e6ade',
+    11: '#b1a9ff',
+    12: '#e0dffe',
+};
+export var indigoDark = {
+    1: '#11131f',
+    2: '#141726',
+    3: '#182449',
+    4: '#1d2e62',
+    5: '#253974',
+    6: '#304384',
+    7: '#3a4f97',
+    8: '#435db1',
+    9: '#5075F5',
+    10: '#6585F6',
+    11: '#9eb1ff',
+    12: '#d6e1ff',
+};
+export var blueDark = {
+    1: '#0d1520',
+    2: '#111927',
+    3: '#0d2847',
+    4: '#003362',
+    5: '#004074',
+    6: '#104d87',
+    7: '#205d9e',
+    8: '#2870bd',
+    9: '#408CDD',
+    10: '#569AE1',
+    11: '#70b8ff',
+    12: '#c2e6ff',
+};
+export var cyanDark = {
+    1: '#0b161a',
+    2: '#101b20',
+    3: '#082c36',
+    4: '#003848',
+    5: '#004558',
+    6: '#045468',
+    7: '#12677e',
+    8: '#11809c',
+    9: '#1495B3',
+    10: '#17ACCE',
+    11: '#4ccce6',
+    12: '#b6ecf7',
+};
+export var tealDark = {
+    1: '#0d1514',
+    2: '#111c1b',
+    3: '#0d2d2a',
+    4: '#023b37',
+    5: '#084843',
+    6: '#145750',
+    7: '#1c6961',
+    8: '#207e73',
+    9: '#389494',
+    10: '#43B1B1',
+    11: '#0bd8b6',
+    12: '#adf0dd',
+};
+export var jadeDark = {
+    1: '#0d1512',
+    2: '#121c18',
+    3: '#0f2e22',
+    4: '#0b3b2c',
+    5: '#114837',
+    6: '#1b5745',
+    7: '#246854',
+    8: '#2a7e68',
+    9: '#2E9E81',
+    10: '#37BE9A',
+    11: '#1fd8a4',
+    12: '#adf0d4',
+};
+export var greenDark = {
+    1: '#0e1512',
+    2: '#121b17',
+    3: '#132d21',
+    4: '#113b29',
+    5: '#174933',
+    6: '#20573e',
+    7: '#28684a',
+    8: '#2f7c57',
+    9: '#30a46c',
+    10: '#33b074',
+    11: '#3dd68c',
+    12: '#b1f1cb',
+};
+export var grassDark = {
+    1: '#0e1511',
+    2: '#141a15',
+    3: '#1b2a1e',
+    4: '#1d3a24',
+    5: '#25482d',
+    6: '#2d5736',
+    7: '#366740',
+    8: '#3e7949',
+    9: '#339968',
+    10: '#39AC75',
+    11: '#71d083',
+    12: '#c2f0c2',
+};
+export var brownDark = {
+    1: '#12110f',
+    2: '#1c1816',
+    3: '#28211d',
+    4: '#322922',
+    5: '#3e3128',
+    6: '#4d3c2f',
+    7: '#614a39',
+    8: '#7c5f46',
+    9: '#B37439',
+    10: '#C98D55',
+    11: '#dbb594',
+    12: '#f2e1ca',
+};
+export var bronzeDark = {
+    1: '#141110',
+    2: '#1c1917',
+    3: '#262220',
+    4: '#302a27',
+    5: '#3b3330',
+    6: '#493e3a',
+    7: '#5a4c47',
+    8: '#6f5f58',
+    9: '#93786C',
+    10: '#A99389',
+    11: '#d4b3a5',
+    12: '#ede0d9',
+};
+export var goldDark = {
+    1: '#121211',
+    2: '#1b1a17',
+    3: '#24231f',
+    4: '#2d2b26',
+    5: '#38352e',
+    6: '#444039',
+    7: '#544f46',
+    8: '#696256',
+    9: '#978365',
+    10: '#AB9B82',
+    11: '#cbb99f',
+    12: '#e8e2d9',
+};
+export var skyDark = {
+    1: '#0d141f',
+    2: '#111a27',
+    3: '#112840',
+    4: '#113555',
+    5: '#154467',
+    6: '#1b537b',
+    7: '#1f6692',
+    8: '#197cae',
+    9: '#85CDE0',
+    10: '#99D5E5',
+    11: '#75c7f0',
+    12: '#c2f3ff',
+};
+export var mintDark = {
+    1: '#0e1515',
+    2: '#0f1b1b',
+    3: '#092c2b',
+    4: '#003a38',
+    5: '#004744',
+    6: '#105650',
+    7: '#1e685f',
+    8: '#277f70',
+    9: '#70C2B0',
+    10: '#82C9BA',
+    11: '#58d5ba',
+    12: '#c4f5e1',
+};
+export var limeDark = {
+    1: '#11130c',
+    2: '#151a10',
+    3: '#1f2917',
+    4: '#29371d',
+    5: '#334423',
+    6: '#3d522a',
+    7: '#496231',
+    8: '#577538',
+    9: '#bdee63',
+    10: '#A6DB57',
+    11: '#bde56c',
+    12: '#e3f7ba',
+};
+export var yellowDark = {
+    1: '#14120b',
+    2: '#1b180f',
+    3: '#2d2305',
+    4: '#362b00',
+    5: '#433500',
+    6: '#524202',
+    7: '#665417',
+    8: '#836a21',
+    9: '#E5C31A',
+    10: '#EACF48',
+    11: '#f5e147',
+    12: '#f6eeb4',
+};
+export var amberDark = {
+    1: '#16120c',
+    2: '#1d180f',
+    3: '#302008',
+    4: '#3f2700',
+    5: '#4d3000',
+    6: '#5c3d05',
+    7: '#714f19',
+    8: '#8f6424',
+    9: '#E7AF22',
+    10: '#ECC050',
+    11: '#ffca16',
+    12: '#ffe7b3',
+};
+export var orangeDark = {
+    1: '#17120e',
+    2: '#1e160f',
+    3: '#331e0b',
+    4: '#462100',
+    5: '#562800',
+    6: '#66350c',
+    7: '#7e451d',
+    8: '#a35829',
+    9: '#F07342',
+    10: '#F49671',
+    11: '#ffa057',
+    12: '#ffe0c2',
+};