@remember-web/mixin 0.1.13 → 0.1.14
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.
- package/dist/src/colors/index.d.ts.map +1 -0
- package/dist/src/colors/theme.cjs.js.map +1 -0
- package/dist/src/colors/theme.d.ts.map +1 -0
- package/dist/src/colors/theme.esm.js.map +1 -0
- package/dist/src/colors/types.d.ts.map +1 -0
- package/dist/{mixin/src → src}/colors/utils.cjs.js +2 -2
- package/dist/src/colors/utils.cjs.js.map +1 -0
- package/dist/src/colors/utils.d.ts.map +1 -0
- package/dist/{mixin/src → src}/colors/utils.esm.js +1 -1
- package/dist/src/colors/utils.esm.js.map +1 -0
- package/dist/src/colors/variables.cjs.js.map +1 -0
- package/dist/src/colors/variables.d.ts.map +1 -0
- package/dist/src/colors/variables.esm.js.map +1 -0
- package/dist/src/index.d.ts.map +1 -0
- package/dist/src/mediaQuery/const.cjs.js.map +1 -0
- package/dist/src/mediaQuery/const.d.ts.map +1 -0
- package/dist/src/mediaQuery/const.esm.js.map +1 -0
- package/dist/src/mediaQuery/index.cjs.js.map +1 -0
- package/dist/src/mediaQuery/index.d.ts.map +1 -0
- package/dist/src/mediaQuery/index.esm.js.map +1 -0
- package/dist/src/provider/index.cjs.js.map +1 -0
- package/dist/src/provider/index.d.ts.map +1 -0
- package/dist/src/provider/index.esm.js.map +1 -0
- package/dist/src/provider/styles.cjs.js.map +1 -0
- package/dist/src/provider/styles.d.ts.map +1 -0
- package/dist/src/provider/styles.esm.js.map +1 -0
- package/dist/src/typography/const.cjs.js.map +1 -0
- package/dist/src/typography/const.d.ts.map +1 -0
- package/dist/src/typography/const.esm.js.map +1 -0
- package/dist/src/typography/index.d.ts.map +1 -0
- package/dist/src/typography/types.d.ts.map +1 -0
- package/dist/src/typography/utils.cjs.js.map +1 -0
- package/dist/src/typography/utils.d.ts.map +1 -0
- package/dist/src/typography/utils.esm.js.map +1 -0
- package/package.json +9 -9
- package/src/colors/utils.ts +1 -1
- package/dist/mixin/src/colors/index.d.ts.map +0 -1
- package/dist/mixin/src/colors/theme.cjs.js.map +0 -1
- package/dist/mixin/src/colors/theme.d.ts.map +0 -1
- package/dist/mixin/src/colors/theme.esm.js.map +0 -1
- package/dist/mixin/src/colors/types.d.ts.map +0 -1
- package/dist/mixin/src/colors/utils.cjs.js.map +0 -1
- package/dist/mixin/src/colors/utils.d.ts.map +0 -1
- package/dist/mixin/src/colors/utils.esm.js.map +0 -1
- package/dist/mixin/src/colors/variables.cjs.js.map +0 -1
- package/dist/mixin/src/colors/variables.d.ts.map +0 -1
- package/dist/mixin/src/colors/variables.esm.js.map +0 -1
- package/dist/mixin/src/index.d.ts.map +0 -1
- package/dist/mixin/src/mediaQuery/const.cjs.js.map +0 -1
- package/dist/mixin/src/mediaQuery/const.d.ts.map +0 -1
- package/dist/mixin/src/mediaQuery/const.esm.js.map +0 -1
- package/dist/mixin/src/mediaQuery/index.cjs.js.map +0 -1
- package/dist/mixin/src/mediaQuery/index.d.ts.map +0 -1
- package/dist/mixin/src/mediaQuery/index.esm.js.map +0 -1
- package/dist/mixin/src/provider/index.cjs.js.map +0 -1
- package/dist/mixin/src/provider/index.d.ts.map +0 -1
- package/dist/mixin/src/provider/index.esm.js.map +0 -1
- package/dist/mixin/src/provider/styles.cjs.js.map +0 -1
- package/dist/mixin/src/provider/styles.d.ts.map +0 -1
- package/dist/mixin/src/provider/styles.esm.js.map +0 -1
- package/dist/mixin/src/typography/const.cjs.js.map +0 -1
- package/dist/mixin/src/typography/const.d.ts.map +0 -1
- package/dist/mixin/src/typography/const.esm.js.map +0 -1
- package/dist/mixin/src/typography/index.d.ts.map +0 -1
- package/dist/mixin/src/typography/types.d.ts.map +0 -1
- package/dist/mixin/src/typography/utils.cjs.js.map +0 -1
- package/dist/mixin/src/typography/utils.d.ts.map +0 -1
- package/dist/mixin/src/typography/utils.esm.js.map +0 -1
- package/dist/shared/utils/common.cjs.js +0 -8
- package/dist/shared/utils/common.cjs.js.map +0 -1
- package/dist/shared/utils/common.d.ts +0 -3
- package/dist/shared/utils/common.d.ts.map +0 -1
- package/dist/shared/utils/common.esm.js +0 -6
- package/dist/shared/utils/common.esm.js.map +0 -1
- /package/dist/{mixin/src → src}/colors/index.d.ts +0 -0
- /package/dist/{mixin/src → src}/colors/theme.cjs.js +0 -0
- /package/dist/{mixin/src → src}/colors/theme.d.ts +0 -0
- /package/dist/{mixin/src → src}/colors/theme.esm.js +0 -0
- /package/dist/{mixin/src → src}/colors/types.d.ts +0 -0
- /package/dist/{mixin/src → src}/colors/utils.d.ts +0 -0
- /package/dist/{mixin/src → src}/colors/variables.cjs.js +0 -0
- /package/dist/{mixin/src → src}/colors/variables.d.ts +0 -0
- /package/dist/{mixin/src → src}/colors/variables.esm.js +0 -0
- /package/dist/{mixin/src → src}/index.cjs.js +0 -0
- /package/dist/{mixin/src → src}/index.cjs.js.map +0 -0
- /package/dist/{mixin/src → src}/index.d.ts +0 -0
- /package/dist/{mixin/src → src}/index.esm.js +0 -0
- /package/dist/{mixin/src → src}/index.esm.js.map +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/const.cjs.js +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/const.d.ts +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/const.esm.js +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/index.cjs.js +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/index.d.ts +0 -0
- /package/dist/{mixin/src → src}/mediaQuery/index.esm.js +0 -0
- /package/dist/{mixin/src → src}/provider/index.cjs.js +0 -0
- /package/dist/{mixin/src → src}/provider/index.d.ts +0 -0
- /package/dist/{mixin/src → src}/provider/index.esm.js +0 -0
- /package/dist/{mixin/src → src}/provider/styles.cjs.js +0 -0
- /package/dist/{mixin/src → src}/provider/styles.d.ts +0 -0
- /package/dist/{mixin/src → src}/provider/styles.esm.js +0 -0
- /package/dist/{mixin/src → src}/typography/const.cjs.js +0 -0
- /package/dist/{mixin/src → src}/typography/const.d.ts +0 -0
- /package/dist/{mixin/src → src}/typography/const.esm.js +0 -0
- /package/dist/{mixin/src → src}/typography/index.d.ts +0 -0
- /package/dist/{mixin/src → src}/typography/types.d.ts +0 -0
- /package/dist/{mixin/src → src}/typography/utils.cjs.js +0 -0
- /package/dist/{mixin/src → src}/typography/utils.d.ts +0 -0
- /package/dist/{mixin/src → src}/typography/utils.esm.js +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/colors/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/colors/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAmE7B,CAAC"}
|
|
@@ -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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,OAAO,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;AAEzE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC;;;GAGG;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,GAAG,CAAC;AACzE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,eAAe,CACxE,aAAa,CAAC,CAAC,CAAC,CACjB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,cAAc,aAAa,CAAC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,SAAS,GAAG,QAAQ;CAC7B,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,SAAS,GAAG,WAAW;CAChC,CAAC"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
4
4
|
var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
|
|
5
|
-
var
|
|
5
|
+
var shared = require('@remember-web/shared');
|
|
6
6
|
var theme = require('./theme.cjs.js');
|
|
7
7
|
|
|
8
8
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
@@ -51,7 +51,7 @@ function hexToRgb(colorHex) {
|
|
|
51
51
|
return "".concat(r, ",").concat(g, ",").concat(b);
|
|
52
52
|
}
|
|
53
53
|
function getBrowserTheme() {
|
|
54
|
-
if (!
|
|
54
|
+
if (!shared.isSSR() && window.matchMedia('(prefers-color-scheme: dark)').matches) {
|
|
55
55
|
return 'dark';
|
|
56
56
|
}
|
|
57
57
|
return 'light';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.cjs.js","sources":["../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared';\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;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACV,MAAM,SAAS,CAAC;AAGjB,6CAA6C;AAC7C,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,wBAGxB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,UAE1C;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,UAE3E;AAED,8BAA8B;AAC9B,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,UAgBxC;AAED,wBAAgB,eAAe,IAAI,SAAS,CAK3C;AAED,4BAA4B;AAC5B,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,KAAK,GACN,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,EAAE,gBAAgB,CAAC;CACjC,UAEA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
2
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
3
|
-
import { isSSR } from '
|
|
3
|
+
import { isSSR } from '@remember-web/shared';
|
|
4
4
|
import { RUI_COLOR_THEME } from './theme.esm.js';
|
|
5
5
|
|
|
6
6
|
/** var(color)로 된 string을 color로 변경해줄 때 사용 */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.esm.js","sources":["../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared';\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;;;;"}
|
|
@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../src/colors/variables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,YAAY,4BAA4B,CAAC;AAGtD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AAGpD,eAAO,MAAM,QAAQ,wBAAwB,CAAC;AAC9C,eAAO,MAAM,eAAe,iCAAiC,CAAC;AAC9D,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAGjE,eAAO,MAAM,OAAO,wBAAwB,CAAC;AAC7C,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,QAAQ,yBAAyB,CAAC;AAC/C,eAAO,MAAM,SAAS,0BAA0B,CAAC;AAGjD,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,SAAS,2BAA2B,CAAC;AAClD,eAAO,MAAM,cAAc,+BAA+B,CAAC;AAC3D,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,4BAA4B,CAAC;AACpD,eAAO,MAAM,WAAW,6BAA6B,CAAC;AAGtD,eAAO,MAAM,OAAO,uBAAuB,CAAC;AAG5C,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,2BAA2B,CAAC"}
|
|
@@ -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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -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;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/mediaQuery/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,WAAW,MAAM,CAAC"}
|
|
@@ -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;;;;"}
|
|
@@ -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;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/mediaQuery/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIjD,cAAc,SAAS,CAAC;AAExB,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,sBAmB2B,OAAO,iDAKlC;AAED,eAAO,MAAM,UAAU,qBAPK,OAAO,gDASjC,CAAC;AACH,eAAO,MAAM,WAAW,qBAVI,OAAO,gDAYjC,CAAC;AACH,eAAO,MAAM,SAAS,qBAbM,OAAO,gDAejC,CAAC"}
|
|
@@ -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;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":["../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n currentTheme: ThemeType;\n setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n children,\n customMixins,\n forceTheme,\n setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n const ruiContextValue: RUIContextValue = useMemo(\n () => ({ currentTheme, setTheme }),\n [currentTheme, setTheme]\n );\n\n return (\n <RUIContext.Provider value={ruiContextValue}>\n <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n {children}\n </RUIContext.Provider>\n );\n}\n\nexport function useRUI() {\n const ruiContextValue = useContext(RUIContext);\n\n if (ruiContextValue === null) {\n throw new Error('useRUI must be used within RUIProvider!');\n }\n\n return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/provider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1D,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACvC;AAID;6CAC6C;AAC7C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,2CAa3C;AAED,wBAAgB,MAAM,oBAQrB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":["../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n currentTheme: ThemeType;\n setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n children,\n customMixins,\n forceTheme,\n setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n const ruiContextValue: RUIContextValue = useMemo(\n () => ({ currentTheme, setTheme }),\n [currentTheme, setTheme]\n );\n\n return (\n <RUIContext.Provider value={ruiContextValue}>\n <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n {children}\n </RUIContext.Provider>\n );\n}\n\nexport function useRUI() {\n const ruiContextValue = useContext(RUIContext);\n\n if (ruiContextValue === null) {\n throw new Error('useRUI must be used within RUIProvider!');\n }\n\n return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.cjs.js","sources":["../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n}>(\n ({ customMixins, forceTheme }) => css`\n :root {\n ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n @media (prefers-color-scheme: dark) {\n ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n }\n }\n `\n);\n\nfunction getThemeCssFragment({\n theme,\n customMixins,\n}: {\n theme: ThemeType;\n customMixins?: ColorThemeType;\n}) {\n return Object.entries({\n ...RUI_COLOR_THEME[theme],\n ...customMixins?.[theme],\n }).map(\n ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/provider/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,cAAc;;;EAa1B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.esm.js","sources":["../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n}>(\n ({ customMixins, forceTheme }) => css`\n :root {\n ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n @media (prefers-color-scheme: dark) {\n ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n }\n }\n `\n);\n\nfunction getThemeCssFragment({\n theme,\n customMixins,\n}: {\n theme: ThemeType;\n customMixins?: ColorThemeType;\n}) {\n return Object.entries({\n ...RUI_COLOR_THEME[theme],\n ...customMixins?.[theme],\n }).map(\n ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}
|
|
@@ -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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../src/typography/const.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,iOAC6L,CAAC"}
|
|
@@ -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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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,iBAAiB,CAAC"}
|
|
@@ -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;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/typography/utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,oBAAqB,eAAe,gDASnE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,6CAIxB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,gEAYpB,CAAC"}
|
|
@@ -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;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@remember-web/mixin",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.14",
|
|
4
4
|
"description": "Remember Web Mixins",
|
|
5
5
|
"homepage": "https://dramancompany.github.io/remember-web-packages/",
|
|
6
6
|
"author": "Remember",
|
|
@@ -24,18 +24,19 @@
|
|
|
24
24
|
"src"
|
|
25
25
|
],
|
|
26
26
|
"source": "./src/index.ts",
|
|
27
|
-
"main": "./dist/
|
|
28
|
-
"module": "./dist/
|
|
29
|
-
"types": "./dist/
|
|
27
|
+
"main": "./dist/src/index.cjs.js",
|
|
28
|
+
"module": "./dist/src/index.esm.js",
|
|
29
|
+
"types": "./dist/src/index.d.ts",
|
|
30
30
|
"exports": {
|
|
31
31
|
".": {
|
|
32
|
-
"import": "./dist/
|
|
33
|
-
"require": "./dist/
|
|
34
|
-
"types": "./dist/
|
|
32
|
+
"import": "./dist/src/index.esm.js",
|
|
33
|
+
"require": "./dist/src/index.cjs.js",
|
|
34
|
+
"types": "./dist/src/index.d.ts"
|
|
35
35
|
}
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@babel/runtime": "^7.24.4"
|
|
38
|
+
"@babel/runtime": "^7.24.4",
|
|
39
|
+
"@remember-web/shared": "^0.1.0"
|
|
39
40
|
},
|
|
40
41
|
"devDependencies": {
|
|
41
42
|
"@babel/core": "^7.24.4",
|
|
@@ -43,7 +44,6 @@
|
|
|
43
44
|
"@babel/preset-env": "^7.24.4",
|
|
44
45
|
"@babel/preset-react": "^7.24.1",
|
|
45
46
|
"@babel/preset-typescript": "^7.24.1",
|
|
46
|
-
"@remember-web/shared": "workspace:^",
|
|
47
47
|
"@rollup/plugin-babel": "^6.0.4",
|
|
48
48
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
49
49
|
"@rollup/plugin-node-resolve": "^15.2.3",
|
package/src/colors/utils.ts
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/colors/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/colors/theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,iBAmE7B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/colors/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,OAAO,MAAM,CAAC,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC;AAEzE,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC;;;GAGG;AAEH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,aAAa,CAAC,GAAG,CAAC;AACzE,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,IAAI,eAAe,CACxE,aAAa,CAAC,CAAC,CAAC,CACjB,CAAC;AACF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG,cAAc,aAAa,CAAC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,MAAM,YAAY,CAAC;AAE9C,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,oBAAoB,GAAG,eAAe,CAAC,gBAAgB,CAAC,CAAC;AACrE,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC,CAAC;AAE/D,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,SAAS,GAAG,QAAQ;CAC7B,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG;KAC7B,GAAG,IAAI,SAAS,GAAG,WAAW;CAChC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/colors/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACV,MAAM,SAAS,CAAC;AAGjB,6CAA6C;AAC7C,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,EAC5D,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,wBAGxB;AAED;;GAEG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,aAAa,UAE1C;AAED;;;GAGG;AACH,wBAAgB,OAAO,CAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,UAE3E;AAED,8BAA8B;AAC9B,wBAAgB,QAAQ,CAAC,QAAQ,EAAE,MAAM,UAgBxC;AAED,wBAAgB,eAAe,IAAI,SAAS,CAK3C;AAED,4BAA4B;AAC5B,wBAAgB,wBAAwB,CAAC,EACvC,aAAa,EACb,KAAK,GACN,EAAE;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,aAAa,EAAE,gBAAgB,CAAC;CACjC,UAEA"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"variables.d.ts","sourceRoot":"","sources":["../../../../src/colors/variables.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,YAAY,4BAA4B,CAAC;AAGtD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AACpD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AAGpD,eAAO,MAAM,QAAQ,wBAAwB,CAAC;AAC9C,eAAO,MAAM,eAAe,iCAAiC,CAAC;AAC9D,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAGjE,eAAO,MAAM,OAAO,wBAAwB,CAAC;AAC7C,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,QAAQ,yBAAyB,CAAC;AAC/C,eAAO,MAAM,SAAS,0BAA0B,CAAC;AAGjD,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,KAAK,qBAAqB,CAAC;AACxC,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,SAAS,2BAA2B,CAAC;AAClD,eAAO,MAAM,cAAc,+BAA+B,CAAC;AAC3D,eAAO,MAAM,WAAW,4BAA4B,CAAC;AACrD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,4BAA4B,CAAC;AACpD,eAAO,MAAM,WAAW,6BAA6B,CAAC;AAGtD,eAAO,MAAM,OAAO,uBAAuB,CAAC;AAG5C,eAAO,MAAM,UAAU,2BAA2B,CAAC;AACnD,eAAO,MAAM,YAAY,8BAA8B,CAAC;AACxD,eAAO,MAAM,UAAU,2BAA2B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/mediaQuery/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,MAAM,CAAC;AACjC,eAAO,MAAM,WAAW,MAAM,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/mediaQuery/index.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAIjD,cAAc,SAAS,CAAC;AAExB,wBAAgB,wBAAwB,CAAC,EACvC,QAAQ,EACR,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,sBAmB2B,OAAO,iDAKlC;AAED,eAAO,MAAM,UAAU,qBAPK,OAAO,gDASjC,CAAC;AACH,eAAO,MAAM,WAAW,qBAVI,OAAO,gDAYjC,CAAC;AACH,eAAO,MAAM,SAAS,qBAbM,OAAO,gDAejC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":["../../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n currentTheme: ThemeType;\n setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n children,\n customMixins,\n forceTheme,\n setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n const ruiContextValue: RUIContextValue = useMemo(\n () => ({ currentTheme, setTheme }),\n [currentTheme, setTheme]\n );\n\n return (\n <RUIContext.Provider value={ruiContextValue}>\n <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n {children}\n </RUIContext.Provider>\n );\n}\n\nexport function useRUI() {\n const ruiContextValue = useContext(RUIContext);\n\n if (ruiContextValue === null) {\n throw new Error('useRUI must be used within RUIProvider!');\n }\n\n return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/provider/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAK1D,MAAM,WAAW,eAAe;IAC9B,YAAY,CAAC,EAAE,cAAc,CAAC;IAC9B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,SAAS,CAAC;IACxB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;CACvC;AAID;6CAC6C;AAC7C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,QAAQ,GACT,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,GAAG,eAAe,2CAa3C;AAED,wBAAgB,MAAM,oBAQrB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":["../../../../src/provider/index.tsx"],"sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\n\nimport type { ColorThemeType, ThemeType } from '@/colors';\nimport { getBrowserTheme } from '@/colors';\n\nimport { RUIGlobalStyle } from './styles';\n\nexport interface RUIContentProps {\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n setTheme?: (theme: ThemeType) => void;\n}\n\nexport interface RUIContextValue {\n currentTheme: ThemeType;\n setTheme: RUIContentProps['setTheme'];\n}\n\nconst RUIContext = createContext<RUIContextValue | null>(null);\n\n/** theme과 setTheme은 사용하는 곳에서 주입,\n * 기본적으로는 브라우저의 미디어쿼리를 통해서 light, dark를 결정 */\nexport function RUIProvider({\n children,\n customMixins,\n forceTheme,\n setTheme,\n}: { children: ReactNode } & RUIContentProps) {\n const currentTheme: ThemeType = forceTheme ?? getBrowserTheme();\n const ruiContextValue: RUIContextValue = useMemo(\n () => ({ currentTheme, setTheme }),\n [currentTheme, setTheme]\n );\n\n return (\n <RUIContext.Provider value={ruiContextValue}>\n <RUIGlobalStyle customMixins={customMixins} forceTheme={forceTheme} />\n {children}\n </RUIContext.Provider>\n );\n}\n\nexport function useRUI() {\n const ruiContextValue = useContext(RUIContext);\n\n if (ruiContextValue === null) {\n throw new Error('useRUI must be used within RUIProvider!');\n }\n\n return ruiContextValue;\n}\n"],"names":["currentTheme","setTheme","value","customMixins","forceTheme"],"mappings":";;;;;;AAqBA;;AAEA;AACA;AACO;AAKuC;;;;;;;AAGjCA;AAAcC;;AAAU;AAInC;AACuBC;;AACHC;AAA4BC;;AACnC;AAGf;AAEO;AACL;;AAGE;AACF;AAEA;AACF;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.cjs.js","sources":["../../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n}>(\n ({ customMixins, forceTheme }) => css`\n :root {\n ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n @media (prefers-color-scheme: dark) {\n ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n }\n }\n `\n);\n\nfunction getThemeCssFragment({\n theme,\n customMixins,\n}: {\n theme: ThemeType;\n customMixins?: ColorThemeType;\n}) {\n return Object.entries({\n ...RUI_COLOR_THEME[theme],\n ...customMixins?.[theme],\n }).map(\n ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;;;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/provider/styles.ts"],"names":[],"mappings":";AAKA,OAAO,EAAY,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,UAAU,CAAC;AAEzE,eAAO,MAAM,cAAc;;;EAa1B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.esm.js","sources":["../../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { RUI_COLOR_THEME } from '@/colors/theme';\nimport { hexToRgb, type ColorThemeType, type ThemeType } from '@/colors';\n\nexport const RUIGlobalStyle = createGlobalStyle<{\n customMixins?: ColorThemeType;\n forceTheme?: ThemeType;\n}>(\n ({ customMixins, forceTheme }) => css`\n :root {\n ${getThemeCssFragment({ theme: forceTheme || 'light', customMixins })};\n\n @media (prefers-color-scheme: dark) {\n ${getThemeCssFragment({ theme: forceTheme || 'dark', customMixins })}\n }\n }\n `\n);\n\nfunction getThemeCssFragment({\n theme,\n customMixins,\n}: {\n theme: ThemeType;\n customMixins?: ColorThemeType;\n}) {\n return Object.entries({\n ...RUI_COLOR_THEME[theme],\n ...customMixins?.[theme],\n }).map(\n ([key, value]) => `${key}: ${value}; ${key}__rgb: ${hexToRgb(value)};`\n );\n}\n"],"names":["customMixins","key","value"],"mappings":";;;;;;;;AAAa;AAAA;AAAA;;AAWX;;;;AAE0DA;;;AAGCA;AAAa;AAAE;AAM5E;AAMG;;;AAKC;AAAEC;AAAKC;AAAK;AAAuD;AAEvE;;"}
|
|
@@ -1 +0,0 @@
|
|
|
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":";;;;;;;;;;AAAA;;AAEA,IAAMA,wBAAwB,GAAG;AAC/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDC,EAAAA,WAAW,EAAE;AACXH,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDE,EAAAA,WAAW,EAAE;AACXJ,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDG,EAAAA,WAAW,EAAE;AACXL,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDI,EAAAA,OAAO,EAAE;AACPN,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDK,EAAAA,OAAO,EAAE;AACPP,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDM,EAAAA,OAAO,EAAE;AACPR,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDO,EAAAA,OAAO,EAAE;AACPT,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDQ,EAAAA,SAAS,EAAE;AACTV,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;AACd,GAAA;AACF,CAAU,CAAA;IAEGS,iBAAiB,GAAAC,aAAA,CAAAA,aAAA,KACzBd,wBAAwB,CAAA,EAAA,EAAA,EAAA;AAC3Be,EAAAA,QAAQ,EAAE;AACRb,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDY,EAAAA,MAAM,EAAE;AACNd,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDa,EAAAA,OAAO,EAAE;AACPf,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDc,EAAAA,MAAM,EAAE;AACNhB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDe,EAAAA,WAAW,EAAE;AACXjB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDgB,EAAAA,SAAS,EAAE;AACTlB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDiB,EAAAA,KAAK,EAAE;AACLnB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDkB,EAAAA,SAAS,EAAE;AACTpB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDmB,EAAAA,KAAK,EAAE;AACLrB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;GACb;AACDoB,EAAAA,OAAO,EAAE;AACPtB,IAAAA,QAAQ,EAAE,EAAE;AACZC,IAAAA,UAAU,EAAE,EAAE;AACdC,IAAAA,UAAU,EAAE,GAAA;AACd,GAAA;AAAC,CACO,EAAA;;AAEV;AACA;AACA;AACO,IAAMqB,sBAAsB,GACjC;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../../src/typography/const.ts"],"names":[],"mappings":"AAkDA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDpB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,sBAAsB,iOAC6L,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,iBAAiB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/typography/utils.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;GAGG;AACH,eAAO,MAAM,mBAAmB,oBAAqB,eAAe,gDASnE,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,6CAIxB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,gEAYpB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"common.d.ts","sourceRoot":"","sources":["../../../../shared/utils/common.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,UAAW,MAAM,OAAO,MAAM,aAO/C,CAAC;AACF,eAAO,MAAM,KAAK,eAAsC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
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;;;;"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|