@heliux-org/design-system-core 0.0.185 → 0.0.188

package/dist/components/GridSystem/GridSystem.js

@@ -1,20 +1,12 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GridExample = exports.GridCol = exports.GridRow = exports.GridContainer = void 0;
 const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const react_1 = require("react");
-const react_2 = require("@emotion/react");
+const styled_1 = __importDefault(require("@emotion/styled"));
 const parseMarginValue = (value) => {
     if (typeof value === 'number')
         return `${value}px`;
@@ -33,108 +25,105 @@ const getColumnWidth = (span) => {
     const width = (span / 12) * 100;
     return `${width}%`;
 };
-const GridContainer = (_a) => {
-    var { children, fluid = false, fullWidth = false, margin, marginTop, marginRight, marginBottom, marginLeft, className = '' } = _a, props = __rest(_a, ["children", "fluid", "fullWidth", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "className"]);
-    const marginTopValue = parseMarginValue(marginTop || margin);
-    const marginRightValue = parseMarginValue(marginRight || margin);
-    const marginBottomValue = parseMarginValue(marginBottom || margin);
-    const marginLeftValue = parseMarginValue(marginLeft || margin);
-    const containerStyles = (0, react_2.css) `
-    box-sizing: border-box;
-    width: ${fullWidth ? `calc(100% - ${marginLeftValue} - ${marginRightValue})` : '100%'};
-    max-width: ${fluid ? 'none' : '1860px'};
-    margin-top: ${marginTopValue};
-    margin-right: ${marginRightValue};
-    margin-bottom: ${marginBottomValue};
-    margin-left: ${marginLeftValue};
-    padding-left: 15px;
-    padding-right: 15px;
-  `;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: containerStyles, className: `container ${className}` }, props, { children: children })));
+const StyledContainer = styled_1.default.div `
+  box-sizing: border-box;
+  width: ${props => props.fullWidth ? `calc(100% - ${parseMarginValue(props.marginLeft || props.margin)} - ${parseMarginValue(props.marginRight || props.margin)})` : '100%'};
+  max-width: ${props => props.fluid ? 'none' : '1860px'};
+  margin-top: ${props => parseMarginValue(props.marginTop || props.margin)};
+  margin-right: ${props => parseMarginValue(props.marginRight || props.margin)};
+  margin-bottom: ${props => parseMarginValue(props.marginBottom || props.margin)};
+  margin-left: ${props => parseMarginValue(props.marginLeft || props.margin)};
+  padding-left: 15px;
+  padding-right: 15px;
+  ${props => props.debug && 'background-color: rgba(0,0,0,0.1);'}
+
+  @media (min-width: 1860px) {
+    margin-left: auto;
+    margin-right: auto;
+  }
+`;
+const GridContainer = (props) => {
+    return ((0, jsx_runtime_1.jsx)(StyledContainer, Object.assign({ className: `container ${props.className || ''}` }, props, { children: props.children })));
 };
 exports.GridContainer = GridContainer;
-const GridRow = (_a) => {
-    var { children, className = '', nogutter = false, margin, marginTop, marginRight, marginBottom, marginLeft, fullHeight = false, childrenMargin = 0 } = _a, props = __rest(_a, ["children", "className", "nogutter", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "fullHeight", "childrenMargin"]);
+const StyledRow = styled_1.default.div `
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: ${props => parseMarginValue(props.marginTop || props.margin)};
+  margin-right: ${props => props.nogutter ? parseMarginValue(props.marginRight || props.margin) : `calc(${parseMarginValue(props.marginRight || props.margin)} - 15px)`};
+  margin-bottom: ${props => parseMarginValue(props.marginBottom || props.margin)};
+  margin-left: ${props => props.nogutter ? parseMarginValue(props.marginLeft || props.margin) : `calc(${parseMarginValue(props.marginLeft || props.margin)} - 15px)`};
+  ${props => props.fullHeight && `
+    height: ${props.remainingHeight};
+    > * {
+      margin: ${parseMarginValue(props.marginBottom || props.margin)}px;
+    }
+  `}
+  ${props => props.debug && 'background-color: rgba(0,0,0,0.2);'}
+`;
+const GridRow = (props) => {
     const rowRef = (0, react_1.useRef)(null);
     const [remainingHeight, setRemainingHeight] = (0, react_1.useState)('100vh');
-    const marginTopValue = parseMarginValue(marginTop || margin);
-    const marginRightValue = parseMarginValue(marginRight || margin);
-    const marginBottomValue = parseMarginValue(marginBottom || margin);
-    const marginLeftValue = parseMarginValue(marginLeft || margin);
     (0, react_1.useEffect)(() => {
-        if (fullHeight && rowRef.current) {
+        if (props.fullHeight && rowRef.current) {
             const updateHeight = () => {
                 var _a;
                 const rowTop = ((_a = rowRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().top) || 0;
                 const windowHeight = window.innerHeight;
-                const newRemainingHeight = windowHeight - rowTop - parseFloat(marginBottomValue);
+                const newRemainingHeight = windowHeight - rowTop - parseFloat(parseMarginValue(props.marginBottom || props.margin));
                 setRemainingHeight(`${newRemainingHeight}px`);
             };
             updateHeight();
             window.addEventListener('resize', updateHeight);
             return () => window.removeEventListener('resize', updateHeight);
         }
-    }, [fullHeight, marginBottomValue]);
-    const rowStyles = (0, react_2.css) `
-    display: flex;
-    flex-wrap: wrap;
-    margin-top: ${marginTopValue};
-    margin-right: ${nogutter ? marginRightValue : `calc(${marginRightValue} - 15px)`};
-    margin-bottom: ${marginBottomValue};
-    margin-left: ${nogutter ? marginLeftValue : `calc(${marginLeftValue} - 15px)`};
-    ${fullHeight && `
-      height: ${remainingHeight};
-      > * {
-        margin: ${marginBottomValue}px;
-      }
-    `}
-  `;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: rowRef, css: rowStyles, className: `row ${className}` }, props, { children: children })));
+    }, [props.fullHeight, props.margin, props.marginBottom]);
+    return ((0, jsx_runtime_1.jsx)(StyledRow, Object.assign({ ref: rowRef, className: `row ${props.className || ''}` }, props, { remainingHeight: remainingHeight }, { children: props.children })));
 };
 exports.GridRow = GridRow;
-const GridCol = (_a) => {
-    var { xs, sm, md, lg, xl, children, className = '' } = _a, props = __rest(_a, ["xs", "sm", "md", "lg", "xl", "children", "className"]);
-    const columnStyles = (0, react_2.css) `
-    flex: 0 0 auto;
-    padding-right: 15px;
-    padding-left: 15px;
+const StyledCol = styled_1.default.div `
+  flex: 0 0 auto;
+  padding-right: 15px;
+  padding-left: 15px;
+  ${props => props.debug && 'background-color: rgba(0,0,0,0.4);'}
 
-    ${xs !== undefined && `
-      flex-basis: ${getColumnWidth(xs)};
-      max-width: ${getColumnWidth(xs)};
-    `}
+  ${props => props.xs !== undefined && `
+    flex-basis: ${getColumnWidth(props.xs)};
+    max-width: ${getColumnWidth(props.xs)};
+  `}
 
-    @media (min-width: ${breakpoints.sm}px) {
-      ${sm !== undefined && `
-        flex-basis: ${getColumnWidth(sm)};
-        max-width: ${getColumnWidth(sm)};
-      `}
-    }
+  @media (min-width: ${breakpoints.sm}px) {
+    ${props => props.sm !== undefined && `
+      flex-basis: ${getColumnWidth(props.sm)};
+      max-width: ${getColumnWidth(props.sm)};
+    `}
+  }
 
-    @media (min-width: ${breakpoints.md}px) {
-      ${md !== undefined && `
-        flex-basis: ${getColumnWidth(md)};
-        max-width: ${getColumnWidth(md)};
-      `}
-    }
+  @media (min-width: ${breakpoints.md}px) {
+    ${props => props.md !== undefined && `
+      flex-basis: ${getColumnWidth(props.md)};
+      max-width: ${getColumnWidth(props.md)};
+    `}
+  }
 
-    @media (min-width: ${breakpoints.lg}px) {
-      ${lg !== undefined && `
-        flex-basis: ${getColumnWidth(lg)};
-        max-width: ${getColumnWidth(lg)};
-      `}
-    }
+  @media (min-width: ${breakpoints.lg}px) {
+    ${props => props.lg !== undefined && `
+      flex-basis: ${getColumnWidth(props.lg)};
+      max-width: ${getColumnWidth(props.lg)};
+    `}
+  }
 
-    @media (min-width: ${breakpoints.xl}px) {
-      ${xl !== undefined && `
-        flex-basis: ${getColumnWidth(xl)};
-        max-width: ${getColumnWidth(xl)};
-      `}
-    }
-  `;
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ css: columnStyles, className: className }, props, { children: children })));
+  @media (min-width: ${breakpoints.xl}px) {
+    ${props => props.xl !== undefined && `
+      flex-basis: ${getColumnWidth(props.xl)};
+      max-width: ${getColumnWidth(props.xl)};
+    `}
+  }
+`;
+const GridCol = (props) => {
+    return ((0, jsx_runtime_1.jsx)(StyledCol, Object.assign({ className: props.className }, props, { children: props.children })));
 };
 exports.GridCol = GridCol;
-const GridExample = () => ((0, jsx_runtime_1.jsx)(GridContainer, Object.assign({ fullWidth: true, margin: 8 }, { children: (0, jsx_runtime_1.jsxs)(GridRow, Object.assign({ margin: 16 }, { children: [(0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 6, lg: 4 }, { children: "Column 1" })), (0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 6, lg: 4 }, { children: "Column 2" })), (0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 12, lg: 4 }, { children: "Column 3" }))] })) })));
+const GridExample = () => ((0, jsx_runtime_1.jsx)(GridContainer, Object.assign({ fullWidth: true, margin: 8, debug: true }, { children: (0, jsx_runtime_1.jsxs)(GridRow, Object.assign({ margin: 16, debug: true }, { children: [(0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 6, lg: 4, debug: true }, { children: "Column 1" })), (0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 6, lg: 4, debug: true }, { children: "Column 2" })), (0, jsx_runtime_1.jsx)(GridCol, Object.assign({ xs: 12, md: 12, lg: 4, debug: true }, { children: "Column 3" }))] })) })));
 exports.GridExample = GridExample;
 //# sourceMappingURL=GridSystem.js.map

package/dist/components/GridSystem/GridSystem.js.map

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

package/dist/components/PageHeader/PageHeader.js

@@ -15,7 +15,7 @@ const Divider_1 = __importDefault(require("../Divider/Divider"));
 const Flex_1 = __importDefault(require("../Flex/Flex"));
 const TabList_1 = __importDefault(require("../Tabs/TabList/TabList"));
 const Heading_1 = __importDefault(require("../Heading/Heading"));
-const react_grid_system_1 = require("react-grid-system");
+const GridSystem_1 = require("../GridSystem/GridSystem");
 const types_1 = require("../../types");
 const PageHeader_module_scss_1 = __importDefault(require("./PageHeader.module.scss"));
 const Text_1 = __importDefault(require("../Text/Text"));
@@ -31,7 +31,7 @@ const PageHeader = ({ type = PageHeader.types.PRIMARY, componentClassName, class
         componentClassName,
     ]);
     return ((0, jsx_runtime_1.jsxs)("aside", Object.assign({ className: (0, classnames_1.default)(PageHeader_module_scss_1.default.PageHeader, (0, typesciptCssModulesHelper_1.getStyle)(PageHeader_module_scss_1.default, (0, lodash_es_1.camelCase)(`type-${type}`)), overrideClassName), role: "alert", "data-testid": dataTestId ||
-            (0, test_ids_utils_1.getTestId)(test_ids_utils_1.ComponentDefaultTestId.ATTENTION_BOX, id) }, { children: [(0, jsx_runtime_1.jsxs)(react_grid_system_1.Container, Object.assign({ "className-": PageHeader_module_scss_1.default.PageHeader }, { children: [(0, jsx_runtime_1.jsx)(Flex_1.default, { children: breadcrumb }), (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ gap: 5 }, { children: [secondaryTitle && ((0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, color: TypographyConstants_1.TypographyColor.SECONDARY, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: secondaryTitle }))), editableTitle ? ((0, jsx_runtime_1.jsx)(InlineEdit_1.default, Object.assign({ defaultValue: editValue, "aria-label": "edit value", onConfirm: setEditValue }, { children: (0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: editValue })) }))) : ((0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: title })))] })), (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ gap: 2 }, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, Object.assign({ type: Text_1.default.types.TEXT1, color: Text_1.default.colors.SECONDARY }, { children: description })), description ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, { icon: Information_1.default, size: "xs", style: { color: "darkgrey" }, ariaLabel: description })) : ("")] })), (0, jsx_runtime_1.jsx)(Flex_1.default, Object.assign({ justify: Flex_1.default.justify.START, gap: Flex_1.default.gaps.SMALL, style: { marginTop: "5px" } }, { children: buttons && buttons.map((button, index) => button) })), tabs.length !== 0 && ((0, jsx_runtime_1.jsx)(Flex_1.default, { children: (0, jsx_runtime_1.jsx)(TabList_1.default, Object.assign({ divider: false, className: PageHeader_module_scss_1.default.PageHeaderTabs }, { children: tabs.map((tab, index) => tab) })) })), linkTabs.length !== 0 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: PageHeader_module_scss_1.default.PageHeaderRightActions }, { children: (0, jsx_runtime_1.jsx)(Flex_1.default, Object.assign({ justify: Flex_1.default.justify.END, gap: Flex_1.default.gaps.SMALL }, { children: linkTabs.map((linkTab, index) => linkTab) })) })))] })), divider ? ((0, jsx_runtime_1.jsx)(Divider_1.default, { className: PageHeader_module_scss_1.default.PageHeaderDivider })) : ((0, jsx_runtime_1.jsx)("div", {}))] })));
+            (0, test_ids_utils_1.getTestId)(test_ids_utils_1.ComponentDefaultTestId.ATTENTION_BOX, id) }, { children: [(0, jsx_runtime_1.jsxs)(GridSystem_1.GridContainer, Object.assign({ fullWidth: true, margin: 8, "className-": PageHeader_module_scss_1.default.PageHeader }, { children: [(0, jsx_runtime_1.jsx)(Flex_1.default, { children: breadcrumb }), (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ gap: 5 }, { children: [secondaryTitle && ((0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, color: TypographyConstants_1.TypographyColor.SECONDARY, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: secondaryTitle }))), editableTitle ? ((0, jsx_runtime_1.jsx)(InlineEdit_1.default, Object.assign({ defaultValue: editValue, "aria-label": "edit value", onConfirm: setEditValue }, { children: (0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: editValue })) }))) : ((0, jsx_runtime_1.jsx)(Heading_1.default, Object.assign({ type: Heading_1.default.types.H3, weight: Heading_1.default.weights.BOLD, className: PageHeader_module_scss_1.default.PageHeaderTitle }, { children: title })))] })), (0, jsx_runtime_1.jsxs)(Flex_1.default, Object.assign({ gap: 2 }, { children: [(0, jsx_runtime_1.jsx)(Text_1.default, Object.assign({ type: Text_1.default.types.TEXT1, color: Text_1.default.colors.SECONDARY }, { children: description })), description ? ((0, jsx_runtime_1.jsx)(IconButton_1.default, { icon: Information_1.default, size: "xs", style: { color: "darkgrey" }, ariaLabel: description })) : ("")] })), (0, jsx_runtime_1.jsx)(Flex_1.default, Object.assign({ justify: Flex_1.default.justify.START, gap: Flex_1.default.gaps.SMALL, style: { marginTop: "5px" } }, { children: buttons && buttons.map((button, index) => button) })), tabs.length !== 0 && ((0, jsx_runtime_1.jsx)(Flex_1.default, { children: (0, jsx_runtime_1.jsx)(TabList_1.default, Object.assign({ divider: false, className: PageHeader_module_scss_1.default.PageHeaderTabs }, { children: tabs.map((tab, index) => tab) })) })), linkTabs.length !== 0 && ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: PageHeader_module_scss_1.default.PageHeaderRightActions }, { children: (0, jsx_runtime_1.jsx)(Flex_1.default, Object.assign({ justify: Flex_1.default.justify.END, gap: Flex_1.default.gaps.SMALL }, { children: linkTabs.map((linkTab, index) => linkTab) })) })))] })), divider ? ((0, jsx_runtime_1.jsx)(Divider_1.default, { className: PageHeader_module_scss_1.default.PageHeaderDivider })) : ((0, jsx_runtime_1.jsx)("div", {}))] })));
 };
 exports.default = (0, types_1.withStaticProps)(PageHeader, {
     types: PageHeaderConstants_1.PageHeaderType,

package/dist/components/PageHeader/PageHeader.js.map

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

package/dist/components/SegmentControl/SegmentControlCell/SegmentControlCell.js

@@ -7,15 +7,15 @@ const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 const classnames_1 = __importDefault(require("classnames"));
 const SegmentControlCell_module_scss_1 = __importDefault(require("./SegmentControlCell.module.scss"));
 const Icon_1 = __importDefault(require("../../Icon/Icon"));
-const SegmentControlCell = ({ value, active = false, onClick, stretched = false, disabled = false, icon, children, }) => {
+const SegmentControlCell = ({ value, active = false, onClick, disabled = false, icon, size = 'medium', stretched = false, children, }) => {
     const handleClick = () => {
         if (!disabled && onClick)
             onClick(value);
     };
-    return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: (0, classnames_1.default)(SegmentControlCell_module_scss_1.default.segmentControlCell, {
+    return ((0, jsx_runtime_1.jsxs)("li", Object.assign({ className: (0, classnames_1.default)(SegmentControlCell_module_scss_1.default.segmentControlCell, SegmentControlCell_module_scss_1.default[size], {
             [SegmentControlCell_module_scss_1.default.active]: active,
-            [SegmentControlCell_module_scss_1.default.stretched]: stretched,
             [SegmentControlCell_module_scss_1.default.disabled]: disabled,
+            [SegmentControlCell_module_scss_1.default.stretched]: stretched,
         }), role: "tab", "aria-selected": active, "aria-disabled": disabled, onClick: handleClick }, { children: [icon ? (0, jsx_runtime_1.jsx)(Icon_1.default, { icon: icon, clickable: false }) : "", children] })));
 };
 exports.default = SegmentControlCell;

package/dist/components/SegmentControl/SegmentControlCell/SegmentControlCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlCell.js","sourceRoot":"","sources":["../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"names":[],"mappings":";;;;;;AACA,4DAA4B;AAC5B,sGAAsD;AAEtD,2DAAmC;AAYnC,MAAM,kBAAkB,GAAgC,CAAC,EACvD,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,QAAQ,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,8CACE,SAAS,EAAE,IAAA,oBAAE,EAAC,wCAAM,CAAC,kBAAkB,EAAE;YACvC,CAAC,wCAAM,CAAC,MAAM,CAAC,EAAE,MAAM;YACvB,CAAC,wCAAM,CAAC,SAAS,CAAC,EAAE,SAAS;YAC7B,CAAC,wCAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;SAC5B,CAAC,EACF,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,QAAQ,EACvB,OAAO,EAAE,WAAW,iBAEnB,IAAI,CAAC,CAAC,CAAC,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,EAAE,EAClD,QAAQ,KACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SegmentControlCell.js","sourceRoot":"","sources":["../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"names":[],"mappings":";;;;;;AACA,4DAA4B;AAC5B,sGAAsD;AAEtD,2DAAmC;AAcnC,MAAM,kBAAkB,GAAgC,CAAC,EACvD,KAAK,EACL,MAAM,GAAG,KAAK,EACd,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,QAAQ,IAAI,OAAO;YAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,OAAO,CACL,8CACE,SAAS,EAAE,IAAA,oBAAE,EAAC,wCAAM,CAAC,kBAAkB,EAAE,wCAAM,CAAC,IAAI,CAAC,EAAE;YACrD,CAAC,wCAAM,CAAC,MAAM,CAAC,EAAE,MAAM;YACvB,CAAC,wCAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,wCAAM,CAAC,SAAS,CAAC,EAAE,SAAS;SAC9B,CAAC,EACF,IAAI,EAAC,KAAK,mBACK,MAAM,mBACN,QAAQ,EACvB,OAAO,EAAE,WAAW,iBAEnB,IAAI,CAAC,CAAC,CAAC,uBAAC,cAAI,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,EAAE,EAClD,QAAQ,KACN,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/components/SegmentControl/SegmentControlList/SegmentControlList.js

@@ -31,12 +31,11 @@ const react_1 = __importStar(require("react"));
 const classnames_1 = __importDefault(require("classnames"));
 const usePrevious_1 = __importDefault(require("../../../hooks/usePrevious"));
 const SegmentControlList_module_scss_1 = __importDefault(require("./SegmentControlList.module.scss"));
-const SegmentControlList = ({ className, onChange, activeSegment = 0, stretched = false, children, }) => {
+const SegmentControlList = ({ className, onChange, activeSegment = 0, size = 'medium', stretched = false, children, }) => {
     const [activeSegmentState, setActiveSegmentState] = (0, react_1.useState)(activeSegment);
     const prevActiveSegment = (0, usePrevious_1.default)(activeSegment);
     (0, react_1.useEffect)(() => {
-        if (activeSegment !== prevActiveSegment &&
-            activeSegment !== activeSegmentState) {
+        if (activeSegment !== prevActiveSegment && activeSegment !== activeSegmentState) {
             setActiveSegmentState(activeSegment);
         }
     }, [activeSegment, prevActiveSegment, activeSegmentState]);
@@ -50,10 +49,11 @@ const SegmentControlList = ({ className, onChange, activeSegment = 0, stretched
             value: index,
             active: activeSegmentState === index,
             onClick: onSegmentClick,
+            size,
             stretched,
         }));
-    }, [children, activeSegmentState, onSegmentClick, stretched]);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(SegmentControlList_module_scss_1.default.segmentControlList, className, {
+    }, [children, activeSegmentState, onSegmentClick, size, stretched]);
+    return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, classnames_1.default)(SegmentControlList_module_scss_1.default.segmentControlList, SegmentControlList_module_scss_1.default[size], className, {
             [SegmentControlList_module_scss_1.default.stretched]: stretched,
         }) }, { children: (0, jsx_runtime_1.jsx)("ul", Object.assign({ className: SegmentControlList_module_scss_1.default.segmentControlUl, role: "tablist" }, { children: segmentsToRender })) })));
 };

package/dist/components/SegmentControl/SegmentControlList/SegmentControlList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlList.js","sourceRoot":"","sources":["../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,4DAA4B;AAC5B,6EAAqD;AACrD,sGAAsD;AAWtD,MAAM,kBAAkB,GAAgC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,CAAC,EACjB,SAAS,GAAG,KAAK,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAC/C,IAAA,gBAAQ,EAAS,aAAa,CAAC,CAAC;IAClC,MAAM,iBAAiB,GAAG,IAAA,qBAAW,EAAC,aAAa,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IACE,aAAa,KAAK,iBAAiB;YACnC,aAAa,KAAK,kBAAkB,EACpC;YACA,qBAAqB,CAAC,aAAa,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3D,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,SAAiB,EAAE,EAAE;QACpB,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACjC,IAAI,QAAQ;YAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnD,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YACxB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,kBAAkB,KAAK,KAAK;YACpC,OAAO,EAAE,cAAc;YACvB,SAAS;SACV,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9D,OAAO,CACL,8CACE,SAAS,EAAE,IAAA,oBAAE,EAAC,wCAAM,CAAC,kBAAkB,EAAE,SAAS,EAAE;YAClD,CAAC,wCAAM,CAAC,SAAS,CAAC,EAAE,SAAS;SAC9B,CAAC,gBAEF,6CAAI,SAAS,EAAE,wCAAM,CAAC,gBAAgB,EAAE,IAAI,EAAC,SAAS,gBACnD,gBAAgB,IACd,IACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SegmentControlList.js","sourceRoot":"","sources":["../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,4DAA4B;AAC5B,6EAAqD;AACrD,sGAAsD;AActD,MAAM,kBAAkB,GAAgC,CAAC,EACvD,SAAS,EACT,QAAQ,EACR,aAAa,GAAG,CAAC,EACjB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAS,aAAa,CAAC,CAAC;IACpF,MAAM,iBAAiB,GAAG,IAAA,qBAAW,EAAC,aAAa,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,aAAa,KAAK,iBAAiB,IAAI,aAAa,KAAK,kBAAkB,EAAE;YAC/E,qBAAqB,CAAC,aAAa,CAAC,CAAC;SACtC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAE3D,MAAM,cAAc,GAAG,IAAA,mBAAW,EAChC,CAAC,SAAiB,EAAE,EAAE;QACpB,qBAAqB,CAAC,SAAS,CAAC,CAAC;QACjC,IAAI,QAAQ;YAAE,QAAQ,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CACnD,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YACxB,KAAK,EAAE,KAAK;YACZ,MAAM,EAAE,kBAAkB,KAAK,KAAK;YACpC,OAAO,EAAE,cAAc;YACvB,IAAI;YACJ,SAAS;SACV,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,kBAAkB,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,8CAAK,SAAS,EAAE,IAAA,oBAAE,EAAC,wCAAM,CAAC,kBAAkB,EAAE,wCAAM,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE;YACrE,CAAC,wCAAM,CAAC,SAAS,CAAC,EAAE,SAAS;SAC9B,CAAC,gBACA,6CAAI,SAAS,EAAE,wCAAM,CAAC,gBAAgB,EAAE,IAAI,EAAC,SAAS,gBACnD,gBAAgB,IACd,IACD,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,kBAAkB,CAAC"}

package/dist/esm/components/GridSystem/GridSystem.d.ts

@@ -1,9 +1,5 @@
 import React, { ReactNode } from 'react';
 import { PropsWithChildren } from 'react';
-import { Interpolation, Theme } from '@emotion/react';
-type EmotionProps = {
-    css?: Interpolation<Theme>;
-};
 type ContainerProps = PropsWithChildren<{
     fluid?: boolean;
     fullWidth?: boolean;
@@ -13,7 +9,8 @@ type ContainerProps = PropsWithChildren<{
     marginBottom?: string | number;
     marginLeft?: string | number;
     className?: string;
-}> & EmotionProps;
+    debug?: boolean;
+}>;
 interface RowProps {
     children: ReactNode;
     className?: string;
@@ -25,6 +22,7 @@ interface RowProps {
     marginLeft?: string | number;
     fullHeight?: boolean;
     childrenMargin?: number;
+    debug?: boolean;
     [key: string]: any;
 }
 interface ColProps {
@@ -36,6 +34,7 @@ interface ColProps {
     xl?: number;
     offset?: number;
     className?: string;
+    debug?: boolean;
     [key: string]: any;
 }
 declare const GridContainer: React.FC<ContainerProps>;

package/dist/esm/components/GridSystem/GridSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridSystem.d.ts","sourceRoot":"","sources":["../../../../src/components/GridSystem/GridSystem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEtD,KAAK,YAAY,GAAG;IAClB,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CAC5B,CAAC;AAGF,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,GAAG,YAAY,CAAC;AAElB,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAqBD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkC3C,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwD/B,CAAC;AAEF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA6C/B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAQxB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"GridSystem.d.ts","sourceRoot":"","sources":["../../../../src/components/GridSystem/GridSystem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA+B,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,KAAK,cAAc,GAAG,iBAAiB,CAAC;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC,CAAC;AAEH,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,UAAU,QAAQ;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuCD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAM3C,CAAC;AAkBF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAwB/B,CAAC;AA0CF,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAM/B,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAQxB,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/esm/components/PageHeader/PageHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAYvD,OAAO,EAAE,kBAAkB,EAAmB,MAAM,aAAa,CAAC;AAUlE,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IAC1D,yCAAyC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;;;;;;;;AAgID,wBAEG"}
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAQvD,OAAO,EAAE,kBAAkB,EAAmB,MAAM,aAAa,CAAC;AASlE,MAAM,WAAW,QAAQ;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,eAAgB,SAAQ,kBAAkB;IAC1D,yCAAyC;IACzC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,EAAE,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;;;;;;;;AAmID,wBAEG"}

package/dist/esm/components/SegmentControl/SegmentControlCell/SegmentControlCell.d.ts

@@ -1,12 +1,14 @@
 import React, { FC } from "react";
 import { SubIcon } from "../../../types";
+import { SegmentControlSize } from "../SegmentControlList/SegmentControlList";
 export interface SegmentControlCellProps {
     value: number;
     active?: boolean;
     onClick?: (value: number) => void;
-    stretched?: boolean;
     disabled?: boolean;
     icon?: SubIcon;
+    size?: SegmentControlSize;
+    stretched?: boolean;
     children?: React.ReactNode;
 }
 declare const SegmentControlCell: FC<SegmentControlCellProps>;

package/dist/esm/components/SegmentControl/SegmentControlCell/SegmentControlCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAGzC,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA6BnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SegmentControlCell.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentControl/SegmentControlCell/SegmentControlCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAC;AAE9E,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8BnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/components/SegmentControl/SegmentControlList/SegmentControlList.d.ts

@@ -1,9 +1,11 @@
 import React, { FC } from "react";
 import { SegmentControlCellProps } from "../SegmentControlCell/SegmentControlCell";
+export type SegmentControlSize = 'small' | 'medium' | 'large';
 export interface SegmentControlListProps {
     className?: string;
     onChange?: (value: number) => void;
     activeSegment?: number;
+    size?: SegmentControlSize;
     stretched?: boolean;
     children: React.ReactElement<SegmentControlCellProps>[];
 }

package/dist/esm/components/SegmentControl/SegmentControlList/SegmentControlList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SegmentControlList.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;CACzD;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkDnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"SegmentControlList.d.ts","sourceRoot":"","sources":["../../../../../src/components/SegmentControl/SegmentControlList/SegmentControlList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAA6C,MAAM,OAAO,CAAC;AAI7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAA0C,CAAC;AAEnF,MAAM,MAAM,kBAAkB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAE9D,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE,CAAC;CACzD;AAED,QAAA,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CA8CnD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/esm/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_ee051ef87c",accordionItemExpandCollapse:"accordionItemExpandCollapse_bbd80c1701",disabledAccordion:"disabledAccordion_eae478030b",accordionItem:"accordionItem_87d767b79f",accordionItemExpanded:"accordionItemExpanded_c10a0d2ed5"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-6878463cfa8b_0_0_184";if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}(".accordion_ee051ef87c {\n  height: fit-content;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n  width: inherit;\n}\n\n.accordion_ee051ef87c .accordionItemExpandCollapse_bbd80c1701 {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--divider-primary);\n}\n\n.disabledAccordion_eae478030b {\n  opacity: 0.7;\n}\n\n.accordionItem_87d767b79f {\n  border: none;\n  border-bottom: 1px solid var(--divider-primary);\n}\n\n.accordionItemExpanded_c10a0d2ed5 {\n  border: 1px solid var(--divider-primary);\n  margin-top: -1px;\n  border-radius: var(--border-radius-medium);\n  background: var(--surface-level-100);\n}");export{e as default};
+var d={accordion:"accordion_1c89b1f3a6",accordionItemExpandCollapse:"accordionItemExpandCollapse_1d82f4fa1a",disabledAccordion:"disabledAccordion_91bb556eb3",accordionItem:"accordionItem_4a4d461824",accordionItemExpanded:"accordionItemExpanded_11613c8ba8"};!function(d){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],n="s_id-6878463cfa8b_0_0_187";if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(d))}(".accordion_1c89b1f3a6 {\n  height: fit-content;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-medium);\n  width: inherit;\n}\n\n.accordion_1c89b1f3a6 .accordionItemExpandCollapse_1d82f4fa1a {\n  border-radius: 0;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  border-color: var(--divider-primary);\n}\n\n.disabledAccordion_91bb556eb3 {\n  opacity: 0.7;\n}\n\n.accordionItem_4a4d461824 {\n  border: none;\n  border-bottom: 1px solid var(--divider-primary);\n}\n\n.accordionItemExpanded_11613c8ba8 {\n  border: 1px solid var(--divider-primary);\n  margin-top: -1px;\n  border-radius: var(--border-radius-medium);\n  background: var(--surface-level-100);\n}");export{d as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/esm/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_f0d5011050",primary:"primary_66c92e00fa",positive:"positive_9c157cd469",negative:"negative_4b768bf8ce",dark:"dark_1f1e59c606",transparent:"transparent_3eeb0fde96",closeBtn:"closeBtn_f670883f3e",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_6ce5f20099",warning:"warning_2ccde937e8",content:"content_79f3b56a10",ellipsis:"ellipsis_ddcb2c59a5",contentItem:"contentItem_6aa51f9f28",contentItemText:"contentItemText_92b54c3381"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ec93a9422d09_0_0_184";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".alertBanner_f0d5011050 {\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.primary_66c92e00fa {\n  background-color: var(--primary-color);\n}\n\n.positive_9c157cd469 {\n  background-color: var(--positive-color);\n}\n\n.negative_4b768bf8ce {\n  background-color: var(--negative-color);\n}\n\n.dark_1f1e59c606 {\n  background-color: var(--surface-inverse);\n}\n\n.transparent_3eeb0fde96 {\n  background-color: none;\n  color: var(--text-primary);\n}\n\n.transparent_3eeb0fde96 .closeBtn_f670883f3e, .transparent_3eeb0fde96 .bannerLinkTextColorOnPrimary_6ce5f20099 {\n  color: var(--text-primary) !important;\n}\n\n.warning_2ccde937e8 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_2ccde937e8 .closeBtn_f670883f3e, .warning_2ccde937e8 a {\n  color: var(--fixed-dark-color);\n}\n\n.content_79f3b56a10 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.ellipsis_ddcb2c59a5 {\n  flex: 0 1 auto;\n}\n\n.contentItem_6aa51f9f28 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_92b54c3381 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_014da36820",primary:"primary_2f12c1be49",positive:"positive_30ae7c2e5c",negative:"negative_b57d55ee06",dark:"dark_293bebe665",transparent:"transparent_48eb0a9272",closeBtn:"closeBtn_6fd6ecc452",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_7403debd39",warning:"warning_a3f1cd4b0b",content:"content_5ec3875350",ellipsis:"ellipsis_5acab6f037",contentItem:"contentItem_3c53810b67",contentItemText:"contentItemText_3976ee9067"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-ec93a9422d09_0_0_187";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(".alertBanner_014da36820 {\n  min-height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n}\n\n.primary_2f12c1be49 {\n  background-color: var(--primary-color);\n}\n\n.positive_30ae7c2e5c {\n  background-color: var(--positive-color);\n}\n\n.negative_b57d55ee06 {\n  background-color: var(--negative-color);\n}\n\n.dark_293bebe665 {\n  background-color: var(--surface-inverse);\n}\n\n.transparent_48eb0a9272 {\n  background-color: none;\n  color: var(--text-primary);\n}\n\n.transparent_48eb0a9272 .closeBtn_6fd6ecc452, .transparent_48eb0a9272 .bannerLinkTextColorOnPrimary_7403debd39 {\n  color: var(--text-primary) !important;\n}\n\n.warning_a3f1cd4b0b {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n\n.warning_a3f1cd4b0b .closeBtn_6fd6ecc452, .warning_a3f1cd4b0b a {\n  color: var(--fixed-dark-color);\n}\n\n.content_5ec3875350 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-left: var(--spacing-medium);\n}\n\n.ellipsis_5acab6f037 {\n  flex: 0 1 auto;\n}\n\n.contentItem_3c53810b67 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_3976ee9067 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerButton:"bannerButton_7f8fa66848",darkBackground:"darkBackground_7f8fa66848",marginLeft:"marginLeft_f26666e6c8"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-b41ba610a75a_0_0_184";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerButton_7f8fa66848 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_7f8fa66848 .bannerButton_7f8fa66848 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_f26666e6c8 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerButton:"bannerButton_4fd30d757d",darkBackground:"darkBackground_4fd30d757d",marginLeft:"marginLeft_b514540d88"};!function(n){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],e="s_id-b41ba610a75a_0_0_187";if(d.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerButton_4fd30d757d {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_4fd30d757d .bannerButton_4fd30d757d {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_b514540d88 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_a04b720345",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_2b06899634",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_53f7a5727c",marginLeft:"marginLeft_f26666e6c8"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_0_0_184";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink_a04b720345 {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_2b06899634 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_53f7a5727c {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_f26666e6c8 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
+var n={bannerLink:"bannerLink_8ece75c33e",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_275cba62f9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_7530a74a4f",marginLeft:"marginLeft_b514540d88"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-59c5b2cdc5e5_0_0_187";if(e.querySelector("#"+r))return;const t=document.createElement("style");t.id=r,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".bannerLink_8ece75c33e {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_275cba62f9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_7530a74a4f {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_b514540d88 {\n  margin-left: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_72b9aedc1b",noTruncate:"noTruncate_0ccec6ed8e",marginLeft:"marginLeft_f26666e6c8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-9a276664b3bf_0_0_184";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".bannerText_72b9aedc1b {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.bannerText_72b9aedc1b.noTruncate_0ccec6ed8e {\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n.marginLeft_f26666e6c8 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={bannerText:"bannerText_08959cc1c2",noTruncate:"noTruncate_9586872389",marginLeft:"marginLeft_b514540d88"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-9a276664b3bf_0_0_187";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(".bannerText_08959cc1c2 {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.bannerText_08959cc1c2.noTruncate_9586872389 {\n  white-space: normal;\n  overflow: visible;\n  text-overflow: clip;\n}\n.marginLeft_b514540d88 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/esm/src/components/AttentionBox/AttentionBox.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBox:"attentionBox_44851e3441",closeIconWrapper:"closeIconWrapper_110074d529",closeIcon:"closeIcon_561516525a",icon:"icon_330ac5ebc8",title:"title_a215ed997e",text:"text_f49ea31a29",titleContainer:"titleContainer_561516525a",typePrimary:"typePrimary_288776edc8",typeDanger:"typeDanger_3473e4d8bd",typeSuccess:"typeSuccess_7284dbe944",typeDark:"typeDark_cbd72d0255",typeWarning:"typeWarning_97c1cff494",typeTransparent:"typeTransparent_3eeb0fde96",closeIconCompact:"closeIconCompact_b0e9935ebb",compact:"compact_2b356416d3",dismissible:"dismissible_9312ab042c",paragraph:"paragraph_c984792989"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-e4c04b782cb9_0_0_184";if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}(".attentionBox_44851e3441 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_44851e3441 .closeIconWrapper_110074d529 .closeIcon_561516525a {\n  color: var(--text-primary);\n}\n.attentionBox_44851e3441 .icon_330ac5ebc8 {\n  flex-shrink: 0;\n}\n.title_a215ed997e {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_f49ea31a29,\n.titleContainer_561516525a {\n  color: var(--text-primary);\n}\n.typePrimary_288776edc8 {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n}\n.typeDanger_3473e4d8bd {\n  background-color: var(--negative-color-background);\n}\n.typeSuccess_7284dbe944 {\n  background-color: var(--positive-color-background);\n}\n.typeDark_cbd72d0255 {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.typeWarning_97c1cff494 {\n  background-color: var(--warning-color-background);\n  color: var(--text-primary);\n}\n.typeTransparent_3eeb0fde96 {\n  background-color: none;\n  color: var(--text-primary);\n}\n.titleContainer_561516525a {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_561516525a:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_110074d529 {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_b0e9935ebb {\n  top: calc(50% - 16px);\n}\n.text_f49ea31a29.compact_2b356416d3 {\n  flex: 1;\n}\n.text_f49ea31a29.compact_2b356416d3.dismissible_9312ab042c {\n  padding-right: var(--spacing-xl);\n}\n.text_f49ea31a29.paragraph_c984792989 {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{e as default};
+var n={attentionBox:"attentionBox_36655b2c18",closeIconWrapper:"closeIconWrapper_0ffd5b4cfe",closeIcon:"closeIcon_c9790afb1b",icon:"icon_47b4e9c6f7",title:"title_219e7b0c64",text:"text_a42fbe3beb",titleContainer:"titleContainer_c9790afb1b",typePrimary:"typePrimary_09520ebb08",typeDanger:"typeDanger_5c53c4e2f5",typeSuccess:"typeSuccess_a689d4d124",typeDark:"typeDark_364268d3a2",typeWarning:"typeWarning_a7e6f5444a",typeTransparent:"typeTransparent_48eb0a9272",closeIconCompact:"closeIconCompact_18a5b8b8c7",compact:"compact_cf137a94e9",dismissible:"dismissible_cbb914716b",paragraph:"paragraph_627c20fd7c"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-e4c04b782cb9_0_0_187";if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}(".attentionBox_36655b2c18 {\n  position: relative;\n  padding: 12px var(--spacing-medium);\n  border-radius: var(--border-radius-medium);\n  width: fit-content;\n  max-width: 100%;\n  height: fit-content;\n}\n.attentionBox_36655b2c18 .closeIconWrapper_0ffd5b4cfe .closeIcon_c9790afb1b {\n  color: var(--text-primary);\n}\n.attentionBox_36655b2c18 .icon_47b4e9c6f7 {\n  flex-shrink: 0;\n}\n.title_219e7b0c64 {\n  margin: 0;\n  padding-right: var(--spacing-xl);\n}\n.text_a42fbe3beb,\n.titleContainer_c9790afb1b {\n  color: var(--text-primary);\n}\n.typePrimary_09520ebb08 {\n  color: var(--text-primary);\n  background-color: var(--surface-selected);\n}\n.typeDanger_5c53c4e2f5 {\n  background-color: var(--negative-color-background);\n}\n.typeSuccess_a689d4d124 {\n  background-color: var(--positive-color-background);\n}\n.typeDark_364268d3a2 {\n  background-color: var(--surface-level-200);\n  color: var(--text-primary);\n}\n.typeWarning_a7e6f5444a {\n  background-color: var(--warning-color-background);\n  color: var(--text-primary);\n}\n.typeTransparent_48eb0a9272 {\n  background-color: none;\n  color: var(--text-primary);\n}\n.titleContainer_c9790afb1b {\n  margin-bottom: var(--spacing-xs);\n}\n.titleContainer_c9790afb1b:empty {\n  margin-bottom: 0;\n}\n.closeIconWrapper_0ffd5b4cfe {\n  position: absolute;\n  top: 12px;\n  right: 12px;\n}\n.closeIconCompact_18a5b8b8c7 {\n  top: calc(50% - 16px);\n}\n.text_a42fbe3beb.compact_cf137a94e9 {\n  flex: 1;\n}\n.text_a42fbe3beb.compact_cf137a94e9.dismissible_cbb914716b {\n  padding-right: var(--spacing-xl);\n}\n.text_a42fbe3beb.paragraph_627c20fd7c {\n  margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_522e787f0a"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-70ed23047839_0_0_184";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink_522e787f0a,\na[href].attentionBoxLink_522e787f0a:hover {\n  color: var(--text-primary);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_f6683f362b"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-70ed23047839_0_0_187";if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}("a[href].attentionBoxLink_f6683f362b,\na[href].attentionBoxLink_f6683f362b:hover {\n  color: var(--text-primary);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/esm/src/components/Avatar/Avatar.module.scss.js

@@ -1,2 +1,2 @@
-var e={avatar:"avatar_8fd6a58a10",extraextraLarge:"extraextraLarge_47df84698b",extraLarge:"extraLarge_47df84698b",large:"large_86af1365c7",medium:"medium_484cd8d871",small:"small_71f2c295ae",clickableWrapper:"clickableWrapper_95a110c9ff",circle:"circle_cc897e141a","focus-visible":"focus-visible_a0b81b4ee3",circleImg:"circleImg_ba3c9d1bfd",circleText:"circleText_2d791bad0c",disabled:"disabled_8fd6a58a10",square:"square_0c3ee4c938",withoutBorder:"withoutBorder_b798d14a0e",badges:"badges_63338fb4eb",badge:"badge_eb9b610654",badgeTopLeft:"badgeTopLeft_552ecc61be",badgeTopRight:"badgeTopRight_b0b53fc2d1",badgeBottomLeft:"badgeBottomLeft_4198e80caf",badgeBottomRight:"badgeBottomRight_551d30f9e3"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-3fde0c171ca9_0_0_184";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}('.avatar_8fd6a58a10 {\n  position: relative;\n}\n\n.extraextraLarge_47df84698b {\n  height: 120px;\n  width: 120px;\n}\n\n.extraLarge_47df84698b {\n  height: 64px;\n  width: 64px;\n}\n\n.large_86af1365c7 {\n  height: 32px;\n  width: 32px;\n}\n\n.medium_484cd8d871 {\n  height: 24px;\n  width: 24px;\n}\n\n.small_71f2c295ae {\n  height: 16px;\n  width: 16px;\n}\n\n.clickableWrapper_95a110c9ff {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_cc897e141a {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_cc897e141a:focus {\n  outline: none;\n}\n\n.circle_cc897e141a:focus:focus-visible, .circle_cc897e141a:focus.focus-visible_a0b81b4ee3 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_cc897e141a:focus:focus:not(.focus-visible_a0b81b4ee3) {\n  outline: none;\n}\n\n.circleImg_ba3c9d1bfd {\n  border-color: var(--surface-level-100);\n}\n\n.circleText_2d791bad0c {\n  border-color: var(--divider-overlay);\n}\n\n.disabled_8fd6a58a10:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--surface-level-100);\n}\n\n.square_0c3ee4c938 {\n  border-radius: var(--border-radius-small);\n}\n\n.square_0c3ee4c938:focus {\n  outline: none;\n}\n\n.square_0c3ee4c938:focus:focus-visible, .square_0c3ee4c938:focus.focus-visible_a0b81b4ee3 {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_0c3ee4c938:focus:focus:not(.focus-visible_a0b81b4ee3) {\n  outline: none;\n}\n\n.withoutBorder_b798d14a0e {\n  border: none;\n}\n\n.badges_63338fb4eb {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_63338fb4eb .badge_eb9b610654 {\n  display: flex;\n}\n\n.badges_63338fb4eb .badgeTopLeft_552ecc61be {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_63338fb4eb .badgeTopRight_b0b53fc2d1 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_63338fb4eb .badgeBottomLeft_4198e80caf {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_63338fb4eb .badgeBottomRight_551d30f9e3 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
+var e={avatar:"avatar_c7b5ade53e",extraextraLarge:"extraextraLarge_9651fa0870",extraLarge:"extraLarge_9651fa0870",large:"large_92a78eef9c",medium:"medium_69e4a69bc3",small:"small_2fa288aaa4",clickableWrapper:"clickableWrapper_d47708e5b9",circle:"circle_d7c7d25a31","focus-visible":"focus-visible_5ff883c37a",circleImg:"circleImg_d91e4ab90c",circleText:"circleText_77ae40bfa8",disabled:"disabled_c7b5ade53e",square:"square_c359a6616a",withoutBorder:"withoutBorder_7c90923089",badges:"badges_7043dc5cd1",badge:"badge_4406aa6e3f",badgeTopLeft:"badgeTopLeft_16b9215408",badgeTopRight:"badgeTopRight_ca2bf960c9",badgeBottomLeft:"badgeBottomLeft_86a2ab9a2c",badgeBottomRight:"badgeBottomRight_bdbec06793"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],a="s_id-3fde0c171ca9_0_0_187";if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}('.avatar_c7b5ade53e {\n  position: relative;\n}\n\n.extraextraLarge_9651fa0870 {\n  height: 120px;\n  width: 120px;\n}\n\n.extraLarge_9651fa0870 {\n  height: 64px;\n  width: 64px;\n}\n\n.large_92a78eef9c {\n  height: 32px;\n  width: 32px;\n}\n\n.medium_69e4a69bc3 {\n  height: 24px;\n  width: 24px;\n}\n\n.small_2fa288aaa4 {\n  height: 16px;\n  width: 16px;\n}\n\n.clickableWrapper_d47708e5b9 {\n  height: 100%;\n  width: 100%;\n}\n\n.circle_d7c7d25a31 {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  border: 1px solid;\n  border-radius: 50%;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--text-color-on-primary);\n}\n\n.circle_d7c7d25a31:focus {\n  outline: none;\n}\n\n.circle_d7c7d25a31:focus:focus-visible, .circle_d7c7d25a31:focus.focus-visible_5ff883c37a {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle_d7c7d25a31:focus:focus:not(.focus-visible_5ff883c37a) {\n  outline: none;\n}\n\n.circleImg_d91e4ab90c {\n  border-color: var(--surface-level-100);\n}\n\n.circleText_77ae40bfa8 {\n  border-color: var(--divider-overlay);\n}\n\n.disabled_c7b5ade53e:before {\n  content: "";\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top: 0;\n  opacity: 0.7;\n  background: var(--surface-level-100);\n}\n\n.square_c359a6616a {\n  border-radius: var(--border-radius-small);\n}\n\n.square_c359a6616a:focus {\n  outline: none;\n}\n\n.square_c359a6616a:focus:focus-visible, .square_c359a6616a:focus.focus-visible_5ff883c37a {\n  outline: none;\n  z-index: 11;\n  border-radius: var(--border-radius-small);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square_c359a6616a:focus:focus:not(.focus-visible_5ff883c37a) {\n  outline: none;\n}\n\n.withoutBorder_7c90923089 {\n  border: none;\n}\n\n.badges_7043dc5cd1 {\n  position: absolute;\n  top: 50%;\n  left: 50%; /* position the left edge of the element at the middle of the parent */\n  transform: translate(-50%, -50%);\n  display: grid;\n  grid-template-columns: 50% 50%;\n  margin-left: auto;\n  margin-right: auto;\n  height: 110%;\n  width: 110%;\n}\n\n.badges_7043dc5cd1 .badge_4406aa6e3f {\n  display: flex;\n}\n\n.badges_7043dc5cd1 .badgeTopLeft_16b9215408 {\n  grid-row: 1;\n  grid-column: 1;\n  justify-self: start;\n}\n\n.badges_7043dc5cd1 .badgeTopRight_ca2bf960c9 {\n  grid-row: 1;\n  grid-column: 2;\n  justify-self: end;\n}\n\n.badges_7043dc5cd1 .badgeBottomLeft_86a2ab9a2c {\n  grid-row: 2;\n  grid-column: 1;\n  justify-self: start;\n  align-self: end;\n}\n\n.badges_7043dc5cd1 .badgeBottomRight_bdbec06793 {\n  grid-row: 2;\n  grid-column: 2;\n  justify-self: end;\n  align-self: end;\n}');export{e as default};
 //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/esm/src/components/Avatar/AvatarBadge.module.scss.js

@@ -1,2 +1,2 @@
-var e={badgeLarge:"badgeLarge_4a88bb4761",badgeMedium:"badgeMedium_1913e5ff98",badgeSmall:"badgeSmall_3be077e63a"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-86fd2091f40c_0_0_184";if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}(".badgeLarge_4a88bb4761 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_1913e5ff98 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_3be077e63a {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
+var e={badgeLarge:"badgeLarge_bdc1a97c67",badgeMedium:"badgeMedium_aebd630d34",badgeSmall:"badgeSmall_13b8b14d06"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],n="s_id-86fd2091f40c_0_0_187";if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}(".badgeLarge_bdc1a97c67 {\n  height: 19px;\n  width: 19px;\n}\n\n.badgeMedium_aebd630d34 {\n  height: 13px;\n  width: 13px;\n}\n\n.badgeSmall_13b8b14d06 {\n  height: 10px;\n  width: 10px;\n}");export{e as default};
 //# sourceMappingURL=AvatarBadge.module.scss.js.map