@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/styles/focus-styles.cjs

@@ -9,6 +9,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = require("styled-components");
 var _zIndexes = require("./z-indexes");
 var _templateObject, _templateObject2;
-const focusStyles = exports.focusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
-const invertedFocusStyles = exports.invertedFocusStyles = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
+var focusStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
+exports.focusStyles = focusStyles;
+var invertedFocusStyles = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), _zIndexes.Z_INDEXES.focus);
+exports.invertedFocusStyles = invertedFocusStyles;
 //# sourceMappingURL=focus-styles.cjs.map

package/dist/styles/focus-styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.cjs","names":["_styledComponents","require","_zIndexes","_templateObject","_templateObject2","focusStyles","exports","css","_taggedTemplateLiteral2","default","Z_INDEXES","focus","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA,EAAAC,gBAAA;AAE/B,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,0GAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAEM,MAAMC,mBAAmB,GAAAN,OAAA,CAAAM,mBAAA,OAAGL,qBAAG,EAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,CAAAC,OAAA,0GAIzBC,mBAAS,CAACC,KAAK,CAC3B","ignoreList":[]}
+{"version":3,"file":"focus-styles.cjs","names":["_styledComponents","require","_zIndexes","_templateObject","_templateObject2","focusStyles","css","_taggedTemplateLiteral2","Z_INDEXES","focus","exports","invertedFocusStyles"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA,EAAAC,gBAAA;AAE/B,IAAMC,WAAW,OAAGC,qBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,qHAIjBC,mBAAS,CAACC,KAAK,CAC3B;AAACC,OAAA,CAAAL,WAAA,GAAAA,WAAA;AAEK,IAAMM,mBAAmB,OAAGL,qBAAG,EAAAF,gBAAA,KAAAA,gBAAA,OAAAG,uBAAA,qHAIzBC,mBAAS,CAACC,KAAK,CAC3B;AAACC,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/styles/focus-styles.js

@@ -2,6 +2,6 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject, _templateObject2;
 import { css } from 'styled-components';
 import { Z_INDEXES } from './z-indexes';
-export const focusStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
-export const invertedFocusStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
+export var focusStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  outline: 4px solid black;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
+export var invertedFocusStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  outline: 4px solid white;\n  outline-offset: 2px;\n  border-radius: 2px;\n  z-index: ", ";\n"])), Z_INDEXES.focus);
 //# sourceMappingURL=focus-styles.js.map

package/dist/styles/focus-styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","_templateObject","_taggedTemplateLiteral","focus","invertedFocusStyles","_templateObject2"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,MAAMC,WAAW,GAAGF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yGAIjBH,SAAS,CAACI,KAAK,CAC3B;AAED,OAAO,MAAMC,mBAAmB,GAAGN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,yGAIzBH,SAAS,CAACI,KAAK,CAC3B","ignoreList":[]}
+{"version":3,"file":"focus-styles.js","names":["css","Z_INDEXES","focusStyles","_templateObject","_taggedTemplateLiteral","focus","invertedFocusStyles","_templateObject2"],"sources":["../../src/styles/focus-styles.tsx"],"sourcesContent":["import {css} from 'styled-components';\r\nimport {Z_INDEXES} from './z-indexes';\r\n\r\nexport const focusStyles = css`\r\n  outline: 4px solid black;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n\r\nexport const invertedFocusStyles = css`\r\n  outline: 4px solid white;\r\n  outline-offset: 2px;\r\n  border-radius: 2px;\r\n  z-index: ${Z_INDEXES.focus};\r\n`;\r\n"],"mappings":";;AAAA,SAAQA,GAAG,QAAO,mBAAmB;AACrC,SAAQC,SAAS,QAAO,aAAa;AAErC,OAAO,IAAMC,WAAW,GAAGF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yGAIjBH,SAAS,CAACI,KAAK,CAC3B;AAED,OAAO,IAAMC,mBAAmB,GAAGN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,yGAIzBH,SAAS,CAACI,KAAK,CAC3B","ignoreList":[]}

package/dist/styles/global.cjs

@@ -4,29 +4,38 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _colors = _interopRequireDefault(require("./colors"));
 var _typography = require("./typography");
 var _figmaSvg = require("@laerdal/figma-svg");
 var _styledComponents = require("styled-components");
 var _templateObject;
-const resizeIcon = props => btoa(_figmaSvg.SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(_colors.default.getColor('neutral_600', props.theme), "\"")));
-const globalStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"])), props => {
+var resizeIcon = function resizeIcon(props) {
+  return btoa(_figmaSvg.SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(_colors["default"].getColor('neutral_600', props.theme), "\"")));
+};
+var globalStyles = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"])), function (props) {
   var _props$theme$fonts, _props$theme;
   return (_props$theme$fonts = (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fonts) !== null && _props$theme$fonts !== void 0 ? _props$theme$fonts : 'Lato';
-}, props => _colors.default.getColor('black', props.theme), props => {
+}, function (props) {
+  return _colors["default"].getColor('black', props.theme);
+}, function (props) {
   var _props$theme$fonts2, _props$theme2;
   return (_props$theme$fonts2 = (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.fonts) !== null && _props$theme$fonts2 !== void 0 ? _props$theme$fonts2 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts3, _props$theme3;
   return (_props$theme$fonts3 = (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.fonts) !== null && _props$theme$fonts3 !== void 0 ? _props$theme$fonts3 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts4, _props$theme4;
   return (_props$theme$fonts4 = (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.fonts) !== null && _props$theme$fonts4 !== void 0 ? _props$theme$fonts4 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts5, _props$theme5;
   return (_props$theme$fonts5 = (_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.fonts) !== null && _props$theme$fonts5 !== void 0 ? _props$theme$fonts5 : 'Lato';
-}, props => _colors.default.getColor('primary_100', props.theme), props => resizeIcon(props), _typography.Typography);
-var _default = exports.default = globalStyles;
+}, function (props) {
+  return _colors["default"].getColor('primary_100', props.theme);
+}, function (props) {
+  return resizeIcon(props);
+}, _typography.Typography);
+var _default = globalStyles;
+exports["default"] = _default;
 //# sourceMappingURL=global.cjs.map

package/dist/styles/global.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.cjs","names":["_colors","_interopRequireDefault","require","_typography","_figmaSvg","_styledComponents","_templateObject","resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","concat","COLORS","getColor","theme","globalStyles","css","_taggedTemplateLiteral2","default","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5","Typography","_default","exports"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA;AAExC,MAAMC,UAAU,GAAIC,KAAU,IAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,OAAG,CAAC,CAAC;AAEtF,MAAMC,YAAY,OAAGC,qBAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,uBAAA,CAAAC,OAAA,4wCAIJZ,KAAK;EAAA,IAAAa,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAId,KAAK,CAACQ,KAAK,cAAAM,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5Cb,KAAK,IAAIM,eAAM,CAACC,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC,EAKxCR,KAAK;EAAA,IAAAgB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIjB,KAAK,CAACQ,KAAK,cAAAS,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrChB,KAAK;EAAA,IAAAkB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAInB,KAAK,CAACQ,KAAK,cAAAW,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrClB,KAAK;EAAA,IAAAoB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIrB,KAAK,CAACQ,KAAK,cAAAa,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrCpB,KAAK;EAAA,IAAAsB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIvB,KAAK,CAACQ,KAAK,cAAAe,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtCtB,KAAK,IAAIM,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,EAafR,KAAK,IAAID,UAAU,CAACC,KAAK,CAAC,EAG7EwB,sBAAU,CACb;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAd,OAAA,GAEaH,YAAY","ignoreList":[]}
+{"version":3,"file":"global.cjs","names":["_colors","_interopRequireDefault","require","_typography","_figmaSvg","_styledComponents","_templateObject","resizeIcon","props","btoa","SystemIcons","ExtendTextArea","replace","concat","COLORS","getColor","theme","globalStyles","css","_taggedTemplateLiteral2","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5","Typography","_default","exports"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA;AAExC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACC,qBAAW,CAACC,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,OAAGC,qBAAG,EAAAZ,eAAA,KAAAA,eAAA,OAAAa,uBAAA,uxCAIJ,UAAAX,KAAK;EAAA,IAAAY,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIb,KAAK,CAACQ,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAZ,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,OAAO,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAKxC,UAAAR,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACQ,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACQ,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACQ,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAnB,KAAK;EAAA,IAAAqB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAItB,KAAK,CAACQ,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAArB,KAAK;EAAA,OAAIM,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEP,KAAK,CAACQ,KAAK,CAAC;AAAA,GAaf,UAAAR,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EuB,sBAAU,CACb;AAAC,IAAAC,QAAA,GAEaf,YAAY;AAAAgB,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/styles/global.js

@@ -4,22 +4,30 @@ import COLORS from './colors';
 import { Typography } from "./typography";
 import { SystemIcons } from "@laerdal/figma-svg";
 import { css } from 'styled-components';
-const resizeIcon = props => btoa(SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(COLORS.getColor('neutral_600', props.theme), "\"")));
-const globalStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"])), props => {
+var resizeIcon = function resizeIcon(props) {
+  return btoa(SystemIcons.ExtendTextArea.replace("viewBox=\"0 0 24 24\"", "viewBox='0 0 26 26'").replace('fill="#1F1F1F"', "fill=\"".concat(COLORS.getColor('neutral_600', props.theme), "\"")));
+};
+var globalStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  html,\n  body {\n    height: 100%;\n    font-family: '", "', sans-serif;\n    color: ", ";\n    -webkit-font-smoothing: antialiased;\n  }\n\n  [lang^=\"ja\" i] {\n    font-family: ", ", Noto Sans, Noto Sans JP, sans-serif;\n  }\n  \n  [lang^=\"ko\" i] {\n    font-family: ", ", Noto Sans, Noto Sans KR, sans-serif;\n  }\n  \n  [lang^=\"zh\" i] {\n    font-family: ", ", Noto Sans, Noto Sans SC, sans-serif;\n  }\n  \n  [lang=\"zh-cht\" i],\n  [lang=\"zh-hant\" i],\n  [lang=\"zh-hk\" i],\n  [lang=\"zh-mo\" i],\n  [lang=\"zh-tw\" i] {\n    font-family: ", ", Noto Sans, Noto Sans TC, sans-serif;\n  }\n\n\n  body {\n    margin: 0;\n    padding: 0;\n  }\n\n  main,\n  aside,\n  details {\n    display: block;\n  }\n\n  summary {\n    display: block;\n  }\n\n  #root {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  button,\n  input,\n  label {\n    font-family: inherit;\n  }\n\n  .react-grid-item.react-grid-placeholder {\n    background: ", " !important;\n    opacity: 1 !important;\n  }\n\n  .react-resizable-handle {\n    background-image: none !important;\n  }\n\n  .react-resizable-handle::after {\n    border: none !important;\n  }\n  \n  ::-webkit-resizer {\n    background-image: url(\"data:image/svg+xml;base64,", "\");\n  }\n  \n  ", "\n"])), function (props) {
   var _props$theme$fonts, _props$theme;
   return (_props$theme$fonts = (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fonts) !== null && _props$theme$fonts !== void 0 ? _props$theme$fonts : 'Lato';
-}, props => COLORS.getColor('black', props.theme), props => {
+}, function (props) {
+  return COLORS.getColor('black', props.theme);
+}, function (props) {
   var _props$theme$fonts2, _props$theme2;
   return (_props$theme$fonts2 = (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.fonts) !== null && _props$theme$fonts2 !== void 0 ? _props$theme$fonts2 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts3, _props$theme3;
   return (_props$theme$fonts3 = (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.fonts) !== null && _props$theme$fonts3 !== void 0 ? _props$theme$fonts3 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts4, _props$theme4;
   return (_props$theme$fonts4 = (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.fonts) !== null && _props$theme$fonts4 !== void 0 ? _props$theme$fonts4 : 'Lato';
-}, props => {
+}, function (props) {
   var _props$theme$fonts5, _props$theme5;
   return (_props$theme$fonts5 = (_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.fonts) !== null && _props$theme$fonts5 !== void 0 ? _props$theme$fonts5 : 'Lato';
-}, props => COLORS.getColor('primary_100', props.theme), props => resizeIcon(props), Typography);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return resizeIcon(props);
+}, Typography);
 export default globalStyles;
 //# sourceMappingURL=global.js.map

package/dist/styles/global.js.map

@@ -1 +1 @@
-{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","concat","getColor","theme","globalStyles","_templateObject","_taggedTemplateLiteral","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,MAAMC,UAAU,GAAIC,KAAU,IAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,OAAG,CAAC,CAAC;AAEtF,MAAMC,YAAY,GAAGT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2wCAIJT,KAAK;EAAA,IAAAU,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIX,KAAK,CAACM,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5CV,KAAK,IAAIL,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC,EAKxCN,KAAK;EAAA,IAAAa,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAId,KAAK,CAACM,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrCb,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACM,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrCf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACM,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrCjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACM,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtCnB,KAAK,IAAIL,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,EAafN,KAAK,IAAID,UAAU,CAACC,KAAK,CAAC,EAG7EJ,UAAU,CACb;AAED,eAAeW,YAAY","ignoreList":[]}
+{"version":3,"file":"global.js","names":["COLORS","Typography","SystemIcons","css","resizeIcon","props","btoa","ExtendTextArea","replace","concat","getColor","theme","globalStyles","_templateObject","_taggedTemplateLiteral","_props$theme$fonts","_props$theme","fonts","_props$theme$fonts2","_props$theme2","_props$theme$fonts3","_props$theme3","_props$theme$fonts4","_props$theme4","_props$theme$fonts5","_props$theme5"],"sources":["../../src/styles/global.ts"],"sourcesContent":["import COLORS from './colors';\r\nimport {Typography} from \"./typography\";\r\nimport {SystemIcons} from \"@laerdal/figma-svg\";\r\nimport { css } from 'styled-components';\r\n\r\nconst resizeIcon = (props: any) => btoa(SystemIcons.ExtendTextArea.replace(\"viewBox=\\\"0 0 24 24\\\"\", \"viewBox='0 0 26 26'\")\r\n  .replace('fill=\"#1F1F1F\"', `fill=\"${COLORS.getColor('neutral_600', props.theme)}\"`));\r\n\r\nconst globalStyles = css`\r\n  html,\r\n  body {\r\n    height: 100%;\r\n    font-family: '${props => props.theme?.fonts ?? 'Lato'}', sans-serif;\r\n    color: ${props => COLORS.getColor('black', props.theme)};\r\n    -webkit-font-smoothing: antialiased;\r\n  }\r\n\r\n  [lang^=\"ja\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans JP, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"ko\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans KR, sans-serif;\r\n  }\r\n  \r\n  [lang^=\"zh\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans SC, sans-serif;\r\n  }\r\n  \r\n  [lang=\"zh-cht\" i],\r\n  [lang=\"zh-hant\" i],\r\n  [lang=\"zh-hk\" i],\r\n  [lang=\"zh-mo\" i],\r\n  [lang=\"zh-tw\" i] {\r\n    font-family: ${props => props.theme?.fonts ?? 'Lato'}, Noto Sans, Noto Sans TC, sans-serif;\r\n  }\r\n\r\n\r\n  body {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  main,\r\n  aside,\r\n  details {\r\n    display: block;\r\n  }\r\n\r\n  summary {\r\n    display: block;\r\n  }\r\n\r\n  #root {\r\n    height: 100%;\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n\r\n  button,\r\n  input,\r\n  label {\r\n    font-family: inherit;\r\n  }\r\n\r\n  .react-grid-item.react-grid-placeholder {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)} !important;\r\n    opacity: 1 !important;\r\n  }\r\n\r\n  .react-resizable-handle {\r\n    background-image: none !important;\r\n  }\r\n\r\n  .react-resizable-handle::after {\r\n    border: none !important;\r\n  }\r\n  \r\n  ::-webkit-resizer {\r\n    background-image: url(\"data:image/svg+xml;base64,${props => resizeIcon(props)}\");\r\n  }\r\n  \r\n  ${Typography}\r\n`;\r\n\r\nexport default globalStyles;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,UAAU;AAC7B,SAAQC,UAAU,QAAO,cAAc;AACvC,SAAQC,WAAW,QAAO,oBAAoB;AAC9C,SAASC,GAAG,QAAQ,mBAAmB;AAEvC,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAU;EAAA,OAAKC,IAAI,CAACJ,WAAW,CAACK,cAAc,CAACC,OAAO,CAAC,uBAAuB,EAAE,qBAAqB,CAAC,CACvHA,OAAO,CAAC,gBAAgB,YAAAC,MAAA,CAAWT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC,OAAG,CAAC,CAAC;AAAA;AAEtF,IAAMC,YAAY,GAAGT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2wCAIJ,UAAAT,KAAK;EAAA,IAAAU,kBAAA,EAAAC,YAAA;EAAA,QAAAD,kBAAA,IAAAC,YAAA,GAAIX,KAAK,CAACM,KAAK,cAAAK,YAAA,uBAAXA,YAAA,CAAaC,KAAK,cAAAF,kBAAA,cAAAA,kBAAA,GAAI,MAAM;AAAA,GAC5C,UAAAV,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,OAAO,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAKxC,UAAAN,KAAK;EAAA,IAAAa,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAId,KAAK,CAACM,KAAK,cAAAQ,aAAA,uBAAXA,aAAA,CAAaF,KAAK,cAAAC,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAb,KAAK;EAAA,IAAAe,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIhB,KAAK,CAACM,KAAK,cAAAU,aAAA,uBAAXA,aAAA,CAAaJ,KAAK,cAAAG,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAIrC,UAAAf,KAAK;EAAA,IAAAiB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIlB,KAAK,CAACM,KAAK,cAAAY,aAAA,uBAAXA,aAAA,CAAaN,KAAK,cAAAK,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAQrC,UAAAjB,KAAK;EAAA,IAAAmB,mBAAA,EAAAC,aAAA;EAAA,QAAAD,mBAAA,IAAAC,aAAA,GAAIpB,KAAK,CAACM,KAAK,cAAAc,aAAA,uBAAXA,aAAA,CAAaR,KAAK,cAAAO,mBAAA,cAAAA,mBAAA,GAAI,MAAM;AAAA,GAgCtC,UAAAnB,KAAK;EAAA,OAAIL,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAEL,KAAK,CAACM,KAAK,CAAC;AAAA,GAaf,UAAAN,KAAK;EAAA,OAAID,UAAU,CAACC,KAAK,CAAC;AAAA,GAG7EJ,UAAU,CACb;AAED,eAAeW,YAAY","ignoreList":[]}

package/dist/styles/index.cjs

@@ -14,32 +14,32 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "BOXSHADOWS", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _shadowstyles.BOXSHADOWS;
   }
 });
 Object.defineProperty(exports, "BREAKPOINTS", {
   enumerable: true,
-  get: function () {
-    return _breakpoints.default;
+  get: function get() {
+    return _breakpoints["default"];
   }
 });
 Object.defineProperty(exports, "COLORS", {
   enumerable: true,
-  get: function () {
-    return _colors.default;
+  get: function get() {
+    return _colors["default"];
   }
 });
 Object.defineProperty(exports, "Z_INDEXES", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _zIndexes.Z_INDEXES;
   }
 });
 Object.defineProperty(exports, "globalStyles", {
   enumerable: true,
-  get: function () {
-    return _global.default;
+  get: function get() {
+    return _global["default"];
   }
 });
 exports.scrollBarStyling = void 0;
@@ -55,7 +55,7 @@ Object.keys(_typography).forEach(function (key) {
   if (key in exports && exports[key] === _typography[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _typography[key];
     }
   });
@@ -70,15 +70,23 @@ Object.keys(_focusStyles).forEach(function (key) {
   if (key in exports && exports[key] === _focusStyles[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _focusStyles[key];
     }
   });
 });
 var _templateObject;
-const scrollBarStyling = function () {
-  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _types.Size.Small;
-  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', props => _colors.default.getColor('neutral_100', props.theme), props => _colors.default.getColor('neutral_500', props.theme), props => _colors.default.getColor('primary_700', props.theme), props => _colors.default.getColor('primary_800', props.theme));
+var scrollBarStyling = function scrollBarStyling() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _types.Size.Small;
+  return (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == _types.Size.Medium ? '6px' : '4px', size == _types.Size.Medium ? '6px' : '4px', function (props) {
+    return _colors["default"].getColor('neutral_100', props.theme);
+  }, function (props) {
+    return _colors["default"].getColor('neutral_500', props.theme);
+  }, function (props) {
+    return _colors["default"].getColor('primary_700', props.theme);
+  }, function (props) {
+    return _colors["default"].getColor('primary_800', props.theme);
+  });
 };
 exports.scrollBarStyling = scrollBarStyling;
 //# sourceMappingURL=index.cjs.map

package/dist/styles/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","default","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,MAAMC,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,CAAAC,OAAA,kfAGvER,IAAI,IAAII,WAAI,CAACK,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCT,IAAI,IAAII,WAAI,CAACK,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAMpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAKpDH,KAAK,IAAIC,eAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,CAErE;AAACvB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_styledComponents","require","_colors","_interopRequireDefault","_breakpoints","_shadowstyles","_typography","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_global","_types","_zIndexes","_focusStyles","_templateObject","scrollBarStyling","size","arguments","length","undefined","Size","Small","css","_taggedTemplateLiteral2","Medium","props","COLORS","getColor","theme"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAEA,IAAAK,WAAA,GAAAL,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAF,WAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,WAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAZ,WAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAS,OAAA,GAAAhB,sBAAA,CAAAF,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AAoCA,IAAAoB,SAAA,GAAApB,OAAA;AAEA,IAAAqB,YAAA,GAAArB,OAAA;AAAAM,MAAA,CAAAC,IAAA,CAAAc,YAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAY,YAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAI,YAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AAA+B,IAAAa,eAAA;AAjCxB,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGG,WAAI,CAACC,KAAK;EAAA,WAAKC,qBAAG,EAAAR,eAAA,KAAAA,eAAA,OAAAS,uBAAA,6fAGvEP,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCR,IAAI,IAAII,WAAI,CAACI,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAMpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA,GAKpD,UAAAH,KAAK;IAAA,OAAIC,kBAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;EAAA;AAAA,CAErE;AAACtB,OAAA,CAAAS,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/styles/index.js

@@ -8,9 +8,17 @@ export * from './typography';
 import globalStyles from './global';
 import { Size } from '../types';
 export { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };
-export const scrollBarStyling = function () {
-  let size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', props => COLORS.getColor('neutral_100', props.theme), props => COLORS.getColor('neutral_500', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_800', props.theme));
+export var scrollBarStyling = function scrollBarStyling() {
+  var size = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : Size.Small;
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  \n  &::-webkit-scrollbar {\n    width: ", ";\n    height: ", ";\n    cursor: pointer;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: ", ";\n    border-radius: 6px;\n  }\n\n  /* Handle */\n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: 4px;\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:hover {\n    background: ", ";\n  }\n\n  /* Handle on hover */\n  &::-webkit-scrollbar-thumb:active {\n    background: ", ";\n  }\n"])), size == Size.Medium ? '6px' : '4px', size == Size.Medium ? '6px' : '4px', function (props) {
+    return COLORS.getColor('neutral_100', props.theme);
+  }, function (props) {
+    return COLORS.getColor('neutral_500', props.theme);
+  }, function (props) {
+    return COLORS.getColor('primary_700', props.theme);
+  }, function (props) {
+    return COLORS.getColor('primary_800', props.theme);
+  });
 };
 export { Z_INDEXES } from './z-indexes';
 export * from './focus-styles';

package/dist/styles/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,MAAME,gBAAgB,GAAG,SAAAA,CAAA;EAAA,IAACC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ifAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/BC,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAMpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAMpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,EAKpDF,KAAK,IAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["css","COLORS","BREAKPOINTS","BOXSHADOWS","globalStyles","Size","scrollBarStyling","size","arguments","length","undefined","Small","_templateObject","_taggedTemplateLiteral","Medium","props","getColor","theme","Z_INDEXES"],"sources":["../../src/styles/index.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport COLORS from './colors';\r\nimport BREAKPOINTS from './breakpoints';\r\nimport { BOXSHADOWS } from './shadowstyles';\r\n\r\nexport  * from './typography';\r\n\r\nimport globalStyles from './global';\r\nimport { Size } from '../types';\r\n\r\nexport { COLORS, BREAKPOINTS, BOXSHADOWS, globalStyles };\r\n\r\n\r\nexport const scrollBarStyling = (size: Size.Small | Size.Medium = Size.Small) => css`\r\n  \r\n  &::-webkit-scrollbar {\r\n    width: ${size == Size.Medium ? '6px' : '4px'};\r\n    height: ${size == Size.Medium ? '6px' : '4px'};\r\n    cursor: pointer;\r\n  }\r\n\r\n  /* Track */\r\n  &::-webkit-scrollbar-track {\r\n    background: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n    border-radius: 6px;\r\n  }\r\n\r\n  /* Handle */\r\n  &::-webkit-scrollbar-thumb {\r\n    background: ${props => COLORS.getColor('neutral_500', props.theme)};\r\n    border-radius: 4px;\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:hover {\r\n    background: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  /* Handle on hover */\r\n  &::-webkit-scrollbar-thumb:active {\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n`;\r\n\r\nexport {Z_INDEXES} from './z-indexes'\r\n\r\nexport * from './focus-styles';\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,OAAOC,MAAM,MAAM,UAAU;AAC7B,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,UAAU,QAAQ,gBAAgB;AAE3C,cAAe,cAAc;AAE7B,OAAOC,YAAY,MAAM,UAAU;AACnC,SAASC,IAAI,QAAQ,UAAU;AAE/B,SAASJ,MAAM,EAAEC,WAAW,EAAEC,UAAU,EAAEC,YAAY;AAGtD,OAAO,IAAME,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,IAAIC,IAA8B,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,IAAI,CAACM,KAAK;EAAA,OAAKX,GAAG,CAAAY,eAAA,KAAAA,eAAA,GAAAC,sBAAA,ifAGvEN,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAClCP,IAAI,IAAIF,IAAI,CAACS,MAAM,GAAG,KAAK,GAAG,KAAK,EAM/B,UAAAC,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAMpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA,GAKpD,UAAAF,KAAK;IAAA,OAAId,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;EAAA;AAAA,CAErE;AAED,SAAQC,SAAS,QAAO,aAAa;AAErC,cAAc,gBAAgB","ignoreList":[]}

package/dist/styles/shadowstyles.cjs

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.BOXSHADOWS = void 0;
-const BOXSHADOWS = exports.BOXSHADOWS = {
+var BOXSHADOWS = {
   BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',
   BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',
   BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',
   BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)'
 };
+exports.BOXSHADOWS = BOXSHADOWS;
 //# sourceMappingURL=shadowstyles.cjs.map

package/dist/styles/shadowstyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","exports","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACfE,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC","ignoreList":[]}
+{"version":3,"file":"shadowstyles.cjs","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED","exports"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":";;;;;;AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAACC,OAAA,CAAAL,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/styles/shadowstyles.js

@@ -1,4 +1,4 @@
-const BOXSHADOWS = {
+var BOXSHADOWS = {
   BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',
   BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',
   BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',

package/dist/styles/shadowstyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":"AAAA,MAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU","ignoreList":[]}
+{"version":3,"file":"shadowstyles.js","names":["BOXSHADOWS","BOXSHADOW_L1","BOXSHADOW_L2","BOXSHADOW_L3","BOXSHADOW_CENTERED"],"sources":["../../src/styles/shadowstyles.ts"],"sourcesContent":["const BOXSHADOWS = {\r\n    BOXSHADOW_L1: '0px 2px 4px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L2: '0px 4px 8px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_L3: '0px 8px 16px rgba(0, 0, 0, 0.15)',\r\n    BOXSHADOW_CENTERED: '0px 4px 10px rgba(0, 0, 0, 0.15), 0px 0px 6px rgba(0, 0, 0, 0.15)',\r\n};\r\n\r\nexport { BOXSHADOWS };\r\n\r\n"],"mappings":"AAAA,IAAMA,UAAU,GAAG;EACfC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,iCAAiC;EAC/CC,YAAY,EAAE,kCAAkC;EAChDC,kBAAkB,EAAE;AACxB,CAAC;AAED,SAASJ,UAAU","ignoreList":[]}