{"version":3,"file":"createColor.cjs","sources":["../../src/themes/createColor.ts"],"sourcesContent":["import { darken, rgba, transparentize } from 'polished'\n\nimport { merge } from '../libs/lodash'\n\nexport type TextColors = 'TEXT_BLACK' | 'TEXT_WHITE' | 'TEXT_GREY' | 'TEXT_DISABLED' | 'TEXT_LINK'\nexport type GreyScaleColors =\n | keyof typeof greyScale\n | 'BACKGROUND'\n | 'COLUMN'\n | 'BASE_GREY'\n | 'OVER_BACKGROUND'\n | 'HEAD'\n | 'BORDER'\n | 'ACTION_BACKGROUND'\n\nconst BLACK = '#030302' // hwb(56, 17, 1)\nconst greyScale = {\n GREY_5: '#f8f7f6', // hwb(31, 1, 97)\n GREY_6: '#f5f4f3', // hwb(31, 1, 96)\n GREY_7: '#f2f1f0', // hwb(31, 1, 95)\n GREY_9: '#edebe8', // hwb(31, 2, 92)\n GREY_20: '#d6d3d0', // hwb(33, 3, 84)\n GREY_30: '#c1bdb7', // hwb(36, 5, 76)\n GREY_65: '#706d65', // hwb(44, 10, 44)\n GREY_100: '#23221e', // hwb(52, 15, 14)\n}\nconst transparencyScale = {\n TRANSPARENCY_15: rgba(BLACK, 0.15),\n TRANSPARENCY_30: rgba(BLACK, 0.3),\n TRANSPARENCY_50: rgba(BLACK, 0.5),\n}\nconst primitiveTokens = {\n WHITE: '#fff',\n BLUE_100: '#0077c7',\n BLUE_101: '#0071c1',\n GREEN_100: '#0f7f85',\n ORANGE_100: '#f56121',\n RED_100: '#e01e5a',\n YELLOW_100: '#ffcc17',\n SMARTHR_BLUE: '#00c4cc',\n}\n\nconst semanticTokens = {\n TEXT_BLACK: greyScale.GREY_100,\n TEXT_WHITE: primitiveTokens.WHITE,\n TEXT_GREY: greyScale.GREY_65,\n TEXT_DISABLED: greyScale.GREY_30,\n TEXT_LINK: primitiveTokens.BLUE_101,\n WHITE: primitiveTokens.WHITE,\n BACKGROUND: greyScale.GREY_5,\n COLUMN: greyScale.GREY_5,\n BASE_GREY: greyScale.GREY_6,\n OVER_BACKGROUND: greyScale.GREY_7,\n HEAD: greyScale.GREY_9,\n BORDER: greyScale.GREY_20,\n ACTION_BACKGROUND: greyScale.GREY_20,\n MAIN: primitiveTokens.BLUE_100,\n OUTLINE: primitiveTokens.BLUE_100,\n DANGER: primitiveTokens.RED_100,\n WARNING_YELLOW: primitiveTokens.YELLOW_100,\n OVERLAY: transparencyScale.TRANSPARENCY_15,\n SCRIM: transparencyScale.TRANSPARENCY_50,\n BRAND: primitiveTokens.SMARTHR_BLUE,\n}\n\nexport const defaultColor = { ...semanticTokens, ...greyScale, ...transparencyScale }\n\ntype Palette = typeof defaultColor\nexport type ColorProperty = Partial\nexport type CreatedColorTheme = Palette & {\n hoverColor: (value: string) => string\n disableColor: (value: string) => string\n}\n\nexport const createColor = (userColor?: ColorProperty): CreatedColorTheme => {\n const colors = {\n ...defaultColor,\n hoverColor: (value: string): string => darken(0.05, value),\n disableColor: (value: string): string => rgba(value, 0.5),\n }\n\n if (!userColor) {\n return colors\n }\n\n return merge(\n colors,\n userColor,\n !userColor.OUTLINE && userColor.MAIN ? { OUTLINE: transparentize(0.5, userColor.MAIN) } : null,\n )\n}\n"],"names":["rgba","darken","merge","transparentize"],"mappings":";;;;;AAeA,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,QAAQ,EAAE,SAAS;CACpB;AACD,MAAM,iBAAiB,GAAG;AACxB,IAAA,eAAe,EAAEA,iBAAI,CAAC,KAAK,EAAE,IAAI,CAAC;AAClC,IAAA,eAAe,EAAEA,iBAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACjC,IAAA,eAAe,EAAEA,iBAAI,CAAC,KAAK,EAAE,GAAG,CAAC;CAClC;AACD,MAAM,eAAe,GAAG;AACtB,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,QAAQ,EAAE,SAAS;AACnB,IAAA,QAAQ,EAAE,SAAS;AACnB,IAEA,OAAO,EAAE,SAAS;AAClB,IAAA,UAAU,EAAE,SAAS;AACrB,IAAA,YAAY,EAAE,SAAS;CACxB;AAED,MAAM,cAAc,GAAG;IACrB,UAAU,EAAE,SAAS,CAAC,QAAQ;IAC9B,UAAU,EAAE,eAAe,CAAC,KAAK;IACjC,SAAS,EAAE,SAAS,CAAC,OAAO;IAC5B,aAAa,EAAE,SAAS,CAAC,OAAO;IAChC,SAAS,EAAE,eAAe,CAAC,QAAQ;IACnC,KAAK,EAAE,eAAe,CAAC,KAAK;IAC5B,UAAU,EAAE,SAAS,CAAC,MAAM;IAC5B,MAAM,EAAE,SAAS,CAAC,MAAM;IACxB,SAAS,EAAE,SAAS,CAAC,MAAM;IAC3B,eAAe,EAAE,SAAS,CAAC,MAAM;IACjC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,MAAM,EAAE,SAAS,CAAC,OAAO;IACzB,iBAAiB,EAAE,SAAS,CAAC,OAAO;IACpC,IAAI,EAAE,eAAe,CAAC,QAAQ;IAC9B,OAAO,EAAE,eAAe,CAAC,QAAQ;IACjC,MAAM,EAAE,eAAe,CAAC,OAAO;IAC/B,cAAc,EAAE,eAAe,CAAC,UAAU;IAC1C,OAAO,EAAE,iBAAiB,CAAC,eAAe;IAC1C,KAAK,EAAE,iBAAiB,CAAC,eAAe;IACxC,KAAK,EAAE,eAAe,CAAC,YAAY;CACpC;AAEM,MAAM,YAAY,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,EAAE,GAAG,iBAAiB;AAS5E,MAAM,WAAW,GAAG,CAAC,SAAyB,KAAuB;AAC1E,IAAA,MAAM,MAAM,GAAG;AACb,QAAA,GAAG,YAAY;QACf,UAAU,EAAE,CAAC,KAAa,KAAaC,mBAAM,CAAC,IAAI,EAAE,KAAK,CAAC;QAC1D,YAAY,EAAE,CAAC,KAAa,KAAaD,iBAAI,CAAC,KAAK,EAAE,GAAG,CAAC;KAC1D;IAED,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,OAAOE,iBAAK,CACV,MAAM,EACN,SAAS,EACT,CAAC,SAAS,CAAC,OAAO,IAAI,SAAS,CAAC,IAAI,GAAG,EAAE,OAAO,EAAEC,2BAAc,CAAC,GAAG,EAAE,SAAS,CAAC,IAAI,CAAC,EAAE,GAAG,IAAI,CAC/F;AACH;;;;;"}