@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

package/dist/esm/Toast/toast_container.js

@@ -21,14 +21,9 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import styled from '@emotion/styled';
-/**
- *
- */
-/**
- * Styles.
- */
-var ToastContainerRoot = styled('div')({
+import { css, cx } from '../styles';
+var stylesBase = function () { return css({
+    label: 'ToastContainer',
     position: 'fixed',
     bottom: 0,
     padding: '10px',
@@ -41,13 +36,14 @@ var ToastContainerRoot = styled('div')({
     '& > * + *': {
         marginTop: '10px',
     },
-});
-/**
- *
- */
+}); };
 export var ToastContainer = function (props) {
-    var children = props.children, other = __rest(props, ["children"]);
-    return (React.createElement(ToastContainerRoot, __assign({}, other), children));
+    var _a;
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    return (React.createElement("div", __assign({ className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)) }, other), children));
 };
 ToastContainer.displayName = 'ToastContainer';
 //# sourceMappingURL=toast_container.js.map

package/dist/esm/Toast/toast_container.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAarC;;GAEG;AAEH;;GAEG;AACH,IAAM,kBAAkB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACvC,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,KAAK;IACzD,IAAA,QAAQ,GAAe,KAAK,SAApB,EAAK,KAAK,UAAK,KAAK,EAA9B,YAAsB,CAAF,CAAW;IAErC,OAAO,CACL,oBAAC,kBAAkB,eACb,KAAK,GAER,QAAQ,CACU,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
+{"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,EAduB,CAcvB,CAAC;AAEH,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,KAAK;;IACzD,IAAA,QAAQ,GAA0B,KAAK,SAA/B,EAAE,SAAS,GAAe,KAAK,UAApB,EAAK,KAAK,UAAK,KAAK,EAAzC,yBAAiC,CAAF,CAAW;IAEhD,OAAO,CACL,sCACE,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACE,KAAK,GAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/esm/Tooltip/tooltip.js

@@ -25,13 +25,11 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import { keyframes } from '@emotion/react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
 import { Popper } from '../Popper';
 import { Box } from '../Box';
 import { useMergedRef, useControllableState } from '../hooks';
 import { Typography } from '../Typography';
+import { css, cx, keyframes } from '../styles';
 /**
  *
  */
@@ -39,12 +37,13 @@ import { Typography } from '../Typography';
  * Styles.
  */
 var stylesKeyframeOpacity = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"], ["\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n"])));
-var TooltipRoot = styled(Box)(function (props) { return (__assign(__assign({ boxShadow: 'var(--pv-shadow-light-low)', maxWidth: '300px', wordWrap: 'break-word', fontSize: 0, animation: "".concat(stylesKeyframeOpacity, " 225ms"), position: 'relative' }, (props.size === 'small' && {
+var stylesTooltip = function (props) { return css(__assign(__assign({ label: 'Tooltip', boxShadow: 'var(--pv-shadow-light-low)', maxWidth: '300px', wordWrap: 'break-word', fontSize: 0, animation: "".concat(stylesKeyframeOpacity, " 225ms"), position: 'relative' }, (props.size === 'small' && {
     padding: '5px 8px',
 })), (props.size === 'large' && {
     padding: '8px 10px',
-}))); });
-var TooltipPopper = styled(Popper)(function (props) { return ({
+}))); };
+var stylesPopper = function (props) { return css({
+    label: 'Popper',
     pointerEvents: props.interactive ? 'auto' : 'none',
     zIndex: 1500,
     '&[data-popper-placement^="bottom"]': {
@@ -71,10 +70,9 @@ var TooltipPopper = styled(Popper)(function (props) { return ({
             marginRight: '-4px',
         },
     },
-}); });
-var TooltipArrow = styled('span', {
-    shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
-})(function (props) { return ({
+}); };
+var stylesArrow = function (props) { return css({
+    label: 'arrow',
     width: '8px',
     height: '8px',
     background: 'transparent',
@@ -90,12 +88,12 @@ var TooltipArrow = styled('span', {
         backgroundColor: 'currentColor',
         transform: 'rotate(45deg)',
     },
-}); });
+}); };
 /**
  *
  */
 export var Tooltip = function (props) {
-    var openProp = props.open, children = props.children, title = props.title, placement = props.placement, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, enterDelay = props.enterDelay, leaveDelay = props.leaveDelay, arrow = props.arrow, offset = props.offset, other = __rest(props, ["open", "children", "title", "placement", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal", "enterDelay", "leaveDelay", "arrow", "offset"]);
+    var openProp = props.open, children = props.children, title = props.title, placement = props.placement, className = props.className, disableFocusListener = props.disableFocusListener, disableHoverListener = props.disableHoverListener, disableTouchListener = props.disableTouchListener, interactive = props.interactive, size = props.size, color = props.color, disablePortal = props.disablePortal, enterDelay = props.enterDelay, leaveDelay = props.leaveDelay, arrow = props.arrow, offset = props.offset, other = __rest(props, ["open", "children", "title", "placement", "className", "disableFocusListener", "disableHoverListener", "disableTouchListener", "interactive", "size", "color", "disablePortal", "enterDelay", "leaveDelay", "arrow", "offset"]);
     var _a = useControllableState({
         value: openProp,
         defaultValue: false,
@@ -149,7 +147,7 @@ export var Tooltip = function (props) {
     }
     return (React.createElement(React.Fragment, null,
         React.cloneElement(children, childrenProps),
-        React.createElement(TooltipPopper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, disablePortal: disablePortal, modifiers: [
+        React.createElement(Popper, __assign({ anchorEl: nodeRef.current, open: title && open, placement: placement, className: stylesPopper(props), disablePortal: disablePortal, modifiers: [
                 {
                     name: 'arrow',
                     enabled: Boolean(arrowRef),
@@ -164,11 +162,17 @@ export var Tooltip = function (props) {
                         offset: [0, offset],
                     },
                 },
-            ] }, popperProps), function (style) { return (React.createElement(TooltipRoot, __assign({ background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, size: size }, other),
-            React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
-            arrow
-                ? (React.createElement(TooltipArrow, { "data-popper-arrow": true, ref: setArrowRef, style: style, color: color }))
-                : null)); })));
+            ] }, popperProps), function (style) {
+            var _a;
+            return (React.createElement(Box, __assign({}, other, { background: color === 'black' ? 'gray-10' : 'white', borderRadius: 4, className: cx((_a = {},
+                    _a[stylesTooltip(props)] = true,
+                    _a[className] = !!className,
+                    _a)) }),
+                React.createElement(Typography, { component: "span", variant: size === 'small' ? 'c2' : 'b3', color: color === 'black' ? 'white' : 'black' }, title),
+                arrow
+                    ? (React.createElement("span", { className: stylesArrow(props), "data-popper-arrow": true, ref: setArrowRef, style: style }))
+                    : null));
+        })));
 };
 Tooltip.displayName = 'Tooltip';
 Tooltip.defaultProps = {

package/dist/esm/Tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../src/Tooltip/tooltip.tsx"],"names":[],"mappings":"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"}

package/dist/esm/Typography/typography.js

@@ -21,21 +21,34 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import * as React from 'react';
-import styled from '@emotion/styled';
-import isPropValid from '@emotion/is-prop-valid';
+import { css, cx, } from '../styles';
 /**
  *
  */
 /**
  * Styles.
  */
-var TypographyRoot = styled('p', {
-    shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
-})(function (props) { return (__assign({ margin: 0, color: props.color === 'inherit' ? 'inherit' : "var(--pv-color-".concat(props.color, ")"), fontWeight: "var(--pv-text-".concat(props.variant, "-weight)"), fontSize: "var(--pv-text-".concat(props.variant, "-size)"), lineHeight: "var(--pv-text-".concat(props.variant, "-height)"), letterSpacing: "var(--pv-text-".concat(props.variant, "-spacing)") }, (props.noWrap && {
+var stylesBase = function () { return css({
+    label: 'Typography',
+    margin: 0,
+}); };
+var stylesVariant = function (variant) { return css({
+    label: variant,
+    fontWeight: "var(--pv-text-".concat(variant, "-weight)"),
+    fontSize: "var(--pv-text-".concat(variant, "-size)"),
+    lineHeight: "var(--pv-text-".concat(variant, "-height)"),
+    letterSpacing: "var(--pv-text-".concat(variant, "-spacing)"),
+}); };
+var stylesColor = function (color) { return css({
+    label: color,
+    color: color === 'inherit' ? 'inherit' : "var(--pv-color-".concat(color, ")"),
+}); };
+var stylesNoWrap = function () { return css({
+    label: 'noWrap',
     overflow: 'hidden',
     whiteSpace: 'nowrap',
     textOverflow: 'ellipsis',
-}))); });
+}); };
 /**
  *
  */
@@ -56,9 +69,16 @@ var variantMapping = {
     c2: 'p',
 };
 export var Typography = React.forwardRef(function (props, ref) {
-    var variant = props.variant, component = props.component, other = __rest(props, ["variant", "component"]);
+    var _a;
+    var variant = props.variant, className = props.className, color = props.color, noWrap = props.noWrap, component = props.component, other = __rest(props, ["variant", "className", "color", "noWrap", "component"]);
     var Component = component || variantMapping[variant] || 'p';
-    return (React.createElement(TypographyRoot, __assign({ as: Component, ref: ref, variant: variant }, other)));
+    return (React.createElement(Component, __assign({}, other, { ref: ref, className: cx((_a = {},
+            _a[stylesBase()] = true,
+            _a[stylesVariant(variant)] = !!variant,
+            _a[stylesColor(color)] = !!color,
+            _a[stylesNoWrap()] = noWrap,
+            _a[className] = !!className,
+            _a)) })));
 });
 Typography.displayName = 'Typography';
 Typography.defaultProps = {

package/dist/esm/Typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,WAAW,MAAM,wBAAwB,CAAC;AAyCjD;;GAEG;AAEH;;GAEG;AACH,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,EAAE;IACjC,iBAAiB,EAAE,UAAC,IAAI,IAAK,OAAA,WAAW,CAAC,IAAI,CAAC,IAAI,IAAI,KAAK,OAAO,EAArC,CAAqC;CACnE,CAAC,CAAqB,UAAC,KAAK,IAAK,OAAA,YAChC,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,KAAK,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAkB,KAAK,CAAC,KAAK,MAAG,EAC/E,UAAU,EAAE,wBAAiB,KAAK,CAAC,OAAO,aAAsB,EAChE,QAAQ,EAAE,wBAAiB,KAAK,CAAC,OAAO,WAAQ,EAChD,UAAU,EAAE,wBAAiB,KAAK,CAAC,OAAO,aAAU,EACpD,aAAa,EAAE,wBAAiB,KAAK,CAAC,OAAO,cAAW,IACrD,CAAC,KAAK,CAAC,MAAM,IAAI;IAClB,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,EACF,EAZgC,CAYhC,CAAC,CAAC;AACJ;;GAEG;AAEH,IAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;IAExE,IAAA,OAAO,GAGL,KAAK,QAHA,EACP,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,wBAIL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,cAAc,aACb,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,IACZ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../../src/Typography/typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,GAAG,EACH,EAAE,GAGH,MAAM,WAAW,CAAC;AAoCnB;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,GAAG,CAAC;IAC3B,KAAK,EAAE,YAAY;IACnB,MAAM,EAAE,CAAC;CACV,CAAC,EAHuB,CAGvB,CAAC;AAEH,IAAM,aAAa,GAAG,UAAC,OAAmC,IAAK,OAAA,GAAG,CAAC;IACjE,KAAK,EAAE,OAAO;IACd,UAAU,EAAE,wBAAiB,OAAO,aAAU;IAC9C,QAAQ,EAAE,wBAAiB,OAAO,WAAQ;IAC1C,UAAU,EAAE,wBAAiB,OAAO,aAAU;IAC9C,aAAa,EAAE,wBAAiB,OAAO,cAAW;CAC5C,CAAC,EANsD,CAMtD,CAAC;AAEV,IAAM,WAAW,GAAG,UAAC,KAA+B,IAAK,OAAA,GAAG,CAAC;IAC3D,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAkB,KAAK,MAAG;CACpE,CAAC,EAHuD,CAGvD,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,GAAG,CAAC;IAC7B,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,QAAQ;IACpB,YAAY,EAAE,UAAU;CACzB,CAAC,EALyB,CAKzB,CAAC;AACH;;GAEG;AAEH,IAAM,cAAc,GAAmF;IACrG,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,IAAI;IACR,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAuB,UAAC,KAAK,EAAE,GAAG;;IAExE,IAAA,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,KAAK,GAIH,KAAK,MAJF,EACL,MAAM,GAGJ,KAAK,OAHD,EACN,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAPH,wDAOL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC;IAE9D,OAAO,CACL,oBAAC,SAAS,eACJ,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,aAAa,CAAC,OAAO,CAAC,IAAG,CAAC,CAAC,OAAO;YACnC,GAAC,WAAW,CAAC,KAAK,CAAC,IAAG,CAAC,CAAC,KAAK;YAC7B,GAAC,YAAY,EAAE,IAAG,MAAM;YACxB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,IACF,CACH,CAAC;AACJ,CAAC,CAA4C,CAAC;AAE9C,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,UAAU,CAAC,YAAY,GAAG;IACxB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACf,CAAC"}

package/dist/esm/styles/colors/additional.js

@@ -0,0 +1,5 @@
+export var additional = {
+    'extra-1': '#826FF6',
+    'extra-2': '#DC6CDF',
+};
+//# sourceMappingURL=additional.js.map

package/dist/esm/styles/colors/additional.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"additional.js","sourceRoot":"","sources":["../../../../src/styles/colors/additional.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;CACrB,CAAC"}

package/dist/esm/styles/colors/attention.js

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generateAttentionColors = function (hex) {
+    if (hex === void 0) { hex = '#F7A831'; }
+    var palette = new Color(hex).palette();
+    return {
+        'attention-tint-5': palette.tint5.toHexString(),
+        'attention-tint-4': palette.tint4.toHexString(),
+        'attention-tint-3': palette.tint3.toHexString(),
+        'attention-tint-2': palette.tint2.toHexString(),
+        'attention-tint-1': palette.tint1.toHexString(),
+        attention: palette.base.toHexString(),
+        'attention-shade-1': palette.shade1.toHexString(),
+        'attention-shade-2': palette.shade2.toHexString(),
+        'attention-shade-3': palette.shade3.toHexString(),
+        'attention-shade-4': palette.shade4.toHexString(),
+        'attention-shade-5': palette.shade5.toHexString(),
+    };
+};
+export var attention = generateAttentionColors();
+//# sourceMappingURL=attention.js.map

package/dist/esm/styles/colors/attention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.js","sourceRoot":"","sources":["../../../../src/styles/colors/attention.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}

package/dist/esm/styles/colors/grayscale.js

@@ -0,0 +1,15 @@
+export var grayscale = {
+    white: '#FFFFFF',
+    'gray-1': '#FBFCFD',
+    'gray-2': '#F4F7FC',
+    'gray-3': '#EFF1F6',
+    'gray-4': '#EAEDF2',
+    'gray-5': '#E3E5E8',
+    'gray-6': '#D8DBDE',
+    'gray-7': '#CDD1D5',
+    'gray-8': '#C4C8CC',
+    'gray-9': '#8F999E',
+    'gray-10': '#5C666A',
+    black: '#293033',
+};
+//# sourceMappingURL=grayscale.js.map

package/dist/esm/styles/colors/grayscale.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grayscale.js","sourceRoot":"","sources":["../../../../src/styles/colors/grayscale.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,SAAS,EAAE,SAAS;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/esm/styles/colors/index.js

@@ -0,0 +1,8 @@
+export { grayscale } from './grayscale';
+export { primary, generatePrimaryColors } from './primary';
+export { secondary, generateSecondaryColors } from './secondary';
+export { wrong, generateWrongColors } from './wrong';
+export { attention, generateAttentionColors } from './attention';
+export { success, generateSuccessColors } from './success';
+export { additional } from './additional';
+//# sourceMappingURL=index.js.map

package/dist/esm/styles/colors/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/colors/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/styles/colors/primary.js

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generatePrimaryColors = function (hex) {
+    if (hex === void 0) { hex = '#5EBC54'; }
+    var palette = new Color(hex).palette();
+    return {
+        'primary-tint-5': palette.tint5.toHexString(),
+        'primary-tint-4': palette.tint4.toHexString(),
+        'primary-tint-3': palette.tint3.toHexString(),
+        'primary-tint-2': palette.tint2.toHexString(),
+        'primary-tint-1': palette.tint1.toHexString(),
+        primary: palette.base.toHexString(),
+        'primary-shade-1': palette.shade1.toHexString(),
+        'primary-shade-2': palette.shade2.toHexString(),
+        'primary-shade-3': palette.shade3.toHexString(),
+        'primary-shade-4': palette.shade4.toHexString(),
+        'primary-shade-5': palette.shade5.toHexString(),
+    };
+};
+export var primary = generatePrimaryColors();
+//# sourceMappingURL=primary.js.map

package/dist/esm/styles/colors/primary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"primary.js","sourceRoot":"","sources":["../../../../src/styles/colors/primary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC"}

package/dist/esm/styles/colors/secondary.js

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generateSecondaryColors = function (hex) {
+    if (hex === void 0) { hex = '#377FF4'; }
+    var palette = new Color(hex).palette();
+    return {
+        'secondary-tint-5': palette.tint5.toHexString(),
+        'secondary-tint-4': palette.tint4.toHexString(),
+        'secondary-tint-3': palette.tint3.toHexString(),
+        'secondary-tint-2': palette.tint2.toHexString(),
+        'secondary-tint-1': palette.tint1.toHexString(),
+        secondary: palette.base.toHexString(),
+        'secondary-shade-1': palette.shade1.toHexString(),
+        'secondary-shade-2': palette.shade2.toHexString(),
+        'secondary-shade-3': palette.shade3.toHexString(),
+        'secondary-shade-4': palette.shade4.toHexString(),
+        'secondary-shade-5': palette.shade5.toHexString(),
+    };
+};
+export var secondary = generateSecondaryColors();
+//# sourceMappingURL=secondary.js.map

package/dist/esm/styles/colors/secondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secondary.js","sourceRoot":"","sources":["../../../../src/styles/colors/secondary.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC7D,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,kBAAkB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC/C,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACrC,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QACjD,mBAAmB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAClD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC"}

package/dist/esm/styles/colors/success.js

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generateSuccessColors = function (hex) {
+    if (hex === void 0) { hex = '#33CC99'; }
+    var palette = new Color(hex).palette();
+    return {
+        'success-tint-5': palette.tint5.toHexString(),
+        'success-tint-4': palette.tint4.toHexString(),
+        'success-tint-3': palette.tint3.toHexString(),
+        'success-tint-2': palette.tint2.toHexString(),
+        'success-tint-1': palette.tint1.toHexString(),
+        success: palette.base.toHexString(),
+        'success-shade-1': palette.shade1.toHexString(),
+        'success-shade-2': palette.shade2.toHexString(),
+        'success-shade-3': palette.shade3.toHexString(),
+        'success-shade-4': palette.shade4.toHexString(),
+        'success-shade-5': palette.shade5.toHexString(),
+    };
+};
+export var success = generateSuccessColors();
+//# sourceMappingURL=success.js.map

package/dist/esm/styles/colors/success.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.js","sourceRoot":"","sources":["../../../../src/styles/colors/success.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IAC3D,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC7C,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACnC,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC/C,iBAAiB,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAChD,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC"}

package/dist/esm/styles/colors/wrong.js

@@ -0,0 +1,20 @@
+import { Color } from '@peculiar/color';
+export var generateWrongColors = function (hex) {
+    if (hex === void 0) { hex = '#DE4641'; }
+    var palette = new Color(hex).palette();
+    return {
+        'wrong-tint-5': palette.tint5.toHexString(),
+        'wrong-tint-4': palette.tint4.toHexString(),
+        'wrong-tint-3': palette.tint3.toHexString(),
+        'wrong-tint-2': palette.tint2.toHexString(),
+        'wrong-tint-1': palette.tint1.toHexString(),
+        wrong: palette.base.toHexString(),
+        'wrong-shade-1': palette.shade1.toHexString(),
+        'wrong-shade-2': palette.shade2.toHexString(),
+        'wrong-shade-3': palette.shade3.toHexString(),
+        'wrong-shade-4': palette.shade4.toHexString(),
+        'wrong-shade-5': palette.shade5.toHexString(),
+    };
+};
+export var wrong = generateWrongColors();
+//# sourceMappingURL=wrong.js.map

package/dist/esm/styles/colors/wrong.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrong.js","sourceRoot":"","sources":["../../../../src/styles/colors/wrong.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAExC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,GAAuB;IAAvB,oBAAA,EAAA,eAAuB;IACzD,IAAM,OAAO,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAEzC,OAAO;QACL,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE;QAC3C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;QACjC,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;QAC7C,eAAe,EAAE,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE;KAC9C,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,mBAAmB,EAAE,CAAC"}

package/dist/esm/styles/css.js

@@ -0,0 +1,7 @@
+var _a;
+import createEmotion from '@emotion/css/create-instance';
+export var flush = (_a = createEmotion({
+    key: 'pv',
+    prepend: true,
+}), _a.flush), hydrate = _a.hydrate, cx = _a.cx, merge = _a.merge, getRegisteredStyles = _a.getRegisteredStyles, injectGlobal = _a.injectGlobal, keyframes = _a.keyframes, css = _a.css, sheet = _a.sheet, cache = _a.cache;
+//# sourceMappingURL=css.js.map

package/dist/esm/styles/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../src/styles/css.ts"],"names":[],"mappings":";AAAA,OAAO,aAAa,MAAM,8BAA8B,CAAC;AAEzD,MAAM,CACJ,IAAA,KAAK,IADM,KAWT,aAAa,CAAC;IAChB,GAAG,EAAE,IAAI;IACT,OAAO,EAAE,IAAI;CACd,CAAC,WAbK,EACL,OAAO,aAAA,EACP,EAAE,QAAA,EACF,KAAK,WAAA,EACL,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,GAAG,SAAA,EACH,KAAK,WAAA,EACL,KAAK,WAAA,CAIJ"}

package/dist/esm/styles/default_theme.js

@@ -9,17 +9,145 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { size, text, shadow, colors, } from './foundations';
-export var defaultThemeLight = {
-    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primary), { 'primary-contrast': colors.grayscale.white }), colors.secondary), { 'secondary-contrast': colors.grayscale.white }), colors.wrong), { 'wrong-contrast': colors.grayscale.white }), colors.attention), colors.success), colors.grayscale), colors.additional),
-    shadow: shadow,
-    text: text,
-    size: size,
-};
-export var defaultThemeDark = {
-    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, colors.primaryDark), { 'primary-contrast': colors.grayscaleDark.white }), colors.secondaryDark), { 'secondary-contrast': colors.grayscaleDark.white }), colors.wrongDark), { 'wrong-contrast': colors.grayscaleDark.white }), colors.attentionDark), colors.successDark), colors.grayscaleDark), colors.additionalDark),
-    shadow: shadow,
-    text: text,
-    size: size,
+import { grayscale, primary, secondary, wrong, attention, additional, success, } from './colors';
+import { base } from './sizes';
+export var defaultTheme = {
+    color: __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary), { 'primary-contrast': grayscale.white }), secondary), { 'secondary-contrast': grayscale.white }), wrong), { 'wrong-contrast': grayscale.white }), attention), success), grayscale), additional),
+    shadow: {
+        'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
+        'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
+        'light-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.25), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.21)',
+        'dark-medium': '0px 1px 4px rgba(41, 48, 51, 0.18), 0px 3px 5px rgba(41, 48, 51, 0.16), 0px 1px 10px rgba(41, 48, 51, 0.14)',
+        'dark-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.3), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.25)',
+    },
+    text: {
+        /**
+         * h1
+         */
+        h1: {
+            weight: '800',
+            size: '30px',
+            height: '40px',
+            spacing: '0.1px',
+        },
+        /**
+         * h2
+         */
+        h2: {
+            weight: '800',
+            size: '24px',
+            height: '35px',
+            spacing: '0.1px',
+        },
+        /**
+         * h3
+         */
+        h3: {
+            weight: '700',
+            size: '20px',
+            height: '30px',
+            spacing: '0.2px',
+        },
+        /**
+         * h4
+         */
+        h4: {
+            weight: '700',
+            size: '18px',
+            height: '28px',
+            spacing: '0.2px',
+        },
+        /**
+         * h5
+         */
+        h5: {
+            weight: '700',
+            size: '16px',
+            height: '25px',
+            spacing: '0.15px',
+        },
+        /**
+         * subtitle1
+         */
+        s1: {
+            weight: '600',
+            size: '15px',
+            height: '25px',
+            spacing: '0.25px',
+        },
+        /**
+         * subtitle2
+         */
+        s2: {
+            weight: '600',
+            size: '14px',
+            height: '22px',
+            spacing: '0.25px',
+        },
+        /**
+         * body1
+         */
+        b1: {
+            weight: '400',
+            size: '15px',
+            height: '25px',
+            spacing: '0.4px',
+        },
+        /**
+         * body2
+         */
+        b2: {
+            weight: '400',
+            size: '14px',
+            height: '22px',
+            spacing: '0.4px',
+        },
+        /**
+         * body3
+         */
+        b3: {
+            weight: '400',
+            size: '13px',
+            height: '20px',
+            spacing: '0.55px',
+        },
+        /**
+         * button1
+         */
+        btn1: {
+            weight: '700',
+            size: '14px',
+            height: '20px',
+            spacing: '0.2px',
+        },
+        /**
+         * button2
+         */
+        btn2: {
+            weight: '700',
+            size: '13px',
+            height: '17px',
+            spacing: '0.2px',
+        },
+        /**
+         * caption1
+         */
+        c1: {
+            weight: '400',
+            size: '12px',
+            height: '17px',
+            spacing: '0.45px',
+        },
+        /**
+         * caption2
+         */
+        c2: {
+            weight: '400',
+            size: '11px',
+            height: '15px',
+            spacing: '0.5px',
+        },
+    },
+    size: __assign({}, base),
 };
 //# sourceMappingURL=default_theme.js.map

package/dist/esm/styles/default_theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EACL,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAM,GACP,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,IAAM,iBAAiB,GAAc;IAC1C,KAAK,gGAIA,MAAM,CAAC,OAAO,KACjB,kBAAkB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIvC,MAAM,CAAC,SAAS,KACnB,oBAAoB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIzC,MAAM,CAAC,KAAK,KACf,gBAAgB,EAAE,MAAM,CAAC,SAAS,CAAC,KAAK,KAIrC,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,OAAO,GAId,MAAM,CAAC,SAAS,GAIhB,MAAM,CAAC,UAAU,CACrB;IACD,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,IAAI,MAAA;CACL,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAc;IACzC,KAAK,gGAIA,MAAM,CAAC,WAAW,KACrB,kBAAkB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI3C,MAAM,CAAC,aAAa,KACvB,oBAAoB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAI7C,MAAM,CAAC,SAAS,KACnB,gBAAgB,EAAE,MAAM,CAAC,aAAa,CAAC,KAAK,KAIzC,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,WAAW,GAIlB,MAAM,CAAC,aAAa,GAIpB,MAAM,CAAC,cAAc,CACzB;IACD,MAAM,QAAA;IACN,IAAI,MAAA;IACJ,IAAI,MAAA;CACL,CAAC"}
+{"version":3,"file":"default_theme.js","sourceRoot":"","sources":["../../../src/styles/default_theme.ts"],"names":[],"mappings":"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"}

package/dist/esm/styles/index.js

@@ -1,4 +1,5 @@
 export { ThemeProvider } from './theme_provider';
+export { css, cx, keyframes, cache, } from './css';
 export * from './types';
-export { defaultThemeLight, defaultThemeDark } from './default_theme';
+export { defaultTheme } from './default_theme';
 //# sourceMappingURL=index.js.map