acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGtD,KAAK,sBAAsB,GAAG;KAC3B,IAAI,IAAI,eAAe,GAAG;QACzB,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;QACjB,YAAY,EAAE,MAAM,CAAC;QACrB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;KACb;CACF,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,sBA8B/B,CAAC"}

package/build/esm/{components → react-base/src/components}/ButtonGroup/ButtonGroup.consts.js

@@ -1,31 +1,35 @@
-import { Sizes as i } from "../../react-base/src/consts.js";
-const o = {
+import { Sizes as i } from "../../consts.js";
+const a = {
   [i.XSmall]: {
     height: 24,
-    paddings: 4,
+    paddings: 8,
     borderRadius: 6,
-    icon: "14px"
+    icon: "14px",
+    gap: 4
   },
   [i.Small]: {
     height: 32,
-    paddings: 8,
-    borderRadius: 8,
-    icon: "16px"
+    paddings: 12,
+    borderRadius: 6,
+    icon: "16px",
+    gap: 6
   },
   [i.Medium]: {
     height: 40,
-    paddings: 12,
+    paddings: 16,
     borderRadius: 8,
-    icon: "20px"
+    icon: "20px",
+    gap: 6
   },
   [i.Large]: {
     height: 48,
-    paddings: 16,
+    paddings: 24,
     borderRadius: 8,
-    icon: "24px"
+    icon: "24px",
+    gap: 8
   }
 };
 export {
-  o as buttonGroupConsts
+  a as buttonGroupConsts
 };
 //# sourceMappingURL=ButtonGroup.consts.js.map

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.consts.js","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.consts.ts"],"sourcesContent":["import { ButtonGroupSize } from './ButtonGroup.types';\nimport { Sizes } from '../../consts';\n\ntype ButtonGroupConstsProps = {\n  [size in ButtonGroupSize]: {\n    height: number;\n    paddings: number;\n    borderRadius: number;\n    icon: string;\n    gap: number;\n  };\n};\n\nexport const buttonGroupConsts: ButtonGroupConstsProps = {\n  [Sizes.XSmall]: {\n    height: 24,\n    paddings: 8,\n    borderRadius: 6,\n    icon: '14px',\n    gap: 4,\n  },\n  [Sizes.Small]: {\n    height: 32,\n    paddings: 12,\n    borderRadius: 6,\n    icon: '16px',\n    gap: 6,\n  },\n  [Sizes.Medium]: {\n    height: 40,\n    paddings: 16,\n    borderRadius: 8,\n    icon: '20px',\n    gap: 6,\n\n  },\n  [Sizes.Large]: {\n    height: 48,\n    paddings: 24,\n    borderRadius: 8,\n    icon: '24px',\n    gap: 8,\n  },\n};\n"],"names":["buttonGroupConsts","Sizes"],"mappings":";AAaO,MAAMA,IAA4C;AAAA,EACvD,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EACP;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAEP;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,MAAM;AAAA,IACN,KAAK;AAAA,EAAA;AAET;"}

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.types.d.ts

@@ -0,0 +1,56 @@
+import { ComponentPropsWithoutRef, ChangeEvent, KeyboardEvent, ReactNode } from 'react';
+import { IProps as ILabelProps } from '../Text/components/Label/Label.types';
+import { Positions, Sizes, Variants } from '../../consts';
+export type ButtonGroupSize = Sizes.XSmall | Sizes.Small | Sizes.Medium | Sizes.Large;
+export type ButtonGroupButtonIconPosition = Positions.Left | Positions.Right;
+/** @deprecated Type ButtonGroupType is deprecated, use ButtonGroupSelectionType instead */
+export type ButtonGroupType = 'radio' | 'checkbox';
+export type ButtonGroupSelectionType = 'single' | 'multiple';
+export type ButtonGroupVariant = Variants.Filled | Variants.Outlined;
+export type MultipleSelectionButtonValue = string[];
+export type MultipleSelectionButtonOnChange = (value: string[], event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLButtonElement>) => void;
+export type SingleSelectionButtonValue = string;
+export type SingleSelectionOnChange = (value: string, event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLButtonElement>) => void;
+type CommonButtonGroupButtonProps = {
+    value?: string;
+    label: string;
+    disabled?: boolean;
+    icon?: ReactNode;
+    tooltip?: ReactNode;
+    buttonProps?: ILabelProps & {
+        size?: ButtonGroupSize;
+    };
+};
+type CommonButtonGroupProps = Omit<ComponentPropsWithoutRef<'div'>, 'onChange' | 'children'> & {
+    size?: ButtonGroupSize;
+    name?: string;
+    iconPosition?: ButtonGroupButtonIconPosition;
+    iconOnly?: boolean;
+    /**
+     * @deprecated emphasis prop is deprecated and will be removed in the next major version.
+     * */
+    emphasis?: boolean;
+    items: CommonButtonGroupButtonProps[];
+    groupDisabled?: boolean;
+};
+type RadioVariantProps = {
+    variant?: Variants.Outlined;
+    border?: never;
+} | {
+    variant?: Variants.Filled;
+    border?: boolean;
+};
+export type IButtonGroupProps = (CommonButtonGroupProps & RadioVariantProps & {
+    type?: 'radio' | 'single';
+    onChange?: SingleSelectionOnChange;
+    selectedKey?: SingleSelectionButtonValue;
+}) | (CommonButtonGroupProps & {
+    variant?: ButtonGroupVariant;
+    border?: never;
+    type: 'checkbox' | 'multiple';
+    onChange?: MultipleSelectionButtonOnChange;
+    selectedKey?: MultipleSelectionButtonValue;
+});
+export type IButtonGroupButtonProps = Omit<IButtonGroupProps, 'type' | 'items' | 'onChange' | 'selectedKey'> & Required<Pick<IButtonGroupProps, 'variant'>> & Omit<ComponentPropsWithoutRef<'input'>, 'size' | 'onChange' | 'type'> & CommonButtonGroupButtonProps;
+export {};
+//# sourceMappingURL=ButtonGroup.types.d.ts.map

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAExF,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAE1D,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AACtF,MAAM,MAAM,6BAA6B,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;AAE7E,2FAA2F;AAC3F,MAAM,MAAM,eAAe,GAAG,OAAO,GAAG,UAAU,CAAC;AACnD,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC;AAErE,MAAM,MAAM,4BAA4B,GAAG,MAAM,EAAE,CAAC;AACpD,MAAM,MAAM,+BAA+B,GAAG,CAC5C,KAAK,EAAE,MAAM,EAAE,EACf,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KACpE,IAAI,CAAC;AAEV,MAAM,MAAM,0BAA0B,GAAG,MAAM,CAAC;AAChD,MAAM,MAAM,uBAAuB,GAAG,CACpC,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,KACpE,IAAI,CAAC;AAEV,KAAK,4BAA4B,GAAG;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,WAAW,GAAG;QAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;KACxB,CAAC;CACH,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IAC7F,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,6BAA6B,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;SAEK;IACL,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,4BAA4B,EAAE,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,iBAAiB,GAClB;IACE,OAAO,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,OAAO,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEN,MAAM,MAAM,iBAAiB,GACzB,CAAC,sBAAsB,GACrB,iBAAiB,GAAG;IAClB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,QAAQ,CAAC,EAAE,uBAAuB,CAAC;IACnC,WAAW,CAAC,EAAE,0BAA0B,CAAC;CAC1C,CAAC,GACJ,CAAC,sBAAsB,GAAG;IACxB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,IAAI,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9B,QAAQ,CAAC,EAAE,+BAA+B,CAAC;IAC3C,WAAW,CAAC,EAAE,4BAA4B,CAAC;CAC5C,CAAC,CAAC;AAEP,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC,GAC1G,QAAQ,CAAC,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,GAC5C,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,GACrE,4BAA4B,CAAC"}

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=ButtonGroup.types.js.map

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.types.js.map

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

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.utils.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { ButtonGroupButtonIconPosition, ButtonGroupVariant, ButtonGroupSelectionType, ButtonGroupType } from './ButtonGroup.types';
+import { LayerColorsType, ModesType } from '../../theme';
+export declare const useGetProps: (label: string, icon: ReactNode, iconPosition: ButtonGroupButtonIconPosition, iconOnly: boolean, disabled: boolean) => {
+    children: import("react/jsx-runtime").JSX.Element;
+    tabIndex: number;
+};
+export declare const getLabelStyles: (variant: ButtonGroupVariant, type: ButtonGroupSelectionType, checked: boolean | undefined, border: boolean | undefined, disabled: boolean | undefined, getLayer: (modes: ModesType) => LayerColorsType) => {
+    color: string;
+    backgroundColor: string;
+    borderColor: string;
+}[];
+export declare const getGroupStyles: (type: ButtonGroupSelectionType, border: boolean | undefined, disabled: boolean | undefined, getLayer: (modes: ModesType) => LayerColorsType) => {
+    border: string;
+    backgroundColor: string;
+};
+export declare const convertDeprecateSelectionType: (type: ButtonGroupType | ButtonGroupSelectionType) => ButtonGroupSelectionType;
+//# sourceMappingURL=ButtonGroup.utils.d.ts.map

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYlC,OAAO,EACL,6BAA6B,EAC7B,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAc,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAErE,eAAO,MAAM,WAAW,UACf,MAAM,QACP,SAAS,gBACD,6BAA6B,YACjC,OAAO,YACP,OAAO;;;CAalB,CAAC;AAEF,eAAO,MAAM,cAAc,YAChB,kBAAkB,QACrB,wBAAwB,WACrB,OAAO,GAAG,SAAS,UACpB,OAAO,GAAG,SAAS,YACjB,OAAO,GAAG,SAAS,YACnB,CAAC,KAAK,EAAE,SAAS,KAAK,eAAe,KAC9C;IACD,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;CACrB,EA6CG,CAAC;AAEL,eAAO,MAAM,cAAc,SACnB,wBAAwB,UACtB,OAAO,GAAG,SAAS,YACjB,OAAO,GAAG,SAAS,YACnB,CAAC,KAAK,EAAE,SAAS,KAAK,eAAe,KAC9C;IACD,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,EAAE,MAAM,CAAC;CAuBzB,CAAC;AAEF,eAAO,MAAM,6BAA6B,SAClC,eAAe,GAAG,wBAAwB,KAC/C,wBASF,CAAC"}

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.utils.js

@@ -0,0 +1,61 @@
+import { jsxs as g, Fragment as x } from "react/jsx-runtime";
+import { States as k, Surfaces as a, Sentiments as B, Prominences as p } from "acinguiux-ds-fabrics";
+import { Positions as b, Variants as s } from "../../consts.js";
+import { LayerColor as n } from "../../theme/theme.js";
+const I = (e, o, r, l, t) => ({ children: /* @__PURE__ */ g(x, { children: [
+  r === b.Left && o,
+  !l && e,
+  r === b.Right && o
+] }), tabIndex: t ? -1 : 0 }), h = (e, o, r, l, t, u) => Object.values(k).map((i) => {
+  let c, m, S;
+  switch (!0) {
+    case t:
+      m = a.Inactive;
+      break;
+    case (e === s.Outlined && r):
+    case (e === s.Filled && l):
+    case o === "multiple":
+      m = a.Surface;
+      break;
+    default:
+      m = a.Base;
+  }
+  e === s.Filled && r && (c = B.Selected, S = p.Strong);
+  const d = u({
+    state: i,
+    surface: m,
+    sentiment: c,
+    prominence: S
+  });
+  let f = n.TextOnSurfaceStrong;
+  return r && e === s.Filled ? f = n.TextOnSentimentDefault : t && (f = n.TextOnSurfaceSubtle), {
+    borderColor: r ? d[n.BorderOnSurfaceMedium] : "transparent",
+    color: d[f],
+    backgroundColor: d[r && e === s.Filled ? n.BackgroundSentiment : n.BackgroundSurface]
+  };
+}), y = (e, o, r, l) => {
+  let t;
+  const u = e === "multiple" ? p.Transparent : void 0, i = e === "multiple" ? n.BackgroundSentiment : n.BackgroundSurface;
+  switch (!0) {
+    case r:
+      t = a.Inactive;
+      break;
+    case o:
+      t = a.Surface;
+      break;
+    default:
+      t = a.Base;
+  }
+  const c = l({ surface: t, prominence: u });
+  return {
+    border: `border: 1px solid ${c[n.BorderOnSurfaceMedium]};`,
+    backgroundColor: c[i]
+  };
+}, L = (e) => e === "radio" ? "single" : e === "checkbox" ? "multiple" : e;
+export {
+  L as convertDeprecateSelectionType,
+  y as getGroupStyles,
+  h as getLabelStyles,
+  I as useGetProps
+};
+//# sourceMappingURL=ButtonGroup.utils.js.map

package/build/esm/react-base/src/components/ButtonGroup/ButtonGroup.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.utils.js","sources":["../../../../../../../react-base/src/components/ButtonGroup/ButtonGroup.utils.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport {\n  SentimentType,\n  States,\n  SurfaceType,\n  Surfaces,\n  Sentiments,\n  ProminenceType,\n  Prominences,\n} from 'acinguiux-ds-fabrics';\n\nimport {\n  ButtonGroupButtonIconPosition,\n  ButtonGroupVariant,\n  ButtonGroupSelectionType,\n  ButtonGroupType,\n} from './ButtonGroup.types';\nimport { Positions, Variants } from '../../consts';\nimport { LayerColor, LayerColorsType, ModesType } from '../../theme';\n\nexport const useGetProps = (\n  label: string,\n  icon: ReactNode,\n  iconPosition: ButtonGroupButtonIconPosition,\n  iconOnly: boolean,\n  disabled: boolean,\n) => {\n  const children = (\n    <>\n      {iconPosition === Positions.Left && icon}\n      {!iconOnly && label}\n      {iconPosition === Positions.Right && icon}\n    </>\n  );\n\n  const tabIndex = disabled ? -1 : 0;\n\n  return { children, tabIndex };\n};\n\nexport const getLabelStyles = (\n  variant: ButtonGroupVariant,\n  type: ButtonGroupSelectionType,\n  checked: boolean | undefined,\n  border: boolean | undefined,\n  disabled: boolean | undefined,\n  getLayer: (modes: ModesType) => LayerColorsType,\n): {\n  color: string;\n  backgroundColor: string;\n  borderColor: string;\n}[] =>\n  Object.values(States).map((state) => {\n    let sentiment: SentimentType | undefined;\n    let surface: SurfaceType | undefined;\n    let prominence: ProminenceType | undefined;\n\n    switch (true) {\n      case disabled:\n        surface = Surfaces.Inactive;\n        break;\n      case variant === Variants.Outlined && checked:\n      case variant === Variants.Filled && border:\n      case type === 'multiple':\n        surface = Surfaces.Surface;\n        break;\n      default:\n        surface = Surfaces.Base;\n    }\n\n    if (variant === Variants.Filled && checked) {\n      sentiment = Sentiments.Selected;\n      prominence = Prominences.Strong;\n    }\n\n    const layer = getLayer({\n      state,\n      surface,\n      sentiment,\n      prominence,\n    });\n\n    let colorVariableName = LayerColor.TextOnSurfaceStrong;\n\n    if (checked && variant === Variants.Filled) {\n      colorVariableName = LayerColor.TextOnSentimentDefault;\n    } else if (disabled) {\n      colorVariableName = LayerColor.TextOnSurfaceSubtle;\n    }\n\n    return {\n      borderColor: checked ? layer[LayerColor.BorderOnSurfaceMedium] : 'transparent',\n      color: layer[colorVariableName],\n      backgroundColor:\n        layer[checked && variant === Variants.Filled ? LayerColor.BackgroundSentiment : LayerColor.BackgroundSurface],\n    };\n  });\n\nexport const getGroupStyles = (\n  type: ButtonGroupSelectionType,\n  border: boolean | undefined,\n  disabled: boolean | undefined,\n  getLayer: (modes: ModesType) => LayerColorsType,\n): {\n  border: string;\n  backgroundColor: string;\n} => {\n  let surface: SurfaceType;\n  const prominence: ProminenceType | undefined = type === 'multiple' ? Prominences.Transparent : undefined;\n  const backgroundColorVariable = type === 'multiple' ? LayerColor.BackgroundSentiment : LayerColor.BackgroundSurface;\n\n  switch (true) {\n    case disabled:\n      surface = Surfaces.Inactive;\n      break;\n    case border:\n      surface = Surfaces.Surface;\n      break;\n    default:\n      surface = Surfaces.Base;\n  }\n\n  const layer = getLayer({ surface, prominence });\n\n  return {\n    border: `border: 1px solid ${layer[LayerColor.BorderOnSurfaceMedium]};`,\n    backgroundColor: layer[backgroundColorVariable],\n  };\n};\n\nexport const convertDeprecateSelectionType = (\n  type: ButtonGroupType | ButtonGroupSelectionType,\n): ButtonGroupSelectionType => {\n  if (type === 'radio') {\n    return 'single';\n  }\n  if (type === 'checkbox') {\n    return 'multiple';\n  }\n\n  return type;\n};\n"],"names":["useGetProps","label","icon","iconPosition","iconOnly","disabled","jsxs","Fragment","Positions","getLabelStyles","variant","type","checked","border","getLayer","States","state","sentiment","surface","prominence","Surfaces","Variants","Sentiments","Prominences","layer","colorVariableName","LayerColor","getGroupStyles","backgroundColorVariable","convertDeprecateSelectionType"],"mappings":";;;;AAqBO,MAAMA,IAAc,CACzBC,GACAC,GACAC,GACAC,GACAC,OAYO,EAAE,UARJ,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAAJ,MAAiBK,EAAU,QAAQN;AAAA,EACnC,CAACE,KAAYH;AAAA,EACbE,MAAiBK,EAAU,SAASN;AAAA,GACvC,GAKiB,UAFFG,IAAW,KAAK,EAEL,IAGjBI,IAAiB,CAC5BC,GACAC,GACAC,GACAC,GACAR,GACAS,MAMA,OAAO,OAAOC,CAAM,EAAE,IAAI,CAACC,MAAU;AAC/B,MAAAC,GACAC,GACAC;AAEJ,UAAQ,IAAM;AAAA,IACZ,KAAKd;AACH,MAAAa,IAAUE,EAAS;AACnB;AAAA,IACF,MAAKV,MAAYW,EAAS,YAAYT;AAAA,IACtC,MAAKF,MAAYW,EAAS,UAAUR;AAAA,IACpC,KAAKF,MAAS;AACZ,MAAAO,IAAUE,EAAS;AACnB;AAAA,IACF;AACE,MAAAF,IAAUE,EAAS;AAAA,EAAA;AAGnB,EAAAV,MAAYW,EAAS,UAAUT,MACjCK,IAAYK,EAAW,UACvBH,IAAaI,EAAY;AAG3B,QAAMC,IAAQV,EAAS;AAAA,IACrB,OAAAE;AAAA,IACA,SAAAE;AAAA,IACA,WAAAD;AAAA,IACA,YAAAE;AAAA,EAAA,CACD;AAED,MAAIM,IAAoBC,EAAW;AAE/B,SAAAd,KAAWF,MAAYW,EAAS,SAClCI,IAAoBC,EAAW,yBACtBrB,MACToB,IAAoBC,EAAW,sBAG1B;AAAA,IACL,aAAad,IAAUY,EAAME,EAAW,qBAAqB,IAAI;AAAA,IACjE,OAAOF,EAAMC,CAAiB;AAAA,IAC9B,iBACED,EAAMZ,KAAWF,MAAYW,EAAS,SAASK,EAAW,sBAAsBA,EAAW,iBAAiB;AAAA,EAChH;AACF,CAAC,GAEUC,IAAiB,CAC5BhB,GACAE,GACAR,GACAS,MAIG;AACC,MAAAI;AACJ,QAAMC,IAAyCR,MAAS,aAAaY,EAAY,cAAc,QACzFK,IAA0BjB,MAAS,aAAae,EAAW,sBAAsBA,EAAW;AAElG,UAAQ,IAAM;AAAA,IACZ,KAAKrB;AACH,MAAAa,IAAUE,EAAS;AACnB;AAAA,IACF,KAAKP;AACH,MAAAK,IAAUE,EAAS;AACnB;AAAA,IACF;AACE,MAAAF,IAAUE,EAAS;AAAA,EAAA;AAGvB,QAAMI,IAAQV,EAAS,EAAE,SAAAI,GAAS,YAAAC,GAAY;AAEvC,SAAA;AAAA,IACL,QAAQ,qBAAqBK,EAAME,EAAW,qBAAqB,CAAC;AAAA,IACpE,iBAAiBF,EAAMI,CAAuB;AAAA,EAChD;AACF,GAEaC,IAAgC,CAC3ClB,MAEIA,MAAS,UACJ,WAELA,MAAS,aACJ,aAGFA;"}

package/build/esm/react-base/src/components/ButtonGroup/index.d.ts

@@ -0,0 +1,4 @@
+export * as ButtonGroupTypes from './ButtonGroup.types';
+export * as ButtonGroupConsts from './ButtonGroup.consts';
+export * as ButtonGroupUtils from './ButtonGroup.utils';
+//# sourceMappingURL=index.d.ts.map

package/build/esm/react-base/src/components/ButtonGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/ButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC;AACxD,OAAO,KAAK,iBAAiB,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,gBAAgB,MAAM,qBAAqB,CAAC"}

package/build/esm/react-base/src/components/Card/Card.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.consts.js","sources":["../../../../../../../react-base/src/components/Card/Card.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.Small]: {\r\n    padding: '16px',\r\n    borderRadius: '12px',\r\n    floatingBarBorderRadius: '8px',\r\n  },\r\n  [Sizes.Medium]: {\r\n    padding: '20px',\r\n    borderRadius: '16px',\r\n    floatingBarBorderRadius: '8px',\r\n  },\r\n  [Sizes.Large]: {\r\n    padding: '24px',\r\n    borderRadius: '24px',\r\n    floatingBarBorderRadius: '8px',\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAC3B;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAC3B;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAC3B;AACF;"}
+{"version":3,"file":"Card.consts.js","sources":["../../../../../../../react-base/src/components/Card/Card.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.Small]: {\n    padding: '16px',\n    borderRadius: '12px',\n    floatingBarBorderRadius: '8px',\n  },\n  [Sizes.Medium]: {\n    padding: '20px',\n    borderRadius: '16px',\n    floatingBarBorderRadius: '8px',\n  },\n  [Sizes.Large]: {\n    padding: '24px',\n    borderRadius: '24px',\n    floatingBarBorderRadius: '8px',\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAC3B;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAC3B;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,SAAS;AAAA,IACT,cAAc;AAAA,IACd,yBAAyB;AAAA,EAAA;AAE7B;"}

package/build/esm/react-base/src/components/Card/Card.types.d.ts

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
-import { Sizes, Directions } from '../../consts';
+import { Sizes, Directions, Positions } from '../../consts';
 export type Size = Sizes.Small | Sizes.Medium | Sizes.Large;
 export type Direction = Directions;
+export type Position = Positions.Left | Positions.Top | 'none';
 export type ICardBar = {
     meta?: string;
     title?: string;
@@ -12,6 +13,8 @@ export type ICardBar = {
 };
 type CommonCardProps = {
     size?: Size;
+    icon?: ReactNode;
+    iconPosition?: Position;
     borders?: boolean;
     elevated?: boolean;
     isClickable?: boolean;

package/build/esm/react-base/src/components/Card/Card.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE5D,MAAM,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC;AAC5D,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AACnC,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC,IAAI,GAAG,SAAS,CAAC,GAAG,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,QAAQ,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,YAAY,CAAC,EAAE,QAAQ,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC9C,eAAe,EAAE,MAAM,CAAC;IACxB,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC"}

package/build/esm/react-base/src/components/Checkbox/Checkbox.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.consts.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.XSmall]: {\r\n    width: 16,\r\n    height: 16,\r\n    borderRadius: 4,\r\n    labelSpacing: 8,\r\n  },\r\n  [Sizes.Small]: {\r\n    width: 20,\r\n    height: 20,\r\n    borderRadius: 4,\r\n    labelSpacing: 8,\r\n  },\r\n  [Sizes.Medium]: {\r\n    width: 24,\r\n    height: 24,\r\n    borderRadius: 6,\r\n    labelSpacing: 10,\r\n  },\r\n  [Sizes.Large]: {\r\n    width: 28,\r\n    height: 28,\r\n    borderRadius: 6,\r\n    labelSpacing: 12,\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF;"}
+{"version":3,"file":"Checkbox.consts.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    width: 16,\n    height: 16,\n    borderRadius: 4,\n    labelSpacing: 8,\n  },\n  [Sizes.Small]: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n    labelSpacing: 8,\n  },\n  [Sizes.Medium]: {\n    width: 24,\n    height: 24,\n    borderRadius: 6,\n    labelSpacing: 10,\n  },\n  [Sizes.Large]: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n    labelSpacing: 12,\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,cAAc;AAAA,EAAA;AAElB;"}

package/build/esm/react-base/src/components/Checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\r\n\r\nexport const CheckboxStyles = css`\r\n  position: absolute;\r\n  opacity: 0;\r\n  width: 1px;\r\n`;\r\n\r\nexport const FakeCheckboxStyles = css`\r\n  position: relative;\r\n  transition: all 150ms;\r\n`;\r\n\r\nexport const FakeCheckboxIconStyles = css`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  display: none;\r\n`;\r\n"],"names":["CheckboxStyles","css","FakeCheckboxStyles","FakeCheckboxIconStyles"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA;AAAA;AAAA;AAAA,GAMjBC,IAAqBD;AAAA;AAAA;AAAA,GAKrBE,IAAyBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Checkbox.styles.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nexport const CheckboxStyles = css`\n  position: absolute;\n  opacity: 0;\n  width: 1px;\n`;\n\nexport const FakeCheckboxStyles = css`\n  position: relative;\n  transition: all 150ms;\n`;\n\nexport const FakeCheckboxIconStyles = css`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: none;\n`;\n"],"names":["CheckboxStyles","css","FakeCheckboxStyles","FakeCheckboxIconStyles"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA;AAAA;AAAA;AAAA,GAMjBC,IAAqBD;AAAA;AAAA;AAAA,GAKrBE,IAAyBF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/build/esm/react-base/src/components/Checkbox/Checkbox.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.utils.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.utils.ts"],"sourcesContent":["import { Prominences, Surfaces, Emphasises, StateType } from 'acinguiux-ds-fabrics';\r\n\r\nimport { getSentiment, getColorName } from '../../utils';\r\nimport { LayerColorsType, LayerColor } from '../../theme';\r\nimport { getThemeLayer } from '../../utils/layersUtils';\r\n\r\nconst getLayer = (\r\n  state?: StateType,\r\n  disabled?: boolean,\r\n  invalid?: boolean,\r\n  emphasis?: boolean,\r\n  checked?: boolean,\r\n  indeterminate?: boolean,\r\n): LayerColorsType => {\r\n  const modes = {\r\n    sentiment: getSentiment(invalid, checked && !indeterminate),\r\n    prominence: ((!disabled && !checked && invalid) || indeterminate) && Prominences.Transparent,\r\n    surface: disabled && Surfaces.Inactive,\r\n    emphasis: !emphasis && Emphasises.Muted,\r\n  };\r\n\r\n  return getThemeLayer(state, modes);\r\n};\r\n\r\nexport const getStyles = (\r\n  state?: StateType,\r\n  disabled?: boolean,\r\n  invalid?: boolean,\r\n  emphasis?: boolean,\r\n  checked?: boolean,\r\n  indeterminate?: boolean,\r\n) => {\r\n  const layer = getLayer(state, disabled, invalid, emphasis, checked, indeterminate);\r\n\r\n  return {\r\n    backgroundColor:\r\n      layer[LayerColor[checked && !indeterminate && !disabled ? 'BackgroundSentiment' : 'BackgroundSurface']],\r\n    borderColor: layer[LayerColor[invalid && !disabled ? 'BorderOnSentimentColour' : 'BorderOnSurfaceMedium']],\r\n    color: layer[getColorName(disabled, invalid, checked)],\r\n  };\r\n};\r\n"],"names":["getLayer","state","disabled","invalid","emphasis","checked","indeterminate","modes","getSentiment","Prominences","Surfaces","Emphasises","getThemeLayer","getStyles","layer","LayerColor","getColorName"],"mappings":";;;;AAMA,MAAMA,IAAW,CACfC,GACAC,GACAC,GACAC,GACAC,GACAC,MACoB;AACpB,QAAMC,IAAQ;AAAA,IACZ,WAAWC,EAAaL,GAASE,KAAW,CAACC,CAAa;AAAA,IAC1D,aAAc,CAACJ,KAAY,CAACG,KAAWF,KAAYG,MAAkBG,EAAY;AAAA,IACjF,SAASP,KAAYQ,EAAS;AAAA,IAC9B,UAAU,CAACN,KAAYO,EAAW;AAAA,EAAA;AAG7B,SAAAC,EAAcX,GAAOM,CAAK;AACnC,GAEaM,IAAY,CACvBZ,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACH,QAAMQ,IAAQd,EAASC,GAAOC,GAAUC,GAASC,GAAUC,GAASC,CAAa;AAE1E,SAAA;AAAA,IACL,iBACEQ,EAAMC,EAAWV,KAAW,CAACC,KAAiB,CAACJ,IAAW,wBAAwB,mBAAmB,CAAC;AAAA,IACxG,aAAaY,EAAMC,EAAWZ,KAAW,CAACD,IAAW,4BAA4B,uBAAuB,CAAC;AAAA,IACzG,OAAOY,EAAME,EAAad,GAAUC,GAASE,CAAO,CAAC;AAAA,EAAA;AAEzD;"}
+{"version":3,"file":"Checkbox.utils.js","sources":["../../../../../../../react-base/src/components/Checkbox/Checkbox.utils.ts"],"sourcesContent":["import { Prominences, Surfaces, Emphasises, StateType } from 'acinguiux-ds-fabrics';\n\nimport { getSentiment, getColorName } from '../../utils';\nimport { LayerColorsType, LayerColor } from '../../theme';\nimport { getThemeLayer } from '../../utils/layersUtils';\n\nconst getLayer = (\n  state?: StateType,\n  disabled?: boolean,\n  invalid?: boolean,\n  emphasis?: boolean,\n  checked?: boolean,\n  indeterminate?: boolean,\n): LayerColorsType => {\n  const modes = {\n    sentiment: getSentiment(invalid, checked && !indeterminate),\n    prominence: ((!disabled && !checked && invalid) || indeterminate) && Prominences.Transparent,\n    surface: disabled && Surfaces.Inactive,\n    emphasis: !emphasis && Emphasises.Muted,\n  };\n\n  return getThemeLayer(state, modes);\n};\n\nexport const getStyles = (\n  state?: StateType,\n  disabled?: boolean,\n  invalid?: boolean,\n  emphasis?: boolean,\n  checked?: boolean,\n  indeterminate?: boolean,\n) => {\n  const layer = getLayer(state, disabled, invalid, emphasis, checked, indeterminate);\n\n  return {\n    backgroundColor:\n      layer[LayerColor[checked && !indeterminate && !disabled ? 'BackgroundSentiment' : 'BackgroundSurface']],\n    borderColor: layer[LayerColor[invalid && !disabled ? 'BorderOnSentimentColour' : 'BorderOnSurfaceMedium']],\n    color: layer[getColorName(disabled, invalid, checked)],\n  };\n};\n"],"names":["getLayer","state","disabled","invalid","emphasis","checked","indeterminate","modes","getSentiment","Prominences","Surfaces","Emphasises","getThemeLayer","getStyles","layer","LayerColor","getColorName"],"mappings":";;;;AAMA,MAAMA,IAAW,CACfC,GACAC,GACAC,GACAC,GACAC,GACAC,MACoB;AACpB,QAAMC,IAAQ;AAAA,IACZ,WAAWC,EAAaL,GAASE,KAAW,CAACC,CAAa;AAAA,IAC1D,aAAc,CAACJ,KAAY,CAACG,KAAWF,KAAYG,MAAkBG,EAAY;AAAA,IACjF,SAASP,KAAYQ,EAAS;AAAA,IAC9B,UAAU,CAACN,KAAYO,EAAW;AAAA,EACpC;AAEO,SAAAC,EAAcX,GAAOM,CAAK;AACnC,GAEaM,IAAY,CACvBZ,GACAC,GACAC,GACAC,GACAC,GACAC,MACG;AACH,QAAMQ,IAAQd,EAASC,GAAOC,GAAUC,GAASC,GAAUC,GAASC,CAAa;AAE1E,SAAA;AAAA,IACL,iBACEQ,EAAMC,EAAWV,KAAW,CAACC,KAAiB,CAACJ,IAAW,wBAAwB,mBAAmB,CAAC;AAAA,IACxG,aAAaY,EAAMC,EAAWZ,KAAW,CAACD,IAAW,4BAA4B,uBAAuB,CAAC;AAAA,IACzG,OAAOY,EAAME,EAAad,GAAUC,GAASE,CAAO,CAAC;AAAA,EACvD;AACF;"}

package/build/esm/react-base/src/components/DatePicker/DatePicker.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.consts.js","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.XSmall]: {\r\n    height: 30,\r\n    boxSize: 28,\r\n    cellWidth: 48,\r\n    panelGap: 12,\r\n    panelPadding: 16,\r\n    clearSize: Sizes.Small,\r\n  },\r\n  [Sizes.Small]: {\r\n    height: 32,\r\n    boxSize: 28,\r\n    cellWidth: 48,\r\n    panelGap: 12,\r\n    panelPadding: 16,\r\n    clearSize: Sizes.Small,\r\n  },\r\n  [Sizes.Medium]: {\r\n    height: 40,\r\n    boxSize: 36,\r\n    cellWidth: 64,\r\n    panelGap: 16,\r\n    panelPadding: 20,\r\n    clearSize: Sizes.Medium,\r\n  },\r\n  [Sizes.Large]: {\r\n    height: 48,\r\n    boxSize: 44,\r\n    cellWidth: 80,\r\n    panelGap: 24,\r\n    panelPadding: 24,\r\n    clearSize: Sizes.Medium,\r\n  },\r\n} as const;\r\n\r\nexport const arrowWidth = 14;\r\nexport const arrowHeight = 8;\r\nexport const arrowSize = 10;\r\nexport const ariaLabel =\r\n  'Press space to open date picker. Select a date or press tab and then arrow keys to choose a date';\r\n"],"names":["consts","Sizes","arrowWidth","arrowHeight","arrowSize","ariaLabel"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AACF,GAEaC,IAAa,IACbC,IAAc,GACdC,IAAY,IACZC,IACX;"}
+{"version":3,"file":"DatePicker.consts.js","sources":["../../../../../../../react-base/src/components/DatePicker/DatePicker.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    height: 30,\n    boxSize: 28,\n    cellWidth: 48,\n    panelGap: 12,\n    panelPadding: 16,\n    clearSize: Sizes.Small,\n  },\n  [Sizes.Small]: {\n    height: 32,\n    boxSize: 28,\n    cellWidth: 48,\n    panelGap: 12,\n    panelPadding: 16,\n    clearSize: Sizes.Small,\n  },\n  [Sizes.Medium]: {\n    height: 40,\n    boxSize: 36,\n    cellWidth: 64,\n    panelGap: 16,\n    panelPadding: 20,\n    clearSize: Sizes.Medium,\n  },\n  [Sizes.Large]: {\n    height: 48,\n    boxSize: 44,\n    cellWidth: 80,\n    panelGap: 24,\n    panelPadding: 24,\n    clearSize: Sizes.Medium,\n  },\n} as const;\n\nexport const arrowWidth = 14;\nexport const arrowHeight = 8;\nexport const arrowSize = 10;\nexport const ariaLabel =\n  'Press space to open date picker. Select a date or press tab and then arrow keys to choose a date';\n"],"names":["consts","Sizes","arrowWidth","arrowHeight","arrowSize","ariaLabel"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EACnB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA,IACd,WAAWA,EAAM;AAAA,EAAA;AAErB,GAEaC,IAAa,IACbC,IAAc,GACdC,IAAY,IACZC,IACX;"}

package/build/esm/react-base/src/components/Divider/Divider.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.consts.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.consts.ts"],"sourcesContent":["import { Shapes, Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  width: {\r\n    [Sizes.Small]: 0,\r\n    [Sizes.Medium]: 1,\r\n    [Sizes.Large]: 2,\r\n  },\r\n  radius: {\r\n    [Shapes.Rounded]: 100,\r\n    [Shapes.Square]: 0,\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes","Shapes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,OAAO;AAAA,IACL,CAACC,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,CAACC,EAAO,OAAO,GAAG;AAAA,IAClB,CAACA,EAAO,MAAM,GAAG;AAAA,EACnB;AACF;"}
+{"version":3,"file":"Divider.consts.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.consts.ts"],"sourcesContent":["import { Shapes, Sizes } from '../../consts';\n\nexport const consts = {\n  width: {\n    [Sizes.Small]: 0,\n    [Sizes.Medium]: 1,\n    [Sizes.Large]: 2,\n  },\n  radius: {\n    [Shapes.Rounded]: 100,\n    [Shapes.Square]: 0,\n  },\n} as const;\n"],"names":["consts","Sizes","Shapes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,OAAO;AAAA,IACL,CAACC,EAAM,KAAK,GAAG;AAAA,IACf,CAACA,EAAM,MAAM,GAAG;AAAA,IAChB,CAACA,EAAM,KAAK,GAAG;AAAA,EACjB;AAAA,EACA,QAAQ;AAAA,IACN,CAACC,EAAO,OAAO,GAAG;AAAA,IAClB,CAACA,EAAO,MAAM,GAAG;AAAA,EAAA;AAErB;"}

package/build/esm/react-base/src/components/Divider/Divider.types.d.ts

@@ -1,4 +1,4 @@
-import { SentimentType } from 'acinguiux-ds-fabrics';
+import { ProminenceType, SentimentType } from 'acinguiux-ds-fabrics';
 import { Directions as GlobalDirections, Sizes as GlobalSizes, Contrasts as GlobalContrasts, Shapes } from '../../consts';
 export type Sizes = GlobalSizes.Small | GlobalSizes.Medium | GlobalSizes.Large;
 export type Directions = GlobalDirections.Horizontal | GlobalDirections.Vertical;
@@ -7,6 +7,7 @@ export type IProps = {
     size?: Sizes;
     direction?: Directions;
     contrast?: Contrasts;
+    prominence?: ProminenceType;
     sentiment?: SentimentType;
     shape?: Shapes;
 };

package/build/esm/react-base/src/components/Divider/Divider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,IAAI,WAAW,EACpB,SAAS,IAAI,eAAe,EAC5B,MAAM,EACP,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AACjF,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;AAEjG,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
+{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErE,OAAO,EACL,UAAU,IAAI,gBAAgB,EAC9B,KAAK,IAAI,WAAW,EACpB,SAAS,IAAI,eAAe,EAC5B,MAAM,EACP,MAAM,cAAc,CAAC;AAEtB,MAAM,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,MAAM,GAAG,WAAW,CAAC,KAAK,CAAC;AAC/E,MAAM,MAAM,UAAU,GAAG,gBAAgB,CAAC,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC;AACjF,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;AAEjG,MAAM,MAAM,MAAM,GAAG;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

package/build/esm/react-base/src/components/Divider/Divider.utils.d.ts

@@ -3,17 +3,18 @@ import { Contrasts, Shapes } from '../../consts';
 import { IProps } from './Divider.types';
 import { Theme } from '../../theme';
 export type UsePropsReturnType = ReturnType<typeof useProps>;
-export declare const useProps: ({ size, direction, contrast, shape, }: IProps) => {
+export declare const useProps: ({ size, direction, contrast, shape, prominence, }: IProps) => {
     size: import("./Divider.types").Sizes;
     direction: import("./Divider.types").Directions;
     contrast: import("./Divider.types").Contrasts;
     shape: Shapes;
+    prominence: import("acinguiux-ds-fabrics").ProminenceType;
 };
 export declare const getColorName: (contrast: Contrasts, sentiment?: SentimentType) => "BorderOnSurfaceMedium" | "BorderOnSentimentColour" | "BorderOnSurfaceSubtle" | "BorderOnSurfaceStrong";
-type UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> & Pick<IProps, 'sentiment'> & {
+type UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> & Pick<IProps, 'sentiment' | 'prominence'> & {
     theme: Theme;
 };
-export declare const useStyles: ({ size, contrast, sentiment, shape, theme }: UseStyleType) => {
+export declare const useStyles: ({ size, contrast, prominence, sentiment, shape, theme }: UseStyleType) => {
     borderRadius: 0 | 100;
     borderWidth: 0 | 1 | 2;
     color: string;

package/build/esm/react-base/src/components/Divider/Divider.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAc,KAAK,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7D,eAAO,MAAM,QAAQ,0CAKlB,MAAM;;;;;CAKP,CAAC;AAEH,eAAO,MAAM,YAAY,aAAc,SAAS,cAAc,aAAa,4GAc1E,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,GACvE,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG;IAC1B,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,SAAS,gDAAiD,YAAY;;;;;CAUlF,CAAC"}
+{"version":3,"file":"Divider.utils.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAElE,OAAO,EAAqB,SAAS,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAc,KAAK,EAAE,MAAM,aAAa,CAAC;AAGhD,MAAM,MAAM,kBAAkB,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAE7D,eAAO,MAAM,QAAQ,sDAMlB,MAAM;;;;;;CAMP,CAAC;AAEH,eAAO,MAAM,YAAY,aAAc,SAAS,cAAc,aAAa,4GAc1E,CAAC;AAEF,KAAK,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC,GACvE,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,YAAY,CAAC,GAAG;IACzC,KAAK,EAAE,KAAK,CAAC;CACd,CAAC;AAEJ,eAAO,MAAM,SAAS,4DAA6D,YAAY;;;;;CAU9F,CAAC"}

package/build/esm/react-base/src/components/Divider/Divider.utils.js

@@ -1,17 +1,20 @@
-import { Sizes as s, Directions as i, Contrasts as t, Shapes as c } from "../../consts.js";
+import { Prominences as c } from "acinguiux-ds-fabrics";
+import { Sizes as i, Directions as m, Contrasts as t, Shapes as l } from "../../consts.js";
 import { consts as u } from "./Divider.consts.js";
-import { LayerColor as l } from "../../theme/theme.js";
-const y = ({
-  size: r = s.Medium,
-  direction: e = i.Horizontal,
-  contrast: o = t.Medium,
-  shape: n = c.Rounded
+import { LayerColor as S } from "../../theme/theme.js";
+const B = ({
+  size: r = i.Medium,
+  direction: e = m.Horizontal,
+  contrast: n = t.Medium,
+  shape: o = l.Rounded,
+  prominence: s = c.Strong
 }) => ({
   size: r,
   direction: e,
-  contrast: o,
-  shape: n
-}), m = (r, e) => {
+  contrast: n,
+  shape: o,
+  prominence: s
+}), f = (r, e) => {
   if (e)
     return "BorderOnSentimentColour";
   switch (r) {
@@ -23,18 +26,18 @@ const y = ({
     default:
       return "BorderOnSurfaceMedium";
   }
-}, b = ({ size: r, contrast: e, sentiment: o, shape: n, theme: a }) => {
-  const d = a.getLayer({ sentiment: o })[l[m(e, o)]];
+}, C = ({ size: r, contrast: e, prominence: n, sentiment: o, shape: s, theme: a }) => {
+  const d = a.getLayer({ sentiment: o, prominence: n })[S[f(e, o)]];
   return {
-    borderRadius: u.radius[n],
+    borderRadius: u.radius[s],
     borderWidth: u.width[r],
     color: d,
-    width: r === s.Small ? 1 : 0
+    width: r === i.Small ? 1 : 0
   };
 };
 export {
-  m as getColorName,
-  y as useProps,
-  b as useStyles
+  f as getColorName,
+  B as useProps,
+  C as useStyles
 };
 //# sourceMappingURL=Divider.utils.js.map

package/build/esm/react-base/src/components/Divider/Divider.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.utils.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"sourcesContent":["import { SentimentType } from 'acinguiux-ds-fabrics';\r\n\r\nimport { Sizes, Directions, Contrasts, Shapes } from '../../consts';\r\nimport { IProps } from './Divider.types';\r\nimport { LayerColor, Theme } from '../../theme';\r\nimport { consts } from './Divider.consts';\r\n\r\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\r\n\r\nexport const useProps = ({\r\n  size = Sizes.Medium,\r\n  direction = Directions.Horizontal,\r\n  contrast = Contrasts.Medium,\r\n  shape = Shapes.Rounded,\r\n}: IProps) => ({\r\n  size,\r\n  direction,\r\n  contrast,\r\n  shape,\r\n});\r\n\r\nexport const getColorName = (contrast: Contrasts, sentiment?: SentimentType) => {\r\n  if (sentiment) {\r\n    return 'BorderOnSentimentColour';\r\n  }\r\n\r\n  switch (contrast) {\r\n    case Contrasts.Subtle:\r\n      return 'BorderOnSurfaceSubtle';\r\n    case Contrasts.Strong:\r\n      return 'BorderOnSurfaceStrong';\r\n    case Contrasts.Medium:\r\n    default:\r\n      return 'BorderOnSurfaceMedium';\r\n  }\r\n};\r\n\r\ntype UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> &\r\n  Pick<IProps, 'sentiment'> & {\r\n    theme: Theme;\r\n  };\r\n\r\nexport const useStyles = ({ size, contrast, sentiment, shape, theme }: UseStyleType) => {\r\n  const layer = theme.getLayer({ sentiment });\r\n  const color = layer[LayerColor[getColorName(contrast, sentiment)]];\r\n\r\n  return {\r\n    borderRadius: consts.radius[shape],\r\n    borderWidth: consts.width[size],\r\n    color,\r\n    width: size === Sizes.Small ? 1 : 0,\r\n  };\r\n};\r\n"],"names":["useProps","size","Sizes","direction","Directions","contrast","Contrasts","shape","Shapes","getColorName","sentiment","useStyles","theme","color","LayerColor","consts"],"mappings":";;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,UAAAC,IAAWC,EAAU;AAAA,EACrB,OAAAC,IAAQC,EAAO;AACjB,OAAe;AAAA,EACb,MAAAP;AAAA,EACA,WAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAE;AACF,IAEaE,IAAe,CAACJ,GAAqBK,MAA8B;AAC9E,MAAIA;AACK,WAAA;AAGT,UAAQL,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,IACT,KAAKA,EAAU;AACN,aAAA;AAAA,IACT,KAAKA,EAAU;AAAA,IACf;AACS,aAAA;AAAA,EACX;AACF,GAOaK,IAAY,CAAC,EAAE,MAAAV,GAAM,UAAAI,GAAU,WAAAK,GAAW,OAAAH,GAAO,OAAAK,QAA0B;AAEtF,QAAMC,IADQD,EAAM,SAAS,EAAE,WAAAF,EAAW,CAAA,EACtBI,EAAWL,EAAaJ,GAAUK,CAAS,CAAC,CAAC;AAE1D,SAAA;AAAA,IACL,cAAcK,EAAO,OAAOR,CAAK;AAAA,IACjC,aAAaQ,EAAO,MAAMd,CAAI;AAAA,IAC9B,OAAAY;AAAA,IACA,OAAOZ,MAASC,EAAM,QAAQ,IAAI;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"Divider.utils.js","sources":["../../../../../../../react-base/src/components/Divider/Divider.utils.ts"],"sourcesContent":["import { Prominences, SentimentType } from 'acinguiux-ds-fabrics';\n\nimport { Sizes, Directions, Contrasts, Shapes } from '../../consts';\nimport { IProps } from './Divider.types';\nimport { LayerColor, Theme } from '../../theme';\nimport { consts } from './Divider.consts';\n\nexport type UsePropsReturnType = ReturnType<typeof useProps>;\n\nexport const useProps = ({\n  size = Sizes.Medium,\n  direction = Directions.Horizontal,\n  contrast = Contrasts.Medium,\n  shape = Shapes.Rounded,\n  prominence = Prominences.Strong,\n}: IProps) => ({\n  size,\n  direction,\n  contrast,\n  shape,\n  prominence,\n});\n\nexport const getColorName = (contrast: Contrasts, sentiment?: SentimentType) => {\n  if (sentiment) {\n    return 'BorderOnSentimentColour';\n  }\n\n  switch (contrast) {\n    case Contrasts.Subtle:\n      return 'BorderOnSurfaceSubtle';\n    case Contrasts.Strong:\n      return 'BorderOnSurfaceStrong';\n    case Contrasts.Medium:\n    default:\n      return 'BorderOnSurfaceMedium';\n  }\n};\n\ntype UseStyleType = Required<Pick<IProps, 'size' | 'contrast' | 'shape'>> &\n  Pick<IProps, 'sentiment' | 'prominence'> & {\n    theme: Theme;\n  };\n\nexport const useStyles = ({ size, contrast, prominence, sentiment, shape, theme }: UseStyleType) => {\n  const layer = theme.getLayer({ sentiment, prominence });\n  const color = layer[LayerColor[getColorName(contrast, sentiment)]];\n\n  return {\n    borderRadius: consts.radius[shape],\n    borderWidth: consts.width[size],\n    color,\n    width: size === Sizes.Small ? 1 : 0,\n  };\n};\n"],"names":["useProps","size","Sizes","direction","Directions","contrast","Contrasts","shape","Shapes","prominence","Prominences","getColorName","sentiment","useStyles","theme","color","LayerColor","consts"],"mappings":";;;;AASO,MAAMA,IAAW,CAAC;AAAA,EACvB,MAAAC,IAAOC,EAAM;AAAA,EACb,WAAAC,IAAYC,EAAW;AAAA,EACvB,UAAAC,IAAWC,EAAU;AAAA,EACrB,OAAAC,IAAQC,EAAO;AAAA,EACf,YAAAC,IAAaC,EAAY;AAC3B,OAAe;AAAA,EACb,MAAAT;AAAA,EACA,WAAAE;AAAA,EACA,UAAAE;AAAA,EACA,OAAAE;AAAA,EACA,YAAAE;AACF,IAEaE,IAAe,CAACN,GAAqBO,MAA8B;AAC9E,MAAIA;AACK,WAAA;AAGT,UAAQP,GAAU;AAAA,IAChB,KAAKC,EAAU;AACN,aAAA;AAAA,IACT,KAAKA,EAAU;AACN,aAAA;AAAA,IACT,KAAKA,EAAU;AAAA,IACf;AACS,aAAA;AAAA,EAAA;AAEb,GAOaO,IAAY,CAAC,EAAE,MAAAZ,GAAM,UAAAI,GAAU,YAAAI,GAAY,WAAAG,GAAW,OAAAL,GAAO,OAAAO,QAA0B;AAElG,QAAMC,IADQD,EAAM,SAAS,EAAE,WAAAF,GAAW,YAAAH,GAAY,EAClCO,EAAWL,EAAaN,GAAUO,CAAS,CAAC,CAAC;AAE1D,SAAA;AAAA,IACL,cAAcK,EAAO,OAAOV,CAAK;AAAA,IACjC,aAAaU,EAAO,MAAMhB,CAAI;AAAA,IAC9B,OAAAc;AAAA,IACA,OAAOd,MAASC,EAAM,QAAQ,IAAI;AAAA,EACpC;AACF;"}

package/build/esm/react-base/src/components/Drawer/Drawer.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.consts.js","sources":["../../../../../../../react-base/src/components/Drawer/Drawer.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.Small]: {\r\n      padding: '16px',\r\n      height: '52px',\r\n  },\r\n  [Sizes.Medium]: {\r\n      padding: '20px',\r\n      height: '64px',\r\n  },\r\n  [Sizes.Large]: {\r\n      padding: '24px',\r\n      height: '76px',\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,KAAK,GAAG;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AACF;"}
+{"version":3,"file":"Drawer.consts.js","sources":["../../../../../../../react-base/src/components/Drawer/Drawer.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.Small]: {\n      padding: '16px',\n      height: '52px',\n  },\n  [Sizes.Medium]: {\n      padding: '20px',\n      height: '64px',\n  },\n  [Sizes.Large]: {\n      padding: '24px',\n      height: '76px',\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,KAAK,GAAG;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ;AAAA,EACZ;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACX,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAEd;"}

package/build/esm/react-base/src/components/EmptyState/EmptyState.consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.consts.js","sources":["../../../../../../../react-base/src/components/EmptyState/EmptyState.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\r\n\r\nexport const consts = {\r\n  [Sizes.XSmall]: {\r\n    icon: 32,\r\n    pictogram: 48,\r\n    image: 116,\r\n    gap: 12,\r\n    textGap: 4,\r\n    actionsGap: 12,\r\n  },\r\n  [Sizes.Small]: {\r\n    icon: 40,\r\n    pictogram: 64,\r\n    image: 132,\r\n    gap: 20,\r\n    textGap: 8,\r\n    actionsGap: 12,\r\n  },\r\n  [Sizes.Medium]: {\r\n    icon: 52,\r\n    pictogram: 76,\r\n    image: 164,\r\n    gap: 24,\r\n    textGap: 8,\r\n    actionsGap: 16,\r\n  },\r\n  [Sizes.Large]: {\r\n    icon: 64,\r\n    pictogram: 96,\r\n    image: 200,\r\n    gap: 32,\r\n    textGap: 12,\r\n    actionsGap: 16,\r\n  },\r\n} as const;\r\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AACF;"}
+{"version":3,"file":"EmptyState.consts.js","sources":["../../../../../../../react-base/src/components/EmptyState/EmptyState.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\n\nexport const consts = {\n  [Sizes.XSmall]: {\n    icon: 32,\n    pictogram: 48,\n    image: 116,\n    gap: 12,\n    textGap: 4,\n    actionsGap: 12,\n  },\n  [Sizes.Small]: {\n    icon: 40,\n    pictogram: 64,\n    image: 132,\n    gap: 20,\n    textGap: 8,\n    actionsGap: 12,\n  },\n  [Sizes.Medium]: {\n    icon: 52,\n    pictogram: 76,\n    image: 164,\n    gap: 24,\n    textGap: 8,\n    actionsGap: 16,\n  },\n  [Sizes.Large]: {\n    icon: 64,\n    pictogram: 96,\n    image: 200,\n    gap: 32,\n    textGap: 12,\n    actionsGap: 16,\n  },\n} as const;\n"],"names":["consts","Sizes"],"mappings":";AAEO,MAAMA,IAAS;AAAA,EACpB,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EACd;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,MAAM;AAAA,IACN,WAAW;AAAA,IACX,OAAO;AAAA,IACP,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,EAAA;AAEhB;"}

package/build/esm/react-base/src/components/EmptyState/EmptyState.utils.d.ts

@@ -1,2 +1,2 @@
-export declare const getVisualPlaceholderType: (image: boolean, pictogram: boolean, icon: boolean) => "image" | "pictogram" | "icon" | "none";
+export declare const getVisualPlaceholderType: (image: boolean, pictogram: boolean, icon: boolean) => "none" | "image" | "pictogram" | "icon";
 //# sourceMappingURL=EmptyState.utils.d.ts.map

package/build/esm/react-base/src/components/EmptyState/EmptyState.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.utils.js","sources":["../../../../../../../react-base/src/components/EmptyState/EmptyState.utils.ts"],"sourcesContent":["export const getVisualPlaceholderType = (image: boolean, pictogram: boolean, icon: boolean) => {\r\n  if (image) {\r\n    return 'image';\r\n  }\r\n  if (pictogram) {\r\n    return 'pictogram';\r\n  }\r\n  if (icon) {\r\n    return 'icon';\r\n  }\r\n\r\n  return 'none';\r\n};\r\n"],"names":["getVisualPlaceholderType","image","pictogram","icon"],"mappings":"AAAO,MAAMA,IAA2B,CAACC,GAAgBC,GAAoBC,MACvEF,IACK,UAELC,IACK,cAELC,IACK,SAGF;"}
+{"version":3,"file":"EmptyState.utils.js","sources":["../../../../../../../react-base/src/components/EmptyState/EmptyState.utils.ts"],"sourcesContent":["export const getVisualPlaceholderType = (image: boolean, pictogram: boolean, icon: boolean) => {\n  if (image) {\n    return 'image';\n  }\n  if (pictogram) {\n    return 'pictogram';\n  }\n  if (icon) {\n    return 'icon';\n  }\n\n  return 'none';\n};\n"],"names":["getVisualPlaceholderType","image","pictogram","icon"],"mappings":"AAAO,MAAMA,IAA2B,CAACC,GAAgBC,GAAoBC,MACvEF,IACK,UAELC,IACK,cAELC,IACK,SAGF;"}

package/build/esm/{components → react-base/src/components}/FileUploader/FileUploader.consts.d.ts

@@ -1,6 +1,6 @@
-import { FileUploaderSize } from './FileUploader.types';
+import { Size } from './FileUploader.types';
 type FileUploaderConstsType = {
-    [sizes in FileUploaderSize]: {
+    [sizes in Size]: {
         dropzoneIconSize: number;
         dropzoneHeadingSize: number;
         dropzoneSubtitleSize: number;
@@ -11,11 +11,13 @@ type FileUploaderConstsType = {
             height: number;
         };
         dropzonePadding: number;
-        attachedFilePadding: number;
+        attachedFilePadding: string;
+        attachedFileHeight: number;
+        attachedFilesGap: string;
         attachedFileNameSize: number;
         attachedFileDeleteIconSize?: number;
     };
 };
-export declare const fileUploaderConsts: FileUploaderConstsType;
+export declare const consts: FileUploaderConstsType;
 export {};
 //# sourceMappingURL=FileUploader.consts.d.ts.map

package/build/esm/react-base/src/components/FileUploader/FileUploader.consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.consts.d.ts","sourceRoot":"","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.consts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,KAAK,sBAAsB,GAAG;KAC3B,KAAK,IAAI,IAAI,GAAG;QACf,gBAAgB,EAAE,MAAM,CAAC;QACzB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,uBAAuB,EAAE,MAAM,CAAC;QAChC,sBAAsB,EAAE,MAAM,CAAC;QAC/B,qBAAqB,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,MAAM,EAAE,MAAM,CAAA;SAAE,CAAC;QACzD,eAAe,EAAE,MAAM,CAAC;QACxB,mBAAmB,EAAE,MAAM,CAAC;QAC5B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,gBAAgB,EAAE,MAAM,CAAC;QACzB,oBAAoB,EAAE,MAAM,CAAC;QAC7B,0BAA0B,CAAC,EAAE,MAAM,CAAC;KACrC;CACF,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,sBAkEpB,CAAC"}

package/build/esm/{components → react-base/src/components}/FileUploader/FileUploader.consts.js

@@ -1,5 +1,5 @@
-import { Sizes as e } from "../../react-base/src/consts.js";
-const d = {
+import { Sizes as e } from "../../consts.js";
+const t = {
   [e.XSmall]: {
     dropzoneIconSize: 28,
     dropzoneHeadingSize: 14,
@@ -12,7 +12,9 @@ const d = {
     },
     dropzonePadding: 24,
     attachedFileNameSize: 14,
-    attachedFilePadding: 8
+    attachedFilePadding: "9px 12px 9px 8px",
+    attachedFileHeight: 56,
+    attachedFilesGap: "12px"
   },
   [e.Small]: {
     dropzoneIconSize: 36,
@@ -26,7 +28,9 @@ const d = {
     },
     dropzonePadding: 32,
     attachedFileNameSize: 14,
-    attachedFilePadding: 12
+    attachedFilePadding: "12px 16px 12px 12px",
+    attachedFileHeight: 64,
+    attachedFilesGap: "12px"
   },
   [e.Medium]: {
     dropzoneIconSize: 44,
@@ -40,10 +44,12 @@ const d = {
     },
     dropzonePadding: 40,
     attachedFileNameSize: 16,
-    attachedFilePadding: 16
+    attachedFilePadding: "16px",
+    attachedFileHeight: 76,
+    attachedFilesGap: "16px"
   },
   [e.Large]: {
-    dropzoneIconSize: 56,
+    dropzoneIconSize: 52,
     dropzoneHeadingSize: 24,
     dropzoneSubtitleSize: 20,
     dropzoneButtonMarginTop: 10,
@@ -53,12 +59,14 @@ const d = {
       height: 12
     },
     dropzonePadding: 48,
-    attachedFilePadding: 16,
+    attachedFilePadding: "16px",
     attachedFileNameSize: 20,
-    attachedFileDeleteIconSize: 24
+    attachedFileDeleteIconSize: 24,
+    attachedFileHeight: 80,
+    attachedFilesGap: "20px"
   }
 };
 export {
-  d as fileUploaderConsts
+  t as consts
 };
 //# sourceMappingURL=FileUploader.consts.js.map

package/build/esm/react-base/src/components/FileUploader/FileUploader.consts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUploader.consts.js","sources":["../../../../../../../react-base/src/components/FileUploader/FileUploader.consts.ts"],"sourcesContent":["import { Sizes } from '../../consts';\nimport { Size } from './FileUploader.types';\n\ntype FileUploaderConstsType = {\n  [sizes in Size]: {\n    dropzoneIconSize: number;\n    dropzoneHeadingSize: number;\n    dropzoneSubtitleSize: number;\n    dropzoneButtonMarginTop: number;\n    dropzoneButtonIconSize: number;\n    dropzoneButtonPadding: { width: number; height: number };\n    dropzonePadding: number;\n    attachedFilePadding: string;\n    attachedFileHeight: number;\n    attachedFilesGap: string;\n    attachedFileNameSize: number;\n    attachedFileDeleteIconSize?: number;\n  };\n};\n\nexport const consts: FileUploaderConstsType = {\n  [Sizes.XSmall]: {\n    dropzoneIconSize: 28,\n    dropzoneHeadingSize: 14,\n    dropzoneSubtitleSize: 14,\n    dropzoneButtonMarginTop: 4,\n    dropzoneButtonIconSize: 20,\n    dropzoneButtonPadding: {\n      width: 8,\n      height: 4,\n    },\n    dropzonePadding: 24,\n    attachedFileNameSize: 14,\n    attachedFilePadding: '9px 12px 9px 8px',\n    attachedFileHeight: 56,\n    attachedFilesGap: '12px',\n  },\n  [Sizes.Small]: {\n    dropzoneIconSize: 36,\n    dropzoneHeadingSize: 16,\n    dropzoneSubtitleSize: 14,\n    dropzoneButtonMarginTop: 6,\n    dropzoneButtonIconSize: 20,\n    dropzoneButtonPadding: {\n      width: 12,\n      height: 6,\n    },\n    dropzonePadding: 32,\n    attachedFileNameSize: 14,\n    attachedFilePadding: '12px 16px 12px 12px',\n    attachedFileHeight: 64,\n    attachedFilesGap: '12px',\n  },\n  [Sizes.Medium]: {\n    dropzoneIconSize: 44,\n    dropzoneHeadingSize: 20,\n    dropzoneSubtitleSize: 16,\n    dropzoneButtonMarginTop: 8,\n    dropzoneButtonIconSize: 24,\n    dropzoneButtonPadding: {\n      width: 16,\n      height: 8,\n    },\n    dropzonePadding: 40,\n    attachedFileNameSize: 16,\n    attachedFilePadding: '16px',\n    attachedFileHeight: 76,\n    attachedFilesGap: '16px',\n  },\n  [Sizes.Large]: {\n    dropzoneIconSize: 52,\n    dropzoneHeadingSize: 24,\n    dropzoneSubtitleSize: 20,\n    dropzoneButtonMarginTop: 10,\n    dropzoneButtonIconSize: 24,\n    dropzoneButtonPadding: {\n      width: 20,\n      height: 12,\n    },\n    dropzonePadding: 48,\n    attachedFilePadding: '16px',\n    attachedFileNameSize: 20,\n    attachedFileDeleteIconSize: 24,\n    attachedFileHeight: 80,\n    attachedFilesGap: '20px',\n  },\n};\n"],"names":["consts","Sizes"],"mappings":";AAoBO,MAAMA,IAAiC;AAAA,EAC5C,CAACC,EAAM,MAAM,GAAG;AAAA,IACd,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AAAA,EACA,CAACA,EAAM,MAAM,GAAG;AAAA,IACd,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EACpB;AAAA,EACA,CAACA,EAAM,KAAK,GAAG;AAAA,IACb,kBAAkB;AAAA,IAClB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,yBAAyB;AAAA,IACzB,wBAAwB;AAAA,IACxB,uBAAuB;AAAA,MACrB,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,IACA,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,sBAAsB;AAAA,IACtB,4BAA4B;AAAA,IAC5B,oBAAoB;AAAA,IACpB,kBAAkB;AAAA,EAAA;AAEtB;"}