@remember-web/mixin 0.1.4 → 0.1.5

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 (55) hide show
  1. package/dist/mixin/src/colors/{theme.cjs → theme.cjs.js} +1 -1
  2. package/dist/mixin/src/colors/theme.cjs.js.map +1 -0
  3. package/dist/mixin/src/colors/{theme.js → theme.esm.js} +1 -1
  4. package/dist/mixin/src/colors/theme.esm.js.map +1 -0
  5. package/dist/mixin/src/colors/{utils.cjs → utils.cjs.js} +3 -3
  6. package/dist/mixin/src/colors/utils.cjs.js.map +1 -0
  7. package/dist/mixin/src/colors/{utils.js → utils.esm.js} +3 -3
  8. package/dist/mixin/src/colors/utils.esm.js.map +1 -0
  9. package/dist/mixin/src/colors/{variables.cjs → variables.cjs.js} +1 -1
  10. package/dist/mixin/src/colors/variables.cjs.js.map +1 -0
  11. package/dist/mixin/src/colors/{variables.js → variables.esm.js} +1 -1
  12. package/dist/mixin/src/colors/variables.esm.js.map +1 -0
  13. package/dist/mixin/src/{index.cjs → index.cjs.js} +7 -7
  14. package/dist/mixin/src/index.cjs.js.map +1 -0
  15. package/dist/mixin/src/{index.js → index.esm.js} +7 -7
  16. package/dist/mixin/src/index.esm.js.map +1 -0
  17. package/dist/mixin/src/mediaQuery/{const.cjs → const.cjs.js} +1 -1
  18. package/dist/mixin/src/mediaQuery/const.cjs.js.map +1 -0
  19. package/dist/mixin/src/mediaQuery/{const.js → const.esm.js} +1 -1
  20. package/dist/mixin/src/mediaQuery/const.esm.js.map +1 -0
  21. package/dist/mixin/src/mediaQuery/{index.cjs → index.cjs.js} +2 -2
  22. package/dist/mixin/src/mediaQuery/index.cjs.js.map +1 -0
  23. package/dist/mixin/src/mediaQuery/{index.js → index.esm.js} +2 -2
  24. package/dist/mixin/src/mediaQuery/index.esm.js.map +1 -0
  25. package/dist/mixin/src/typography/{const.cjs → const.cjs.js} +1 -1
  26. package/dist/mixin/src/typography/const.cjs.js.map +1 -0
  27. package/dist/mixin/src/typography/{const.js → const.esm.js} +1 -1
  28. package/dist/mixin/src/typography/const.esm.js.map +1 -0
  29. package/dist/mixin/src/typography/{utils.cjs → utils.cjs.js} +2 -2
  30. package/dist/mixin/src/typography/utils.cjs.js.map +1 -0
  31. package/dist/mixin/src/typography/{utils.js → utils.esm.js} +2 -2
  32. package/dist/mixin/src/typography/utils.esm.js.map +1 -0
  33. package/dist/shared/utils/{common.cjs → common.cjs.js} +1 -1
  34. package/dist/shared/utils/common.cjs.js.map +1 -0
  35. package/dist/shared/utils/{common.js → common.esm.js} +1 -1
  36. package/dist/shared/utils/common.esm.js.map +1 -0
  37. package/package.json +5 -6
  38. package/dist/mixin/src/colors/theme.cjs.map +0 -1
  39. package/dist/mixin/src/colors/theme.js.map +0 -1
  40. package/dist/mixin/src/colors/utils.cjs.map +0 -1
  41. package/dist/mixin/src/colors/utils.js.map +0 -1
  42. package/dist/mixin/src/colors/variables.cjs.map +0 -1
  43. package/dist/mixin/src/colors/variables.js.map +0 -1
  44. package/dist/mixin/src/index.cjs.map +0 -1
  45. package/dist/mixin/src/index.js.map +0 -1
  46. package/dist/mixin/src/mediaQuery/const.cjs.map +0 -1
  47. package/dist/mixin/src/mediaQuery/const.js.map +0 -1
  48. package/dist/mixin/src/mediaQuery/index.cjs.map +0 -1
  49. package/dist/mixin/src/mediaQuery/index.js.map +0 -1
  50. package/dist/mixin/src/typography/const.cjs.map +0 -1
  51. package/dist/mixin/src/typography/const.js.map +0 -1
  52. package/dist/mixin/src/typography/utils.cjs.map +0 -1
  53. package/dist/mixin/src/typography/utils.js.map +0 -1
  54. package/dist/shared/utils/common.cjs.map +0 -1
  55. package/dist/shared/utils/common.js.map +0 -1
@@ -73,4 +73,4 @@ var RUI_COLOR_THEME = {
73
73
  };
74
74
 
75
75
  exports.RUI_COLOR_THEME = RUI_COLOR_THEME;
76
- //# sourceMappingURL=theme.cjs.map
76
+ //# sourceMappingURL=theme.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.cjs.js","sources":["../../../../src/colors/theme.ts"],"sourcesContent":["import type { RUIColorThemeType } from './types';\n\n/**\n * {@link https://www.figma.com/file/2qQ5eJPRTiAKyz6Q1IzfMJ/WEB?node-id=2570%3A12136&viewport=347%2C475%2C0.47}\n */\nexport const RUI_COLOR_THEME: RUIColorThemeType = {\n light: {\n '--rui-primary100': '#000000',\n '--rui-primary200': '#FFFFFF',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#000000',\n '--rui-contents100': '#424242',\n '--rui-contents150': '#808080',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#D4D4D4',\n '--rui-contents999': '#FFFFFF',\n '--rui-disabled': '#D4D4D4',\n '--rui-disabled-role-red': '#F7ABAB',\n '--rui-disabled-secondary': '#FFE3D1',\n '--rui-role-red': '#ED4E4E',\n '--rui-role-yellow': '#EDC84E',\n '--rui-role-blue': '#2679ED',\n '--rui-role-green': '#21C798',\n '--rui-bg100': '#FFFFFF',\n '--rui-bg200': '#FAFAFA',\n '--rui-bg300': '#F2F2F2',\n '--rui-bg-modal100': '#FFFFFF',\n '--rui-bg-modal200': '#FAFAFA',\n '--rui-bg-role-red': '#FFF5F5',\n '--rui-bg-secondary100': '#FFF4ED',\n '--rui-bg-highlight': '#FCF5DC',\n '--rui-bg-role-yellow': '#FFFDF5',\n '--rui-bg-role-blue': '#EDF4FF',\n '--rui-bg-role-green': '#D9FCF2',\n '--rui-divider': '#D4D4D4',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n dark: {\n '--rui-primary100': '#FFFFFF',\n '--rui-primary200': '#000000',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#FFFFFF',\n '--rui-contents100': '#EBEBEB',\n '--rui-contents150': '#D4D4D4',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#808080',\n '--rui-contents999': '#000000',\n '--rui-disabled': '#808080',\n '--rui-disabled-role-red': '#6B2424',\n '--rui-disabled-secondary': '#4D2A14',\n '--rui-role-red': '#D13636',\n '--rui-role-yellow': '#D1AD36',\n '--rui-role-blue': '#085DD4',\n '--rui-role-green': '#22B28A',\n '--rui-bg100': '#1A1A1A',\n '--rui-bg200': '#000000',\n '--rui-bg300': '#000000',\n '--rui-bg-modal100': '#2E2E2E',\n '--rui-bg-modal200': '#424242',\n '--rui-bg-role-red': '#381515',\n '--rui-bg-secondary100': '#331D0F',\n '--rui-bg-highlight': '#383015',\n '--rui-bg-role-yellow': '#383015',\n '--rui-bg-role-blue': '#002861',\n '--rui-bg-role-green': '#15382E',\n '--rui-divider': '#424242',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n};\n"],"names":["RUI_COLOR_THEME","light","dark"],"mappings":";;AAEA;AACA;AACA;AACO,IAAMA,eAAkC,GAAG;AAChDC,EAAAA,KAAK,EAAE;AACL,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;GACzB;AACDC,EAAAA,IAAI,EAAE;AACJ,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;AAC1B,GAAA;AACF;;;;"}
@@ -71,4 +71,4 @@ var RUI_COLOR_THEME = {
71
71
  };
72
72
 
73
73
  export { RUI_COLOR_THEME };
74
- //# sourceMappingURL=theme.js.map
74
+ //# sourceMappingURL=theme.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"theme.esm.js","sources":["../../../../src/colors/theme.ts"],"sourcesContent":["import type { RUIColorThemeType } from './types';\n\n/**\n * {@link https://www.figma.com/file/2qQ5eJPRTiAKyz6Q1IzfMJ/WEB?node-id=2570%3A12136&viewport=347%2C475%2C0.47}\n */\nexport const RUI_COLOR_THEME: RUIColorThemeType = {\n light: {\n '--rui-primary100': '#000000',\n '--rui-primary200': '#FFFFFF',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#000000',\n '--rui-contents100': '#424242',\n '--rui-contents150': '#808080',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#D4D4D4',\n '--rui-contents999': '#FFFFFF',\n '--rui-disabled': '#D4D4D4',\n '--rui-disabled-role-red': '#F7ABAB',\n '--rui-disabled-secondary': '#FFE3D1',\n '--rui-role-red': '#ED4E4E',\n '--rui-role-yellow': '#EDC84E',\n '--rui-role-blue': '#2679ED',\n '--rui-role-green': '#21C798',\n '--rui-bg100': '#FFFFFF',\n '--rui-bg200': '#FAFAFA',\n '--rui-bg300': '#F2F2F2',\n '--rui-bg-modal100': '#FFFFFF',\n '--rui-bg-modal200': '#FAFAFA',\n '--rui-bg-role-red': '#FFF5F5',\n '--rui-bg-secondary100': '#FFF4ED',\n '--rui-bg-highlight': '#FCF5DC',\n '--rui-bg-role-yellow': '#FFFDF5',\n '--rui-bg-role-blue': '#EDF4FF',\n '--rui-bg-role-green': '#D9FCF2',\n '--rui-divider': '#D4D4D4',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n dark: {\n '--rui-primary100': '#FFFFFF',\n '--rui-primary200': '#000000',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#FFFFFF',\n '--rui-contents100': '#EBEBEB',\n '--rui-contents150': '#D4D4D4',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#808080',\n '--rui-contents999': '#000000',\n '--rui-disabled': '#808080',\n '--rui-disabled-role-red': '#6B2424',\n '--rui-disabled-secondary': '#4D2A14',\n '--rui-role-red': '#D13636',\n '--rui-role-yellow': '#D1AD36',\n '--rui-role-blue': '#085DD4',\n '--rui-role-green': '#22B28A',\n '--rui-bg100': '#1A1A1A',\n '--rui-bg200': '#000000',\n '--rui-bg300': '#000000',\n '--rui-bg-modal100': '#2E2E2E',\n '--rui-bg-modal200': '#424242',\n '--rui-bg-role-red': '#381515',\n '--rui-bg-secondary100': '#331D0F',\n '--rui-bg-highlight': '#383015',\n '--rui-bg-role-yellow': '#383015',\n '--rui-bg-role-blue': '#002861',\n '--rui-bg-role-green': '#15382E',\n '--rui-divider': '#424242',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n};\n"],"names":["RUI_COLOR_THEME","light","dark"],"mappings":"AAEA;AACA;AACA;AACO,IAAMA,eAAkC,GAAG;AAChDC,EAAAA,KAAK,EAAE;AACL,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;GACzB;AACDC,EAAAA,IAAI,EAAE;AACJ,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;AAC1B,GAAA;AACF;;;;"}
@@ -2,8 +2,8 @@
2
2
 
3
3
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
4
4
  var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
5
- var common = require('../../../shared/utils/common.cjs');
6
- var theme = require('./theme.cjs');
5
+ var common = require('../../../shared/utils/common.cjs.js');
6
+ var theme = require('./theme.cjs.js');
7
7
 
8
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
@@ -70,4 +70,4 @@ exports.getHexFromRuiCssVariable = getHexFromRuiCssVariable;
70
70
  exports.getRgb = getRgb;
71
71
  exports.getRgba = getRgba;
72
72
  exports.hexToRgb = hexToRgb;
73
- //# sourceMappingURL=utils.cjs.map
73
+ //# sourceMappingURL=utils.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.cjs.js","sources":["../../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared/utils/common';\n\nimport type {\n ColorVariable,\n ColorVariableName,\n RUIColorVariable,\n ThemeType,\n} from './types';\nimport { RUI_COLOR_THEME } from './theme';\n\n/** var(color)로 된 string을 color로 변경해줄 때 사용 */\nexport function getColorVariableName<V extends string = string>(\n color: ColorVariable<V>\n) {\n return color.slice(4, -1) as ColorVariableName<V>;\n}\n\n/** RDS컬러의 rgb값이 필요할 때 사용ValidityState\n * @example css`color: rgba(${getRgb(contents000)},0.5)`\n */\nexport function getRgb(color: ColorVariable) {\n return `var(${getColorVariableName(color)}__rgb)`;\n}\n\n/** RDS컬러를 통해서 css의 rgba함수를 사용\n * @example css`color: ${getRgb(contents000, 0.5)}`\n * @example css`box-shadow: 0 0 0 5px ${getRgb(contents000, 0.5)}`\n */\nexport function getRgba(color: ColorVariable, opacity: number | `${number}%`) {\n return `rgba(${getRgb(color)},${opacity})`;\n}\n\n/** hex로 된 컬러값을 rgb값으로 변경해줌 */\nexport function hexToRgb(colorHex: string) {\n let hexWithoutHash = colorHex.replace('#', '');\n\n if (hexWithoutHash.length !== 3 && hexWithoutHash.length !== 6) {\n throw new Error('Invalid hex color');\n }\n\n if (hexWithoutHash.length === 3) {\n hexWithoutHash = [...hexWithoutHash].map((hex) => hex.repeat(2)).join();\n }\n\n const [, r, g, b] = hexWithoutHash\n .split(/(..)(..)(..)/)\n .map((hex) => parseInt(hex, 16));\n\n return `${r},${g},${b}`;\n}\n\nexport function getBrowserTheme(): ThemeType {\n if (!isSSR() && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n return 'light';\n}\n\n/** css variable을 hex로 반환 */\nexport function getHexFromRuiCssVariable({\n colorVariable,\n theme,\n}: {\n theme: ThemeType;\n colorVariable: RUIColorVariable;\n}) {\n return RUI_COLOR_THEME[theme][getColorVariableName(colorVariable)];\n}\n"],"names":["getColorVariableName","color","slice","getRgb","concat","getRgba","opacity","hexToRgb","colorHex","hexWithoutHash","replace","length","Error","_toConsumableArray","map","hex","repeat","join","_hexWithoutHash$split","split","parseInt","_hexWithoutHash$split2","_slicedToArray","r","g","b","getBrowserTheme","isSSR","window","matchMedia","matches","getHexFromRuiCssVariable","_ref","colorVariable","theme","RUI_COLOR_THEME"],"mappings":";;;;;;;;;;;;AAUA;AACO,SAASA,oBAAoBA,CAClCC,KAAuB,EACvB;EACA,OAAOA,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC3B,CAAA;;AAEA;AACA;AACA;AACO,SAASC,MAAMA,CAACF,KAAoB,EAAE;AAC3C,EAAA,OAAA,MAAA,CAAAG,MAAA,CAAcJ,oBAAoB,CAACC,KAAK,CAAC,EAAA,QAAA,CAAA,CAAA;AAC3C,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASI,OAAOA,CAACJ,KAAoB,EAAEK,OAA8B,EAAE;EAC5E,OAAAF,OAAAA,CAAAA,MAAA,CAAeD,MAAM,CAACF,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAG,MAAA,CAAIE,OAAO,EAAA,GAAA,CAAA,CAAA;AACzC,CAAA;;AAEA;AACO,SAASC,QAAQA,CAACC,QAAgB,EAAE;EACzC,IAAIC,cAAc,GAAGD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;EAE9C,IAAID,cAAc,CAACE,MAAM,KAAK,CAAC,IAAIF,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9D,IAAA,MAAM,IAAIC,KAAK,CAAC,mBAAmB,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,IAAIH,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;IAC/BF,cAAc,GAAGI,mCAAA,CAAIJ,cAAc,EAAEK,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,EAAE,CAAA;AACzE,GAAA;AAEA,EAAA,IAAAC,qBAAA,GAAoBT,cAAc,CAC/BU,KAAK,CAAC,cAAc,CAAC,CACrBL,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKK,QAAQ,CAACL,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAM,sBAAA,GAAAC,+BAAA,CAAAJ,qBAAA,EAAA,CAAA,CAAA;AAFzBK,IAAAA,CAAC,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,CAAC,GAAAH,sBAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,CAAC,GAAAJ,sBAAA,CAAA,CAAA,CAAA,CAAA;EAIhB,OAAAjB,EAAAA,CAAAA,MAAA,CAAUmB,CAAC,EAAAnB,GAAAA,CAAAA,CAAAA,MAAA,CAAIoB,CAAC,EAAA,GAAA,CAAA,CAAApB,MAAA,CAAIqB,CAAC,CAAA,CAAA;AACvB,CAAA;AAEO,SAASC,eAAeA,GAAc;AAC3C,EAAA,IAAI,CAACC,YAAK,EAAE,IAAIC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAACC,OAAO,EAAE;AACzE,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AACA,EAAA,OAAO,OAAO,CAAA;AAChB,CAAA;;AAEA;AACO,SAASC,wBAAwBA,CAAAC,IAAA,EAMrC;AAAA,EAAA,IALDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,OAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EAKL,OAAOC,qBAAe,CAACD,OAAK,CAAC,CAAClC,oBAAoB,CAACiC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
2
2
  import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
3
- import { isSSR } from '../../../shared/utils/common.js';
4
- import { RUI_COLOR_THEME } from './theme.js';
3
+ import { isSSR } from '../../../shared/utils/common.esm.js';
4
+ import { RUI_COLOR_THEME } from './theme.esm.js';
5
5
 
6
6
  /** var(color)로 된 string을 color로 변경해줄 때 사용 */
7
7
  function getColorVariableName(color) {
@@ -58,4 +58,4 @@ function getHexFromRuiCssVariable(_ref) {
58
58
  }
59
59
 
60
60
  export { getBrowserTheme, getColorVariableName, getHexFromRuiCssVariable, getRgb, getRgba, hexToRgb };
61
- //# sourceMappingURL=utils.js.map
61
+ //# sourceMappingURL=utils.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.esm.js","sources":["../../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared/utils/common';\n\nimport type {\n ColorVariable,\n ColorVariableName,\n RUIColorVariable,\n ThemeType,\n} from './types';\nimport { RUI_COLOR_THEME } from './theme';\n\n/** var(color)로 된 string을 color로 변경해줄 때 사용 */\nexport function getColorVariableName<V extends string = string>(\n color: ColorVariable<V>\n) {\n return color.slice(4, -1) as ColorVariableName<V>;\n}\n\n/** RDS컬러의 rgb값이 필요할 때 사용ValidityState\n * @example css`color: rgba(${getRgb(contents000)},0.5)`\n */\nexport function getRgb(color: ColorVariable) {\n return `var(${getColorVariableName(color)}__rgb)`;\n}\n\n/** RDS컬러를 통해서 css의 rgba함수를 사용\n * @example css`color: ${getRgb(contents000, 0.5)}`\n * @example css`box-shadow: 0 0 0 5px ${getRgb(contents000, 0.5)}`\n */\nexport function getRgba(color: ColorVariable, opacity: number | `${number}%`) {\n return `rgba(${getRgb(color)},${opacity})`;\n}\n\n/** hex로 된 컬러값을 rgb값으로 변경해줌 */\nexport function hexToRgb(colorHex: string) {\n let hexWithoutHash = colorHex.replace('#', '');\n\n if (hexWithoutHash.length !== 3 && hexWithoutHash.length !== 6) {\n throw new Error('Invalid hex color');\n }\n\n if (hexWithoutHash.length === 3) {\n hexWithoutHash = [...hexWithoutHash].map((hex) => hex.repeat(2)).join();\n }\n\n const [, r, g, b] = hexWithoutHash\n .split(/(..)(..)(..)/)\n .map((hex) => parseInt(hex, 16));\n\n return `${r},${g},${b}`;\n}\n\nexport function getBrowserTheme(): ThemeType {\n if (!isSSR() && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n return 'light';\n}\n\n/** css variable을 hex로 반환 */\nexport function getHexFromRuiCssVariable({\n colorVariable,\n theme,\n}: {\n theme: ThemeType;\n colorVariable: RUIColorVariable;\n}) {\n return RUI_COLOR_THEME[theme][getColorVariableName(colorVariable)];\n}\n"],"names":["getColorVariableName","color","slice","getRgb","concat","getRgba","opacity","hexToRgb","colorHex","hexWithoutHash","replace","length","Error","_toConsumableArray","map","hex","repeat","join","_hexWithoutHash$split","split","parseInt","_hexWithoutHash$split2","_slicedToArray","r","g","b","getBrowserTheme","isSSR","window","matchMedia","matches","getHexFromRuiCssVariable","_ref","colorVariable","theme","RUI_COLOR_THEME"],"mappings":";;;;;AAUA;AACO,SAASA,oBAAoBA,CAClCC,KAAuB,EACvB;EACA,OAAOA,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC3B,CAAA;;AAEA;AACA;AACA;AACO,SAASC,MAAMA,CAACF,KAAoB,EAAE;AAC3C,EAAA,OAAA,MAAA,CAAAG,MAAA,CAAcJ,oBAAoB,CAACC,KAAK,CAAC,EAAA,QAAA,CAAA,CAAA;AAC3C,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASI,OAAOA,CAACJ,KAAoB,EAAEK,OAA8B,EAAE;EAC5E,OAAAF,OAAAA,CAAAA,MAAA,CAAeD,MAAM,CAACF,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAG,MAAA,CAAIE,OAAO,EAAA,GAAA,CAAA,CAAA;AACzC,CAAA;;AAEA;AACO,SAASC,QAAQA,CAACC,QAAgB,EAAE;EACzC,IAAIC,cAAc,GAAGD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;EAE9C,IAAID,cAAc,CAACE,MAAM,KAAK,CAAC,IAAIF,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9D,IAAA,MAAM,IAAIC,KAAK,CAAC,mBAAmB,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,IAAIH,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;IAC/BF,cAAc,GAAGI,kBAAA,CAAIJ,cAAc,EAAEK,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,EAAE,CAAA;AACzE,GAAA;AAEA,EAAA,IAAAC,qBAAA,GAAoBT,cAAc,CAC/BU,KAAK,CAAC,cAAc,CAAC,CACrBL,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKK,QAAQ,CAACL,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAM,sBAAA,GAAAC,cAAA,CAAAJ,qBAAA,EAAA,CAAA,CAAA;AAFzBK,IAAAA,CAAC,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,CAAC,GAAAH,sBAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,CAAC,GAAAJ,sBAAA,CAAA,CAAA,CAAA,CAAA;EAIhB,OAAAjB,EAAAA,CAAAA,MAAA,CAAUmB,CAAC,EAAAnB,GAAAA,CAAAA,CAAAA,MAAA,CAAIoB,CAAC,EAAA,GAAA,CAAA,CAAApB,MAAA,CAAIqB,CAAC,CAAA,CAAA;AACvB,CAAA;AAEO,SAASC,eAAeA,GAAc;AAC3C,EAAA,IAAI,CAACC,KAAK,EAAE,IAAIC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAACC,OAAO,EAAE;AACzE,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AACA,EAAA,OAAO,OAAO,CAAA;AAChB,CAAA;;AAEA;AACO,SAASC,wBAAwBA,CAAAC,IAAA,EAMrC;AAAA,EAAA,IALDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EAKL,OAAOC,eAAe,CAACD,KAAK,CAAC,CAAClC,oBAAoB,CAACiC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;"}
@@ -75,4 +75,4 @@ exports.roleGreen = roleGreen;
75
75
  exports.roleRed = roleRed;
76
76
  exports.roleYellow = roleYellow;
77
77
  exports.secondary100 = secondary100;
78
- //# sourceMappingURL=variables.cjs.map
78
+ //# sourceMappingURL=variables.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variables.cjs.js","sources":["../../../../src/colors/variables.ts"],"sourcesContent":["export const primary100 = 'var(--rui-primary100)';\nexport const primary200 = 'var(--rui-primary200)';\nexport const secondary100 = 'var(--rui-secondary100)';\n\n// Contents txt/ label/ border/ divider\nexport const contents000 = 'var(--rui-contents000)';\nexport const contents100 = 'var(--rui-contents100)';\nexport const contents150 = 'var(--rui-contents150)';\nexport const contents200 = 'var(--rui-contents200)';\nexport const contents300 = 'var(--rui-contents300)';\nexport const contents999 = 'var(--rui-contents999)';\n\n// Disable disabled CTA\nexport const disabled = 'var(--rui-disabled)';\nexport const disabledRoleRed = 'var(--rui-disabled-role-red)';\nexport const disabledSecondary = 'var(--rui-disabled-secondary)';\n\n// Accent Error/ Link/\nexport const roleRed = 'var(--rui-role-red)';\nexport const roleYellow = 'var(--rui-role-yellow)';\nexport const roleBlue = 'var(--rui-role-blue)';\nexport const roleGreen = 'var(--rui-role-green)';\n\n// Background\nexport const bg100 = 'var(--rui-bg100)';\nexport const bg200 = 'var(--rui-bg200)';\nexport const bg300 = 'var(--rui-bg300)';\nexport const bgModal100 = 'var(--rui-bg-modal100)';\nexport const bgModal200 = 'var(--rui-bg-modal200)';\nexport const bgRoleRed = 'var(--rui-bg-role-red)';\nexport const bgSecondary100 = 'var(--rui-bg-secondary100)';\nexport const bgHighlight = 'var(--rui-bg-highlight)';\nexport const bgRoleYellow = 'var(--rui-bg-role-yellow)';\nexport const bgRoleBlue = 'var(--rui-bg-role-blue)';\nexport const bgRoleGreen = 'var(--rui-bg-role-green)';\n\n// Divider\nexport const divider = 'var(--rui-divider)';\n\n// Fixed\nexport const fixedWhite = 'var(--rui-fixed-white)';\nexport const fixedBgWhite = 'var(--rui-fixed-bg-white)';\nexport const fixedBlack = 'var(--rui-fixed-black)';\n"],"names":["primary100","primary200","secondary100","contents000","contents100","contents150","contents200","contents300","contents999","disabled","disabledRoleRed","disabledSecondary","roleRed","roleYellow","roleBlue","roleGreen","bg100","bg200","bg300","bgModal100","bgModal200","bgRoleRed","bgSecondary100","bgHighlight","bgRoleYellow","bgRoleBlue","bgRoleGreen","divider","fixedWhite","fixedBgWhite","fixedBlack"],"mappings":";;AAAO,IAAMA,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,YAAY,GAAG,0BAAyB;;AAErD;AACO,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;;AAEnD;AACO,IAAMC,QAAQ,GAAG,sBAAqB;AACtC,IAAMC,eAAe,GAAG,+BAA8B;AACtD,IAAMC,iBAAiB,GAAG,gCAA+B;;AAEhE;AACO,IAAMC,OAAO,GAAG,sBAAqB;AACrC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,QAAQ,GAAG,uBAAsB;AACvC,IAAMC,SAAS,GAAG,wBAAuB;;AAEhD;AACO,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,SAAS,GAAG,yBAAwB;AAC1C,IAAMC,cAAc,GAAG,6BAA4B;AACnD,IAAMC,WAAW,GAAG,0BAAyB;AAC7C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG,0BAAyB;AAC5C,IAAMC,WAAW,GAAG,2BAA0B;;AAErD;AACO,IAAMC,OAAO,GAAG,qBAAoB;;AAE3C;AACO,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -43,4 +43,4 @@ var fixedBgWhite = 'var(--rui-fixed-bg-white)';
43
43
  var fixedBlack = 'var(--rui-fixed-black)';
44
44
 
45
45
  export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 };
46
- //# sourceMappingURL=variables.js.map
46
+ //# sourceMappingURL=variables.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variables.esm.js","sources":["../../../../src/colors/variables.ts"],"sourcesContent":["export const primary100 = 'var(--rui-primary100)';\nexport const primary200 = 'var(--rui-primary200)';\nexport const secondary100 = 'var(--rui-secondary100)';\n\n// Contents txt/ label/ border/ divider\nexport const contents000 = 'var(--rui-contents000)';\nexport const contents100 = 'var(--rui-contents100)';\nexport const contents150 = 'var(--rui-contents150)';\nexport const contents200 = 'var(--rui-contents200)';\nexport const contents300 = 'var(--rui-contents300)';\nexport const contents999 = 'var(--rui-contents999)';\n\n// Disable disabled CTA\nexport const disabled = 'var(--rui-disabled)';\nexport const disabledRoleRed = 'var(--rui-disabled-role-red)';\nexport const disabledSecondary = 'var(--rui-disabled-secondary)';\n\n// Accent Error/ Link/\nexport const roleRed = 'var(--rui-role-red)';\nexport const roleYellow = 'var(--rui-role-yellow)';\nexport const roleBlue = 'var(--rui-role-blue)';\nexport const roleGreen = 'var(--rui-role-green)';\n\n// Background\nexport const bg100 = 'var(--rui-bg100)';\nexport const bg200 = 'var(--rui-bg200)';\nexport const bg300 = 'var(--rui-bg300)';\nexport const bgModal100 = 'var(--rui-bg-modal100)';\nexport const bgModal200 = 'var(--rui-bg-modal200)';\nexport const bgRoleRed = 'var(--rui-bg-role-red)';\nexport const bgSecondary100 = 'var(--rui-bg-secondary100)';\nexport const bgHighlight = 'var(--rui-bg-highlight)';\nexport const bgRoleYellow = 'var(--rui-bg-role-yellow)';\nexport const bgRoleBlue = 'var(--rui-bg-role-blue)';\nexport const bgRoleGreen = 'var(--rui-bg-role-green)';\n\n// Divider\nexport const divider = 'var(--rui-divider)';\n\n// Fixed\nexport const fixedWhite = 'var(--rui-fixed-white)';\nexport const fixedBgWhite = 'var(--rui-fixed-bg-white)';\nexport const fixedBlack = 'var(--rui-fixed-black)';\n"],"names":["primary100","primary200","secondary100","contents000","contents100","contents150","contents200","contents300","contents999","disabled","disabledRoleRed","disabledSecondary","roleRed","roleYellow","roleBlue","roleGreen","bg100","bg200","bg300","bgModal100","bgModal200","bgRoleRed","bgSecondary100","bgHighlight","bgRoleYellow","bgRoleBlue","bgRoleGreen","divider","fixedWhite","fixedBgWhite","fixedBlack"],"mappings":"AAAO,IAAMA,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,YAAY,GAAG,0BAAyB;;AAErD;AACO,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;;AAEnD;AACO,IAAMC,QAAQ,GAAG,sBAAqB;AACtC,IAAMC,eAAe,GAAG,+BAA8B;AACtD,IAAMC,iBAAiB,GAAG,gCAA+B;;AAEhE;AACO,IAAMC,OAAO,GAAG,sBAAqB;AACrC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,QAAQ,GAAG,uBAAsB;AACvC,IAAMC,SAAS,GAAG,wBAAuB;;AAEhD;AACO,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,SAAS,GAAG,yBAAwB;AAC1C,IAAMC,cAAc,GAAG,6BAA4B;AACnD,IAAMC,WAAW,GAAG,0BAAyB;AAC7C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG,0BAAyB;AAC5C,IAAMC,WAAW,GAAG,2BAA0B;;AAErD;AACO,IAAMC,OAAO,GAAG,qBAAoB;;AAE3C;AACO,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG;;;;"}
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
- var variables = require('./colors/variables.cjs');
4
- var utils = require('./colors/utils.cjs');
5
- var index = require('./mediaQuery/index.cjs');
6
- var _const$1 = require('./typography/const.cjs');
7
- var utils$1 = require('./typography/utils.cjs');
8
- var _const = require('./mediaQuery/const.cjs');
3
+ var variables = require('./colors/variables.cjs.js');
4
+ var utils = require('./colors/utils.cjs.js');
5
+ var index = require('./mediaQuery/index.cjs.js');
6
+ var _const$1 = require('./typography/const.cjs.js');
7
+ var utils$1 = require('./typography/utils.cjs.js');
8
+ var _const = require('./mediaQuery/const.cjs.js');
9
9
 
10
10
 
11
11
 
@@ -57,4 +57,4 @@ exports.getTypographyStyles = utils$1.getTypographyStyles;
57
57
  exports.textEllipsis = utils$1.textEllipsis;
58
58
  exports.DESKTOP_WIDTH = _const.DESKTOP_WIDTH;
59
59
  exports.PHONE_WIDTH = _const.PHONE_WIDTH;
60
- //# sourceMappingURL=index.cjs.map
60
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,7 +1,7 @@
1
- export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 } from './colors/variables.js';
2
- export { getBrowserTheme, getColorVariableName, getHexFromRuiCssVariable, getRgb, getRgba, hexToRgb } from './colors/utils.js';
3
- export { desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly } from './mediaQuery/index.js';
4
- export { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './typography/const.js';
5
- export { ellipsis, getTypographyStyles, textEllipsis } from './typography/utils.js';
6
- export { DESKTOP_WIDTH, PHONE_WIDTH } from './mediaQuery/const.js';
7
- //# sourceMappingURL=index.js.map
1
+ export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 } from './colors/variables.esm.js';
2
+ export { getBrowserTheme, getColorVariableName, getHexFromRuiCssVariable, getRgb, getRgba, hexToRgb } from './colors/utils.esm.js';
3
+ export { desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly } from './mediaQuery/index.esm.js';
4
+ export { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './typography/const.esm.js';
5
+ export { ellipsis, getTypographyStyles, textEllipsis } from './typography/utils.esm.js';
6
+ export { DESKTOP_WIDTH, PHONE_WIDTH } from './mediaQuery/const.esm.js';
7
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -5,4 +5,4 @@ var PHONE_WIDTH = 430;
5
5
 
6
6
  exports.DESKTOP_WIDTH = DESKTOP_WIDTH;
7
7
  exports.PHONE_WIDTH = PHONE_WIDTH;
8
- //# sourceMappingURL=const.cjs.map
8
+ //# sourceMappingURL=const.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"const.cjs.js","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":";;AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;;"}
@@ -2,4 +2,4 @@ var DESKTOP_WIDTH = 768;
2
2
  var PHONE_WIDTH = 430;
3
3
 
4
4
  export { DESKTOP_WIDTH, PHONE_WIDTH };
5
- //# sourceMappingURL=const.js.map
5
+ //# sourceMappingURL=const.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"const.esm.js","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":"AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
5
5
  var styledComponents = require('styled-components');
6
- var _const = require('./const.cjs');
6
+ var _const = require('./const.cjs.js');
7
7
 
8
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
@@ -40,4 +40,4 @@ exports.desktopOnly = desktopOnly;
40
40
  exports.getDeviceWidthMediaQuery = getDeviceWidthMediaQuery;
41
41
  exports.mobileOnly = mobileOnly;
42
42
  exports.phoneOnly = phoneOnly;
43
- //# sourceMappingURL=index.cjs.map
43
+ //# sourceMappingURL=index.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs.js","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n maxWidth,\n minWidth,\n}: {\n maxWidth?: number | string;\n minWidth?: number | string;\n}) {\n const mediaQueries: string[] = [];\n\n if (maxWidth) {\n mediaQueries.push(\n `(max-width: ${\n typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n })`\n );\n }\n\n if (minWidth) {\n mediaQueries.push(\n `(min-width: ${\n typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n })`\n );\n }\n\n return (cssInterpolation: CSSProp) => css`\n @media ${mediaQueries.join(' and ')} {\n ${cssInterpolation}\n }\n `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;;;;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;;;;;;"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
3
3
  import { css } from 'styled-components';
4
- import { DESKTOP_WIDTH, PHONE_WIDTH } from './const.js';
4
+ import { DESKTOP_WIDTH, PHONE_WIDTH } from './const.esm.js';
5
5
 
6
6
  var _templateObject;
7
7
  function getDeviceWidthMediaQuery(_ref) {
@@ -29,4 +29,4 @@ var phoneOnly = getDeviceWidthMediaQuery({
29
29
  });
30
30
 
31
31
  export { DESKTOP_WIDTH, PHONE_WIDTH, desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly };
32
- //# sourceMappingURL=index.js.map
32
+ //# sourceMappingURL=index.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.esm.js","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n maxWidth,\n minWidth,\n}: {\n maxWidth?: number | string;\n minWidth?: number | string;\n}) {\n const mediaQueries: string[] = [];\n\n if (maxWidth) {\n mediaQueries.push(\n `(max-width: ${\n typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n })`\n );\n }\n\n if (minWidth) {\n mediaQueries.push(\n `(min-width: ${\n typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n })`\n );\n }\n\n return (cssInterpolation: CSSProp) => css`\n @media ${mediaQueries.join(' and ')} {\n ${cssInterpolation}\n }\n `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;"}
@@ -117,4 +117,4 @@ var PRETENDARD_FONT_FAMILY = "Pretendard, -apple-system, BlinkMacSystemFont, sys
117
117
 
118
118
  exports.PRETENDARD_FONT_FAMILY = PRETENDARD_FONT_FAMILY;
119
119
  exports.TYPOGRAPHY_STYLES = TYPOGRAPHY_STYLES;
120
- //# sourceMappingURL=const.cjs.map
120
+ //# sourceMappingURL=const.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"const.cjs.js","sources":["../../../../src/typography/const.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\n\nconst LEGACY_TYPOGRAPHY_STYLES = {\n Headline2_B: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Headline3_B: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_B: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_M: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Body1_B: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1_M: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Body2_B: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2_M: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption_B: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n ...LEGACY_TYPOGRAPHY_STYLES,\n Headline: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Title1: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Display: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 400,\n },\n Title2: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n ArticleBody: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Subtitle1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Subtitle2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\n/**\n * {@link https://github.com/orioncactus/pretendard#html-1}\n */\nexport const PRETENDARD_FONT_FAMILY =\n \"Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif\";\n"],"names":["LEGACY_TYPOGRAPHY_STYLES","Headline2_B","fontSize","lineHeight","fontWeight","Headline3_B","Headline4_B","Headline4_M","Body1_B","Body1_M","Body2_B","Body2_M","Caption_B","TYPOGRAPHY_STYLES","_objectSpread","Headline","Title1","Display","Title2","ArticleBody","Subtitle1","Body1","Subtitle2","Body2","Caption","PRETENDARD_FONT_FAMILY"],"mappings":"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"}
@@ -110,4 +110,4 @@ var TYPOGRAPHY_STYLES = _objectSpread(_objectSpread({}, LEGACY_TYPOGRAPHY_STYLES
110
110
  var PRETENDARD_FONT_FAMILY = "Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif";
111
111
 
112
112
  export { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES };
113
- //# sourceMappingURL=const.js.map
113
+ //# sourceMappingURL=const.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"const.esm.js","sources":["../../../../src/typography/const.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\n\nconst LEGACY_TYPOGRAPHY_STYLES = {\n Headline2_B: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Headline3_B: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_B: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_M: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Body1_B: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1_M: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Body2_B: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2_M: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption_B: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n ...LEGACY_TYPOGRAPHY_STYLES,\n Headline: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Title1: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Display: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 400,\n },\n Title2: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n ArticleBody: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Subtitle1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Subtitle2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\n/**\n * {@link https://github.com/orioncactus/pretendard#html-1}\n */\nexport const PRETENDARD_FONT_FAMILY =\n \"Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif\";\n"],"names":["LEGACY_TYPOGRAPHY_STYLES","Headline2_B","fontSize","lineHeight","fontWeight","Headline3_B","Headline4_B","Headline4_M","Body1_B","Body1_M","Body2_B","Body2_M","Caption_B","TYPOGRAPHY_STYLES","_objectSpread","Headline","Title1","Display","Title2","ArticleBody","Subtitle1","Body1","Subtitle2","Body2","Caption","PRETENDARD_FONT_FAMILY"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
 
4
4
  var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
5
5
  var styledComponents = require('styled-components');
6
- var _const = require('./const.cjs');
6
+ var _const = require('./const.cjs.js');
7
7
 
8
8
  function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
9
 
@@ -57,4 +57,4 @@ var ellipsis = function ellipsis() {
57
57
  exports.ellipsis = ellipsis;
58
58
  exports.getTypographyStyles = getTypographyStyles;
59
59
  exports.textEllipsis = textEllipsis;
60
- //# sourceMappingURL=utils.cjs.map
60
+ //# sourceMappingURL=utils.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.cjs.js","sources":["../../../../src/typography/utils.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\n\nimport { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './const';\nimport type { TypographyStyle } from './types';\n\n/**\n * 해당 스타일명에 해당하는 css 조각을 반환\n * @see TYPOGRAPHY_STYLES\n */\nexport const getTypographyStyles = (typographyStyle: TypographyStyle) => {\n const { fontSize, lineHeight, fontWeight } =\n TYPOGRAPHY_STYLES[typographyStyle];\n return css`\n font-family: ${PRETENDARD_FONT_FAMILY};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n font-weight: ${fontWeight};\n `;\n};\n\n/**\n * 말줄임표 표시 (1줄)\n *\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n */\nexport const textEllipsis = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\n/**\n * 말줄임표 표시\n *\n * line = 1 인 경우, \\\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n *\n * line > 1 인 경우, \\\n * overflow: hidden; \\\n * text-overflow: ellipsis; \\\n * display: -webkit-box; \\\n * -webkit-box-orient: vertical; \\\n * -webkit-line-clamp: ${line};\n */\nexport const ellipsis = (line = 1) => {\n if (line === 1) {\n return textEllipsis;\n }\n\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${line};\n `;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAa;AAOb;AACA;AACA;AACA;;AAEE;;;;AAEA;AAMF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;;AAMP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACsC;;AAElC;AACF;;AASF;;;;"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
3
3
  import { css } from 'styled-components';
4
- import { TYPOGRAPHY_STYLES, PRETENDARD_FONT_FAMILY } from './const.js';
4
+ import { TYPOGRAPHY_STYLES, PRETENDARD_FONT_FAMILY } from './const.esm.js';
5
5
 
6
6
  var _templateObject, _templateObject2, _templateObject3;
7
7
  /**
@@ -49,4 +49,4 @@ var ellipsis = function ellipsis() {
49
49
  };
50
50
 
51
51
  export { ellipsis, getTypographyStyles, textEllipsis };
52
- //# sourceMappingURL=utils.js.map
52
+ //# sourceMappingURL=utils.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"utils.esm.js","sources":["../../../../src/typography/utils.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\n\nimport { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './const';\nimport type { TypographyStyle } from './types';\n\n/**\n * 해당 스타일명에 해당하는 css 조각을 반환\n * @see TYPOGRAPHY_STYLES\n */\nexport const getTypographyStyles = (typographyStyle: TypographyStyle) => {\n const { fontSize, lineHeight, fontWeight } =\n TYPOGRAPHY_STYLES[typographyStyle];\n return css`\n font-family: ${PRETENDARD_FONT_FAMILY};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n font-weight: ${fontWeight};\n `;\n};\n\n/**\n * 말줄임표 표시 (1줄)\n *\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n */\nexport const textEllipsis = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\n/**\n * 말줄임표 표시\n *\n * line = 1 인 경우, \\\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n *\n * line > 1 인 경우, \\\n * overflow: hidden; \\\n * text-overflow: ellipsis; \\\n * display: -webkit-box; \\\n * -webkit-box-orient: vertical; \\\n * -webkit-line-clamp: ${line};\n */\nexport const ellipsis = (line = 1) => {\n if (line === 1) {\n return textEllipsis;\n }\n\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${line};\n `;\n};\n"],"names":[],"mappings":";;;;;AAAa;AAOb;AACA;AACA;AACA;;AAEE;;;;AAEA;AAMF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;;AAMP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACsC;;AAElC;AACF;;AASF;;"}
@@ -5,4 +5,4 @@ var isSSR = function isSSR() {
5
5
  };
6
6
 
7
7
  exports.isSSR = isSSR;
8
- //# sourceMappingURL=common.cjs.map
8
+ //# sourceMappingURL=common.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common.cjs.js","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n if (end < start) {\n return []; // 유효하지 않은 입력값 처리\n }\n return Array(end - start + 1)\n .fill(0)\n .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["isSSR","window"],"mappings":";;AAQaA,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;"}
@@ -3,4 +3,4 @@ var isSSR = function isSSR() {
3
3
  };
4
4
 
5
5
  export { isSSR };
6
- //# sourceMappingURL=common.js.map
6
+ //# sourceMappingURL=common.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"common.esm.js","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n if (end < start) {\n return []; // 유효하지 않은 입력값 처리\n }\n return Array(end - start + 1)\n .fill(0)\n .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["isSSR","window"],"mappings":"AAQaA,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@remember-web/mixin",
3
- "version": "0.1.4",
3
+ "version": "0.1.5",
4
4
  "description": "RUI Mixin",
5
5
  "homepage": "https://dramancompany.github.io/rui/",
6
6
  "author": "Remember",
@@ -23,15 +23,14 @@
23
23
  "dist",
24
24
  "src"
25
25
  ],
26
- "type": "module",
27
26
  "source": "./src/index.ts",
28
- "main": "./dist/mixin/src/index.cjs",
29
- "module": "./dist/mixin/src/index.js",
27
+ "main": "./dist/mixin/src/index.cjs.js",
28
+ "module": "./dist/mixin/src/index.esm.js",
30
29
  "types": "./dist/mixin/src/index.d.ts",
31
30
  "exports": {
32
31
  ".": {
33
- "import": "./dist/mixin/src/index.js",
34
- "require": "./dist/mixin/src/index.cjs",
32
+ "import": "./dist/mixin/src/index.esm.js",
33
+ "require": "./dist/mixin/src/index.cjs.js",
35
34
  "types": "./dist/mixin/src/index.d.ts"
36
35
  }
37
36
  },
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.cjs","sources":["../../../../src/colors/theme.ts"],"sourcesContent":["import type { RUIColorThemeType } from './types';\n\n/**\n * {@link https://www.figma.com/file/2qQ5eJPRTiAKyz6Q1IzfMJ/WEB?node-id=2570%3A12136&viewport=347%2C475%2C0.47}\n */\nexport const RUI_COLOR_THEME: RUIColorThemeType = {\n light: {\n '--rui-primary100': '#000000',\n '--rui-primary200': '#FFFFFF',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#000000',\n '--rui-contents100': '#424242',\n '--rui-contents150': '#808080',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#D4D4D4',\n '--rui-contents999': '#FFFFFF',\n '--rui-disabled': '#D4D4D4',\n '--rui-disabled-role-red': '#F7ABAB',\n '--rui-disabled-secondary': '#FFE3D1',\n '--rui-role-red': '#ED4E4E',\n '--rui-role-yellow': '#EDC84E',\n '--rui-role-blue': '#2679ED',\n '--rui-role-green': '#21C798',\n '--rui-bg100': '#FFFFFF',\n '--rui-bg200': '#FAFAFA',\n '--rui-bg300': '#F2F2F2',\n '--rui-bg-modal100': '#FFFFFF',\n '--rui-bg-modal200': '#FAFAFA',\n '--rui-bg-role-red': '#FFF5F5',\n '--rui-bg-secondary100': '#FFF4ED',\n '--rui-bg-highlight': '#FCF5DC',\n '--rui-bg-role-yellow': '#FFFDF5',\n '--rui-bg-role-blue': '#EDF4FF',\n '--rui-bg-role-green': '#D9FCF2',\n '--rui-divider': '#D4D4D4',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n dark: {\n '--rui-primary100': '#FFFFFF',\n '--rui-primary200': '#000000',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#FFFFFF',\n '--rui-contents100': '#EBEBEB',\n '--rui-contents150': '#D4D4D4',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#808080',\n '--rui-contents999': '#000000',\n '--rui-disabled': '#808080',\n '--rui-disabled-role-red': '#6B2424',\n '--rui-disabled-secondary': '#4D2A14',\n '--rui-role-red': '#D13636',\n '--rui-role-yellow': '#D1AD36',\n '--rui-role-blue': '#085DD4',\n '--rui-role-green': '#22B28A',\n '--rui-bg100': '#1A1A1A',\n '--rui-bg200': '#000000',\n '--rui-bg300': '#000000',\n '--rui-bg-modal100': '#2E2E2E',\n '--rui-bg-modal200': '#424242',\n '--rui-bg-role-red': '#381515',\n '--rui-bg-secondary100': '#331D0F',\n '--rui-bg-highlight': '#383015',\n '--rui-bg-role-yellow': '#383015',\n '--rui-bg-role-blue': '#002861',\n '--rui-bg-role-green': '#15382E',\n '--rui-divider': '#424242',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n};\n"],"names":["RUI_COLOR_THEME","light","dark"],"mappings":";;AAEA;AACA;AACA;AACO,IAAMA,eAAkC,GAAG;AAChDC,EAAAA,KAAK,EAAE;AACL,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;GACzB;AACDC,EAAAA,IAAI,EAAE;AACJ,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;AAC1B,GAAA;AACF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.js","sources":["../../../../src/colors/theme.ts"],"sourcesContent":["import type { RUIColorThemeType } from './types';\n\n/**\n * {@link https://www.figma.com/file/2qQ5eJPRTiAKyz6Q1IzfMJ/WEB?node-id=2570%3A12136&viewport=347%2C475%2C0.47}\n */\nexport const RUI_COLOR_THEME: RUIColorThemeType = {\n light: {\n '--rui-primary100': '#000000',\n '--rui-primary200': '#FFFFFF',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#000000',\n '--rui-contents100': '#424242',\n '--rui-contents150': '#808080',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#D4D4D4',\n '--rui-contents999': '#FFFFFF',\n '--rui-disabled': '#D4D4D4',\n '--rui-disabled-role-red': '#F7ABAB',\n '--rui-disabled-secondary': '#FFE3D1',\n '--rui-role-red': '#ED4E4E',\n '--rui-role-yellow': '#EDC84E',\n '--rui-role-blue': '#2679ED',\n '--rui-role-green': '#21C798',\n '--rui-bg100': '#FFFFFF',\n '--rui-bg200': '#FAFAFA',\n '--rui-bg300': '#F2F2F2',\n '--rui-bg-modal100': '#FFFFFF',\n '--rui-bg-modal200': '#FAFAFA',\n '--rui-bg-role-red': '#FFF5F5',\n '--rui-bg-secondary100': '#FFF4ED',\n '--rui-bg-highlight': '#FCF5DC',\n '--rui-bg-role-yellow': '#FFFDF5',\n '--rui-bg-role-blue': '#EDF4FF',\n '--rui-bg-role-green': '#D9FCF2',\n '--rui-divider': '#D4D4D4',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n dark: {\n '--rui-primary100': '#FFFFFF',\n '--rui-primary200': '#000000',\n '--rui-secondary100': '#FF6A0D',\n '--rui-contents000': '#FFFFFF',\n '--rui-contents100': '#EBEBEB',\n '--rui-contents150': '#D4D4D4',\n '--rui-contents200': '#BDBDBD',\n '--rui-contents300': '#808080',\n '--rui-contents999': '#000000',\n '--rui-disabled': '#808080',\n '--rui-disabled-role-red': '#6B2424',\n '--rui-disabled-secondary': '#4D2A14',\n '--rui-role-red': '#D13636',\n '--rui-role-yellow': '#D1AD36',\n '--rui-role-blue': '#085DD4',\n '--rui-role-green': '#22B28A',\n '--rui-bg100': '#1A1A1A',\n '--rui-bg200': '#000000',\n '--rui-bg300': '#000000',\n '--rui-bg-modal100': '#2E2E2E',\n '--rui-bg-modal200': '#424242',\n '--rui-bg-role-red': '#381515',\n '--rui-bg-secondary100': '#331D0F',\n '--rui-bg-highlight': '#383015',\n '--rui-bg-role-yellow': '#383015',\n '--rui-bg-role-blue': '#002861',\n '--rui-bg-role-green': '#15382E',\n '--rui-divider': '#424242',\n '--rui-fixed-white': '#FFFFFF',\n '--rui-fixed-black': '#000000',\n '--rui-fixed-bg-white': '#FFFFFF',\n },\n};\n"],"names":["RUI_COLOR_THEME","light","dark"],"mappings":"AAEA;AACA;AACA;AACO,IAAMA,eAAkC,GAAG;AAChDC,EAAAA,KAAK,EAAE;AACL,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;GACzB;AACDC,EAAAA,IAAI,EAAE;AACJ,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,yBAAyB,EAAE,SAAS;AACpC,IAAA,0BAA0B,EAAE,SAAS;AACrC,IAAA,gBAAgB,EAAE,SAAS;AAC3B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,iBAAiB,EAAE,SAAS;AAC5B,IAAA,kBAAkB,EAAE,SAAS;AAC7B,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,aAAa,EAAE,SAAS;AACxB,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,uBAAuB,EAAE,SAAS;AAClC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,sBAAsB,EAAE,SAAS;AACjC,IAAA,oBAAoB,EAAE,SAAS;AAC/B,IAAA,qBAAqB,EAAE,SAAS;AAChC,IAAA,eAAe,EAAE,SAAS;AAC1B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,mBAAmB,EAAE,SAAS;AAC9B,IAAA,sBAAsB,EAAE,SAAA;AAC1B,GAAA;AACF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.cjs","sources":["../../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared/utils/common';\n\nimport type {\n ColorVariable,\n ColorVariableName,\n RUIColorVariable,\n ThemeType,\n} from './types';\nimport { RUI_COLOR_THEME } from './theme';\n\n/** var(color)로 된 string을 color로 변경해줄 때 사용 */\nexport function getColorVariableName<V extends string = string>(\n color: ColorVariable<V>\n) {\n return color.slice(4, -1) as ColorVariableName<V>;\n}\n\n/** RDS컬러의 rgb값이 필요할 때 사용ValidityState\n * @example css`color: rgba(${getRgb(contents000)},0.5)`\n */\nexport function getRgb(color: ColorVariable) {\n return `var(${getColorVariableName(color)}__rgb)`;\n}\n\n/** RDS컬러를 통해서 css의 rgba함수를 사용\n * @example css`color: ${getRgb(contents000, 0.5)}`\n * @example css`box-shadow: 0 0 0 5px ${getRgb(contents000, 0.5)}`\n */\nexport function getRgba(color: ColorVariable, opacity: number | `${number}%`) {\n return `rgba(${getRgb(color)},${opacity})`;\n}\n\n/** hex로 된 컬러값을 rgb값으로 변경해줌 */\nexport function hexToRgb(colorHex: string) {\n let hexWithoutHash = colorHex.replace('#', '');\n\n if (hexWithoutHash.length !== 3 && hexWithoutHash.length !== 6) {\n throw new Error('Invalid hex color');\n }\n\n if (hexWithoutHash.length === 3) {\n hexWithoutHash = [...hexWithoutHash].map((hex) => hex.repeat(2)).join();\n }\n\n const [, r, g, b] = hexWithoutHash\n .split(/(..)(..)(..)/)\n .map((hex) => parseInt(hex, 16));\n\n return `${r},${g},${b}`;\n}\n\nexport function getBrowserTheme(): ThemeType {\n if (!isSSR() && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n return 'light';\n}\n\n/** css variable을 hex로 반환 */\nexport function getHexFromRuiCssVariable({\n colorVariable,\n theme,\n}: {\n theme: ThemeType;\n colorVariable: RUIColorVariable;\n}) {\n return RUI_COLOR_THEME[theme][getColorVariableName(colorVariable)];\n}\n"],"names":["getColorVariableName","color","slice","getRgb","concat","getRgba","opacity","hexToRgb","colorHex","hexWithoutHash","replace","length","Error","_toConsumableArray","map","hex","repeat","join","_hexWithoutHash$split","split","parseInt","_hexWithoutHash$split2","_slicedToArray","r","g","b","getBrowserTheme","isSSR","window","matchMedia","matches","getHexFromRuiCssVariable","_ref","colorVariable","theme","RUI_COLOR_THEME"],"mappings":";;;;;;;;;;;;AAUA;AACO,SAASA,oBAAoBA,CAClCC,KAAuB,EACvB;EACA,OAAOA,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC3B,CAAA;;AAEA;AACA;AACA;AACO,SAASC,MAAMA,CAACF,KAAoB,EAAE;AAC3C,EAAA,OAAA,MAAA,CAAAG,MAAA,CAAcJ,oBAAoB,CAACC,KAAK,CAAC,EAAA,QAAA,CAAA,CAAA;AAC3C,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASI,OAAOA,CAACJ,KAAoB,EAAEK,OAA8B,EAAE;EAC5E,OAAAF,OAAAA,CAAAA,MAAA,CAAeD,MAAM,CAACF,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAG,MAAA,CAAIE,OAAO,EAAA,GAAA,CAAA,CAAA;AACzC,CAAA;;AAEA;AACO,SAASC,QAAQA,CAACC,QAAgB,EAAE;EACzC,IAAIC,cAAc,GAAGD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;EAE9C,IAAID,cAAc,CAACE,MAAM,KAAK,CAAC,IAAIF,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9D,IAAA,MAAM,IAAIC,KAAK,CAAC,mBAAmB,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,IAAIH,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;IAC/BF,cAAc,GAAGI,mCAAA,CAAIJ,cAAc,EAAEK,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,EAAE,CAAA;AACzE,GAAA;AAEA,EAAA,IAAAC,qBAAA,GAAoBT,cAAc,CAC/BU,KAAK,CAAC,cAAc,CAAC,CACrBL,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKK,QAAQ,CAACL,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAM,sBAAA,GAAAC,+BAAA,CAAAJ,qBAAA,EAAA,CAAA,CAAA;AAFzBK,IAAAA,CAAC,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,CAAC,GAAAH,sBAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,CAAC,GAAAJ,sBAAA,CAAA,CAAA,CAAA,CAAA;EAIhB,OAAAjB,EAAAA,CAAAA,MAAA,CAAUmB,CAAC,EAAAnB,GAAAA,CAAAA,CAAAA,MAAA,CAAIoB,CAAC,EAAA,GAAA,CAAA,CAAApB,MAAA,CAAIqB,CAAC,CAAA,CAAA;AACvB,CAAA;AAEO,SAASC,eAAeA,GAAc;AAC3C,EAAA,IAAI,CAACC,YAAK,EAAE,IAAIC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAACC,OAAO,EAAE;AACzE,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AACA,EAAA,OAAO,OAAO,CAAA;AAChB,CAAA;;AAEA;AACO,SAASC,wBAAwBA,CAAAC,IAAA,EAMrC;AAAA,EAAA,IALDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,OAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EAKL,OAAOC,qBAAe,CAACD,OAAK,CAAC,CAAClC,oBAAoB,CAACiC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared/utils/common';\n\nimport type {\n ColorVariable,\n ColorVariableName,\n RUIColorVariable,\n ThemeType,\n} from './types';\nimport { RUI_COLOR_THEME } from './theme';\n\n/** var(color)로 된 string을 color로 변경해줄 때 사용 */\nexport function getColorVariableName<V extends string = string>(\n color: ColorVariable<V>\n) {\n return color.slice(4, -1) as ColorVariableName<V>;\n}\n\n/** RDS컬러의 rgb값이 필요할 때 사용ValidityState\n * @example css`color: rgba(${getRgb(contents000)},0.5)`\n */\nexport function getRgb(color: ColorVariable) {\n return `var(${getColorVariableName(color)}__rgb)`;\n}\n\n/** RDS컬러를 통해서 css의 rgba함수를 사용\n * @example css`color: ${getRgb(contents000, 0.5)}`\n * @example css`box-shadow: 0 0 0 5px ${getRgb(contents000, 0.5)}`\n */\nexport function getRgba(color: ColorVariable, opacity: number | `${number}%`) {\n return `rgba(${getRgb(color)},${opacity})`;\n}\n\n/** hex로 된 컬러값을 rgb값으로 변경해줌 */\nexport function hexToRgb(colorHex: string) {\n let hexWithoutHash = colorHex.replace('#', '');\n\n if (hexWithoutHash.length !== 3 && hexWithoutHash.length !== 6) {\n throw new Error('Invalid hex color');\n }\n\n if (hexWithoutHash.length === 3) {\n hexWithoutHash = [...hexWithoutHash].map((hex) => hex.repeat(2)).join();\n }\n\n const [, r, g, b] = hexWithoutHash\n .split(/(..)(..)(..)/)\n .map((hex) => parseInt(hex, 16));\n\n return `${r},${g},${b}`;\n}\n\nexport function getBrowserTheme(): ThemeType {\n if (!isSSR() && window.matchMedia('(prefers-color-scheme: dark)').matches) {\n return 'dark';\n }\n return 'light';\n}\n\n/** css variable을 hex로 반환 */\nexport function getHexFromRuiCssVariable({\n colorVariable,\n theme,\n}: {\n theme: ThemeType;\n colorVariable: RUIColorVariable;\n}) {\n return RUI_COLOR_THEME[theme][getColorVariableName(colorVariable)];\n}\n"],"names":["getColorVariableName","color","slice","getRgb","concat","getRgba","opacity","hexToRgb","colorHex","hexWithoutHash","replace","length","Error","_toConsumableArray","map","hex","repeat","join","_hexWithoutHash$split","split","parseInt","_hexWithoutHash$split2","_slicedToArray","r","g","b","getBrowserTheme","isSSR","window","matchMedia","matches","getHexFromRuiCssVariable","_ref","colorVariable","theme","RUI_COLOR_THEME"],"mappings":";;;;;AAUA;AACO,SAASA,oBAAoBA,CAClCC,KAAuB,EACvB;EACA,OAAOA,KAAK,CAACC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAC3B,CAAA;;AAEA;AACA;AACA;AACO,SAASC,MAAMA,CAACF,KAAoB,EAAE;AAC3C,EAAA,OAAA,MAAA,CAAAG,MAAA,CAAcJ,oBAAoB,CAACC,KAAK,CAAC,EAAA,QAAA,CAAA,CAAA;AAC3C,CAAA;;AAEA;AACA;AACA;AACA;AACO,SAASI,OAAOA,CAACJ,KAAoB,EAAEK,OAA8B,EAAE;EAC5E,OAAAF,OAAAA,CAAAA,MAAA,CAAeD,MAAM,CAACF,KAAK,CAAC,EAAA,GAAA,CAAA,CAAAG,MAAA,CAAIE,OAAO,EAAA,GAAA,CAAA,CAAA;AACzC,CAAA;;AAEA;AACO,SAASC,QAAQA,CAACC,QAAgB,EAAE;EACzC,IAAIC,cAAc,GAAGD,QAAQ,CAACE,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;EAE9C,IAAID,cAAc,CAACE,MAAM,KAAK,CAAC,IAAIF,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;AAC9D,IAAA,MAAM,IAAIC,KAAK,CAAC,mBAAmB,CAAC,CAAA;AACtC,GAAA;AAEA,EAAA,IAAIH,cAAc,CAACE,MAAM,KAAK,CAAC,EAAE;IAC/BF,cAAc,GAAGI,kBAAA,CAAIJ,cAAc,EAAEK,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKA,GAAG,CAACC,MAAM,CAAC,CAAC,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,EAAE,CAAA;AACzE,GAAA;AAEA,EAAA,IAAAC,qBAAA,GAAoBT,cAAc,CAC/BU,KAAK,CAAC,cAAc,CAAC,CACrBL,GAAG,CAAC,UAACC,GAAG,EAAA;AAAA,MAAA,OAAKK,QAAQ,CAACL,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAM,sBAAA,GAAAC,cAAA,CAAAJ,qBAAA,EAAA,CAAA,CAAA;AAFzBK,IAAAA,CAAC,GAAAF,sBAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,CAAC,GAAAH,sBAAA,CAAA,CAAA,CAAA;AAAEI,IAAAA,CAAC,GAAAJ,sBAAA,CAAA,CAAA,CAAA,CAAA;EAIhB,OAAAjB,EAAAA,CAAAA,MAAA,CAAUmB,CAAC,EAAAnB,GAAAA,CAAAA,CAAAA,MAAA,CAAIoB,CAAC,EAAA,GAAA,CAAA,CAAApB,MAAA,CAAIqB,CAAC,CAAA,CAAA;AACvB,CAAA;AAEO,SAASC,eAAeA,GAAc;AAC3C,EAAA,IAAI,CAACC,KAAK,EAAE,IAAIC,MAAM,CAACC,UAAU,CAAC,8BAA8B,CAAC,CAACC,OAAO,EAAE;AACzE,IAAA,OAAO,MAAM,CAAA;AACf,GAAA;AACA,EAAA,OAAO,OAAO,CAAA;AAChB,CAAA;;AAEA;AACO,SAASC,wBAAwBA,CAAAC,IAAA,EAMrC;AAAA,EAAA,IALDC,aAAa,GAAAD,IAAA,CAAbC,aAAa;IACbC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;EAKL,OAAOC,eAAe,CAACD,KAAK,CAAC,CAAClC,oBAAoB,CAACiC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"variables.cjs","sources":["../../../../src/colors/variables.ts"],"sourcesContent":["export const primary100 = 'var(--rui-primary100)';\nexport const primary200 = 'var(--rui-primary200)';\nexport const secondary100 = 'var(--rui-secondary100)';\n\n// Contents txt/ label/ border/ divider\nexport const contents000 = 'var(--rui-contents000)';\nexport const contents100 = 'var(--rui-contents100)';\nexport const contents150 = 'var(--rui-contents150)';\nexport const contents200 = 'var(--rui-contents200)';\nexport const contents300 = 'var(--rui-contents300)';\nexport const contents999 = 'var(--rui-contents999)';\n\n// Disable disabled CTA\nexport const disabled = 'var(--rui-disabled)';\nexport const disabledRoleRed = 'var(--rui-disabled-role-red)';\nexport const disabledSecondary = 'var(--rui-disabled-secondary)';\n\n// Accent Error/ Link/\nexport const roleRed = 'var(--rui-role-red)';\nexport const roleYellow = 'var(--rui-role-yellow)';\nexport const roleBlue = 'var(--rui-role-blue)';\nexport const roleGreen = 'var(--rui-role-green)';\n\n// Background\nexport const bg100 = 'var(--rui-bg100)';\nexport const bg200 = 'var(--rui-bg200)';\nexport const bg300 = 'var(--rui-bg300)';\nexport const bgModal100 = 'var(--rui-bg-modal100)';\nexport const bgModal200 = 'var(--rui-bg-modal200)';\nexport const bgRoleRed = 'var(--rui-bg-role-red)';\nexport const bgSecondary100 = 'var(--rui-bg-secondary100)';\nexport const bgHighlight = 'var(--rui-bg-highlight)';\nexport const bgRoleYellow = 'var(--rui-bg-role-yellow)';\nexport const bgRoleBlue = 'var(--rui-bg-role-blue)';\nexport const bgRoleGreen = 'var(--rui-bg-role-green)';\n\n// Divider\nexport const divider = 'var(--rui-divider)';\n\n// Fixed\nexport const fixedWhite = 'var(--rui-fixed-white)';\nexport const fixedBgWhite = 'var(--rui-fixed-bg-white)';\nexport const fixedBlack = 'var(--rui-fixed-black)';\n"],"names":["primary100","primary200","secondary100","contents000","contents100","contents150","contents200","contents300","contents999","disabled","disabledRoleRed","disabledSecondary","roleRed","roleYellow","roleBlue","roleGreen","bg100","bg200","bg300","bgModal100","bgModal200","bgRoleRed","bgSecondary100","bgHighlight","bgRoleYellow","bgRoleBlue","bgRoleGreen","divider","fixedWhite","fixedBgWhite","fixedBlack"],"mappings":";;AAAO,IAAMA,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,YAAY,GAAG,0BAAyB;;AAErD;AACO,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;;AAEnD;AACO,IAAMC,QAAQ,GAAG,sBAAqB;AACtC,IAAMC,eAAe,GAAG,+BAA8B;AACtD,IAAMC,iBAAiB,GAAG,gCAA+B;;AAEhE;AACO,IAAMC,OAAO,GAAG,sBAAqB;AACrC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,QAAQ,GAAG,uBAAsB;AACvC,IAAMC,SAAS,GAAG,wBAAuB;;AAEhD;AACO,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,SAAS,GAAG,yBAAwB;AAC1C,IAAMC,cAAc,GAAG,6BAA4B;AACnD,IAAMC,WAAW,GAAG,0BAAyB;AAC7C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG,0BAAyB;AAC5C,IAAMC,WAAW,GAAG,2BAA0B;;AAErD;AACO,IAAMC,OAAO,GAAG,qBAAoB;;AAE3C;AACO,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"variables.js","sources":["../../../../src/colors/variables.ts"],"sourcesContent":["export const primary100 = 'var(--rui-primary100)';\nexport const primary200 = 'var(--rui-primary200)';\nexport const secondary100 = 'var(--rui-secondary100)';\n\n// Contents txt/ label/ border/ divider\nexport const contents000 = 'var(--rui-contents000)';\nexport const contents100 = 'var(--rui-contents100)';\nexport const contents150 = 'var(--rui-contents150)';\nexport const contents200 = 'var(--rui-contents200)';\nexport const contents300 = 'var(--rui-contents300)';\nexport const contents999 = 'var(--rui-contents999)';\n\n// Disable disabled CTA\nexport const disabled = 'var(--rui-disabled)';\nexport const disabledRoleRed = 'var(--rui-disabled-role-red)';\nexport const disabledSecondary = 'var(--rui-disabled-secondary)';\n\n// Accent Error/ Link/\nexport const roleRed = 'var(--rui-role-red)';\nexport const roleYellow = 'var(--rui-role-yellow)';\nexport const roleBlue = 'var(--rui-role-blue)';\nexport const roleGreen = 'var(--rui-role-green)';\n\n// Background\nexport const bg100 = 'var(--rui-bg100)';\nexport const bg200 = 'var(--rui-bg200)';\nexport const bg300 = 'var(--rui-bg300)';\nexport const bgModal100 = 'var(--rui-bg-modal100)';\nexport const bgModal200 = 'var(--rui-bg-modal200)';\nexport const bgRoleRed = 'var(--rui-bg-role-red)';\nexport const bgSecondary100 = 'var(--rui-bg-secondary100)';\nexport const bgHighlight = 'var(--rui-bg-highlight)';\nexport const bgRoleYellow = 'var(--rui-bg-role-yellow)';\nexport const bgRoleBlue = 'var(--rui-bg-role-blue)';\nexport const bgRoleGreen = 'var(--rui-bg-role-green)';\n\n// Divider\nexport const divider = 'var(--rui-divider)';\n\n// Fixed\nexport const fixedWhite = 'var(--rui-fixed-white)';\nexport const fixedBgWhite = 'var(--rui-fixed-bg-white)';\nexport const fixedBlack = 'var(--rui-fixed-black)';\n"],"names":["primary100","primary200","secondary100","contents000","contents100","contents150","contents200","contents300","contents999","disabled","disabledRoleRed","disabledSecondary","roleRed","roleYellow","roleBlue","roleGreen","bg100","bg200","bg300","bgModal100","bgModal200","bgRoleRed","bgSecondary100","bgHighlight","bgRoleYellow","bgRoleBlue","bgRoleGreen","divider","fixedWhite","fixedBgWhite","fixedBlack"],"mappings":"AAAO,IAAMA,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,UAAU,GAAG,wBAAuB;AAC1C,IAAMC,YAAY,GAAG,0BAAyB;;AAErD;AACO,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;AAC5C,IAAMC,WAAW,GAAG,yBAAwB;;AAEnD;AACO,IAAMC,QAAQ,GAAG,sBAAqB;AACtC,IAAMC,eAAe,GAAG,+BAA8B;AACtD,IAAMC,iBAAiB,GAAG,gCAA+B;;AAEhE;AACO,IAAMC,OAAO,GAAG,sBAAqB;AACrC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,QAAQ,GAAG,uBAAsB;AACvC,IAAMC,SAAS,GAAG,wBAAuB;;AAEhD;AACO,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,KAAK,GAAG,mBAAkB;AAChC,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,SAAS,GAAG,yBAAwB;AAC1C,IAAMC,cAAc,GAAG,6BAA4B;AACnD,IAAMC,WAAW,GAAG,0BAAyB;AAC7C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG,0BAAyB;AAC5C,IAAMC,WAAW,GAAG,2BAA0B;;AAErD;AACO,IAAMC,OAAO,GAAG,qBAAoB;;AAE3C;AACO,IAAMC,UAAU,GAAG,yBAAwB;AAC3C,IAAMC,YAAY,GAAG,4BAA2B;AAChD,IAAMC,UAAU,GAAG;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"const.cjs","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":";;AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"const.js","sources":["../../../../src/mediaQuery/const.ts"],"sourcesContent":["export const DESKTOP_WIDTH = 768;\nexport const PHONE_WIDTH = 430;\n"],"names":["DESKTOP_WIDTH","PHONE_WIDTH"],"mappings":"AAAO,IAAMA,aAAa,GAAG,IAAG;AACzB,IAAMC,WAAW,GAAG;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n maxWidth,\n minWidth,\n}: {\n maxWidth?: number | string;\n minWidth?: number | string;\n}) {\n const mediaQueries: string[] = [];\n\n if (maxWidth) {\n mediaQueries.push(\n `(max-width: ${\n typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n })`\n );\n }\n\n if (minWidth) {\n mediaQueries.push(\n `(min-width: ${\n typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n })`\n );\n }\n\n return (cssInterpolation: CSSProp) => css`\n @media ${mediaQueries.join(' and ')} {\n ${cssInterpolation}\n }\n `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;;;;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;;;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/mediaQuery/index.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\nimport type { CSSProp } from 'styled-components';\n\nimport { DESKTOP_WIDTH, PHONE_WIDTH } from './const';\n\nexport * from './const';\n\nexport function getDeviceWidthMediaQuery({\n maxWidth,\n minWidth,\n}: {\n maxWidth?: number | string;\n minWidth?: number | string;\n}) {\n const mediaQueries: string[] = [];\n\n if (maxWidth) {\n mediaQueries.push(\n `(max-width: ${\n typeof maxWidth === 'string' ? maxWidth : `${maxWidth}px`\n })`\n );\n }\n\n if (minWidth) {\n mediaQueries.push(\n `(min-width: ${\n typeof minWidth === 'string' ? minWidth : `${minWidth}px`\n })`\n );\n }\n\n return (cssInterpolation: CSSProp) => css`\n @media ${mediaQueries.join(' and ')} {\n ${cssInterpolation}\n }\n `;\n}\n\nexport const mobileOnly = getDeviceWidthMediaQuery({\n maxWidth: DESKTOP_WIDTH - 1,\n});\nexport const desktopOnly = getDeviceWidthMediaQuery({\n minWidth: DESKTOP_WIDTH,\n});\nexport const phoneOnly = getDeviceWidthMediaQuery({\n maxWidth: PHONE_WIDTH,\n});\n"],"names":["mediaQueries","mobileOnly","desktopOnly","minWidth","phoneOnly","maxWidth"],"mappings":";;;;;AAAa;AASN;AAMJ;;;AAGD;AACEA;AAKF;AAEA;AACEA;AAKF;AAEA;AAAiC;;AAKnC;AAEaC;;AAEb;AACaC;AACXC;AACF;AACaC;AACXC;AACF;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"const.cjs","sources":["../../../../src/typography/const.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\n\nconst LEGACY_TYPOGRAPHY_STYLES = {\n Headline2_B: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Headline3_B: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_B: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_M: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Body1_B: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1_M: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Body2_B: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2_M: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption_B: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n ...LEGACY_TYPOGRAPHY_STYLES,\n Headline: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Title1: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Display: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 400,\n },\n Title2: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n ArticleBody: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Subtitle1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Subtitle2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\n/**\n * {@link https://github.com/orioncactus/pretendard#html-1}\n */\nexport const PRETENDARD_FONT_FAMILY =\n \"Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif\";\n"],"names":["LEGACY_TYPOGRAPHY_STYLES","Headline2_B","fontSize","lineHeight","fontWeight","Headline3_B","Headline4_B","Headline4_M","Body1_B","Body1_M","Body2_B","Body2_M","Caption_B","TYPOGRAPHY_STYLES","_objectSpread","Headline","Title1","Display","Title2","ArticleBody","Subtitle1","Body1","Subtitle2","Body2","Caption","PRETENDARD_FONT_FAMILY"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"const.js","sources":["../../../../src/typography/const.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\n\nconst LEGACY_TYPOGRAPHY_STYLES = {\n Headline2_B: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Headline3_B: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_B: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n Headline4_M: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Body1_B: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1_M: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Body2_B: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2_M: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption_B: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n ...LEGACY_TYPOGRAPHY_STYLES,\n Headline: {\n fontSize: 24,\n lineHeight: 34,\n fontWeight: 600,\n },\n Title1: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 600,\n },\n Display: {\n fontSize: 20,\n lineHeight: 26,\n fontWeight: 400,\n },\n Title2: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 600,\n },\n ArticleBody: {\n fontSize: 16,\n lineHeight: 26,\n fontWeight: 400,\n },\n Subtitle1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 600,\n },\n Body1: {\n fontSize: 14,\n lineHeight: 24,\n fontWeight: 400,\n },\n Subtitle2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 600,\n },\n Body2: {\n fontSize: 12,\n lineHeight: 19,\n fontWeight: 400,\n },\n Caption: {\n fontSize: 10,\n lineHeight: 14,\n fontWeight: 600,\n },\n} as const;\n\n/**\n * {@link https://github.com/orioncactus/pretendard#html-1}\n */\nexport const PRETENDARD_FONT_FAMILY =\n \"Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif\";\n"],"names":["LEGACY_TYPOGRAPHY_STYLES","Headline2_B","fontSize","lineHeight","fontWeight","Headline3_B","Headline4_B","Headline4_M","Body1_B","Body1_M","Body2_B","Body2_M","Caption_B","TYPOGRAPHY_STYLES","_objectSpread","Headline","Title1","Display","Title2","ArticleBody","Subtitle1","Body1","Subtitle2","Body2","Caption","PRETENDARD_FONT_FAMILY"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.cjs","sources":["../../../../src/typography/utils.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\n\nimport { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './const';\nimport type { TypographyStyle } from './types';\n\n/**\n * 해당 스타일명에 해당하는 css 조각을 반환\n * @see TYPOGRAPHY_STYLES\n */\nexport const getTypographyStyles = (typographyStyle: TypographyStyle) => {\n const { fontSize, lineHeight, fontWeight } =\n TYPOGRAPHY_STYLES[typographyStyle];\n return css`\n font-family: ${PRETENDARD_FONT_FAMILY};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n font-weight: ${fontWeight};\n `;\n};\n\n/**\n * 말줄임표 표시 (1줄)\n *\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n */\nexport const textEllipsis = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\n/**\n * 말줄임표 표시\n *\n * line = 1 인 경우, \\\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n *\n * line > 1 인 경우, \\\n * overflow: hidden; \\\n * text-overflow: ellipsis; \\\n * display: -webkit-box; \\\n * -webkit-box-orient: vertical; \\\n * -webkit-line-clamp: ${line};\n */\nexport const ellipsis = (line = 1) => {\n if (line === 1) {\n return textEllipsis;\n }\n\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${line};\n `;\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAAa;AAOb;AACA;AACA;AACA;;AAEE;;;;AAEA;AAMF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;;AAMP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACsC;;AAElC;AACF;;AASF;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sources":["../../../../src/typography/utils.ts"],"sourcesContent":["'use client';\n\nimport { css } from 'styled-components';\n\nimport { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './const';\nimport type { TypographyStyle } from './types';\n\n/**\n * 해당 스타일명에 해당하는 css 조각을 반환\n * @see TYPOGRAPHY_STYLES\n */\nexport const getTypographyStyles = (typographyStyle: TypographyStyle) => {\n const { fontSize, lineHeight, fontWeight } =\n TYPOGRAPHY_STYLES[typographyStyle];\n return css`\n font-family: ${PRETENDARD_FONT_FAMILY};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n font-weight: ${fontWeight};\n `;\n};\n\n/**\n * 말줄임표 표시 (1줄)\n *\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n */\nexport const textEllipsis = css`\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n`;\n\n/**\n * 말줄임표 표시\n *\n * line = 1 인 경우, \\\n * white-space: nowrap; \\\n * overflow: hidden; \\\n * text-overflow: ellipsis;\n *\n * line > 1 인 경우, \\\n * overflow: hidden; \\\n * text-overflow: ellipsis; \\\n * display: -webkit-box; \\\n * -webkit-box-orient: vertical; \\\n * -webkit-line-clamp: ${line};\n */\nexport const ellipsis = (line = 1) => {\n if (line === 1) {\n return textEllipsis;\n }\n\n return css`\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: ${line};\n `;\n};\n"],"names":[],"mappings":";;;;;AAAa;AAOb;AACA;AACA;AACA;;AAEE;;;;AAEA;AAMF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACO;;AAMP;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACsC;;AAElC;AACF;;AASF;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"common.cjs","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n if (end < start) {\n return []; // 유효하지 않은 입력값 처리\n }\n return Array(end - start + 1)\n .fill(0)\n .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["isSSR","window"],"mappings":";;AAQaA,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"common.js","sources":["../../../../shared/utils/common.ts"],"sourcesContent":["export const range = (start: number, end: number) => {\n if (end < start) {\n return []; // 유효하지 않은 입력값 처리\n }\n return Array(end - start + 1)\n .fill(0)\n .map((_, idx) => start + idx);\n};\nexport const isSSR = () => typeof window === 'undefined';\n"],"names":["isSSR","window"],"mappings":"AAQaA,IAAAA,KAAK,GAAG,SAARA,KAAKA,GAAA;EAAA,OAAS,OAAOC,MAAM,KAAK,WAAW,CAAA;AAAA;;;;"}