@remember-web/mixin 0.1.14 → 0.2.0

package/dist/src/colors/theme.cjs.js

@@ -29,6 +29,7 @@ var RUI_COLOR_THEME = {
     '--rui-bg-role-red': '#FFF5F5',
     '--rui-bg-secondary100': '#FFF4ED',
     '--rui-bg-highlight': '#FCF5DC',
+    '--rui-bg-tiny-highlight': '#FAEDC3',
     '--rui-bg-role-yellow': '#FFFDF5',
     '--rui-bg-role-blue': '#EDF4FF',
     '--rui-bg-role-green': '#D9FCF2',
@@ -62,6 +63,7 @@ var RUI_COLOR_THEME = {
     '--rui-bg-role-red': '#381515',
     '--rui-bg-secondary100': '#331D0F',
     '--rui-bg-highlight': '#383015',
+    '--rui-bg-tiny-highlight': '#52451D',
     '--rui-bg-role-yellow': '#383015',
     '--rui-bg-role-blue': '#002861',
     '--rui-bg-role-green': '#15382E',

package/dist/src/colors/theme.cjs.js.map

@@ -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;;;;"}
+{"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-tiny-highlight': '#FAEDC3',\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-tiny-highlight': '#52451D',\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,yBAAyB,EAAE,SAAS;AACpC,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,yBAAyB,EAAE,SAAS;AACpC,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;;;;"}

package/dist/src/colors/theme.d.ts.map

@@ -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"}
+{"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,iBAqE7B,CAAC"}

package/dist/src/colors/theme.esm.js

@@ -27,6 +27,7 @@ var RUI_COLOR_THEME = {
     '--rui-bg-role-red': '#FFF5F5',
     '--rui-bg-secondary100': '#FFF4ED',
     '--rui-bg-highlight': '#FCF5DC',
+    '--rui-bg-tiny-highlight': '#FAEDC3',
     '--rui-bg-role-yellow': '#FFFDF5',
     '--rui-bg-role-blue': '#EDF4FF',
     '--rui-bg-role-green': '#D9FCF2',
@@ -60,6 +61,7 @@ var RUI_COLOR_THEME = {
     '--rui-bg-role-red': '#381515',
     '--rui-bg-secondary100': '#331D0F',
     '--rui-bg-highlight': '#383015',
+    '--rui-bg-tiny-highlight': '#52451D',
     '--rui-bg-role-yellow': '#383015',
     '--rui-bg-role-blue': '#002861',
     '--rui-bg-role-green': '#15382E',

package/dist/src/colors/theme.esm.js.map

@@ -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;;;;"}
+{"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-tiny-highlight': '#FAEDC3',\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-tiny-highlight': '#52451D',\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,yBAAyB,EAAE,SAAS;AACpC,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,yBAAyB,EAAE,SAAS;AACpC,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;;;;"}

package/dist/src/colors/utils.cjs.js

@@ -42,7 +42,7 @@ function hexToRgb(colorHex) {
     }).join();
   }
   var _hexWithoutHash$split = hexWithoutHash.split(/(..)(..)(..)/).map(function (hex) {
-      return parseInt(hex, 16);
+      return Number.parseInt(hex, 16);
     }),
     _hexWithoutHash$split2 = _slicedToArray__default.default(_hexWithoutHash$split, 4),
     r = _hexWithoutHash$split2[1],

package/dist/src/colors/utils.cjs.js.map

@@ -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;;;;;;;;;"}
+{"version":3,"file":"utils.cjs.js","sources":["../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared';\n\nimport { RUI_COLOR_THEME } from './theme';\nimport type {\n  ColorVariable,\n  ColorVariableName,\n  RUIColorVariable,\n  ThemeType,\n} from './types';\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) => Number.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","Number","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,MAAM,CAACC,QAAQ,CAACN,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAO,sBAAA,GAAAC,+BAAA,CAAAL,qBAAA,EAAA,CAAA,CAAA;AAFhCM,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,OAAAlB,EAAAA,CAAAA,MAAA,CAAUoB,CAAC,EAAApB,GAAAA,CAAAA,CAAAA,MAAA,CAAIqB,CAAC,EAAA,GAAA,CAAA,CAAArB,MAAA,CAAIsB,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,CAACnC,oBAAoB,CAACkC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;;;;;;"}

package/dist/src/colors/utils.d.ts.map

@@ -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"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/colors/utils.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,SAAS,EACV,MAAM,SAAS,CAAC;AAEjB,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"}

package/dist/src/colors/utils.esm.js

@@ -35,7 +35,7 @@ function hexToRgb(colorHex) {
     }).join();
   }
   var _hexWithoutHash$split = hexWithoutHash.split(/(..)(..)(..)/).map(function (hex) {
-      return parseInt(hex, 16);
+      return Number.parseInt(hex, 16);
     }),
     _hexWithoutHash$split2 = _slicedToArray(_hexWithoutHash$split, 4),
     r = _hexWithoutHash$split2[1],

package/dist/src/colors/utils.esm.js.map

@@ -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;;;;"}
+{"version":3,"file":"utils.esm.js","sources":["../../../src/colors/utils.ts"],"sourcesContent":["import { isSSR } from '@remember-web/shared';\n\nimport { RUI_COLOR_THEME } from './theme';\nimport type {\n  ColorVariable,\n  ColorVariableName,\n  RUIColorVariable,\n  ThemeType,\n} from './types';\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) => Number.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","Number","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,MAAM,CAACC,QAAQ,CAACN,GAAG,EAAE,EAAE,CAAC,CAAA;KAAC,CAAA;IAAAO,sBAAA,GAAAC,cAAA,CAAAL,qBAAA,EAAA,CAAA,CAAA;AAFhCM,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,OAAAlB,EAAAA,CAAAA,MAAA,CAAUoB,CAAC,EAAApB,GAAAA,CAAAA,CAAAA,MAAA,CAAIqB,CAAC,EAAA,GAAA,CAAA,CAAArB,MAAA,CAAIsB,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,CAACnC,oBAAoB,CAACkC,aAAa,CAAC,CAAC,CAAA;AACpE;;;;"}

package/dist/src/colors/variables.cjs.js

@@ -32,6 +32,7 @@ var bgModal200 = 'var(--rui-bg-modal200)';
 var bgRoleRed = 'var(--rui-bg-role-red)';
 var bgSecondary100 = 'var(--rui-bg-secondary100)';
 var bgHighlight = 'var(--rui-bg-highlight)';
+var bgTinyHighlight = 'var(--rui-bg-tiny-highlight)';
 var bgRoleYellow = 'var(--rui-bg-role-yellow)';
 var bgRoleBlue = 'var(--rui-bg-role-blue)';
 var bgRoleGreen = 'var(--rui-bg-role-green)';
@@ -55,6 +56,7 @@ exports.bgRoleGreen = bgRoleGreen;
 exports.bgRoleRed = bgRoleRed;
 exports.bgRoleYellow = bgRoleYellow;
 exports.bgSecondary100 = bgSecondary100;
+exports.bgTinyHighlight = bgTinyHighlight;
 exports.contents000 = contents000;
 exports.contents100 = contents100;
 exports.contents150 = contents150;

package/dist/src/colors/variables.cjs.js.map

@@ -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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 bgTinyHighlight = 'var(--rui-bg-tiny-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","bgTinyHighlight","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,eAAe,GAAG,+BAA8B;AACtD,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/colors/variables.d.ts

@@ -22,6 +22,7 @@ export declare const bgModal200 = "var(--rui-bg-modal200)";
 export declare const bgRoleRed = "var(--rui-bg-role-red)";
 export declare const bgSecondary100 = "var(--rui-bg-secondary100)";
 export declare const bgHighlight = "var(--rui-bg-highlight)";
+export declare const bgTinyHighlight = "var(--rui-bg-tiny-highlight)";
 export declare const bgRoleYellow = "var(--rui-bg-role-yellow)";
 export declare const bgRoleBlue = "var(--rui-bg-role-blue)";
 export declare const bgRoleGreen = "var(--rui-bg-role-green)";

package/dist/src/colors/variables.d.ts.map

@@ -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"}
+{"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,eAAe,iCAAiC,CAAC;AAC9D,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"}

package/dist/src/colors/variables.esm.js

@@ -30,6 +30,7 @@ var bgModal200 = 'var(--rui-bg-modal200)';
 var bgRoleRed = 'var(--rui-bg-role-red)';
 var bgSecondary100 = 'var(--rui-bg-secondary100)';
 var bgHighlight = 'var(--rui-bg-highlight)';
+var bgTinyHighlight = 'var(--rui-bg-tiny-highlight)';
 var bgRoleYellow = 'var(--rui-bg-role-yellow)';
 var bgRoleBlue = 'var(--rui-bg-role-blue)';
 var bgRoleGreen = 'var(--rui-bg-role-green)';
@@ -42,5 +43,5 @@ var fixedWhite = 'var(--rui-fixed-white)';
 var fixedBgWhite = 'var(--rui-fixed-bg-white)';
 var fixedBlack = 'var(--rui-fixed-black)';
 
-export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 };
+export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, bgTinyHighlight, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 };
 //# sourceMappingURL=variables.esm.js.map

package/dist/src/colors/variables.esm.js.map

@@ -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;;;;"}
+{"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 bgTinyHighlight = 'var(--rui-bg-tiny-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","bgTinyHighlight","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,eAAe,GAAG,+BAA8B;AACtD,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;;;;"}

package/dist/src/index.cjs.js

@@ -21,6 +21,7 @@ exports.bgRoleGreen = variables.bgRoleGreen;
 exports.bgRoleRed = variables.bgRoleRed;
 exports.bgRoleYellow = variables.bgRoleYellow;
 exports.bgSecondary100 = variables.bgSecondary100;
+exports.bgTinyHighlight = variables.bgTinyHighlight;
 exports.contents000 = variables.contents000;
 exports.contents100 = variables.contents100;
 exports.contents150 = variables.contents150;

package/dist/src/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/index.esm.js

@@ -1,4 +1,4 @@
-export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 } from './colors/variables.esm.js';
+export { bg100, bg200, bg300, bgHighlight, bgModal100, bgModal200, bgRoleBlue, bgRoleGreen, bgRoleRed, bgRoleYellow, bgSecondary100, bgTinyHighlight, contents000, contents100, contents150, contents200, contents300, contents999, disabled, disabledRoleRed, disabledSecondary, divider, fixedBgWhite, fixedBlack, fixedWhite, primary100, primary200, roleBlue, roleGreen, roleRed, roleYellow, secondary100 } from './colors/variables.esm.js';
 export { getBrowserTheme, getColorVariableName, getHexFromRuiCssVariable, getRgb, getRgba, hexToRgb } from './colors/utils.esm.js';
 export { desktopOnly, getDeviceWidthMediaQuery, mobileOnly, phoneOnly } from './mediaQuery/index.esm.js';
 export { PRETENDARD_FONT_FAMILY, TYPOGRAPHY_STYLES } from './typography/const.esm.js';

package/dist/src/provider/styles.cjs.js

@@ -5,8 +5,8 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var styledComponents = require('styled-components');
-var theme = require('../colors/theme.cjs.js');
 var utils = require('../colors/utils.cjs.js');
+var theme = require('../colors/theme.cjs.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 

package/dist/src/provider/styles.cjs.js.map

@@ -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;;"}
+{"version":3,"file":"styles.cjs.js","sources":["../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { type ColorThemeType, type ThemeType, hexToRgb } from '@/colors';\nimport { RUI_COLOR_THEME } from '@/colors/theme';\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;;"}

package/dist/src/provider/styles.d.ts.map

@@ -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"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/provider/styles.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAY,MAAM,UAAU,CAAC;AAGzE,eAAO,MAAM,cAAc;;;EAa1B,CAAC"}

package/dist/src/provider/styles.esm.js

@@ -3,8 +3,8 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import { createGlobalStyle, css } from 'styled-components';
-import { RUI_COLOR_THEME } from '../colors/theme.esm.js';
 import { hexToRgb } from '../colors/utils.esm.js';
+import { RUI_COLOR_THEME } from '../colors/theme.esm.js';
 
 var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/dist/src/provider/styles.esm.js.map

@@ -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;;"}
+{"version":3,"file":"styles.esm.js","sources":["../../../src/provider/styles.ts"],"sourcesContent":["'use client';\n\nimport { createGlobalStyle, css } from 'styled-components';\n\nimport { type ColorThemeType, type ThemeType, hexToRgb } from '@/colors';\nimport { RUI_COLOR_THEME } from '@/colors/theme';\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;;"}

package/dist/src/typography/const.cjs.js

@@ -13,100 +13,137 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 var LEGACY_TYPOGRAPHY_STYLES = {
   Headline2_B: {
     fontSize: 24,
-    lineHeight: 34,
+    lineHeight: '34px',
     fontWeight: 600
   },
   Headline3_B: {
     fontSize: 20,
-    lineHeight: 26,
+    lineHeight: '26px',
     fontWeight: 600
   },
   Headline4_B: {
     fontSize: 16,
-    lineHeight: 26,
+    lineHeight: '26px',
     fontWeight: 600
   },
   Headline4_M: {
     fontSize: 16,
-    lineHeight: 26,
+    lineHeight: '26px',
     fontWeight: 400
   },
   Body1_B: {
     fontSize: 14,
-    lineHeight: 24,
+    lineHeight: '24px',
     fontWeight: 600
   },
   Body1_M: {
     fontSize: 14,
-    lineHeight: 24,
+    lineHeight: '24px',
     fontWeight: 400
   },
   Body2_B: {
     fontSize: 12,
-    lineHeight: 19,
+    lineHeight: '19px',
     fontWeight: 600
   },
   Body2_M: {
     fontSize: 12,
-    lineHeight: 19,
+    lineHeight: '19px',
     fontWeight: 400
   },
   Caption_B: {
     fontSize: 10,
-    lineHeight: 14,
+    lineHeight: '14px',
     fontWeight: 600
   }
 };
 var TYPOGRAPHY_STYLES = _objectSpread(_objectSpread({}, LEGACY_TYPOGRAPHY_STYLES), {}, {
+  // Title Style
+  Display1: {
+    fontSize: 48,
+    lineHeight: 1.3,
+    fontWeight: 700
+  },
+  Display2: {
+    fontSize: 40,
+    lineHeight: 1.3,
+    fontWeight: 700
+  },
+  Display3: {
+    fontSize: 32,
+    lineHeight: 1.3,
+    fontWeight: 700
+  },
   Headline: {
     fontSize: 24,
-    lineHeight: 34,
+    lineHeight: 1.3,
     fontWeight: 600
   },
   Title1: {
     fontSize: 20,
-    lineHeight: 26,
+    lineHeight: 1.3,
+    fontWeight: 600
+  },
+  Title2: {
+    fontSize: 18,
+    lineHeight: 1.3,
     fontWeight: 600
   },
-  Display: {
+  Subtitle1: {
+    fontSize: 16,
+    lineHeight: 1.3,
+    fontWeight: 500
+  },
+  Subtitle2: {
+    fontSize: 14,
+    lineHeight: 1.3,
+    fontWeight: 500
+  },
+  // Body Style
+  DisplayBody: {
     fontSize: 20,
-    lineHeight: 26,
+    lineHeight: 1.45,
     fontWeight: 400
   },
-  Title2: {
+  ArticleBody: {
+    fontSize: 18,
+    lineHeight: 1.45,
+    fontWeight: 400
+  },
+  ArticleBodyReading: {
+    fontSize: 18,
+    lineHeight: 1.55,
+    fontWeight: 400
+  },
+  Body1: {
     fontSize: 16,
-    lineHeight: 26,
-    fontWeight: 600
+    lineHeight: 1.45,
+    fontWeight: 400
   },
-  ArticleBody: {
+  Body1Reading: {
     fontSize: 16,
-    lineHeight: 26,
+    lineHeight: 1.6,
     fontWeight: 400
   },
-  Subtitle1: {
+  Body2: {
     fontSize: 14,
-    lineHeight: 24,
-    fontWeight: 600
+    lineHeight: 1.45,
+    fontWeight: 400
   },
-  Body1: {
+  Body2Reading: {
     fontSize: 14,
-    lineHeight: 24,
+    lineHeight: 1.6,
     fontWeight: 400
   },
-  Subtitle2: {
-    fontSize: 12,
-    lineHeight: 19,
-    fontWeight: 600
-  },
-  Body2: {
+  Caption1: {
     fontSize: 12,
-    lineHeight: 19,
-    fontWeight: 400
+    lineHeight: 1.35,
+    fontWeight: 500
   },
-  Caption: {
+  Caption2: {
     fontSize: 10,
-    lineHeight: 14,
-    fontWeight: 600
+    lineHeight: 1.35,
+    fontWeight: 500
   }
 });
 

package/dist/src/typography/const.cjs.js.map

@@ -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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"}
+{"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: '34px',\n    fontWeight: 600,\n  },\n  Headline3_B: {\n    fontSize: 20,\n    lineHeight: '26px',\n    fontWeight: 600,\n  },\n  Headline4_B: {\n    fontSize: 16,\n    lineHeight: '26px',\n    fontWeight: 600,\n  },\n  Headline4_M: {\n    fontSize: 16,\n    lineHeight: '26px',\n    fontWeight: 400,\n  },\n  Body1_B: {\n    fontSize: 14,\n    lineHeight: '24px',\n    fontWeight: 600,\n  },\n  Body1_M: {\n    fontSize: 14,\n    lineHeight: '24px',\n    fontWeight: 400,\n  },\n  Body2_B: {\n    fontSize: 12,\n    lineHeight: '19px',\n    fontWeight: 600,\n  },\n  Body2_M: {\n    fontSize: 12,\n    lineHeight: '19px',\n    fontWeight: 400,\n  },\n  Caption_B: {\n    fontSize: 10,\n    lineHeight: '14px',\n    fontWeight: 600,\n  },\n} as const;\n\nexport const TYPOGRAPHY_STYLES = {\n  ...LEGACY_TYPOGRAPHY_STYLES,\n  // Title Style\n  Display1: {\n    fontSize: 48,\n    lineHeight: 1.3,\n    fontWeight: 700,\n  },\n  Display2: {\n    fontSize: 40,\n    lineHeight: 1.3,\n    fontWeight: 700,\n  },\n  Display3: {\n    fontSize: 32,\n    lineHeight: 1.3,\n    fontWeight: 700,\n  },\n  Headline: {\n    fontSize: 24,\n    lineHeight: 1.3,\n    fontWeight: 600,\n  },\n  Title1: {\n    fontSize: 20,\n    lineHeight: 1.3,\n    fontWeight: 600,\n  },\n  Title2: {\n    fontSize: 18,\n    lineHeight: 1.3,\n    fontWeight: 600,\n  },\n  Subtitle1: {\n    fontSize: 16,\n    lineHeight: 1.3,\n    fontWeight: 500,\n  },\n  Subtitle2: {\n    fontSize: 14,\n    lineHeight: 1.3,\n    fontWeight: 500,\n  },\n  // Body Style\n  DisplayBody: {\n    fontSize: 20,\n    lineHeight: 1.45,\n    fontWeight: 400,\n  },\n  ArticleBody: {\n    fontSize: 18,\n    lineHeight: 1.45,\n    fontWeight: 400,\n  },\n  ArticleBodyReading: {\n    fontSize: 18,\n    lineHeight: 1.55,\n    fontWeight: 400,\n  },\n  Body1: {\n    fontSize: 16,\n    lineHeight: 1.45,\n    fontWeight: 400,\n  },\n  Body1Reading: {\n    fontSize: 16,\n    lineHeight: 1.6,\n    fontWeight: 400,\n  },\n  Body2: {\n    fontSize: 14,\n    lineHeight: 1.45,\n    fontWeight: 400,\n  },\n  Body2Reading: {\n    fontSize: 14,\n    lineHeight: 1.6,\n    fontWeight: 400,\n  },\n  Caption1: {\n    fontSize: 12,\n    lineHeight: 1.35,\n    fontWeight: 500,\n  },\n  Caption2: {\n    fontSize: 10,\n    lineHeight: 1.35,\n    fontWeight: 500,\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","Display1","Display2","Display3","Headline","Title1","Title2","Subtitle1","Subtitle2","DisplayBody","ArticleBody","ArticleBodyReading","Body1","Body1Reading","Body2","Body2Reading","Caption1","Caption2","PRETENDARD_FONT_FAMILY"],"mappings":"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"}