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

package/dist/Accordion/ContentAccordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentAccordion.js","names":["React","styled","Size","SystemIcons","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","ContentAccordionItemHeader","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","hover","active","ContentAccordionItemHeaderIcon","_templateObject2","ContentAccordionItemHeaderText","_templateObject3","ContentAccordionItemContent","_templateObject4","ContentAccordionItemContentHeader","_templateObject5","ContentAccordionItemContentBody","p","_templateObject6","ContentAccordionItemContentFooter","_templateObject7","ContentAccordionItem","_templateObject8","ContentAccordionWrapper","_templateObject9","Regular","Bold","ContentAccordion","_ref","items","multi","size","Medium","className","onItemStateChanged","rest","_objectWithoutProperties","_excluded","opened","setOpened","useState","useEffect","filter","item","map","id","_items$find","find","onItemClick","disabled","includes","newOpened","key","renderItem","title","header","body","footer","_excluded2","isActive","concat","children","_objectSpread","role","tabIndex","undefined","onMouseDown","onClick","onKeyDown","event","Minus","Plus","ChevronDown","ChevronRight","cls","trim","propTypes","_pt","arrayOf","shape","string","isRequired","any","bool","func"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  /** Id of the section. Should be unique. */\r\n  id: string;\r\n  /** Title of the section. */\r\n  title: string;\r\n  /** Header that will be shown in the content area of the item.  */\r\n  header?: string;\r\n  /** Body that will be shown in the content area of the item */\r\n  body: any;\r\n  /** Footer that will be shown in the content area of the item */\r\n  footer?: any;\r\n  /** User can not expand the section if it is disabled */\r\n  disabled?: boolean;\r\n  /** Initial state of the item (expanded/collapsed) */\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** List of the content items */\r\n  items: ContentAccordionItem[];\r\n  /** Allow keeping multiple content sections open */\r\n  multi?: boolean;\r\n  /** Size of the whole component */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Callback that is called when section is collapsed/expanded. */\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\n/**\r\n * ContentAccordion component that is capable of displaying multiple collapsable sections with content.\r\n */\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContentAccordion.js","names":["React","styled","Size","SystemIcons","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","ContentAccordionItemHeader","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","hover","active","ContentAccordionItemHeaderIcon","_templateObject2","ContentAccordionItemHeaderText","_templateObject3","ContentAccordionItemContent","_templateObject4","ContentAccordionItemContentHeader","_templateObject5","ContentAccordionItemContentBody","p","_templateObject6","ContentAccordionItemContentFooter","_templateObject7","ContentAccordionItem","_templateObject8","ContentAccordionWrapper","_templateObject9","Regular","Bold","ContentAccordion","_ref","items","_ref$multi","multi","_ref$size","size","Medium","className","onItemStateChanged","rest","_objectWithoutProperties","_excluded","_React$useState","useState","_React$useState2","_slicedToArray","opened","setOpened","useEffect","filter","item","map","id","_items$find","find","onItemClick","disabled","includes","newOpened","key","concat","_toConsumableArray","renderItem","title","header","body","footer","_excluded2","isActive","children","_objectSpread","role","tabIndex","undefined","onMouseDown","onClick","onKeyDown","event","Minus","Plus","ChevronDown","ChevronRight","cls","trim","propTypes","_pt","arrayOf","shape","string","isRequired","any","bool","func"],"sources":["../../src/Accordion/ContentAccordion.tsx"],"sourcesContent":["import React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Size} from '../types';\r\nimport {SystemIcons} from '../icons';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles,\r\n  Z_INDEXES,\r\n} from '../styles';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nexport const ContentAccordionItemHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  min-height: 48px;\r\n  color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n  cursor: pointer;\r\n\r\n  &:hover {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderIcon = styled.div`\r\n  width: 24px;\r\n  height: 24px;\r\n\r\n  svg {\r\n    width: 24px;\r\n    height: 24px;\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionItemHeaderText = styled.div``;\r\n\r\nexport const ContentAccordionItemContent = styled.div`\r\n  display: none;\r\n  flex-direction: column;\r\n`;\r\n\r\nexport const ContentAccordionItemContentHeader = styled.div``;\r\n\r\nexport const ContentAccordionItemContentBody = styled.p``;\r\n\r\nexport const ContentAccordionItemContentFooter = styled.div``;\r\n\r\nexport const ContentAccordionItem = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &.active {\r\n    ${ContentAccordionItemContent} {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    ${ContentAccordionItemHeader} {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n      cursor: not-allowed;\r\n      pointer-events: none;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContentAccordionWrapper = styled.div`\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  ${ContentAccordionItem}:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &.small {\r\n    min-width: 320px;\r\n    max-width: 528px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 8px;\r\n      padding: 0 8px;\r\n      ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 0 8px 16px 40px;\r\n      gap: 8px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.medium {\r\n    min-width: 344px;\r\n    max-width: 584px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 12px;\r\n      padding: 0 12px;\r\n      ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 8px 12px 24px 48px;\r\n      gap: 12px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentMStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    min-width: 384px;\r\n    max-width: 656px;\r\n\r\n    ${ContentAccordionItemHeader} {\r\n      gap: 16px;\r\n      padding: 0 16px;\r\n      ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n    }\r\n\r\n    ${ContentAccordionItemContent} {\r\n      padding: 16px 16px 32px 56px;\r\n      gap: 16px;\r\n\r\n      ${ContentAccordionItemContentHeader} {\r\n        ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('black', props.theme))}\r\n      }\r\n\r\n      ${ContentAccordionItemContentBody} {\r\n        //TODO\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport interface ContentAccordionItem extends Omit<React.HTMLAttributes<HTMLDivElement>, 'id' | 'onMouseDown' | 'onClick' | 'onKeyDown'> {\r\n  /** Id of the section. Should be unique. */\r\n  id: string;\r\n  /** Title of the section. */\r\n  title: string;\r\n  /** Header that will be shown in the content area of the item.  */\r\n  header?: string;\r\n  /** Body that will be shown in the content area of the item */\r\n  body: any;\r\n  /** Footer that will be shown in the content area of the item */\r\n  footer?: any;\r\n  /** User can not expand the section if it is disabled */\r\n  disabled?: boolean;\r\n  /** Initial state of the item (expanded/collapsed) */\r\n  active?: boolean;\r\n}\r\n\r\nexport interface ContentAccordionProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /** List of the content items */\r\n  items: ContentAccordionItem[];\r\n  /** Allow keeping multiple content sections open */\r\n  multi?: boolean;\r\n  /** Size of the whole component */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** Callback that is called when section is collapsed/expanded. */\r\n  onItemStateChanged?: (opened: string[]) => void; \r\n}\r\n\r\n/**\r\n * ContentAccordion component that is capable of displaying multiple collapsable sections with content.\r\n */\r\nexport const ContentAccordion: React.FunctionComponent<ContentAccordionProps> = ({\r\n                                                                                   items,\r\n                                                                                   multi = false,\r\n                                                                                   size = Size.Medium,\r\n                                                                                   className,\r\n                                                                                   onItemStateChanged,\r\n                                                                                   ...rest\r\n                                                                                 }) => {\r\n  const [opened, setOpened] = React.useState<string[]>([]);\r\n\r\n  React.useEffect(() => {\r\n    if (multi) {\r\n      setOpened(items.filter((item) => item.active).map((item) => item.id));\r\n    } else {\r\n      let active = items.find((item) => !!item.active)?.id;\r\n      if (active) {\r\n        setOpened([active]);\r\n      }\r\n    }\r\n  }, [items, multi]);\r\n\r\n  const onItemClick = (item: ContentAccordionItem) => {\r\n    if (item.disabled) return;\r\n    if (opened.includes(item.id)) {\r\n      const newOpened = opened.filter((key) => key !== item.id);\r\n      setOpened(newOpened);\r\n      onItemStateChanged && onItemStateChanged(newOpened);\r\n    } else {\r\n      if (multi) {\r\n        const newOpened = [...opened, item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      } else {\r\n        const newOpened = [item.id];\r\n        setOpened(newOpened);\r\n        onItemStateChanged && onItemStateChanged(newOpened);\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderItem = (item: ContentAccordionItem) => {\r\n    const {id, title, header, body, footer, disabled, active, ...rest} = item;\r\n    const isActive = opened.includes(id);\r\n\r\n    return (\r\n      <ContentAccordionItem key={id} id={`item_${id}`}\r\n                            className={''.concat(isActive ? ' active' : '').concat(item.disabled ? ' disabled' : '')}>\r\n        <ContentAccordionItemHeader\r\n          role=\"button\"\r\n          id={`headerFor_${id}`}\r\n          aria-expanded={isActive}\r\n          aria-controls={`itemContentFor_${id}`}\r\n          tabIndex={!disabled ? 0 : undefined}\r\n          onMouseDown={defaultOnMouseDownHandler}\r\n          onClick={() => !disabled && onItemClick(item)}\r\n          onKeyDown={(event) => event.key === 'Enter' && onItemClick(item)}\r\n          {...rest}>\r\n          <ContentAccordionItemHeaderIcon>\r\n            {multi ? isActive ? <SystemIcons.Minus aria-hidden=\"true\" /> : <SystemIcons.Plus aria-hidden=\"true\" /> : isActive ?\r\n              <SystemIcons.ChevronDown aria-hidden=\"true\" /> : <SystemIcons.ChevronRight aria-hidden=\"true\" />}\r\n          </ContentAccordionItemHeaderIcon>\r\n          <ContentAccordionItemHeaderText>{title}</ContentAccordionItemHeaderText>\r\n        </ContentAccordionItemHeader>\r\n        <ContentAccordionItemContent id={`itemContentFor_${id}`}>\r\n          {header && <ContentAccordionItemContentHeader>{header}</ContentAccordionItemContentHeader>}\r\n          <ContentAccordionItemContentBody>{body}</ContentAccordionItemContentBody>\r\n          {footer && <ContentAccordionItemContentFooter>{footer}</ContentAccordionItemContentFooter>}\r\n        </ContentAccordionItemContent>\r\n      </ContentAccordionItem>\r\n    );\r\n  };\r\n\r\n  const cls = `${size} ${className ?? ''}`.trim();\r\n\r\n  return <ContentAccordionWrapper className={cls}>\r\n    {items.map((item) => renderItem(item))}\r\n  </ContentAccordionWrapper>;\r\n};\r\n\r\nexport default ContentAccordion;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/index.cjs

@@ -1,5 +1,6 @@
 "use strict";
 
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,26 +12,26 @@ var _exportNames = {
 };
 Object.defineProperty(exports, "AccordionMenu", {
   enumerable: true,
-  get: function () {
-    return _AccordionMenu.default;
+  get: function get() {
+    return _AccordionMenu["default"];
   }
 });
 Object.defineProperty(exports, "AccordionMenuItem", {
   enumerable: true,
-  get: function () {
-    return _AccordionMenu.default;
+  get: function get() {
+    return _AccordionMenu["default"];
   }
 });
 Object.defineProperty(exports, "AccordionMenuWrapper", {
   enumerable: true,
-  get: function () {
+  get: function get() {
     return _styles.AccordionMenuWrapper;
   }
 });
 Object.defineProperty(exports, "ContentAccordion", {
   enumerable: true,
-  get: function () {
-    return _ContentAccordion.default;
+  get: function get() {
+    return _ContentAccordion["default"];
   }
 });
 var _AccordionMenu = _interopRequireWildcard(require("./AccordionMenu"));
@@ -40,7 +41,7 @@ Object.keys(_AccordionMenu).forEach(function (key) {
   if (key in exports && exports[key] === _AccordionMenu[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AccordionMenu[key];
     }
   });
@@ -52,7 +53,7 @@ Object.keys(_AccordionItem).forEach(function (key) {
   if (key in exports && exports[key] === _AccordionItem[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _AccordionItem[key];
     }
   });
@@ -64,12 +65,12 @@ Object.keys(_ContentAccordion).forEach(function (key) {
   if (key in exports && exports[key] === _ContentAccordion[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
-    get: function () {
+    get: function get() {
       return _ContentAccordion[key];
     }
   });
 });
 var _styles = require("./styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.cjs.map

package/dist/Accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_AccordionMenu","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AccordionItem","_ContentAccordion","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\r\nexport * from './AccordionItem';\r\nexport * from './ContentAccordion';\r\nexport {default as AccordionMenu} from './AccordionMenu';\r\nexport {default as AccordionMenuItem} from './AccordionMenu';\r\nexport {default as ContentAccordion} from './ContentAccordion';\r\nexport {AccordionMenuWrapper} from './styles';\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_AccordionMenu","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_AccordionItem","_ContentAccordion","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../src/Accordion/index.ts"],"sourcesContent":["export * from './AccordionMenu';\r\nexport * from './AccordionItem';\r\nexport * from './ContentAccordion';\r\nexport {default as AccordionMenu} from './AccordionMenu';\r\nexport {default as AccordionMenuItem} from './AccordionMenu';\r\nexport {default as ContentAccordion} from './ContentAccordion';\r\nexport {AccordionMenuWrapper} from './styles';\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/styles.cjs

@@ -10,8 +10,44 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _zIndexes = require("../styles/z-indexes");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-const AccordionMenuWrapper = exports.AccordionMenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
-const AccordionItemHeaderContainer = exports.AccordionItemHeaderContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ", "\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ", "\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ", "\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &:focus:not(:active) {\n    ", "\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &:active {\n    color: ", ";\n    background: ", ";\n    z-index: ", ";\n  }\n\n  &.active {\n    color: ", ";\n  }\n\n  &.disabled {\n    background: ", "!important;\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ", "!important;\n    }\n  }\n"])), props => (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme)), _styles.focusStyles, props => _styles.COLORS.getColor('primary_20', props.theme), props => _styles.COLORS.getColor('primary_700', props.theme), _zIndexes.Z_INDEXES.hover, props => _styles.COLORS.getColor('primary_800', props.theme), props => _styles.COLORS.getColor('primary_100', props.theme), _zIndexes.Z_INDEXES.active, props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('white', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme), props => _styles.COLORS.getColor('neutral_300', props.theme));
-const AccordionItemContainer = exports.AccordionItemContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ", ":not(.active) {\n    border-bottom: 1px solid ", ";\n  }\n"])), AccordionItemHeaderContainer, props => _styles.COLORS.getColor('neutral_100', props.theme));
-const AccordionItemBodyContainer = exports.AccordionItemBodyContainer = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), props => props.$padding || '8px 16px', props => _styles.COLORS.getColor('white', props.theme), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), props => props.$padding || '12px 24px', (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), props => props.$padding || '14px 32px', (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null));
+var AccordionMenuWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
+exports.AccordionMenuWrapper = AccordionMenuWrapper;
+var AccordionItemHeaderContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ", "\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ", "\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ", "\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &:focus:not(:active) {\n    ", "\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &:active {\n    color: ", ";\n    background: ", ";\n    z-index: ", ";\n  }\n\n  &.active {\n    color: ", ";\n  }\n\n  &.disabled {\n    background: ", "!important;\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ", "!important;\n    }\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.focusStyles, function (props) {
+  return _styles.COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, _zIndexes.Z_INDEXES.hover, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, _zIndexes.Z_INDEXES.active, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_300', props.theme);
+});
+exports.AccordionItemHeaderContainer = AccordionItemHeaderContainer;
+var AccordionItemContainer = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ", ":not(.active) {\n    border-bottom: 1px solid ", ";\n  }\n"])), AccordionItemHeaderContainer, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+});
+exports.AccordionItemContainer = AccordionItemContainer;
+var AccordionItemBodyContainer = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), function (props) {
+  return props.$padding || '8px 16px';
+}, function (props) {
+  return _styles.COLORS.getColor('white', props.theme);
+}, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, null), function (props) {
+  return props.$padding || '12px 24px';
+}, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, null), function (props) {
+  return props.$padding || '14px 32px';
+}, (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Regular, null));
+exports.AccordionItemBodyContainer = AccordionItemBodyContainer;
 //# sourceMappingURL=styles.cjs.map

package/dist/Accordion/styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_zIndexes","_templateObject","_templateObject2","_templateObject3","_templateObject4","AccordionMenuWrapper","exports","styled","div","_taggedTemplateLiteral2","default","AccordionItemHeaderContainer","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","Z_INDEXES","hover","active","AccordionItemContainer","AccordionItemBodyContainer","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  &:focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"styles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_zIndexes","_templateObject","_templateObject2","_templateObject3","_templateObject4","AccordionMenuWrapper","styled","div","_taggedTemplateLiteral2","exports","AccordionItemHeaderContainer","props","ComponentSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","ComponentMStyling","ComponentLStyling","focusStyles","Z_INDEXES","hover","active","AccordionItemContainer","AccordionItemBodyContainer","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  &:focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Accordion/styles.js

@@ -3,8 +3,40 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import styled from 'styled-components';
 import { COLORS, ComponentLStyling, ComponentMStyling, ComponentSStyling, ComponentTextStyle, focusStyles } from '../styles';
 import { Z_INDEXES } from '../styles/z-indexes';
-export const AccordionMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
-export const AccordionItemHeaderContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ", "\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ", "\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ", "\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &:focus:not(:active) {\n    ", "\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &:active {\n    color: ", ";\n    background: ", ";\n    z-index: ", ";\n  }\n\n  &.active {\n    color: ", ";\n  }\n\n  &.disabled {\n    background: ", "!important;\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ", "!important;\n    }\n  }\n"])), props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme)), focusStyles, props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), Z_INDEXES.hover, props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_100', props.theme), Z_INDEXES.active, props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('white', props.theme), props => COLORS.getColor('neutral_300', props.theme), props => COLORS.getColor('neutral_300', props.theme));
-export const AccordionItemContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ", ":not(.active) {\n    border-bottom: 1px solid ", ";\n  }\n"])), AccordionItemHeaderContainer, props => COLORS.getColor('neutral_100', props.theme));
-export const AccordionItemBodyContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), props => props.$padding || '8px 16px', props => COLORS.getColor('white', props.theme), ComponentSStyling(ComponentTextStyle.Regular, null), props => props.$padding || '12px 24px', ComponentMStyling(ComponentTextStyle.Regular, null), props => props.$padding || '14px 32px', ComponentLStyling(ComponentTextStyle.Regular, null));
+export var AccordionMenuWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-width: 320px;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n"])));
+export var AccordionItemHeaderContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  cursor: pointer;\n  outline: none;\n  box-sizing: border-box;\n\n  ", "\n\n  div:last-child {\n    margin-left: auto;\n  }\n\n  padding: 0 16px;\n  min-height: 48px;\n  \n  svg {\n    width: 20px;\n    height: 20px;\n  }\n  \n  .medium & {\n    ", "\n    padding: 0 24px;\n    min-height: 56px;\n\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  .large & {\n    ", "\n    padding: 0 32px;\n    min-height: 64px;\n    svg {\n      width: 24px;\n      height: 24px;\n    }\n  }\n\n  &:focus:not(:active) {\n    ", "\n  }\n\n  &:hover {\n    background: ", ";\n    color: ", ";\n    z-index: ", ";\n  }\n\n  &:active {\n    color: ", ";\n    background: ", ";\n    z-index: ", ";\n  }\n\n  &.active {\n    color: ", ";\n  }\n\n  &.disabled {\n    background: ", "!important;\n    color: ", ";\n    cursor: not-allowed;\n    pointer-events: none;\n    svg {\n      color: ", "!important;\n    }\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, function (props) {
+  return ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, focusStyles, function (props) {
+  return COLORS.getColor('primary_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, Z_INDEXES.hover, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, Z_INDEXES.active, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return COLORS.getColor('white', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_300', props.theme);
+});
+export var AccordionItemContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  \n  &:not(:last-child) ", ":not(.active) {\n    border-bottom: 1px solid ", ";\n  }\n"])), AccordionItemHeaderContainer, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+});
+export var AccordionItemBodyContainer = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", ";\n  background: ", ";\n  \n  ", "\n  \n  .medium & {\n    padding: ", ";\n    ", "\n  }\n  \n  .large & {\n    padding: ", ";\n    ", "\n  }\n\n"])), function (props) {
+  return props.$padding || '8px 16px';
+}, function (props) {
+  return COLORS.getColor('white', props.theme);
+}, ComponentSStyling(ComponentTextStyle.Regular, null), function (props) {
+  return props.$padding || '12px 24px';
+}, ComponentMStyling(ComponentTextStyle.Regular, null), function (props) {
+  return props.$padding || '14px 32px';
+}, ComponentLStyling(ComponentTextStyle.Regular, null));
 //# sourceMappingURL=styles.js.map

package/dist/Accordion/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","_templateObject","_taggedTemplateLiteral","AccordionItemHeaderContainer","_templateObject2","props","Regular","getColor","theme","hover","active","AccordionItemContainer","_templateObject3","AccordionItemBodyContainer","_templateObject4","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  &:focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAe,mBAAmB;AAC/C,SACEC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,WAAW,QACN,WAAW;AAClB,SAASC,SAAS,QAAQ,qBAAqB;AAE/C,OAAO,MAAMC,oBAAoB,GAAGR,MAAM,CAACS,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,uGAK7C;AAID,OAAO,MAAMC,4BAA4B,GAAGZ,MAAM,CAACS,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,g/BASlDG,KAAK,IAAIV,iBAAiB,CAACC,kBAAkB,CAACU,OAAO,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAejGH,KAAK,IAAIX,iBAAiB,CAACE,kBAAkB,CAACU,OAAO,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAWnGH,KAAK,IAAIZ,iBAAiB,CAACG,kBAAkB,CAACU,OAAO,EAAEd,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC,EAUnGX,WAAW,EAICQ,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC,EACxDH,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAClDV,SAAS,CAACW,KAAK,EAIjBJ,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAC/CH,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EACvDV,SAAS,CAACY,MAAM,EAIlBL,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAI/CH,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EACnDH,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,EAIlDH,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAGlE;AAED,OAAO,MAAMG,sBAAsB,GAAGpB,MAAM,CAACS,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,0LAMzBC,4BAA4B,EACpBE,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAElF;AAED,OAAO,MAAMK,0BAA0B,GAAGtB,MAAM,CAACS,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,2KACtCG,KAAK,IAAKA,KAAK,CAACU,QAAQ,IAAI,UAAU,EACpCV,KAAK,IAAIb,MAAM,CAACe,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,EAE1Db,iBAAiB,CAACC,kBAAkB,CAACU,OAAO,EAAE,IAAI,CAAC,EAGvCD,KAAK,IAAKA,KAAK,CAACU,QAAQ,IAAI,WAAW,EACjDrB,iBAAiB,CAACE,kBAAkB,CAACU,OAAO,EAAE,IAAI,CAAC,EAIzCD,KAAK,IAAKA,KAAK,CAACU,QAAQ,IAAI,WAAW,EACjDtB,iBAAiB,CAACG,kBAAkB,CAACU,OAAO,EAAE,IAAI,CAAC,CAGxD","ignoreList":[]}
+{"version":3,"file":"styles.js","names":["styled","COLORS","ComponentLStyling","ComponentMStyling","ComponentSStyling","ComponentTextStyle","focusStyles","Z_INDEXES","AccordionMenuWrapper","div","_templateObject","_taggedTemplateLiteral","AccordionItemHeaderContainer","_templateObject2","props","Regular","getColor","theme","hover","active","AccordionItemContainer","_templateObject3","AccordionItemBodyContainer","_templateObject4","$padding"],"sources":["../../src/Accordion/styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport {\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentMStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  focusStyles\r\n} from '../styles';\r\nimport { Z_INDEXES } from '../styles/z-indexes';\r\n\r\nexport const AccordionMenuWrapper = styled.div`\r\n  min-width: 320px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n`;\r\n\r\n\r\n\r\nexport const AccordionItemHeaderContainer = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  cursor: pointer;\r\n  outline: none;\r\n  box-sizing: border-box;\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n\r\n  div:last-child {\r\n    margin-left: auto;\r\n  }\r\n\r\n  padding: 0 16px;\r\n  min-height: 48px;\r\n  \r\n  svg {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n  \r\n  .medium & {\r\n    ${props => ComponentMStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 24px;\r\n    min-height: 56px;\r\n\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  .large & {\r\n    ${props => ComponentLStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n    padding: 0 32px;\r\n    min-height: 64px;\r\n    svg {\r\n      width: 24px;\r\n      height: 24px;\r\n    }\r\n  }\r\n\r\n  &:focus:not(:active) {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &:hover {\r\n    background: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    z-index: ${Z_INDEXES.hover};\r\n  }\r\n\r\n  &:active {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    z-index: ${Z_INDEXES.active};\r\n  }\r\n\r\n  &.active {\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &.disabled {\r\n    background: ${props => COLORS.getColor('white', props.theme)}!important;\r\n    color: ${props => COLORS.getColor('neutral_300', props.theme)};\r\n    cursor: not-allowed;\r\n    pointer-events: none;\r\n    svg {\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)}!important;\r\n    }\r\n  }\r\n`;\r\n\r\nexport const AccordionItemContainer = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  \r\n  &:not(:last-child) ${AccordionItemHeaderContainer}:not(.active) {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nexport const AccordionItemBodyContainer = styled.div<{ $padding?: string }>`\r\n  padding: ${(props) => props.$padding || '8px 16px'};\r\n  background: ${props => COLORS.getColor('white', props.theme)};\r\n  \r\n  ${ComponentSStyling(ComponentTextStyle.Regular, null)}\r\n  \r\n  .medium & {\r\n    padding: ${(props) => props.$padding || '12px 24px'};\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n  \r\n  .large & {\r\n    padding: ${(props) => props.$padding || '14px 32px'};\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, null)}\r\n  }\r\n\r\n`;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/AuthPage/AuthPage.cjs

@@ -1,10 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.AuthPageWrapper = void 0;
+exports["default"] = exports.AuthPageWrapper = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -15,31 +16,32 @@ var _Panel = require("../Panel");
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const AuthPageWrapper = exports.AuthPageWrapper = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n\n  .panel {\n    flex: 1;\n    display: none;\n  }\n\n  ", " {\n    .panel {\n      display: flex;\n    }\n  }\n\n  &.reverse {\n    flex-direction: row-reverse;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
-const AuthPage = _ref => {
-  let {
-    screenSetsContainerId,
-    panel,
-    order = 'default'
-  } = _ref;
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var AuthPageWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n\n  .panel {\n    flex: 1;\n    display: none;\n  }\n\n  ", " {\n    .panel {\n      display: flex;\n    }\n  }\n\n  &.reverse {\n    flex-direction: row-reverse;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
+exports.AuthPageWrapper = AuthPageWrapper;
+var AuthPage = function AuthPage(_ref) {
+  var screenSetsContainerId = _ref.screenSetsContainerId,
+    panel = _ref.panel,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? 'default' : _ref$order;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(AuthPageWrapper, {
     className: order,
     children: [panel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Panel.Panel, _objectSpread(_objectSpread({}, panel), {}, {
       order: order,
       className: "panel ".concat(panel.className || '')
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenSetsContainer.default, {
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenSetsContainer["default"], {
       id: screenSetsContainerId,
       $centerContents: !panel
     })]
   });
 };
 AuthPage.propTypes = {
-  order: _propTypes.default.oneOf(['default', 'reverse']),
-  screenSetsContainerId: _propTypes.default.string.isRequired
+  order: _propTypes["default"].oneOf(['default', 'reverse']),
+  screenSetsContainerId: _propTypes["default"].string.isRequired
 };
-var _default = exports.default = AuthPage;
+var _default = AuthPage;
+exports["default"] = _default;
 //# sourceMappingURL=AuthPage.cjs.map

package/dist/AuthPage/AuthPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPage.cjs","names":["React","_interopRequireWildcard","require","_ScreenSetsContainer","_interopRequireDefault","_styledComponents","_Panel","_styles","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","AuthPageWrapper","exports","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","AuthPage","_ref","screenSetsContainerId","panel","order","jsxs","className","children","jsx","Panel","concat","id","$centerContents","propTypes","_propTypes","oneOf","string","isRequired","_default"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"AuthPage.cjs","names":["React","_interopRequireWildcard","require","_ScreenSetsContainer","_interopRequireDefault","_styledComponents","_Panel","_styles","_jsxRuntime","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","AuthPageWrapper","styled","div","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","exports","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","jsxs","className","children","jsx","Panel","concat","id","$centerContents","propTypes","_propTypes","oneOf","string","isRequired","_default"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/AuthPage/AuthPage.js

@@ -9,14 +9,14 @@ import ScreenSetsContainer from './ScreenSetsContainer';
 import styled from "styled-components";
 import { Panel } from "../Panel";
 import { BREAKPOINTS } from "../styles";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AuthPageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n\n  .panel {\n    flex: 1;\n    display: none;\n  }\n\n  ", " {\n    .panel {\n      display: flex;\n    }\n  }\n\n  &.reverse {\n    flex-direction: row-reverse;\n  }\n"])), BREAKPOINTS.MEDIUM);
-const AuthPage = _ref => {
-  let {
-    screenSetsContainerId,
-    panel,
-    order = 'default'
-  } = _ref;
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var AuthPageWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 100%;\n\n  .panel {\n    flex: 1;\n    display: none;\n  }\n\n  ", " {\n    .panel {\n      display: flex;\n    }\n  }\n\n  &.reverse {\n    flex-direction: row-reverse;\n  }\n"])), BREAKPOINTS.MEDIUM);
+var AuthPage = function AuthPage(_ref) {
+  var screenSetsContainerId = _ref.screenSetsContainerId,
+    panel = _ref.panel,
+    _ref$order = _ref.order,
+    order = _ref$order === void 0 ? 'default' : _ref$order;
   return /*#__PURE__*/_jsxs(AuthPageWrapper, {
     className: order,
     children: [panel && /*#__PURE__*/_jsx(Panel, _objectSpread(_objectSpread({}, panel), {}, {

package/dist/AuthPage/AuthPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthPage.js","names":["React","ScreenSetsContainer","styled","Panel","BREAKPOINTS","jsx","_jsx","jsxs","_jsxs","AuthPageWrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","AuthPage","_ref","screenSetsContainerId","panel","order","className","children","_objectSpread","concat","id","$centerContents","propTypes","_pt","oneOf","string","isRequired"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,KAAK,QAAmB,UAAU;AAC1C,SAAQC,WAAW,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,MAAMC,eAAe,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+OAUrCR,WAAW,CAACS,MAAM,CASrB;AAQD,MAAMC,QAAQ,GAAGC,IAAA,IAIsB;EAAA,IAJrB;IACEC,qBAAqB;IACrBC,KAAK;IACLC,KAAK,GAAG;EACK,CAAC,GAAAH,IAAA;EAChC,oBACEP,KAAA,CAACC,eAAe;IAACU,SAAS,EAAED,KAAM;IAAAE,QAAA,GAE9BH,KAAK,iBAAIX,IAAA,CAACH,KAAK,EAAAkB,aAAA,CAAAA,aAAA,KAAKJ,KAAK;MAAEC,KAAK,EAAEA,KAAM;MAACC,SAAS,WAAAG,MAAA,CAAWL,KAAK,CAACE,SAAS,IAAI,EAAE;IAAG,EAAC,CAAC,eAEzFb,IAAA,CAACL,mBAAmB;MAACsB,EAAE,EAAEP,qBAAsB;MAACQ,eAAe,EAAE,CAACP;IAAM,CAAC,CAAC;EAAA,CAC3D,CAAC;AAEtB,CAAC;AAACH,QAAA,CAAAW,SAAA;EAjBAP,KAAK,EAAAQ,GAAA,CAAAC,KAAA,EAAG,SAAS,EAAG,SAAS;EAC7BX,qBAAqB,EAAAU,GAAA,CAAAE,MAAA,CAAAC;AAAA;AAkBvB,eAAef,QAAQ","ignoreList":[]}
+{"version":3,"file":"AuthPage.js","names":["React","ScreenSetsContainer","styled","Panel","BREAKPOINTS","jsx","_jsx","jsxs","_jsxs","AuthPageWrapper","div","_templateObject","_taggedTemplateLiteral","MEDIUM","AuthPage","_ref","screenSetsContainerId","panel","_ref$order","order","className","children","_objectSpread","concat","id","$centerContents","propTypes","_pt","oneOf","string","isRequired"],"sources":["../../src/AuthPage/AuthPage.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport ScreenSetsContainer from './ScreenSetsContainer';\r\nimport styled from \"styled-components\";\r\nimport {Panel, PanelProps} from \"../Panel\";\r\nimport {BREAKPOINTS} from \"../styles\";\r\n\r\n\r\nexport const AuthPageWrapper = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  height: 100%;\r\n\r\n  .panel {\r\n    flex: 1;\r\n    display: none;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    .panel {\r\n      display: flex;\r\n    }\r\n  }\r\n\r\n  &.reverse {\r\n    flex-direction: row-reverse;\r\n  }\r\n`;\r\n\r\nexport type AuthPageProps = {\r\n  panel?: PanelProps;\r\n  order?: 'default' | 'reverse';\r\n  screenSetsContainerId: string;\r\n};\r\n\r\nconst AuthPage = ({\r\n                    screenSetsContainerId,\r\n                    panel,\r\n                    order = 'default'\r\n                  }: AuthPageProps) => {\r\n  return (\r\n    <AuthPageWrapper className={order}>\r\n      {\r\n        panel && <Panel {...panel} order={order} className={`panel ${panel.className || ''}`}/>\r\n      }\r\n      <ScreenSetsContainer id={screenSetsContainerId} $centerContents={!panel}/>\r\n    </AuthPageWrapper>\r\n  );\r\n};\r\n\r\nexport default AuthPage;\r\n"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,KAAK,QAAmB,UAAU;AAC1C,SAAQC,WAAW,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,IAAMC,eAAe,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+OAUrCR,WAAW,CAACS,MAAM,CASrB;AAQD,IAAMC,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,IAAA,EAIyB;EAAA,IAHnBC,qBAAqB,GAAAD,IAAA,CAArBC,qBAAqB;IACrBC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,UAAA,GAAAH,IAAA,CACLI,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;EAEnC,oBACEV,KAAA,CAACC,eAAe;IAACW,SAAS,EAAED,KAAM;IAAAE,QAAA,GAE9BJ,KAAK,iBAAIX,IAAA,CAACH,KAAK,EAAAmB,aAAA,CAAAA,aAAA,KAAKL,KAAK;MAAEE,KAAK,EAAEA,KAAM;MAACC,SAAS,WAAAG,MAAA,CAAWN,KAAK,CAACG,SAAS,IAAI,EAAE;IAAG,EAAC,CAAC,eAEzFd,IAAA,CAACL,mBAAmB;MAACuB,EAAE,EAAER,qBAAsB;MAACS,eAAe,EAAE,CAACR;IAAM,CAAC,CAAC;EAAA,CAC3D,CAAC;AAEtB,CAAC;AAACH,QAAA,CAAAY,SAAA;EAjBAP,KAAK,EAAAQ,GAAA,CAAAC,KAAA,EAAG,SAAS,EAAG,SAAS;EAC7BZ,qBAAqB,EAAAW,GAAA,CAAAE,MAAA,CAAAC;AAAA;AAkBvB,eAAehB,QAAQ","ignoreList":[]}

package/dist/AuthPage/ScreenSetsContainer.cjs

@@ -4,11 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _templateObject;
-const ScreenSetsContainer = _styledComponents.default.section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), props => props.$centerContents ? 'center' : 'unset', _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-var _default = exports.default = ScreenSetsContainer;
+var ScreenSetsContainer = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), function (props) {
+  return props.$centerContents ? 'center' : 'unset';
+}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
+var _default = ScreenSetsContainer;
+exports["default"] = _default;
 //# sourceMappingURL=ScreenSetsContainer.cjs.map

package/dist/AuthPage/ScreenSetsContainer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenSetsContainer.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","ScreenSetsContainer","styled","section","_taggedTemplateLiteral2","default","props","$centerContents","BREAKPOINTS","MEDIUM","LARGE","_default","exports"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA;AAEtC,MAAMC,mBAAmB,GAAGC,yBAAM,CAACC,OAAO,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,CAAAC,OAAA,oeAQzBC,KAAK,IAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAQ,EAWlEC,mBAAW,CAACC,MAAM,EAUlBD,mBAAW,CAACE,KAAK,CAKpB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaJ,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ScreenSetsContainer.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","ScreenSetsContainer","styled","section","_taggedTemplateLiteral2","props","$centerContents","BREAKPOINTS","MEDIUM","LARGE","_default","exports"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAsC,IAAAE,eAAA;AAEtC,IAAMC,mBAAmB,GAAGC,4BAAM,CAACC,OAAO,CAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,+eAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWlEC,mBAAW,CAACC,MAAM,EAUlBD,mBAAW,CAACE,KAAK,CAKpB;AAAC,IAAAC,QAAA,GAEaT,mBAAmB;AAAAU,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/AuthPage/ScreenSetsContainer.js

@@ -2,6 +2,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 var _templateObject;
 import styled from 'styled-components';
 import { BREAKPOINTS } from '../styles';
-const ScreenSetsContainer = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), props => props.$centerContents ? 'center' : 'unset', BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
+var ScreenSetsContainer = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  box-sizing: border-box;\n\n  padding: 8px;\n  width: 100%;\n  align-items: ", ";\n\n  .gigya-screen-caption {\n    display: none;\n  }\n\n  .gigya-screen {\n    max-width: 100%;\n    margin: auto;\n  }\n\n  ", " {\n    padding: 24px;\n    width: 50%;\n\n    .gigya-screen {\n      margin: 0;\n      padding: 36px 25px !important;\n    }\n  }\n\n  ", " {\n    .gigya-screen {\n      max-width: 550px;\n    }\n  }\n"])), function (props) {
+  return props.$centerContents ? 'center' : 'unset';
+}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
 export default ScreenSetsContainer;
 //# sourceMappingURL=ScreenSetsContainer.js.map

package/dist/AuthPage/ScreenSetsContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenSetsContainer.js","names":["styled","BREAKPOINTS","ScreenSetsContainer","section","_templateObject","_taggedTemplateLiteral","props","$centerContents","MEDIUM","LARGE"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,WAAW;AAErC,MAAMC,mBAAmB,GAAGF,MAAM,CAACG,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,meAQzBC,KAAK,IAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAQ,EAWlEN,WAAW,CAACO,MAAM,EAUlBP,WAAW,CAACQ,KAAK,CAKpB;AAED,eAAeP,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ScreenSetsContainer.js","names":["styled","BREAKPOINTS","ScreenSetsContainer","section","_templateObject","_taggedTemplateLiteral","props","$centerContents","MEDIUM","LARGE"],"sources":["../../src/AuthPage/ScreenSetsContainer.tsx"],"sourcesContent":["import styled from 'styled-components';\r\nimport {BREAKPOINTS} from '../styles';\r\n\r\nconst ScreenSetsContainer = styled.section<{ $centerContents: boolean }>`\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 1;\r\n  box-sizing: border-box;\r\n\r\n  padding: 8px;\r\n  width: 100%;\r\n  align-items: ${props => (props.$centerContents ? 'center' : 'unset')};\r\n\r\n  .gigya-screen-caption {\r\n    display: none;\r\n  }\r\n\r\n  .gigya-screen {\r\n    max-width: 100%;\r\n    margin: auto;\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 24px;\r\n    width: 50%;\r\n\r\n    .gigya-screen {\r\n      margin: 0;\r\n      padding: 36px 25px !important;\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    .gigya-screen {\r\n      max-width: 550px;\r\n    }\r\n  }\r\n`;\r\n\r\nexport default ScreenSetsContainer;\r\n"],"mappings":";;AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAAQC,WAAW,QAAO,WAAW;AAErC,IAAMC,mBAAmB,GAAGF,MAAM,CAACG,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,meAQzB,UAAAC,KAAK;EAAA,OAAKA,KAAK,CAACC,eAAe,GAAG,QAAQ,GAAG,OAAO;AAAA,CAAC,EAWlEN,WAAW,CAACO,MAAM,EAUlBP,WAAW,CAACQ,KAAK,CAKpB;AAED,eAAeP,mBAAmB","ignoreList":[]}