@channel.io/bezier-react 1.7.0 → 1.7.1

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -0,0 +1,35 @@
+'use strict';
+
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+
+exports.defineProperty = _defineProperty;
+exports.toPrimitive = _toPrimitive;
+exports.toPropertyKey = _toPropertyKey;
+//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/cjs/_virtual/_rollupPluginBabelHelpers.js.map

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

package/dist/cjs/components/Banner/Banner.const.js

@@ -41,9 +41,11 @@ const TEXT_COLORS = {
   [Banner_types.BannerVariant.Alt]: 'txt-black-darker'
 };
 const ELEVATIONS = {
-  [Banner_types.BannerVariant.Alt]: FoundationStyledComponent.css(["", ""], ({
+  [Banner_types.BannerVariant.Alt]: FoundationStyledComponent.css`
+    ${({
     foundation
-  }) => foundation?.elevation?.ev2())
+  }) => foundation?.elevation?.ev2()}
+  `
 };
 
 exports.ACTION_BUTTON_COLOR_VARIANTS = ACTION_BUTTON_COLOR_VARIANTS;

package/dist/cjs/components/Banner/Banner.const.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.const.js","sources":["../../../../src/components/Banner/Banner.const.ts"],"sourcesContent":["import {\n  type SemanticNames,\n  css,\n} from '~/src/foundation'\n\nimport type { InjectedInterpolation } from '~/src/types/Foundation'\n\nimport { ButtonColorVariant } from '~/src/components/Button'\n\nimport { BannerVariant } from './Banner.types'\n\nexport const BACKGROUND_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'bg-black-lighter',\n  [BannerVariant.Blue]: 'bgtxt-blue-lightest',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-lightest',\n  [BannerVariant.Green]: 'bgtxt-green-lightest',\n  [BannerVariant.Orange]: 'bgtxt-orange-lightest',\n  [BannerVariant.Red]: 'bgtxt-red-lightest',\n  [BannerVariant.Alt]: 'bg-grey-lighter',\n}\n\nexport const DEFAULT_ICON_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'txt-black-darker',\n  [BannerVariant.Blue]: 'bgtxt-blue-normal',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-normal',\n  [BannerVariant.Green]: 'bgtxt-green-normal',\n  [BannerVariant.Orange]: 'bgtxt-orange-normal',\n  [BannerVariant.Red]: 'bgtxt-red-normal',\n  [BannerVariant.Alt]: 'bgtxt-red-normal',\n}\n\nexport const ACTION_BUTTON_COLOR_VARIANTS: Record<BannerVariant, ButtonColorVariant> = {\n  [BannerVariant.Default]: ButtonColorVariant.MonochromeDark,\n  [BannerVariant.Blue]: ButtonColorVariant.Blue,\n  [BannerVariant.Cobalt]: ButtonColorVariant.Cobalt,\n  [BannerVariant.Green]: ButtonColorVariant.Green,\n  [BannerVariant.Orange]: ButtonColorVariant.Orange,\n  [BannerVariant.Red]: ButtonColorVariant.Red,\n  [BannerVariant.Alt]: ButtonColorVariant.MonochromeDark,\n}\n\nexport const TEXT_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'txt-black-darker',\n  [BannerVariant.Blue]: 'bgtxt-blue-normal',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-normal',\n  [BannerVariant.Green]: 'bgtxt-green-normal',\n  [BannerVariant.Orange]: 'bgtxt-orange-normal',\n  [BannerVariant.Red]: 'bgtxt-red-normal',\n  [BannerVariant.Alt]: 'txt-black-darker',\n}\n\nexport const ELEVATIONS: { [key in BannerVariant]?: InjectedInterpolation } = {\n  [BannerVariant.Alt]: css`\n    ${({ foundation }) => foundation?.elevation?.ev2()}\n  `,\n}\n"],"names":["BACKGROUND_COLORS","BannerVariant","Default","Blue","Cobalt","Green","Orange","Red","Alt","DEFAULT_ICON_COLORS","ACTION_BUTTON_COLOR_VARIANTS","ButtonColorVariant","MonochromeDark","TEXT_COLORS","ELEVATIONS","css","foundation","elevation","ev2"],"mappings":";;;;;;AAWO,MAAMA,iBAAuD,GAAG;AACrE,EAAA,CAACC,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,qBAAqB;AAC3C,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,uBAAuB;AAC/C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,sBAAsB;AAC7C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,uBAAuB;AAC/C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,oBAAoB;EACzC,CAACN,0BAAa,CAACO,GAAG,GAAG,iBAAA;AACvB,EAAC;AAEM,MAAMC,mBAAyD,GAAG;AACvE,EAAA,CAACR,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,mBAAmB;AACzC,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,oBAAoB;AAC3C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,kBAAkB;EACvC,CAACN,0BAAa,CAACO,GAAG,GAAG,kBAAA;AACvB,EAAC;AAEM,MAAME,4BAAuE,GAAG;AACrF,EAAA,CAACT,0BAAa,CAACC,OAAO,GAAGS,+BAAkB,CAACC,cAAc;AAC1D,EAAA,CAACX,0BAAa,CAACE,IAAI,GAAGQ,+BAAkB,CAACR,IAAI;AAC7C,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAGO,+BAAkB,CAACP,MAAM;AACjD,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAGM,+BAAkB,CAACN,KAAK;AAC/C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAGK,+BAAkB,CAACL,MAAM;AACjD,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAGI,+BAAkB,CAACJ,GAAG;AAC3C,EAAA,CAACN,0BAAa,CAACO,GAAG,GAAGG,+BAAkB,CAACC,cAAAA;AAC1C,EAAC;AAEM,MAAMC,WAAiD,GAAG;AAC/D,EAAA,CAACZ,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,mBAAmB;AACzC,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,oBAAoB;AAC3C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,kBAAkB;EACvC,CAACN,0BAAa,CAACO,GAAG,GAAG,kBAAA;AACvB,EAAC;AAEM,MAAMM,UAA8D,GAAG;AAC5E,EAAA,CAACb,0BAAa,CAACO,GAAG,GAAGO,6BAAG,WACpB,CAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,KAAKA,UAAU,EAAEC,SAAS,EAAEC,GAAG,EAAE,CAAA;AAEtD;;;;;;;;"}
+{"version":3,"file":"Banner.const.js","sources":["../../../../src/components/Banner/Banner.const.ts"],"sourcesContent":["import {\n  type SemanticNames,\n  css,\n} from '~/src/foundation'\n\nimport type { InjectedInterpolation } from '~/src/types/Foundation'\n\nimport { ButtonColorVariant } from '~/src/components/Button'\n\nimport { BannerVariant } from './Banner.types'\n\nexport const BACKGROUND_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'bg-black-lighter',\n  [BannerVariant.Blue]: 'bgtxt-blue-lightest',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-lightest',\n  [BannerVariant.Green]: 'bgtxt-green-lightest',\n  [BannerVariant.Orange]: 'bgtxt-orange-lightest',\n  [BannerVariant.Red]: 'bgtxt-red-lightest',\n  [BannerVariant.Alt]: 'bg-grey-lighter',\n}\n\nexport const DEFAULT_ICON_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'txt-black-darker',\n  [BannerVariant.Blue]: 'bgtxt-blue-normal',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-normal',\n  [BannerVariant.Green]: 'bgtxt-green-normal',\n  [BannerVariant.Orange]: 'bgtxt-orange-normal',\n  [BannerVariant.Red]: 'bgtxt-red-normal',\n  [BannerVariant.Alt]: 'bgtxt-red-normal',\n}\n\nexport const ACTION_BUTTON_COLOR_VARIANTS: Record<BannerVariant, ButtonColorVariant> = {\n  [BannerVariant.Default]: ButtonColorVariant.MonochromeDark,\n  [BannerVariant.Blue]: ButtonColorVariant.Blue,\n  [BannerVariant.Cobalt]: ButtonColorVariant.Cobalt,\n  [BannerVariant.Green]: ButtonColorVariant.Green,\n  [BannerVariant.Orange]: ButtonColorVariant.Orange,\n  [BannerVariant.Red]: ButtonColorVariant.Red,\n  [BannerVariant.Alt]: ButtonColorVariant.MonochromeDark,\n}\n\nexport const TEXT_COLORS: Record<BannerVariant, SemanticNames> = {\n  [BannerVariant.Default]: 'txt-black-darker',\n  [BannerVariant.Blue]: 'bgtxt-blue-normal',\n  [BannerVariant.Cobalt]: 'bgtxt-cobalt-normal',\n  [BannerVariant.Green]: 'bgtxt-green-normal',\n  [BannerVariant.Orange]: 'bgtxt-orange-normal',\n  [BannerVariant.Red]: 'bgtxt-red-normal',\n  [BannerVariant.Alt]: 'txt-black-darker',\n}\n\nexport const ELEVATIONS: { [key in BannerVariant]?: InjectedInterpolation } = {\n  [BannerVariant.Alt]: css`\n    ${({ foundation }) => foundation?.elevation?.ev2()}\n  `,\n}\n"],"names":["BACKGROUND_COLORS","BannerVariant","Default","Blue","Cobalt","Green","Orange","Red","Alt","DEFAULT_ICON_COLORS","ACTION_BUTTON_COLOR_VARIANTS","ButtonColorVariant","MonochromeDark","TEXT_COLORS","ELEVATIONS","css","foundation","elevation","ev2"],"mappings":";;;;;;AAWO,MAAMA,iBAAuD,GAAG;AACrE,EAAA,CAACC,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,qBAAqB;AAC3C,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,uBAAuB;AAC/C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,sBAAsB;AAC7C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,uBAAuB;AAC/C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,oBAAoB;EACzC,CAACN,0BAAa,CAACO,GAAG,GAAG,iBAAA;AACvB,EAAC;AAEM,MAAMC,mBAAyD,GAAG;AACvE,EAAA,CAACR,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,mBAAmB;AACzC,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,oBAAoB;AAC3C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,kBAAkB;EACvC,CAACN,0BAAa,CAACO,GAAG,GAAG,kBAAA;AACvB,EAAC;AAEM,MAAME,4BAAuE,GAAG;AACrF,EAAA,CAACT,0BAAa,CAACC,OAAO,GAAGS,+BAAkB,CAACC,cAAc;AAC1D,EAAA,CAACX,0BAAa,CAACE,IAAI,GAAGQ,+BAAkB,CAACR,IAAI;AAC7C,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAGO,+BAAkB,CAACP,MAAM;AACjD,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAGM,+BAAkB,CAACN,KAAK;AAC/C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAGK,+BAAkB,CAACL,MAAM;AACjD,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAGI,+BAAkB,CAACJ,GAAG;AAC3C,EAAA,CAACN,0BAAa,CAACO,GAAG,GAAGG,+BAAkB,CAACC,cAAAA;AAC1C,EAAC;AAEM,MAAMC,WAAiD,GAAG;AAC/D,EAAA,CAACZ,0BAAa,CAACC,OAAO,GAAG,kBAAkB;AAC3C,EAAA,CAACD,0BAAa,CAACE,IAAI,GAAG,mBAAmB;AACzC,EAAA,CAACF,0BAAa,CAACG,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACH,0BAAa,CAACI,KAAK,GAAG,oBAAoB;AAC3C,EAAA,CAACJ,0BAAa,CAACK,MAAM,GAAG,qBAAqB;AAC7C,EAAA,CAACL,0BAAa,CAACM,GAAG,GAAG,kBAAkB;EACvC,CAACN,0BAAa,CAACO,GAAG,GAAG,kBAAA;AACvB,EAAC;AAEM,MAAMM,UAA8D,GAAG;AAC5E,EAAA,CAACb,0BAAa,CAACO,GAAG,GAAGO,6BAAI,CAAA;AAC3B,IAAA,EAAM,CAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,KAAKA,UAAU,EAAEC,SAAS,EAAEC,GAAG,EAAG,CAAA;AACvD,EAAA,CAAA;AACA;;;;;;;;"}

package/dist/cjs/components/Forms/Inputs/mixins.js

@@ -2,29 +2,48 @@
 
 var FoundationStyledComponent = require('../../../foundation/FoundationStyledComponent.js');
 
-const inputTextStyle = /*#__PURE__*/FoundationStyledComponent.css(["color:", ";", ""], ({
+const inputTextStyle = FoundationStyledComponent.css`
+  color: ${({
   foundation
-}) => foundation?.theme?.['txt-black-darkest'], props => props?.readOnly && FoundationStyledComponent.css(["color:", ";"], ({
-  foundation
-}) => foundation?.theme?.['txt-black-darker']));
-const inputPlaceholderStyle = /*#__PURE__*/FoundationStyledComponent.css(["&::placeholder{color:", ";}"], ({
-  foundation
-}) => foundation?.theme?.['txt-black-dark']);
-const inputWrapperStyle = /*#__PURE__*/FoundationStyledComponent.css(["box-shadow:0 1px 2px ", ",inset 0 0 0 1px ", ";"], ({
-  foundation
-}) => foundation?.theme?.['bg-black-lighter'], ({
-  foundation
-}) => foundation?.theme?.['bg-black-dark']);
-const focusedInputWrapperStyle = /*#__PURE__*/FoundationStyledComponent.css(["box-shadow:0 0 0 3px ", ",inset 0 0 0 1px ", ";"], ({
-  foundation
-}) => foundation?.theme?.['bgtxt-blue-light'], ({
-  foundation
-}) => foundation?.theme?.['bgtxt-blue-normal']);
-const erroredInputWrapperStyle = /*#__PURE__*/FoundationStyledComponent.css(["box-shadow:0 0 0 3px ", ",inset 0 0 0 1px ", ";"], ({
-  foundation
-}) => foundation?.theme?.['bgtxt-orange-light'], ({
-  foundation
-}) => foundation?.theme?.['bgtxt-orange-normal']);
+}) => foundation?.theme?.['txt-black-darkest']};
+
+  ${props => props?.readOnly && FoundationStyledComponent.css`
+    color: ${({
+  foundation
+}) => foundation?.theme?.['txt-black-darker']};
+  `}
+`;
+const inputPlaceholderStyle = FoundationStyledComponent.css`
+  &::placeholder {
+    color: ${({
+  foundation
+}) => foundation?.theme?.['txt-black-dark']};
+  }
+`;
+const inputWrapperStyle = FoundationStyledComponent.css`
+  box-shadow: 0 1px 2px ${({
+  foundation
+}) => foundation?.theme?.['bg-black-lighter']},
+    inset 0 0 0 1px ${({
+  foundation
+}) => foundation?.theme?.['bg-black-dark']};
+`;
+const focusedInputWrapperStyle = FoundationStyledComponent.css`
+  box-shadow: 0 0 0 3px ${({
+  foundation
+}) => foundation?.theme?.['bgtxt-blue-light']},
+    inset 0 0 0 1px ${({
+  foundation
+}) => foundation?.theme?.['bgtxt-blue-normal']};
+`;
+const erroredInputWrapperStyle = FoundationStyledComponent.css`
+  box-shadow: 0 0 0 3px ${({
+  foundation
+}) => foundation?.theme?.['bgtxt-orange-light']},
+    inset 0 0 0 1px ${({
+  foundation
+}) => foundation?.theme?.['bgtxt-orange-normal']};
+`;
 
 exports.erroredInputWrapperStyle = erroredInputWrapperStyle;
 exports.focusedInputWrapperStyle = focusedInputWrapperStyle;

package/dist/cjs/components/Forms/Inputs/mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.js","sources":["../../../../../src/components/Forms/Inputs/mixins.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport { type FormComponentProps } from '~/src/components/Forms/Form.types'\n\nexport const inputTextStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n\n  ${(props: FormComponentProps) => props?.readOnly && css`\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  `}\n`\n\nexport const inputPlaceholderStyle = css`\n  &::placeholder {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  }\n`\n\nexport const inputWrapperStyle = css`\n  box-shadow: 0 1px 2px ${({ foundation }) => foundation?.theme?.['bg-black-lighter']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bg-black-dark']};\n`\n\nexport const focusedInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n`\n\nexport const erroredInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-normal']};\n`\n"],"names":["inputTextStyle","css","foundation","theme","props","readOnly","inputPlaceholderStyle","inputWrapperStyle","focusedInputWrapperStyle","erroredInputWrapperStyle"],"mappings":";;;;AAIaA,MAAAA,cAAc,gBAAGC,6BAAG,sBACtB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC,EAElEC,KAAyB,IAAKA,KAAK,EAAEC,QAAQ,IAAIJ,6BAAG,kBAC5C,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,CACrE,EACF;AAEYG,MAAAA,qBAAqB,gBAAGL,6BAAG,kCAE3B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,gBAAgB,CAAC,EAErE;AAEYI,MAAAA,iBAAiB,gBAAGN,6BAAG,sDACV,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,EAC/D,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,eAAe,CAAC,EAC7E;AAEYK,MAAAA,wBAAwB,gBAAGP,6BAAG,sDACjB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAC,EAC/D,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC,EACjF;AAEYM,MAAAA,wBAAwB,gBAAGR,6BAAG,sDACjB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,oBAAoB,CAAC,EACjE,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,qBAAqB,CAAC;;;;;;;;"}
+{"version":3,"file":"mixins.js","sources":["../../../../../src/components/Forms/Inputs/mixins.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport { type FormComponentProps } from '~/src/components/Forms/Form.types'\n\nexport const inputTextStyle = css`\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n\n  ${(props: FormComponentProps) => props?.readOnly && css`\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-darker']};\n  `}\n`\n\nexport const inputPlaceholderStyle = css`\n  &::placeholder {\n    color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  }\n`\n\nexport const inputWrapperStyle = css`\n  box-shadow: 0 1px 2px ${({ foundation }) => foundation?.theme?.['bg-black-lighter']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bg-black-dark']};\n`\n\nexport const focusedInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-blue-normal']};\n`\n\nexport const erroredInputWrapperStyle = css`\n  box-shadow: 0 0 0 3px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-light']},\n    inset 0 0 0 1px ${({ foundation }) => foundation?.theme?.['bgtxt-orange-normal']};\n`\n"],"names":["inputTextStyle","css","foundation","theme","props","readOnly","inputPlaceholderStyle","inputWrapperStyle","focusedInputWrapperStyle","erroredInputWrapperStyle"],"mappings":";;;;AAIO,MAAMA,cAAc,GAAGC,6BAAI,CAAA;AAClC,SAAA,EAAW,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAE,CAAA;AACxE;AACA,EAAA,EAAKC,KAAyB,IAAKA,KAAK,EAAEC,QAAQ,IAAIJ,6BAAI,CAAA;AAC1D,WAAA,EAAa,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAE,CAAA;AACzE,EAAI,CAAA,CAAA;AACJ,EAAC;AAEM,MAAMG,qBAAqB,GAAGL,6BAAI,CAAA;AACzC;AACA,WAAA,EAAa,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,gBAAgB,CAAE,CAAA;AACvE;AACA,EAAC;AAEM,MAAMI,iBAAiB,GAAGN,6BAAI,CAAA;AACrC,wBAAA,EAA0B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAE,CAAA;AACtF,oBAAA,EAAsB,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,eAAe,CAAE,CAAA;AAC/E,EAAC;AAEM,MAAMK,wBAAwB,GAAGP,6BAAI,CAAA;AAC5C,wBAAA,EAA0B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,kBAAkB,CAAE,CAAA;AACtF,oBAAA,EAAsB,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAE,CAAA;AACnF,EAAC;AAEM,MAAMM,wBAAwB,GAAGR,6BAAI,CAAA;AAC5C,wBAAA,EAA0B,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,oBAAoB,CAAE,CAAA;AACxF,oBAAA,EAAsB,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,qBAAqB,CAAE,CAAA;AACrF;;;;;;;;"}

package/dist/cjs/components/ListItem/utils.js

@@ -6,22 +6,34 @@ var FoundationStyledComponent = require('../../foundation/FoundationStyledCompon
 function getStyleOfSize(size) {
   switch (size) {
     case ListItem_types.ListItemSize.S:
-      return FoundationStyledComponent.css(["padding:4px 6px;", ";"], ({
+      return FoundationStyledComponent.css`
+        padding: 4px 6px;
+        ${({
         foundation
-      }) => foundation?.rounding.round6);
+      }) => foundation?.rounding.round6};
+      `;
     case ListItem_types.ListItemSize.L:
-      return FoundationStyledComponent.css(["padding:8px 6px;", ";"], ({
+      return FoundationStyledComponent.css`
+        padding: 8px 6px;
+        ${({
         foundation
-      }) => foundation?.rounding.round8);
+      }) => foundation?.rounding.round8};
+      `;
     case ListItem_types.ListItemSize.XL:
-      return FoundationStyledComponent.css(["padding:10px 6px;", ";"], ({
+      return FoundationStyledComponent.css`
+        padding: 10px 6px;
+        ${({
         foundation
-      }) => foundation?.rounding.round12);
+      }) => foundation?.rounding.round12};
+      `;
     case ListItem_types.ListItemSize.M:
     default:
-      return FoundationStyledComponent.css(["padding:6px;", ";"], ({
+      return FoundationStyledComponent.css`
+        padding: 6px;
+        ${({
         foundation
-      }) => foundation?.rounding.round6);
+      }) => foundation?.rounding.round6};
+      `;
   }
 }
 

package/dist/cjs/components/ListItem/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/ListItem/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport { ListItemSize } from './ListItem.types'\n\nexport function getStyleOfSize(size?: ListItemSize) {\n  switch (size) {\n    case ListItemSize.S:\n      return css`\n        padding: 4px 6px;\n        ${({ foundation }) => foundation?.rounding.round6};\n      `\n    case ListItemSize.L:\n      return css`\n        padding: 8px 6px;\n        ${({ foundation }) => foundation?.rounding.round8};\n      `\n    case ListItemSize.XL:\n      return css`\n        padding: 10px 6px;\n        ${({ foundation }) => foundation?.rounding.round12};\n      `\n    case ListItemSize.M:\n    default:\n      return css`\n        padding: 6px;\n        ${({ foundation }) => foundation?.rounding.round6};\n      `\n  }\n}\n"],"names":["getStyleOfSize","size","ListItemSize","S","css","foundation","rounding","round6","L","round8","XL","round12","M"],"mappings":";;;;;AAIO,SAASA,cAAcA,CAACC,IAAmB,EAAE;AAClD,EAAA,QAAQA,IAAI;IACV,KAAKC,2BAAY,CAACC,CAAC;MACjB,OAAOC,6BAAG,4BAEN,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACC,MAAM,CAAA,CAAA;IAErD,KAAKL,2BAAY,CAACM,CAAC;MACjB,OAAOJ,6BAAG,4BAEN,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACG,MAAM,CAAA,CAAA;IAErD,KAAKP,2BAAY,CAACQ,EAAE;MAClB,OAAON,6BAAG,6BAEN,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACK,OAAO,CAAA,CAAA;IAEtD,KAAKT,2BAAY,CAACU,CAAC,CAAA;AACnB,IAAA;MACE,OAAOR,6BAAG,wBAEN,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACC,MAAM,CAAA,CAAA;AAEvD,GAAA;AACF;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/ListItem/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport { ListItemSize } from './ListItem.types'\n\nexport function getStyleOfSize(size?: ListItemSize) {\n  switch (size) {\n    case ListItemSize.S:\n      return css`\n        padding: 4px 6px;\n        ${({ foundation }) => foundation?.rounding.round6};\n      `\n    case ListItemSize.L:\n      return css`\n        padding: 8px 6px;\n        ${({ foundation }) => foundation?.rounding.round8};\n      `\n    case ListItemSize.XL:\n      return css`\n        padding: 10px 6px;\n        ${({ foundation }) => foundation?.rounding.round12};\n      `\n    case ListItemSize.M:\n    default:\n      return css`\n        padding: 6px;\n        ${({ foundation }) => foundation?.rounding.round6};\n      `\n  }\n}\n"],"names":["getStyleOfSize","size","ListItemSize","S","css","foundation","rounding","round6","L","round8","XL","round12","M"],"mappings":";;;;;AAIO,SAASA,cAAcA,CAACC,IAAmB,EAAE;AAClD,EAAA,QAAQA,IAAI;IACV,KAAKC,2BAAY,CAACC,CAAC;AACjB,MAAA,OAAOC,6BAAI,CAAA;AACjB;AACA,QAAA,EAAU,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACC,MAAO,CAAA;AAC1D,MAAO,CAAA,CAAA;IACH,KAAKL,2BAAY,CAACM,CAAC;AACjB,MAAA,OAAOJ,6BAAI,CAAA;AACjB;AACA,QAAA,EAAU,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACG,MAAO,CAAA;AAC1D,MAAO,CAAA,CAAA;IACH,KAAKP,2BAAY,CAACQ,EAAE;AAClB,MAAA,OAAON,6BAAI,CAAA;AACjB;AACA,QAAA,EAAU,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACK,OAAQ,CAAA;AAC3D,MAAO,CAAA,CAAA;IACH,KAAKT,2BAAY,CAACU,CAAC,CAAA;AACnB,IAAA;AACE,MAAA,OAAOR,6BAAI,CAAA;AACjB;AACA,QAAA,EAAU,CAAC;AAAEC,QAAAA,UAAAA;AAAW,OAAC,KAAKA,UAAU,EAAEC,QAAQ,CAACC,MAAO,CAAA;AAC1D,MAAO,CAAA,CAAA;AACL,GAAA;AACF;;;;"}

package/dist/cjs/components/Modals/Modal/ModalAnimation.styled.js

@@ -7,25 +7,71 @@ var styled = require('styled-components');
 var index = require('../../../foundation/Transition/index.js');
 
 const overlayStyles = {
-  open: FoundationStyledComponent.css(["opacity:1;"]),
-  closed: FoundationStyledComponent.css(["opacity:0;"])
+  open: FoundationStyledComponent.css`
+    opacity: 1;
+  `,
+  closed: FoundationStyledComponent.css`
+    opacity: 0;
+  `
 };
-const overlayShow = /*#__PURE__*/styled.keyframes(["from{", "}to{", "}"], overlayStyles.closed, overlayStyles.open);
-const overlayHide = /*#__PURE__*/styled.keyframes(["from{", "}to{", "}"], overlayStyles.open, overlayStyles.closed);
+const overlayShow = styled.keyframes`
+  from {
+    ${overlayStyles.closed}
+  }
+
+  to {
+    ${overlayStyles.open}
+  }
+`;
+const overlayHide = styled.keyframes`
+  from {
+    ${overlayStyles.open}
+  }
+
+  to {
+    ${overlayStyles.closed}
+  }
+`;
 const contentStyles = {
-  open: FoundationStyledComponent.css(["opacity:1;transform:translate(0,0) scale(1);"]),
-  closed: FoundationStyledComponent.css(["opacity:0;transform:translate(0,-2%) scale(0.95);"])
+  open: FoundationStyledComponent.css`
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  `,
+  closed: FoundationStyledComponent.css`
+    opacity: 0;
+    transform: translate(0, -2%) scale(0.95);
+  `
 };
-const contentShow = /*#__PURE__*/styled.keyframes(["from{", "}to{", "}"], contentStyles.closed, contentStyles.open);
-const contentHide = /*#__PURE__*/styled.keyframes(["from{", "}to{", "}"], contentStyles.open, contentStyles.closed);
+const contentShow = styled.keyframes`
+  from {
+    ${contentStyles.closed}
+  }
+
+  to {
+    ${contentStyles.open}
+  }
+`;
+const contentHide = styled.keyframes`
+  from {
+    ${contentStyles.open}
+  }
+
+  to {
+    ${contentStyles.closed}
+  }
+`;
 function modalAnimationGenerator(frames, type) {
   switch (type) {
     case 'show':
-      return FoundationStyledComponent.css(["animation:", " ", "ms cubic-bezier(0.3,0,0,1);"], () => frames, index.TransitionDuration.M);
+      return FoundationStyledComponent.css`
+        animation: ${() => frames} ${index.TransitionDuration.M}ms cubic-bezier(0.3, 0, 0, 1);
+      `;
     case 'hide':
-      return FoundationStyledComponent.css(["animation:", " ", "ms cubic-bezier(0.3,0,0,1);"], () => frames, index.TransitionDuration.S);
+      return FoundationStyledComponent.css`
+        animation: ${() => frames} ${index.TransitionDuration.S}ms cubic-bezier(0.3, 0, 0, 1);
+      `;
     default:
-      return FoundationStyledComponent.css([""]);
+      return FoundationStyledComponent.css``;
   }
 }
 var ModalAnimation = {

package/dist/cjs/components/Modals/Modal/ModalAnimation.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalAnimation.styled.js","sources":["../../../../../src/components/Modals/Modal/ModalAnimation.styled.ts"],"sourcesContent":["import {\n  TransitionDuration,\n  css,\n  keyframes,\n} from '~/src/foundation'\n\nconst overlayStyles = {\n  open: css`\n    opacity: 1;\n  `,\n  closed: css`\n    opacity: 0;\n  `,\n}\n\nconst overlayShow = keyframes`\n  from {\n    ${overlayStyles.closed}\n  }\n\n  to {\n    ${overlayStyles.open}\n  }\n`\n\nconst overlayHide = keyframes`\n  from {\n    ${overlayStyles.open}\n  }\n\n  to {\n    ${overlayStyles.closed}\n  }\n`\n\nconst contentStyles = {\n  open: css`\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n  `,\n  closed: css`\n    opacity: 0;\n    transform: translate(0, -2%) scale(0.95);\n  `,\n}\n\nconst contentShow = keyframes`\n  from {\n    ${contentStyles.closed}\n  }\n\n  to {\n    ${contentStyles.open}\n  }\n`\n\nconst contentHide = keyframes`\n  from {\n    ${contentStyles.open}\n  }\n\n  to {\n    ${contentStyles.closed}\n  }\n`\n\nfunction modalAnimationGenerator(\n  frames: ReturnType<typeof keyframes>,\n  type: 'show' | 'hide',\n) {\n  switch (type) {\n    case 'show':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.M}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    case 'hide':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.S}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    default:\n      return css``\n  }\n}\n\nexport default {\n  overlayShow: modalAnimationGenerator(overlayShow, 'show'),\n  overlayHide: modalAnimationGenerator(overlayHide, 'hide'),\n  contentShow: modalAnimationGenerator(contentShow, 'show'),\n  contentHide: modalAnimationGenerator(contentHide, 'hide'),\n}\n"],"names":["overlayStyles","open","css","closed","overlayShow","keyframes","overlayHide","contentStyles","contentShow","contentHide","modalAnimationGenerator","frames","type","TransitionDuration","M","S"],"mappings":";;;;;;;;AAMA,MAAMA,aAAa,GAAG;EACpBC,IAAI,EAAEC,6BAAG,CAER,CAAA,YAAA,CAAA,CAAA;AACDC,EAAAA,MAAM,EAAED,6BAAG,CAAA,CAAA,YAAA,CAAA,CAAA;AAGb,CAAC,CAAA;AAED,MAAME,WAAW,gBAAGC,gBAAS,CAEvBL,CAAAA,OAAAA,EAAAA,MAAAA,EAAAA,GAAAA,CAAAA,EAAAA,aAAa,CAACG,MAAM,EAIpBH,aAAa,CAACC,IAAI,CAEvB,CAAA;AAED,MAAMK,WAAW,gBAAGD,gBAAS,CAEvBL,CAAAA,OAAAA,EAAAA,MAAAA,EAAAA,GAAAA,CAAAA,EAAAA,aAAa,CAACC,IAAI,EAIlBD,aAAa,CAACG,MAAM,CAEzB,CAAA;AAED,MAAMI,aAAa,GAAG;EACpBN,IAAI,EAAEC,6BAAG,CAGR,CAAA,8CAAA,CAAA,CAAA;AACDC,EAAAA,MAAM,EAAED,6BAAG,CAAA,CAAA,mDAAA,CAAA,CAAA;AAIb,CAAC,CAAA;AAED,MAAMM,WAAW,gBAAGH,gBAAS,CAEvBE,CAAAA,OAAAA,EAAAA,MAAAA,EAAAA,GAAAA,CAAAA,EAAAA,aAAa,CAACJ,MAAM,EAIpBI,aAAa,CAACN,IAAI,CAEvB,CAAA;AAED,MAAMQ,WAAW,gBAAGJ,gBAAS,CAEvBE,CAAAA,OAAAA,EAAAA,MAAAA,EAAAA,GAAAA,CAAAA,EAAAA,aAAa,CAACN,IAAI,EAIlBM,aAAa,CAACJ,MAAM,CAEzB,CAAA;AAED,SAASO,uBAAuBA,CAC9BC,MAAoC,EACpCC,IAAqB,EACrB;AACA,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,MAAM;AACT,MAAA,OAAOV,6BAAG,CACK,CAAA,YAAA,EAAA,GAAA,EAAA,6BAAA,CAAA,EAAA,MAAMS,MAAM,EAAIE,wBAAkB,CAACC,CAAC,CAAA,CAAA;AAErD,IAAA,KAAK,MAAM;AACT,MAAA,OAAOZ,6BAAG,CACK,CAAA,YAAA,EAAA,GAAA,EAAA,6BAAA,CAAA,EAAA,MAAMS,MAAM,EAAIE,wBAAkB,CAACE,CAAC,CAAA,CAAA;AAErD,IAAA;AACE,MAAA,OAAOb,6BAAG,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA;AACd,GAAA;AACF,CAAA;AAEA,qBAAe;AACbE,EAAAA,WAAW,EAAEM,uBAAuB,CAACN,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEI,uBAAuB,CAACJ,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEE,uBAAuB,CAACF,WAAW,EAAE,MAAM,CAAC;AACzDC,EAAAA,WAAW,EAAEC,uBAAuB,CAACD,WAAW,EAAE,MAAM,CAAA;AAC1D,CAAC;;;;"}
+{"version":3,"file":"ModalAnimation.styled.js","sources":["../../../../../src/components/Modals/Modal/ModalAnimation.styled.ts"],"sourcesContent":["import {\n  TransitionDuration,\n  css,\n  keyframes,\n} from '~/src/foundation'\n\nconst overlayStyles = {\n  open: css`\n    opacity: 1;\n  `,\n  closed: css`\n    opacity: 0;\n  `,\n}\n\nconst overlayShow = keyframes`\n  from {\n    ${overlayStyles.closed}\n  }\n\n  to {\n    ${overlayStyles.open}\n  }\n`\n\nconst overlayHide = keyframes`\n  from {\n    ${overlayStyles.open}\n  }\n\n  to {\n    ${overlayStyles.closed}\n  }\n`\n\nconst contentStyles = {\n  open: css`\n    opacity: 1;\n    transform: translate(0, 0) scale(1);\n  `,\n  closed: css`\n    opacity: 0;\n    transform: translate(0, -2%) scale(0.95);\n  `,\n}\n\nconst contentShow = keyframes`\n  from {\n    ${contentStyles.closed}\n  }\n\n  to {\n    ${contentStyles.open}\n  }\n`\n\nconst contentHide = keyframes`\n  from {\n    ${contentStyles.open}\n  }\n\n  to {\n    ${contentStyles.closed}\n  }\n`\n\nfunction modalAnimationGenerator(\n  frames: ReturnType<typeof keyframes>,\n  type: 'show' | 'hide',\n) {\n  switch (type) {\n    case 'show':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.M}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    case 'hide':\n      return css`\n        animation: ${() => frames} ${TransitionDuration.S}ms cubic-bezier(0.3, 0, 0, 1);\n      `\n    default:\n      return css``\n  }\n}\n\nexport default {\n  overlayShow: modalAnimationGenerator(overlayShow, 'show'),\n  overlayHide: modalAnimationGenerator(overlayHide, 'hide'),\n  contentShow: modalAnimationGenerator(contentShow, 'show'),\n  contentHide: modalAnimationGenerator(contentHide, 'hide'),\n}\n"],"names":["overlayStyles","open","css","closed","overlayShow","keyframes","overlayHide","contentStyles","contentShow","contentHide","modalAnimationGenerator","frames","type","TransitionDuration","M","S"],"mappings":";;;;;;;;AAMA,MAAMA,aAAa,GAAG;AACpBC,EAAAA,IAAI,EAAEC,6BAAI,CAAA;AACZ;AACA,EAAG,CAAA;AACDC,EAAAA,MAAM,EAAED,6BAAI,CAAA;AACd;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAME,WAAW,GAAGC,gBAAU,CAAA;AAC9B;AACA,IAAML,EAAAA,aAAa,CAACG,MAAO,CAAA;AAC3B;AACA;AACA;AACA,IAAMH,EAAAA,aAAa,CAACC,IAAK,CAAA;AACzB;AACA,CAAC,CAAA;AAED,MAAMK,WAAW,GAAGD,gBAAU,CAAA;AAC9B;AACA,IAAML,EAAAA,aAAa,CAACC,IAAK,CAAA;AACzB;AACA;AACA;AACA,IAAMD,EAAAA,aAAa,CAACG,MAAO,CAAA;AAC3B;AACA,CAAC,CAAA;AAED,MAAMI,aAAa,GAAG;AACpBN,EAAAA,IAAI,EAAEC,6BAAI,CAAA;AACZ;AACA;AACA,EAAG,CAAA;AACDC,EAAAA,MAAM,EAAED,6BAAI,CAAA;AACd;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAED,MAAMM,WAAW,GAAGH,gBAAU,CAAA;AAC9B;AACA,IAAME,EAAAA,aAAa,CAACJ,MAAO,CAAA;AAC3B;AACA;AACA;AACA,IAAMI,EAAAA,aAAa,CAACN,IAAK,CAAA;AACzB;AACA,CAAC,CAAA;AAED,MAAMQ,WAAW,GAAGJ,gBAAU,CAAA;AAC9B;AACA,IAAME,EAAAA,aAAa,CAACN,IAAK,CAAA;AACzB;AACA;AACA;AACA,IAAMM,EAAAA,aAAa,CAACJ,MAAO,CAAA;AAC3B;AACA,CAAC,CAAA;AAED,SAASO,uBAAuBA,CAC9BC,MAAoC,EACpCC,IAAqB,EACrB;AACA,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,MAAM;AACT,MAAA,OAAOV,6BAAI,CAAA;AACjB,mBAAA,EAAqB,MAAMS,MAAO,CAAGE,CAAAA,EAAAA,wBAAkB,CAACC,CAAE,CAAA;AAC1D,MAAO,CAAA,CAAA;AACH,IAAA,KAAK,MAAM;AACT,MAAA,OAAOZ,6BAAI,CAAA;AACjB,mBAAA,EAAqB,MAAMS,MAAO,CAAGE,CAAAA,EAAAA,wBAAkB,CAACE,CAAE,CAAA;AAC1D,MAAO,CAAA,CAAA;AACH,IAAA;AACE,MAAA,OAAOb,6BAAI,CAAC,CAAA,CAAA;AAChB,GAAA;AACF,CAAA;AAEA,qBAAe;AACbE,EAAAA,WAAW,EAAEM,uBAAuB,CAACN,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEI,uBAAuB,CAACJ,WAAW,EAAE,MAAM,CAAC;AACzDE,EAAAA,WAAW,EAAEE,uBAAuB,CAACF,WAAW,EAAE,MAAM,CAAC;AACzDC,EAAAA,WAAW,EAAEC,uBAAuB,CAACD,WAAW,EAAE,MAAM,CAAA;AAC1D,CAAC;;;;"}

package/dist/cjs/components/Overlay/utils.js

@@ -182,9 +182,13 @@ function getOverlayStyle({
       marginY,
       keepInContainer
     });
-    return FoundationStyledComponent.css(["top:", "px;left:", "px;transform:translateX(", "px) translateY(", "px);"], top, left, translateX, translateY);
+    return FoundationStyledComponent.css`
+      top: ${top}px;
+      left: ${left}px;
+      transform: translateX(${translateX}px) translateY(${translateY}px);
+    `;
   }
-  return FoundationStyledComponent.css([""]);
+  return FoundationStyledComponent.css``;
 }
 
 exports.getOverlayPosition = getOverlayPosition;

package/dist/cjs/components/Overlay/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Overlay/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport {\n  type ContainerRectAttr,\n  OverlayPosition,\n  type TargetRectAttr,\n} from './Overlay.types'\n\nconst TOP_POSITION_OFFSET = 10\n\ninterface GetOverlayPositionArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr\n  show: boolean\n}\n\nexport function getOverlayPosition({\n  containerRect,\n  targetRect,\n  show,\n}: GetOverlayPositionArgs) {\n  const { containerTop, containerLeft, scrollTop, scrollLeft } = containerRect\n  const { targetTop, targetLeft, clientTop, clientLeft } = targetRect\n\n  const top = targetTop - clientTop - containerTop + scrollTop\n  const left = targetLeft - clientLeft - containerLeft + scrollLeft\n\n  return {\n    top: show ? top : top - TOP_POSITION_OFFSET,\n    left,\n  }\n}\n\ninterface GetOverlayTranslatationArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr | null\n  overlay: HTMLElement | null\n  position: OverlayPosition\n  marginX: number\n  marginY: number\n  keepInContainer: boolean\n}\n\nexport function getOverlayTranslation({\n  containerRect,\n  targetRect,\n  overlay,\n  position,\n  marginX,\n  marginY,\n  keepInContainer,\n}: GetOverlayTranslatationArgs) {\n  if (containerRect && targetRect && overlay) {\n    const {\n      containerWidth,\n      containerHeight,\n      containerTop,\n      containerLeft,\n    } = containerRect\n    const { targetWidth, targetHeight, targetTop, targetLeft } = targetRect\n    const { width: overlayWidth, height: overlayHeight } = overlay.getBoundingClientRect()\n\n    let translateX = 0\n    let translateY = 0\n\n    // pre position\n    switch (position) {\n      case OverlayPosition.TopCenter:\n      case OverlayPosition.TopLeft:\n      case OverlayPosition.TopRight:\n        translateY -= (overlayHeight + marginY)\n        translateX += marginX\n        break\n      case OverlayPosition.RightCenter:\n      case OverlayPosition.RightTop:\n      case OverlayPosition.RightBottom:\n        translateX += (targetWidth + marginX)\n        translateY += marginY\n        break\n      case OverlayPosition.BottomCenter:\n      case OverlayPosition.BottomLeft:\n      case OverlayPosition.BottomRight:\n        translateY += (targetHeight + marginY)\n        translateX += marginX\n        break\n      case OverlayPosition.LeftCenter:\n      case OverlayPosition.LeftTop:\n      case OverlayPosition.LeftBottom:\n        translateX -= (overlayWidth + marginX)\n        translateY += marginY\n        break\n    }\n\n    switch (position) {\n      // post position\n      case OverlayPosition.TopCenter:\n      case OverlayPosition.BottomCenter:\n        translateX -= ((overlayWidth / 2) - (targetWidth / 2))\n        break\n      case OverlayPosition.TopRight:\n      case OverlayPosition.BottomRight:\n        translateX -= (overlayWidth - targetWidth)\n        break\n      case OverlayPosition.RightCenter:\n      case OverlayPosition.LeftCenter:\n        translateY -= ((overlayHeight / 2) - (targetHeight / 2))\n        break\n      case OverlayPosition.RightBottom:\n      case OverlayPosition.LeftBottom:\n        translateY -= (overlayHeight - targetHeight)\n        break\n\n      // inner position\n      case OverlayPosition.InnerLeftTop:\n        translateX = marginX\n        translateY = marginY\n        break\n      case OverlayPosition.InnerLeftBottom:\n        translateX = marginX\n        translateY = targetHeight - overlayHeight + marginY\n        break\n      case OverlayPosition.InnerRightTop:\n        translateX = targetWidth - overlayWidth + marginX\n        translateY = marginY\n        break\n      case OverlayPosition.InnerRightBottom:\n        translateX = targetWidth - overlayWidth + marginX\n        translateY = targetHeight - overlayHeight + marginY\n        break\n    }\n\n    if (keepInContainer) {\n      const isOverTop = targetTop + translateY < containerTop\n      const isOverBottom = targetTop + translateY + overlayHeight > containerTop + containerHeight\n      const isOverLeft = targetLeft + translateX < containerLeft\n      const isOverRight = targetLeft + translateX + overlayWidth > containerLeft + containerWidth\n\n      const topSpace = targetTop - containerTop\n      const bottomSpace = (containerTop + containerHeight) - (targetTop + targetHeight)\n      const leftSpace = targetLeft - containerLeft\n      const rightSpace = (containerLeft + containerWidth) - (targetLeft + targetWidth)\n\n      if (isOverTop) {\n        translateY = topSpace > bottomSpace\n          ? translateY\n          : targetHeight - translateY - overlayHeight\n      } else if (isOverBottom) {\n        translateY = bottomSpace > topSpace\n          ? translateY\n          : targetHeight - translateY - overlayHeight\n      }\n      if (isOverLeft) {\n        translateX = leftSpace > rightSpace\n          ? translateX\n          : targetWidth - translateX - overlayWidth\n      } else if (isOverRight) {\n        translateX = rightSpace > leftSpace\n          ? translateX\n          : targetWidth - translateX - overlayWidth\n      }\n    }\n\n    return {\n      translateX: Math.round(translateX),\n      translateY: Math.round(translateY),\n    }\n  }\n  return {\n    translateX: 0,\n    translateY: 0,\n  }\n}\n\ninterface GetOverlayStyleArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr | null\n  overlay: HTMLElement | null\n  position: OverlayPosition\n  marginX: number\n  marginY: number\n  keepInContainer: boolean\n  show: boolean\n}\n\nexport function getOverlayStyle({\n  containerRect,\n  targetRect,\n  overlay,\n  position,\n  marginX,\n  marginY,\n  keepInContainer,\n  show,\n}: GetOverlayStyleArgs) {\n  if (containerRect && targetRect) {\n    const { top, left } = getOverlayPosition({ containerRect, targetRect, show })\n    const { translateX, translateY } = getOverlayTranslation({\n      containerRect,\n      targetRect,\n      overlay,\n      position,\n      marginX,\n      marginY,\n      keepInContainer,\n    })\n\n    return css`\n      top: ${top}px;\n      left: ${left}px;\n      transform: translateX(${translateX}px) translateY(${translateY}px);\n    `\n  }\n  return css``\n}\n"],"names":["TOP_POSITION_OFFSET","getOverlayPosition","containerRect","targetRect","show","containerTop","containerLeft","scrollTop","scrollLeft","targetTop","targetLeft","clientTop","clientLeft","top","left","getOverlayTranslation","overlay","position","marginX","marginY","keepInContainer","containerWidth","containerHeight","targetWidth","targetHeight","width","overlayWidth","height","overlayHeight","getBoundingClientRect","translateX","translateY","OverlayPosition","TopCenter","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","InnerLeftTop","InnerLeftBottom","InnerRightTop","InnerRightBottom","isOverTop","isOverBottom","isOverLeft","isOverRight","topSpace","bottomSpace","leftSpace","rightSpace","Math","round","getOverlayStyle","css"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Overlay/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport {\n  type ContainerRectAttr,\n  OverlayPosition,\n  type TargetRectAttr,\n} from './Overlay.types'\n\nconst TOP_POSITION_OFFSET = 10\n\ninterface GetOverlayPositionArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr\n  show: boolean\n}\n\nexport function getOverlayPosition({\n  containerRect,\n  targetRect,\n  show,\n}: GetOverlayPositionArgs) {\n  const { containerTop, containerLeft, scrollTop, scrollLeft } = containerRect\n  const { targetTop, targetLeft, clientTop, clientLeft } = targetRect\n\n  const top = targetTop - clientTop - containerTop + scrollTop\n  const left = targetLeft - clientLeft - containerLeft + scrollLeft\n\n  return {\n    top: show ? top : top - TOP_POSITION_OFFSET,\n    left,\n  }\n}\n\ninterface GetOverlayTranslatationArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr | null\n  overlay: HTMLElement | null\n  position: OverlayPosition\n  marginX: number\n  marginY: number\n  keepInContainer: boolean\n}\n\nexport function getOverlayTranslation({\n  containerRect,\n  targetRect,\n  overlay,\n  position,\n  marginX,\n  marginY,\n  keepInContainer,\n}: GetOverlayTranslatationArgs) {\n  if (containerRect && targetRect && overlay) {\n    const {\n      containerWidth,\n      containerHeight,\n      containerTop,\n      containerLeft,\n    } = containerRect\n    const { targetWidth, targetHeight, targetTop, targetLeft } = targetRect\n    const { width: overlayWidth, height: overlayHeight } = overlay.getBoundingClientRect()\n\n    let translateX = 0\n    let translateY = 0\n\n    // pre position\n    switch (position) {\n      case OverlayPosition.TopCenter:\n      case OverlayPosition.TopLeft:\n      case OverlayPosition.TopRight:\n        translateY -= (overlayHeight + marginY)\n        translateX += marginX\n        break\n      case OverlayPosition.RightCenter:\n      case OverlayPosition.RightTop:\n      case OverlayPosition.RightBottom:\n        translateX += (targetWidth + marginX)\n        translateY += marginY\n        break\n      case OverlayPosition.BottomCenter:\n      case OverlayPosition.BottomLeft:\n      case OverlayPosition.BottomRight:\n        translateY += (targetHeight + marginY)\n        translateX += marginX\n        break\n      case OverlayPosition.LeftCenter:\n      case OverlayPosition.LeftTop:\n      case OverlayPosition.LeftBottom:\n        translateX -= (overlayWidth + marginX)\n        translateY += marginY\n        break\n    }\n\n    switch (position) {\n      // post position\n      case OverlayPosition.TopCenter:\n      case OverlayPosition.BottomCenter:\n        translateX -= ((overlayWidth / 2) - (targetWidth / 2))\n        break\n      case OverlayPosition.TopRight:\n      case OverlayPosition.BottomRight:\n        translateX -= (overlayWidth - targetWidth)\n        break\n      case OverlayPosition.RightCenter:\n      case OverlayPosition.LeftCenter:\n        translateY -= ((overlayHeight / 2) - (targetHeight / 2))\n        break\n      case OverlayPosition.RightBottom:\n      case OverlayPosition.LeftBottom:\n        translateY -= (overlayHeight - targetHeight)\n        break\n\n      // inner position\n      case OverlayPosition.InnerLeftTop:\n        translateX = marginX\n        translateY = marginY\n        break\n      case OverlayPosition.InnerLeftBottom:\n        translateX = marginX\n        translateY = targetHeight - overlayHeight + marginY\n        break\n      case OverlayPosition.InnerRightTop:\n        translateX = targetWidth - overlayWidth + marginX\n        translateY = marginY\n        break\n      case OverlayPosition.InnerRightBottom:\n        translateX = targetWidth - overlayWidth + marginX\n        translateY = targetHeight - overlayHeight + marginY\n        break\n    }\n\n    if (keepInContainer) {\n      const isOverTop = targetTop + translateY < containerTop\n      const isOverBottom = targetTop + translateY + overlayHeight > containerTop + containerHeight\n      const isOverLeft = targetLeft + translateX < containerLeft\n      const isOverRight = targetLeft + translateX + overlayWidth > containerLeft + containerWidth\n\n      const topSpace = targetTop - containerTop\n      const bottomSpace = (containerTop + containerHeight) - (targetTop + targetHeight)\n      const leftSpace = targetLeft - containerLeft\n      const rightSpace = (containerLeft + containerWidth) - (targetLeft + targetWidth)\n\n      if (isOverTop) {\n        translateY = topSpace > bottomSpace\n          ? translateY\n          : targetHeight - translateY - overlayHeight\n      } else if (isOverBottom) {\n        translateY = bottomSpace > topSpace\n          ? translateY\n          : targetHeight - translateY - overlayHeight\n      }\n      if (isOverLeft) {\n        translateX = leftSpace > rightSpace\n          ? translateX\n          : targetWidth - translateX - overlayWidth\n      } else if (isOverRight) {\n        translateX = rightSpace > leftSpace\n          ? translateX\n          : targetWidth - translateX - overlayWidth\n      }\n    }\n\n    return {\n      translateX: Math.round(translateX),\n      translateY: Math.round(translateY),\n    }\n  }\n  return {\n    translateX: 0,\n    translateY: 0,\n  }\n}\n\ninterface GetOverlayStyleArgs {\n  containerRect: ContainerRectAttr\n  targetRect: TargetRectAttr | null\n  overlay: HTMLElement | null\n  position: OverlayPosition\n  marginX: number\n  marginY: number\n  keepInContainer: boolean\n  show: boolean\n}\n\nexport function getOverlayStyle({\n  containerRect,\n  targetRect,\n  overlay,\n  position,\n  marginX,\n  marginY,\n  keepInContainer,\n  show,\n}: GetOverlayStyleArgs) {\n  if (containerRect && targetRect) {\n    const { top, left } = getOverlayPosition({ containerRect, targetRect, show })\n    const { translateX, translateY } = getOverlayTranslation({\n      containerRect,\n      targetRect,\n      overlay,\n      position,\n      marginX,\n      marginY,\n      keepInContainer,\n    })\n\n    return css`\n      top: ${top}px;\n      left: ${left}px;\n      transform: translateX(${translateX}px) translateY(${translateY}px);\n    `\n  }\n  return css``\n}\n"],"names":["TOP_POSITION_OFFSET","getOverlayPosition","containerRect","targetRect","show","containerTop","containerLeft","scrollTop","scrollLeft","targetTop","targetLeft","clientTop","clientLeft","top","left","getOverlayTranslation","overlay","position","marginX","marginY","keepInContainer","containerWidth","containerHeight","targetWidth","targetHeight","width","overlayWidth","height","overlayHeight","getBoundingClientRect","translateX","translateY","OverlayPosition","TopCenter","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","InnerLeftTop","InnerLeftBottom","InnerRightTop","InnerRightBottom","isOverTop","isOverBottom","isOverLeft","isOverRight","topSpace","bottomSpace","leftSpace","rightSpace","Math","round","getOverlayStyle","css"],"mappings":"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"}

package/dist/cjs/components/Toast/ToastProvider.js

@@ -56,7 +56,7 @@ function ToastProvider({
     icon: icon,
     component: ToastElement.default,
     onDismiss: () => dismiss(id, onDismiss),
-    transform: FoundationStyledComponent.css([""]),
+    transform: FoundationStyledComponent.css``,
     zIndex: zIndex,
     version: version
   }))), [autoDismissTimeout, dismiss]);

package/dist/cjs/components/Toast/ToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,oBAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,qBAAY,CACZ,CACE7B,eAAe,CAAC8B,0BAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,0BAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,uBAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,oBAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAI,CAAE,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,qBAAY,CACZ,CACE7B,eAAe,CAAC8B,0BAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,0BAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,uBAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}

package/dist/cjs/components/Toast/ToastService.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var Toast_types = require('./Toast.types.js');
 var v4 = require('../../node_modules/uuid/dist/esm-browser/v4.js');
 
@@ -12,18 +12,18 @@ Notion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#8
 
 class ToastService {
   constructor() {
-    _defineProperty(this, "toasts", []);
-    _defineProperty(this, "getToasts", () => this.toasts);
-    _defineProperty(this, "setToasts", newToasts => {
+    _rollupPluginBabelHelpers.defineProperty(this, "toasts", []);
+    _rollupPluginBabelHelpers.defineProperty(this, "getToasts", () => this.toasts);
+    _rollupPluginBabelHelpers.defineProperty(this, "setToasts", newToasts => {
       this.toasts = newToasts;
     });
-    _defineProperty(this, "has", toastId => {
+    _rollupPluginBabelHelpers.defineProperty(this, "has", toastId => {
       if (!this.toasts.length) {
         return false;
       }
       return this.toasts.reduce((flag, toast) => toast.id === toastId ? true : flag, false);
     });
-    _defineProperty(this, "add", (content, options = Toast_types.defaultOptions) => {
+    _rollupPluginBabelHelpers.defineProperty(this, "add", (content, options = Toast_types.defaultOptions) => {
       const newId = v4.default();
       if (this.has(newId)) {
         return '';
@@ -38,7 +38,7 @@ class ToastService {
       this.setToasts(newToasts);
       return newId;
     });
-    _defineProperty(this, "update", (toastId, content, options = {}) => {
+    _rollupPluginBabelHelpers.defineProperty(this, "update", (toastId, content, options = {}) => {
       if (!this.has(toastId)) {
         return '';
       }
@@ -56,7 +56,7 @@ class ToastService {
       this.setToasts(newToasts);
       return toastId;
     });
-    _defineProperty(this, "remove", id => {
+    _rollupPluginBabelHelpers.defineProperty(this, "remove", id => {
       if (!this.has(id)) {
         return false;
       }
@@ -64,7 +64,7 @@ class ToastService {
       this.setToasts(newToasts);
       return true; // remove success
     });
-    _defineProperty(this, "removeAll", () => {
+    _rollupPluginBabelHelpers.defineProperty(this, "removeAll", () => {
       if (!this.toasts.length) {
         return;
       }

package/dist/cjs/components/Toast/ToastService.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n  defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["ToastService","constructor","_defineProperty","toasts","newToasts","toastId","length","reduce","flag","toast","id","content","options","defaultOptions","newId","uuid","has","newToast","version","setToasts","map","filter"],"mappings":"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"}
+{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n  defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["ToastService","constructor","_defineProperty","toasts","newToasts","toastId","length","reduce","flag","toast","id","content","options","defaultOptions","newId","uuid","has","newToast","version","setToasts","map","filter"],"mappings":"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"}

package/dist/cjs/components/Toast/utils.js

@@ -25,19 +25,25 @@ function getIconColor(appearance) {
 function getPlacement(placement) {
   switch (placement) {
     case Toast_types.ToastPlacement.BottomRight:
-      return FoundationStyledComponent.css(["right:0;bottom:0;"]);
+      return FoundationStyledComponent.css`
+          right: 0;
+          bottom: 0;
+        `;
     case Toast_types.ToastPlacement.BottomLeft:
     default:
-      return FoundationStyledComponent.css(["bottom:0;left:", "px;"], GNB_WIDTH);
+      return FoundationStyledComponent.css`
+        bottom: 0;
+        left: ${GNB_WIDTH}px;
+      `;
   }
 }
-const showedToastTranslateXStyle = /*#__PURE__*/FoundationStyledComponent.css([" transform:translateX(0);"]);
+const showedToastTranslateXStyle = FoundationStyledComponent.css` transform: translateX(0); `;
 const initPosition = placement => {
   switch (placement) {
     case Toast_types.ToastPlacement.BottomLeft:
-      return FoundationStyledComponent.css([" transform:translateX(-120%);"]);
+      return FoundationStyledComponent.css` transform: translateX(-120%); `;
     case Toast_types.ToastPlacement.BottomRight:
-      return FoundationStyledComponent.css([" transform:translateX(120%);"]);
+      return FoundationStyledComponent.css` transform: translateX(120%); `;
     default:
       return showedToastTranslateXStyle;
   }

package/dist/cjs/components/Toast/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,2BAAe,CAACC,OAAO;MAC1B,OAAOC,0BAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,2BAAe,CAACG,OAAO;MAC1B,OAAOD,0BAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,2BAAe,CAACI,KAAK;MACxB,OAAOF,0BAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,2BAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,0BAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAG,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA;IAIZ,KAAKF,0BAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;MACE,OAAOD,6BAAG,4BAEAb,SAAS,CAAA,CAAA;AAEvB,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,gBAAGF,6BAAG,CAA6B,CAAA,2BAAA,CAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,6BAAG,CAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;IACZ,KAAKF,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAG,CAAA,CAAA,8BAAA,CAAA,CAAA,CAAA;AACZ,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,uBAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,iCAAqB;QAC3BnB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,mCAAuB;QAC7BpB,UAAU,EAAEC,2BAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,uBAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,uBAAW;QACjBtB,UAAU,EAAEC,2BAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,uBAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,oBAAQ;QACdxB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,0BAAc;QACpB1B,UAAU,EAAEC,2BAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,2BAAe,CAACC,OAAO;MAC1B,OAAOC,0BAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,2BAAe,CAACG,OAAO;MAC1B,OAAOD,0BAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,2BAAe,CAACI,KAAK;MACxB,OAAOF,0BAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,2BAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,0BAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAI,CAAA;AACjB;AACA;AACA,QAAS,CAAA,CAAA;IACL,KAAKF,0BAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;AACE,MAAA,OAAOD,6BAAI,CAAA;AACjB;AACA,cAAA,EAAgBb,SAAU,CAAA;AAC1B,MAAO,CAAA,CAAA;AACL,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,GAAGF,6BAAI,CAA4B,2BAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,6BAAI,CAAgC,+BAAA,CAAA,CAAA;IAC7C,KAAKF,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAI,CAA+B,8BAAA,CAAA,CAAA;AAC5C,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,uBAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,iCAAqB;QAC3BnB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,mCAAuB;QAC7BpB,UAAU,EAAEC,2BAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,uBAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,uBAAW;QACjBtB,UAAU,EAAEC,2BAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,uBAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,oBAAQ;QACdxB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,0BAAc;QACpB1B,UAAU,EAAEC,2BAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;;;;;"}

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var Feature = require('../Feature.js');
 var smoothCornersScript = require('./smoothCornersScript.js');
 
@@ -19,7 +19,7 @@ class SmoothCornersFeature extends Feature.Feature {
      * @deprecated (@ed) Upcoming improvements
      * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
      */
-    _defineProperty(this, "activated", false);
+    _rollupPluginBabelHelpers.defineProperty(this, "activated", false);
   }
   async activate() {
     if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {