acinguiux-ds-react-framework 0.0.6 → 0.0.7

package/build/esm/components/Select/components/NativeSelect/NativeSelect.js

@@ -1,30 +1,30 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import { forwardRef as S } from "react";
-import p from "classnames";
+import { forwardRef as p } from "react";
+import S from "classnames";
 import N from "../../../Icon/components/ChevronSmallDown.js";
-import { NativeSelectWrapper as v, NativeSelect as d } from "./NativeSelect.styles.js";
-import { SELECT_CLASS as l, Sizes as n } from "../../../../react-base/src/consts.js";
-const h = S(
+import { NativeSelectWrapper as d, NativeSelect as v } from "./NativeSelect.styles.js";
+import { SELECT_CLASS as l, Sizes as h } from "../../../../react-base/src/consts.js";
+const j = p(
   ({
     className: m,
-    size: e = n.Medium,
+    size: e = h.Medium,
     disabled: t = !1,
-    invalid: o = !1,
-    wrapperProps: r,
+    invalid: r = !1,
+    wrapperProps: o,
     tabIndex: s = 0,
     ...a
   }, c) => /* @__PURE__ */ f(
-    v,
+    d,
     {
-      className: p(l, m),
+      className: S(l, m),
       size: e,
-      $invalid: o,
+      $invalid: r,
       $disabled: t,
       tabIndex: s,
-      ...r,
+      ...o,
       children: [
         /* @__PURE__ */ i(
-          d,
+          v,
           {
             ref: c,
             className: `${l}-select`,
@@ -37,8 +37,8 @@ const h = S(
       ]
     }
   )
-), E = h;
+);
 export {
-  E as default
+  j as default
 };
 //# sourceMappingURL=NativeSelect.js.map

package/build/esm/components/Select/components/NativeSelect/NativeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/Select/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport { ChevronSmallDown } from '../../../Icon/components';\r\nimport * as Styled from './NativeSelect.styles';\r\nimport { INativeSelectProps } from './NativeSelect.types';\r\n\r\nconst NativeSelect = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      disabled = false,\r\n      invalid = false,\r\n      wrapperProps,\r\n      tabIndex = 0,\r\n      ...rest\r\n    }: INativeSelectProps,\r\n    ref: ForwardedRef<HTMLSelectElement>,\r\n  ) => (\r\n    <Styled.NativeSelectWrapper\r\n      className={classNames(SELECT_CLASS, className)}\r\n      size={size}\r\n      $invalid={invalid}\r\n      $disabled={disabled}\r\n      tabIndex={tabIndex}\r\n      {...wrapperProps}\r\n    >\r\n      <Styled.NativeSelect\r\n        ref={ref}\r\n        className={`${SELECT_CLASS}-select`}\r\n        disabled={disabled}\r\n        selectSize={size}\r\n        {...rest}\r\n      />\r\n      {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\r\n    </Styled.NativeSelectWrapper>\r\n  ),\r\n);\r\n\r\nexport default NativeSelect;\r\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown","NativeSelect$1"],"mappings":";;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,KAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcZ,CAAS;AAAA,MAC7C,MAAAC;AAAA,MACA,UAAUG;AAAA,MACV,WAAWD;AAAA,MACX,UAAAG;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAW,GAAGI,CAAY;AAAA,YAC1B,UAAAT;AAAA,YACA,YAAYF;AAAA,YACX,GAAGM;AAAA,UAAA;AAAA,QACN;AAAA,QACC,CAACA,EAAK,YAAY,gBAAAM,EAACE,KAAiB,OAAO,IAAI,QAAQ,IAAI;AAAA,MAAA;AAAA,IAAA;AAAA,EAC9D;AAEJ,GAEAC,IAAelB;"}
+{"version":3,"file":"NativeSelect.js","sources":["../../../../../../src/components/Select/components/NativeSelect/NativeSelect.tsx"],"sourcesContent":["import { ForwardedRef, forwardRef } from 'react';\n\nimport classNames from 'classnames';\nimport { Sizes, SELECT_CLASS } from 'acinguiux-ds-react-base';\n\nimport { ChevronSmallDown } from '../../../Icon/components';\nimport * as Styled from './NativeSelect.styles';\nimport { INativeSelectProps } from './NativeSelect.types';\n\nconst NativeSelect = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      disabled = false,\n      invalid = false,\n      wrapperProps,\n      tabIndex = 0,\n      ...rest\n    }: INativeSelectProps,\n    ref: ForwardedRef<HTMLSelectElement>,\n  ) => (\n    <Styled.NativeSelectWrapper\n      className={classNames(SELECT_CLASS, className)}\n      size={size}\n      $invalid={invalid}\n      $disabled={disabled}\n      tabIndex={tabIndex}\n      {...wrapperProps}\n    >\n      <Styled.NativeSelect\n        ref={ref}\n        className={`${SELECT_CLASS}-select`}\n        disabled={disabled}\n        selectSize={size}\n        {...rest}\n      />\n      {!rest.multiple && <ChevronSmallDown width={24} height={24} />}\n    </Styled.NativeSelectWrapper>\n  ),\n);\n\nexport default NativeSelect;\n"],"names":["NativeSelect","forwardRef","className","size","Sizes","disabled","invalid","wrapperProps","tabIndex","rest","ref","jsxs","Styled.NativeSelectWrapper","classNames","SELECT_CLASS","jsx","Styled.NativeSelect","ChevronSmallDown"],"mappings":";;;;;;AASA,MAAMA,IAAeC;AAAA,EACnB,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,GAAGC;AAAA,KAELC,MAEA,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC,EAAWC,GAAcZ,CAAS;AAAA,MAC7C,MAAAC;AAAA,MACA,UAAUG;AAAA,MACV,WAAWD;AAAA,MACX,UAAAG;AAAA,MACC,GAAGD;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAQ;AAAA,UAACC;AAAAA,UAAA;AAAA,YACC,KAAAN;AAAA,YACA,WAAW,GAAGI,CAAY;AAAA,YAC1B,UAAAT;AAAA,YACA,YAAYF;AAAA,YACX,GAAGM;AAAA,UAAA;AAAA,QACN;AAAA,QACC,CAACA,EAAK,YAAY,gBAAAM,EAACE,KAAiB,OAAO,IAAI,QAAQ,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

package/build/esm/components/Select/components/NativeSelect/NativeSelect.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"NativeSelect.styles.js","sources":["../../../../../../src/components/Select/components/NativeSelect/NativeSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { InputTypes, InputUtils, getLabelFontStyles, SelectTypes, SelectConsts, Sizes } from 'acinguiux-ds-react-base';\r\nimport { StateType, States } from 'acinguiux-ds-fabrics';\r\n\r\nimport { INativeSelectProps } from './NativeSelect.types';\r\nimport { getFocusStyles } from '../../../../utils/styleUtils';\r\n\r\nconst { getInputColorStyles, getBaseElementStyles, getWrapperStyles, getInputBorderStyles } = InputUtils;\r\n\r\nconst NativeSelect = styled.select<INativeSelectProps & { selectSize: SelectTypes.Size }>`\r\n  ${({ selectSize }) => {\r\n    const sizes = SelectConsts.consts[selectSize];\r\n\r\n    return css`\r\n      appearance: none;\r\n      padding: ${sizes.default.paddingTopBottom}px ${sizes.default.paddingRight}px ${sizes.default.paddingTopBottom}px\r\n        ${sizes.default.paddingLeft}px;\r\n      cursor: pointer;\r\n\r\n      &[multiple] option {\r\n        padding: 8px 0;\r\n      }\r\n\r\n      &:not([multiple]) ~ svg {\r\n        position: absolute;\r\n        right: ${sizes.icon.right - 1}px;\r\n        top: calc(50% - 12px);\r\n        pointer-events: none;\r\n      }\r\n    `;\r\n  }}\r\n`;\r\n\r\nconst NativeSelectWrapper = styled.div<InputTypes.IProps>`\r\n  ${({ size = Sizes.Medium, $disabled, $invalid, theme }) => {\r\n    const getStyles = (state?: StateType) => getInputColorStyles(state, $disabled, $invalid);\r\n\r\n    return css`\r\n      ${getWrapperStyles};\r\n\r\n      ${NativeSelect} {\r\n        ${getInputBorderStyles(size, true)};\r\n        ${getStyles()};\r\n        ${getBaseElementStyles(theme, size, $disabled)};\r\n        ${getLabelFontStyles(theme, $disabled)};\r\n      }\r\n\r\n      &:focus-visible {\r\n        ${NativeSelect} {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        ${NativeSelect} {\r\n          ${getStyles(States.Hover)};\r\n          ${getLabelFontStyles(theme, $disabled)};\r\n        }\r\n      }\r\n\r\n      ${$invalid &&\r\n      css`\r\n        svg {\r\n          ${getLabelFontStyles(theme, $disabled)};\r\n        }\r\n      `}\r\n    `;\r\n  }}\r\n`;\r\n\r\nexport { NativeSelectWrapper, NativeSelect };\r\n"],"names":["getInputColorStyles","getBaseElementStyles","getWrapperStyles","getInputBorderStyles","InputUtils","NativeSelect","styled","selectSize","sizes","SelectConsts.consts","css","NativeSelectWrapper","size","Sizes","$disabled","$invalid","theme","getStyles","state","getLabelFontStyles","getFocusStyles","States"],"mappings":";;;;;;;AAOA,MAAM,EAAE,qBAAAA,GAAqB,sBAAAC,GAAsB,kBAAAC,GAAkB,sBAAAC,MAAyBC,GAExFC,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,QAAiB;AACd,QAAAC,IAAQC,EAAoBF,CAAU;AAErC,SAAAG;AAAA;AAAA,iBAEMF,EAAM,QAAQ,gBAAgB,MAAMA,EAAM,QAAQ,YAAY,MAAMA,EAAM,QAAQ,gBAAgB;AAAA,UACzGA,EAAM,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASlBA,EAAM,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAKnC,CAAC;AAAA,GAGGG,IAAsBL,EAAO;AAAA,IAC/B,CAAC,EAAE,MAAAM,IAAOC,EAAM,QAAQ,WAAAC,GAAW,UAAAC,GAAU,OAAAC,QAAY;AACzD,QAAMC,IAAY,CAACC,MAAsBlB,EAAoBkB,GAAOJ,GAAWC,CAAQ;AAEhF,SAAAL;AAAA,QACHR,CAAgB;AAAA;AAAA,QAEhBG,CAAY;AAAA,UACVF,EAAqBS,GAAM,EAAI,CAAC;AAAA,UAChCK,GAAW;AAAA,UACXhB,EAAqBe,GAAOJ,GAAME,CAAS,CAAC;AAAA,UAC5CK,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpCT,CAAY;AAAA,YACVe,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBX,CAAY;AAAA,YACVY,EAAUI,EAAO,KAAK,CAAC;AAAA,YACvBF,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,QAIxCC,KACFL;AAAA;AAAA,YAEMS,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA,OAEzC;AAAA;AAEL,CAAC;AAAA;"}
+{"version":3,"file":"NativeSelect.styles.js","sources":["../../../../../../src/components/Select/components/NativeSelect/NativeSelect.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { InputTypes, InputUtils, getLabelFontStyles, SelectTypes, SelectConsts, Sizes } from 'acinguiux-ds-react-base';\nimport { StateType, States } from 'acinguiux-ds-fabrics';\n\nimport { INativeSelectProps } from './NativeSelect.types';\nimport { getFocusStyles } from '../../../../utils/styleUtils';\n\nconst { getInputColorStyles, getBaseElementStyles, getWrapperStyles, getInputBorderStyles } = InputUtils;\n\nconst NativeSelect = styled.select<INativeSelectProps & { selectSize: SelectTypes.Size }>`\n  ${({ selectSize }) => {\n    const sizes = SelectConsts.consts[selectSize];\n\n    return css`\n      appearance: none;\n      padding: ${sizes.default.paddingTopBottom}px ${sizes.default.paddingRight}px ${sizes.default.paddingTopBottom}px\n        ${sizes.default.paddingLeft}px;\n      cursor: pointer;\n\n      &[multiple] option {\n        padding: 8px 0;\n      }\n\n      &:not([multiple]) ~ svg {\n        position: absolute;\n        right: ${sizes.icon.right - 1}px;\n        top: calc(50% - 12px);\n        pointer-events: none;\n      }\n    `;\n  }}\n`;\n\nconst NativeSelectWrapper = styled.div<InputTypes.IProps>`\n  ${({ size = Sizes.Medium, $disabled, $invalid, theme }) => {\n    const getStyles = (state?: StateType) => getInputColorStyles(state, $disabled, $invalid);\n\n    return css`\n      ${getWrapperStyles};\n\n      ${NativeSelect} {\n        ${getInputBorderStyles(size, true)};\n        ${getStyles()};\n        ${getBaseElementStyles(theme, size, $disabled)};\n        ${getLabelFontStyles(theme, $disabled)};\n      }\n\n      &:focus-visible {\n        ${NativeSelect} {\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      &:hover {\n        ${NativeSelect} {\n          ${getStyles(States.Hover)};\n          ${getLabelFontStyles(theme, $disabled)};\n        }\n      }\n\n      ${$invalid &&\n      css`\n        svg {\n          ${getLabelFontStyles(theme, $disabled)};\n        }\n      `}\n    `;\n  }}\n`;\n\nexport { NativeSelectWrapper, NativeSelect };\n"],"names":["getInputColorStyles","getBaseElementStyles","getWrapperStyles","getInputBorderStyles","InputUtils","NativeSelect","styled","selectSize","sizes","SelectConsts.consts","css","NativeSelectWrapper","size","Sizes","$disabled","$invalid","theme","getStyles","state","getLabelFontStyles","getFocusStyles","States"],"mappings":";;;;;;;AAOA,MAAM,EAAE,qBAAAA,GAAqB,sBAAAC,GAAsB,kBAAAC,GAAkB,sBAAAC,EAAyB,IAAAC,GAExFC,IAAeC,EAAO;AAAA,IACxB,CAAC,EAAE,YAAAC,QAAiB;AACd,QAAAC,IAAQC,EAAoBF,CAAU;AAErC,SAAAG;AAAA;AAAA,iBAEMF,EAAM,QAAQ,gBAAgB,MAAMA,EAAM,QAAQ,YAAY,MAAMA,EAAM,QAAQ,gBAAgB;AAAA,UACzGA,EAAM,QAAQ,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASlBA,EAAM,KAAK,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAKnC,CAAC;AAAA,GAGGG,IAAsBL,EAAO;AAAA,IAC/B,CAAC,EAAE,MAAAM,IAAOC,EAAM,QAAQ,WAAAC,GAAW,UAAAC,GAAU,OAAAC,QAAY;AACzD,QAAMC,IAAY,CAACC,MAAsBlB,EAAoBkB,GAAOJ,GAAWC,CAAQ;AAEhF,SAAAL;AAAA,QACHR,CAAgB;AAAA;AAAA,QAEhBG,CAAY;AAAA,UACVF,EAAqBS,GAAM,EAAI,CAAC;AAAA,UAChCK,GAAW;AAAA,UACXhB,EAAqBe,GAAOJ,GAAME,CAAS,CAAC;AAAA,UAC5CK,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,UAIpCT,CAAY;AAAA,YACVe,EAAeJ,CAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,UAKvBX,CAAY;AAAA,YACVY,EAAUI,EAAO,KAAK,CAAC;AAAA,YACvBF,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,QAIxCC,KACFL;AAAA;AAAA,YAEMS,EAAmBH,GAAOF,CAAS,CAAC;AAAA;AAAA,OAEzC;AAAA;AAEL,CAAC;AAAA;"}

package/build/esm/components/Select/components/Option/Option.js

@@ -1,5 +1,5 @@
 import { Option as o } from "rc-select";
-const t = o, p = t;
+const p = o;
 export {
   p as default
 };

package/build/esm/components/Select/components/Option/Option.js.map

@@ -1 +1 @@
-{"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import { Option as RCOption } from 'rc-select';\nimport { OptionProps } from 'rc-select/lib/Option';\n\nexport interface IOptionProps extends OptionProps {}\n\nconst Option = RCOption;\n\nexport default Option;\n"],"names":["Option","RCOption","Option$1"],"mappings":";AAKA,MAAMA,IAASC,GAEfC,IAAeF;"}
+{"version":3,"file":"Option.js","sources":["../../../../../../src/components/Select/components/Option/Option.tsx"],"sourcesContent":["import { Option as RCOption } from 'rc-select';\nimport { OptionProps } from 'rc-select/lib/Option';\n\nexport interface IOptionProps extends OptionProps {}\n\nconst Option = RCOption;\n\nexport default Option;\n"],"names":["Option","RCOption"],"mappings":";AAKA,MAAMA,IAASC;"}

package/build/esm/components/Select/components/OptionGroup/OptionGroup.js

@@ -1,6 +1,6 @@
 import { OptGroup as o } from "rc-select";
-const p = o, r = p;
+const t = o;
 export {
-  r as default
+  t as default
 };
 //# sourceMappingURL=OptionGroup.js.map

package/build/esm/components/Select/components/OptionGroup/OptionGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import { OptGroup as RCOptionGroup } from 'rc-select';\nimport { OptGroupProps } from 'rc-select/lib/OptGroup';\n\nexport interface IOptionGroupProps extends OptGroupProps {}\n\nconst OptionGroup = RCOptionGroup;\n\nexport default OptionGroup;\n"],"names":["OptionGroup","RCOptionGroup","OptionGroup$1"],"mappings":";AAKA,MAAMA,IAAcC,GAEpBC,IAAeF;"}
+{"version":3,"file":"OptionGroup.js","sources":["../../../../../../src/components/Select/components/OptionGroup/OptionGroup.tsx"],"sourcesContent":["import { OptGroup as RCOptionGroup } from 'rc-select';\nimport { OptGroupProps } from 'rc-select/lib/OptGroup';\n\nexport interface IOptionGroupProps extends OptGroupProps {}\n\nconst OptionGroup = RCOptionGroup;\n\nexport default OptionGroup;\n"],"names":["OptionGroup","RCOptionGroup"],"mappings":";AAKA,MAAMA,IAAcC;"}

package/build/esm/components/Select/utils/selectedOptionTagStyleUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectedOptionTagStyleUtils.js","sources":["../../../../../src/components/Select/utils/selectedOptionTagStyleUtils.ts"],"sourcesContent":["import { LayerColorsType, getThemeLayer, LayerColor } from 'acinguiux-ds-react-base';\r\nimport { StateType, Surfaces, Emphasises, Sentiments } from 'acinguiux-ds-fabrics';\r\n\r\nconst getSelectedOptionTagLayer = (state?: StateType, disabled?: boolean, emphasis?: boolean): LayerColorsType => {\r\n  const modes = {\r\n    sentiment: !disabled && Sentiments.Selected,\r\n    surface: disabled && Surfaces.Section,\r\n    emphasis: !emphasis && Emphasises.Muted,\r\n  };\r\n\r\n  return getThemeLayer(state, modes);\r\n};\r\n\r\nexport const getSelectedOptionTagStyles = (state?: StateType, disabled?: boolean, emphasis?: boolean) => {\r\n  const layer = getSelectedOptionTagLayer(state, disabled, emphasis);\r\n\r\n  return {\r\n    backgroundColor: layer[LayerColor[!disabled ? 'BackgroundSentiment' : 'BackgroundSurface']],\r\n    borderColor: layer[LayerColor[!disabled ? 'BorderOnSentimentColour' : 'BorderOnSurfaceMedium']],\r\n    color: layer[LayerColor[!disabled ? 'TextOnSentimentDefault' : 'TextOnSurfaceSubtle']],\r\n  };\r\n};\r\n"],"names":["getSelectedOptionTagLayer","state","disabled","emphasis","modes","Sentiments","Surfaces","Emphasises","getThemeLayer","getSelectedOptionTagStyles","layer","LayerColor"],"mappings":";;;AAGA,MAAMA,IAA4B,CAACC,GAAmBC,GAAoBC,MAAwC;AAChH,QAAMC,IAAQ;AAAA,IACZ,WAAW,CAACF,KAAYG,EAAW;AAAA,IACnC,SAASH,KAAYI,EAAS;AAAA,IAC9B,UAAU,CAACH,KAAYI,EAAW;AAAA,EAAA;AAG7B,SAAAC,EAAcP,GAAOG,CAAK;AACnC,GAEaK,IAA6B,CAACR,GAAmBC,GAAoBC,MAAuB;AACvG,QAAMO,IAAQV,EAA0BC,GAAOC,GAAUC,CAAQ;AAE1D,SAAA;AAAA,IACL,iBAAiBO,EAAMC,EAAYT,IAAmC,sBAAxB,qBAA2C,CAAC;AAAA,IAC1F,aAAaQ,EAAMC,EAAYT,IAAuC,0BAA5B,yBAAmD,CAAC;AAAA,IAC9F,OAAOQ,EAAMC,EAAYT,IAAsC,wBAA3B,wBAAgD,CAAC;AAAA,EAAA;AAEzF;"}
+{"version":3,"file":"selectedOptionTagStyleUtils.js","sources":["../../../../../src/components/Select/utils/selectedOptionTagStyleUtils.ts"],"sourcesContent":["import { LayerColorsType, getThemeLayer, LayerColor } from 'acinguiux-ds-react-base';\nimport { StateType, Surfaces, Emphasises, Sentiments } from 'acinguiux-ds-fabrics';\n\nconst getSelectedOptionTagLayer = (state?: StateType, disabled?: boolean, emphasis?: boolean): LayerColorsType => {\n  const modes = {\n    sentiment: !disabled && Sentiments.Selected,\n    surface: disabled && Surfaces.Section,\n    emphasis: !emphasis && Emphasises.Muted,\n  };\n\n  return getThemeLayer(state, modes);\n};\n\nexport const getSelectedOptionTagStyles = (state?: StateType, disabled?: boolean, emphasis?: boolean) => {\n  const layer = getSelectedOptionTagLayer(state, disabled, emphasis);\n\n  return {\n    backgroundColor: layer[LayerColor[!disabled ? 'BackgroundSentiment' : 'BackgroundSurface']],\n    borderColor: layer[LayerColor[!disabled ? 'BorderOnSentimentColour' : 'BorderOnSurfaceMedium']],\n    color: layer[LayerColor[!disabled ? 'TextOnSentimentDefault' : 'TextOnSurfaceSubtle']],\n  };\n};\n"],"names":["getSelectedOptionTagLayer","state","disabled","emphasis","modes","Sentiments","Surfaces","Emphasises","getThemeLayer","getSelectedOptionTagStyles","layer","LayerColor"],"mappings":";;;AAGA,MAAMA,IAA4B,CAACC,GAAmBC,GAAoBC,MAAwC;AAChH,QAAMC,IAAQ;AAAA,IACZ,WAAW,CAACF,KAAYG,EAAW;AAAA,IACnC,SAASH,KAAYI,EAAS;AAAA,IAC9B,UAAU,CAACH,KAAYI,EAAW;AAAA,EACpC;AAEO,SAAAC,EAAcP,GAAOG,CAAK;AACnC,GAEaK,IAA6B,CAACR,GAAmBC,GAAoBC,MAAuB;AACvG,QAAMO,IAAQV,EAA0BC,GAAOC,GAAUC,CAAQ;AAE1D,SAAA;AAAA,IACL,iBAAiBO,EAAMC,EAAYT,IAAmC,sBAAxB,qBAA2C,CAAC;AAAA,IAC1F,aAAaQ,EAAMC,EAAYT,IAAuC,0BAA5B,yBAAmD,CAAC;AAAA,IAC9F,OAAOQ,EAAMC,EAAYT,IAAsC,wBAA3B,wBAAgD,CAAC;AAAA,EACvF;AACF;"}

package/build/esm/components/Slider/RangeSlider.d.ts

@@ -1,14 +1,17 @@
 import React from 'react';
-declare const RangeSlider: React.ForwardRefExoticComponent<{
-    size?: import("./Slider.types").SliderSize | undefined;
+import { SliderProps } from 'rc-slider';
+import { SliderTypes } from '..\..\react-base\src';
+declare const RangeSlider: React.ForwardRefExoticComponent<SliderProps<number | number[]> & {
+    size?: SliderTypes.Size | undefined;
     prefixCls?: string | undefined;
     disabled?: boolean | undefined;
-    labelAlignment?: import("./Slider.types").SliderLabelAlignment | undefined;
-    labelPosition?: import("./Slider.types").SliderLabelPosition | undefined;
+    labelAlignment?: SliderTypes.LabelAlignment | undefined;
+    labelPosition?: SliderTypes.LabelPosition | undefined;
     inputValues?: boolean | undefined;
     labelMin?: boolean | undefined;
     labelMax?: boolean | undefined;
-} & Omit<import("rc-slider").SliderProps<number | number[]>, "value" | "defaultValue" | "range"> & {
+    reverse?: boolean | undefined;
+} & {
     value?: number[] | undefined;
     defaultValue?: number[] | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Slider/RangeSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAWxG,QAAA,MAAM,WAAW;;;;;;;;;;;;wCA2HhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAGxG,OAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAA8C,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMlG,QAAA,MAAM,WAAW;;;;;;;;;;;;;wCA2HhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/build/esm/components/Slider/RangeSlider.js

@@ -1,19 +1,19 @@
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import { forwardRef as H, useState as _, useMemo as $, useEffect as q } from "react";
-import v from "classnames";
-import y from "rc-slider";
-import l from "./components/Value/Value.js";
-import { Slider as A, RangeLabels as B } from "./Slider.styles.js";
+import { forwardRef as H, useState as _, useMemo as q, useEffect as v } from "react";
+import y from "classnames";
+import A from "rc-slider";
+import C from "./components/Value/Value.js";
+import { Slider as B, RangeLabels as G } from "./Slider.styles.js";
 import j from "../Text/components/Label/Label.js";
-import { Positions as d, SLIDER_CLASS as C, Alignments as a, Sizes as G } from "../../react-base/src/consts.js";
-const J = H(
+import { Positions as d, SLIDER_CLASS as l, Alignments as h, Sizes as J } from "../../react-base/src/consts.js";
+const $ = H(
   ({
     className: w,
-    size: h = G.Medium,
+    size: m = J.Medium,
     defaultValue: p = [0, 0],
-    labelAlignment: e = a.LeftAndRight,
+    labelAlignment: e = h.LeftAndRight,
     labelPosition: x = d.Side,
-    onChange: m,
+    onChange: a,
     reverse: f = !1,
     disabled: t = !1,
     value: s,
@@ -25,23 +25,23 @@ const J = H(
     labelMax: M,
     ...P
   }, D) => {
-    const [r, R] = _(p), S = $(
+    const [r, L] = _(p), S = q(
       () => g || n ? d.Side : x,
       [g, n, x]
     ), F = (c) => {
-      m && m(c), R(c);
-    }, L = (c) => ({ target: u }) => {
+      a && a(c), L(c);
+    }, R = (c) => ({ target: u }) => {
       let o = r || [];
-      c === "min" ? o = [Number(u.value), o[1]] : o = [o[0], Number(u.value)], m && m(o), R(o);
+      c === "min" ? o = [Number(u.value), o[1]] : o = [o[0], Number(u.value)], a && a(o), L(o);
     };
-    return q(() => {
-      s && R(s);
+    return v(() => {
+      s && L(s);
     }, [s]), /* @__PURE__ */ I(
-      A,
+      B,
       {
-        className: v(C, w),
-        prefixCls: C,
-        size: h,
+        className: y(l, w),
+        prefixCls: l,
+        size: m,
         labelAlignment: e,
         labelPosition: S,
         reverse: f,
@@ -49,26 +49,26 @@ const J = H(
         ref: D,
         children: [
           r && /* @__PURE__ */ I(
-            B,
+            G,
             {
-              grow: e === a.LeftAndRight && S !== d.Side,
+              grow: e === h.LeftAndRight && S !== d.Side,
               children: [
                 e && e !== "none" && /* @__PURE__ */ i(
-                  l,
+                  C,
                   {
-                    size: h,
-                    value: String(e === a.Right || f ? r[1] : r[0]),
-                    handleOnChange: L("min"),
+                    size: m,
+                    value: String(e === h.Right || f ? r[1] : r[0]),
+                    handleOnChange: R("min"),
                     inputValues: n,
                     disabled: t
                   }
                 ),
-                e === a.LeftAndRight && S !== d.Side && /* @__PURE__ */ i(
-                  l,
+                e === h.LeftAndRight && S !== d.Side && /* @__PURE__ */ i(
+                  C,
                   {
-                    size: h,
+                    size: m,
                     value: String(r[f ? 0 : 1]),
-                    handleOnChange: L("min"),
+                    handleOnChange: R("min"),
                     inputValues: n,
                     disabled: t
                   }
@@ -78,9 +78,9 @@ const J = H(
           ),
           E && n && /* @__PURE__ */ i(j, { children: O }),
           /* @__PURE__ */ i(
-            y,
+            A,
             {
-              prefixCls: C,
+              prefixCls: l,
               defaultValue: p,
               onChange: F,
               reverse: f,
@@ -95,12 +95,12 @@ const J = H(
             }
           ),
           M && n && /* @__PURE__ */ i(j, { children: N }),
-          r && e === a.LeftAndRight && S === d.Side && /* @__PURE__ */ i(
-            l,
+          r && e === h.LeftAndRight && S === d.Side && /* @__PURE__ */ i(
+            C,
             {
-              size: h,
+              size: m,
               value: String(r[f ? 0 : 1]),
-              handleOnChange: L("max"),
+              handleOnChange: R("max"),
               inputValues: n,
               disabled: t
             }
@@ -109,8 +109,8 @@ const J = H(
       }
     );
   }
-), k = J;
+);
 export {
-  k as default
+  $ as default
 };
 //# sourceMappingURL=RangeSlider.js.map

package/build/esm/components/Slider/RangeSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport { IRangeSliderProps, RCSliderValueType } from './Slider.types';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst RangeSlider = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      defaultValue = [0, 0],\r\n      labelAlignment = Alignments.LeftAndRight,\r\n      labelPosition = Positions.Side,\r\n      onChange,\r\n      reverse = false,\r\n      disabled = false,\r\n      value,\r\n      min = 0,\r\n      max = 100,\r\n      marks,\r\n      inputValues = false,\r\n      labelMin,\r\n      labelMax,\r\n      ...rest\r\n    }: IRangeSliderProps,\r\n    ref: Ref<HTMLDivElement>,\r\n  ): ReactElement => {\r\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\r\n\r\n    const innerLabelPosition = useMemo(\r\n      () => (marks || inputValues ? Positions.Side : labelPosition),\r\n      [marks, inputValues, labelPosition],\r\n    );\r\n\r\n    const handleOnChange = (newValue: number[]) => {\r\n      if (onChange) {\r\n        onChange(newValue);\r\n      }\r\n      setInnerValue(newValue);\r\n    };\r\n\r\n    const handleInputOnChange =\r\n      (valueType: 'min' | 'max') =>\r\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\r\n        let newValue = innerValue || [];\r\n\r\n        if (valueType === 'min') {\r\n          newValue = [Number(target.value), newValue[1]];\r\n        } else {\r\n          newValue = [newValue[0], Number(target.value)];\r\n        }\r\n\r\n        if (onChange) {\r\n          onChange(newValue);\r\n        }\r\n\r\n        setInnerValue(newValue);\r\n      };\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setInnerValue(value);\r\n      }\r\n    }, [value]);\r\n\r\n    return (\r\n      <Styled.Slider\r\n        className={classNames(SLIDER_CLASS, className)}\r\n        prefixCls={SLIDER_CLASS}\r\n        size={size}\r\n        labelAlignment={labelAlignment}\r\n        labelPosition={innerLabelPosition}\r\n        reverse={reverse}\r\n        disabled={disabled}\r\n        ref={ref}\r\n      >\r\n        {innerValue && (\r\n          <Styled.RangeLabels\r\n            grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\r\n          >\r\n            {labelAlignment && labelAlignment !== 'none' && (\r\n              <Value\r\n                size={size}\r\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\r\n              <Value\r\n                size={size}\r\n                value={String(innerValue[reverse ? 0 : 1])}\r\n                handleOnChange={handleInputOnChange('min')}\r\n                inputValues={inputValues}\r\n                disabled={disabled}\r\n              />\r\n            )}\r\n          </Styled.RangeLabels>\r\n        )}\r\n        {labelMin && inputValues && <Label>{min}</Label>}\r\n        <RCSlider\r\n          prefixCls={SLIDER_CLASS}\r\n          defaultValue={defaultValue}\r\n          onChange={handleOnChange as RCSliderValueType}\r\n          reverse={reverse}\r\n          disabled={disabled}\r\n          value={innerValue}\r\n          marks={marks}\r\n          ariaLabelForHandle=\"range-slider\"\r\n          min={min}\r\n          max={max}\r\n          {...rest}\r\n          range\r\n        />\r\n        {labelMax && inputValues && <Label>{max}</Label>}\r\n        {innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\r\n          <Value\r\n            size={size}\r\n            value={String(innerValue[reverse ? 0 : 1])}\r\n            handleOnChange={handleInputOnChange('max')}\r\n            inputValues={inputValues}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n      </Styled.Slider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default RangeSlider;\r\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider","RangeSlider$1"],"mappings":"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"}
+{"version":3,"file":"RangeSlider.js","sources":["../../../../src/components/Slider/RangeSlider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst RangeSlider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = [0, 0],\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Side,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      marks,\n      inputValues = false,\n      labelMin,\n      labelMax,\n      ...rest\n    }: SliderProps & SliderTypes.IRangeProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number[]>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number[]) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange =\n      (valueType: 'min' | 'max') =>\n      ({ target }: ChangeEvent<HTMLInputElement>) => {\n        let newValue = innerValue || [];\n\n        if (valueType === 'min') {\n          newValue = [Number(target.value), newValue[1]];\n        } else {\n          newValue = [newValue[0], Number(target.value)];\n        }\n\n        if (onChange) {\n          onChange(newValue);\n        }\n\n        setInnerValue(newValue);\n      };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {innerValue && (\n          <Styled.RangeLabels\n            grow={labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side}\n          >\n            {labelAlignment && labelAlignment !== 'none' && (\n              <Value\n                size={size}\n                value={String(labelAlignment === Alignments.Right || reverse ? innerValue[1] : innerValue[0])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n            {labelAlignment === Alignments.LeftAndRight && innerLabelPosition !== Positions.Side && (\n              <Value\n                size={size}\n                value={String(innerValue[reverse ? 0 : 1])}\n                handleOnChange={handleInputOnChange('min')}\n                inputValues={inputValues}\n                disabled={disabled}\n              />\n            )}\n          </Styled.RangeLabels>\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"range-slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n        {innerValue && labelAlignment === Alignments.LeftAndRight && innerLabelPosition === Positions.Side && (\n          <Value\n            size={size}\n            value={String(innerValue[reverse ? 0 : 1])}\n            handleOnChange={handleInputOnChange('max')}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default RangeSlider;\n"],"names":["RangeSlider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","marks","inputValues","labelMin","labelMax","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","valueType","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","Styled.RangeLabels","jsx","Value","Label","RCSlider"],"mappings":"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"}

package/build/esm/components/Slider/Slider.d.ts

@@ -1,14 +1,17 @@
 import React from 'react';
-declare const Slider: React.ForwardRefExoticComponent<{
-    size?: import("./Slider.types").SliderSize | undefined;
+import { SliderProps } from 'rc-slider';
+import { SliderTypes } from '..\..\react-base\src';
+declare const Slider: React.ForwardRefExoticComponent<SliderProps<number | number[]> & {
+    size?: SliderTypes.Size | undefined;
     prefixCls?: string | undefined;
     disabled?: boolean | undefined;
-    labelAlignment?: import("./Slider.types").SliderLabelAlignment | undefined;
-    labelPosition?: import("./Slider.types").SliderLabelPosition | undefined;
+    labelAlignment?: SliderTypes.LabelAlignment | undefined;
+    labelPosition?: SliderTypes.LabelPosition | undefined;
     inputValues?: boolean | undefined;
     labelMin?: boolean | undefined;
     labelMax?: boolean | undefined;
-} & Omit<import("rc-slider").SliderProps<number | number[]>, "value" | "defaultValue" | "range"> & {
+    reverse?: boolean | undefined;
+} & {
     value?: number | undefined;
     defaultValue?: number | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/build/esm/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAWxG,QAAA,MAAM,MAAM;;;;;;;;;;;;wCAwFX,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmF,MAAM,OAAO,CAAC;AAGxG,OAAiB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,EAA8C,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAMlG,QAAA,MAAM,MAAM;;;;;;;;;;;;;wCAwFX,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/build/esm/components/Slider/Slider.js

@@ -1,17 +1,17 @@
 import { jsxs as A, jsx as i } from "react/jsx-runtime";
-import { forwardRef as E, useState as M, useMemo as P, useEffect as $ } from "react";
-import v from "classnames";
-import B from "rc-slider";
-import D from "./components/Value/Value.js";
-import { Slider as F } from "./Slider.styles.js";
+import { forwardRef as E, useState as M, useMemo as P, useEffect as v } from "react";
+import B from "classnames";
+import D from "rc-slider";
+import F from "./components/Value/Value.js";
+import { Slider as H } from "./Slider.styles.js";
 import C from "../Text/components/Label/Label.js";
-import { Positions as x, SLIDER_CLASS as l, Sizes as H, Alignments as _ } from "../../react-base/src/consts.js";
-const q = E(
+import { Positions as x, SLIDER_CLASS as m, Sizes as _, Alignments as $ } from "../../react-base/src/consts.js";
+const T = E(
   ({
     className: N,
-    size: m = H.Medium,
+    size: l = _.Medium,
     defaultValue: a = 0,
-    labelAlignment: d = _.LeftAndRight,
+    labelAlignment: d = $.LeftAndRight,
     labelPosition: c = x.Bottom,
     onChange: o,
     reverse: S = !1,
@@ -33,14 +33,14 @@ const q = E(
     }, j = ({ target: r }) => {
       o && o(Number(r.value)), t(Number(r.value));
     };
-    return $(() => {
+    return v(() => {
       f && t(f);
     }, [f]), /* @__PURE__ */ A(
-      F,
+      H,
       {
-        className: v(l, N),
-        prefixCls: l,
-        size: m,
+        className: B(m, N),
+        prefixCls: m,
+        size: l,
         labelAlignment: d,
         labelPosition: O,
         reverse: S,
@@ -48,9 +48,9 @@ const q = E(
         ref: I,
         children: [
           d !== "none" && /* @__PURE__ */ i(
-            D,
+            F,
             {
-              size: m,
+              size: l,
               value: String(L),
               handleOnChange: j,
               inputValues: e,
@@ -59,9 +59,9 @@ const q = E(
           ),
           R && e && /* @__PURE__ */ i(C, { children: h }),
           /* @__PURE__ */ i(
-            B,
+            D,
             {
-              prefixCls: l,
+              prefixCls: m,
               defaultValue: a,
               onChange: b,
               reverse: S,
@@ -80,8 +80,8 @@ const q = E(
       }
     );
   }
-), U = q;
+);
 export {
-  U as default
+  T as default
 };
 //# sourceMappingURL=Slider.js.map

package/build/esm/components/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\r\n\r\nimport classNames from 'classnames';\r\nimport RCSlider from 'rc-slider';\r\nimport { Positions, Sizes, Alignments, SLIDER_CLASS } from 'acinguiux-ds-react-base';\r\n\r\nimport Value from './components/Value/Value';\r\nimport * as Styled from './Slider.styles';\r\nimport { ISliderProps, RCSliderValueType } from './Slider.types';\r\nimport Label from '../Text/components/Label/Label';\r\n\r\nconst Slider = forwardRef(\r\n  (\r\n    {\r\n      className,\r\n      size = Sizes.Medium,\r\n      defaultValue = 0,\r\n      labelAlignment = Alignments.LeftAndRight,\r\n      labelPosition = Positions.Bottom,\r\n      onChange,\r\n      reverse = false,\r\n      disabled = false,\r\n      value,\r\n      min = 0,\r\n      max = 100,\r\n      labelMin,\r\n      labelMax,\r\n      marks,\r\n      inputValues = false,\r\n      ...rest\r\n    }: ISliderProps,\r\n    ref: Ref<HTMLDivElement>,\r\n  ): ReactElement => {\r\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\r\n\r\n    const innerLabelPosition = useMemo(\r\n      () => (marks || inputValues ? Positions.Side : labelPosition),\r\n      [marks, inputValues, labelPosition],\r\n    );\r\n\r\n    const handleOnChange = (newValue: number) => {\r\n      if (onChange) {\r\n        onChange(newValue);\r\n      }\r\n      setInnerValue(newValue);\r\n    };\r\n\r\n    const handleInputOnChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\r\n      if (onChange) {\r\n        onChange(Number(target.value));\r\n      }\r\n      setInnerValue(Number(target.value));\r\n    };\r\n\r\n    useEffect(() => {\r\n      if (value) {\r\n        setInnerValue(value);\r\n      }\r\n    }, [value]);\r\n\r\n    return (\r\n      <Styled.Slider\r\n        className={classNames(SLIDER_CLASS, className)}\r\n        prefixCls={SLIDER_CLASS}\r\n        size={size}\r\n        labelAlignment={labelAlignment}\r\n        labelPosition={innerLabelPosition}\r\n        reverse={reverse}\r\n        disabled={disabled}\r\n        ref={ref}\r\n      >\r\n        {labelAlignment !== 'none' && (\r\n          <Value\r\n            size={size}\r\n            value={String(innerValue)}\r\n            handleOnChange={handleInputOnChange}\r\n            inputValues={inputValues}\r\n            disabled={disabled}\r\n          />\r\n        )}\r\n        {labelMin && inputValues && <Label>{min}</Label>}\r\n        <RCSlider\r\n          prefixCls={SLIDER_CLASS}\r\n          defaultValue={defaultValue}\r\n          onChange={handleOnChange as RCSliderValueType}\r\n          reverse={reverse}\r\n          disabled={disabled}\r\n          value={innerValue}\r\n          marks={marks}\r\n          ariaLabelForHandle=\"slider\"\r\n          min={min}\r\n          max={max}\r\n          {...rest}\r\n          range={false}\r\n        />\r\n        {labelMax && inputValues && <Label>{max}</Label>}\r\n      </Styled.Slider>\r\n    );\r\n  },\r\n);\r\n\r\nexport default Slider;\r\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider","Slider$1"],"mappings":";;;;;;;;AAWA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiBC,EAAW;AAAA,IAC5B,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAcV,EAAU,OAAOD;AAAA,MAC/C,CAACU,GAAOC,GAAaX,CAAa;AAAA,IAAA,GAG9BmB,IAAiB,CAACC,MAAqB;AAC3C,MAAIlB,KACFA,EAASkB,CAAQ,GAEnBL,EAAcK,CAAQ;AAAA,IAAA,GAGlBC,IAAsB,CAAC,EAAE,QAAAC,QAA4C;AACzE,MAAIpB,KACOA,EAAA,OAAOoB,EAAO,KAAK,CAAC,GAEjBP,EAAA,OAAOO,EAAO,KAAK,CAAC;AAAA,IAAA;AAGpC,WAAAC,EAAU,MAAM;AACd,MAAIlB,KACFU,EAAcV,CAAK;AAAA,IACrB,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAmB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcjC,CAAS;AAAA,QAC7C,WAAWiC;AAAA,QACX,MAAAhC;AAAA,QACA,gBAAAG;AAAA,QACA,eAAemB;AAAA,QACf,SAAAd;AAAA,QACA,UAAAC;AAAA,QACA,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA8B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAlC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UACF;AAAA,UAEDI,KAAYG,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIxB,GAAA;AAAA,UACxC,gBAAAsB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA9B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACCH,KAAYE,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIvB,GAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9C;AACF,GAEAyB,IAAexC;"}
+{"version":3,"file":"Slider.js","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import React, { forwardRef, ReactElement, Ref, useEffect, useMemo, useState, ChangeEvent } from 'react';\n\nimport classNames from 'classnames';\nimport RCSlider, { SliderProps } from 'rc-slider';\nimport { Positions, Sizes, Alignments, SLIDER_CLASS, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport Value from './components/Value/Value';\nimport * as Styled from './Slider.styles';\nimport Label from '../Text/components/Label/Label';\n\nconst Slider = forwardRef(\n  (\n    {\n      className,\n      size = Sizes.Medium,\n      defaultValue = 0,\n      labelAlignment = Alignments.LeftAndRight,\n      labelPosition = Positions.Bottom,\n      onChange,\n      reverse = false,\n      disabled = false,\n      value,\n      min = 0,\n      max = 100,\n      labelMin,\n      labelMax,\n      marks,\n      inputValues = false,\n      ...rest\n    }: SliderProps & SliderTypes.IProps,\n    ref: Ref<HTMLDivElement>,\n  ): ReactElement => {\n    const [innerValue, setInnerValue] = useState<number>(defaultValue);\n\n    const innerLabelPosition = useMemo(\n      () => (marks || inputValues ? Positions.Side : labelPosition),\n      [marks, inputValues, labelPosition],\n    );\n\n    const handleOnChange = (newValue: number) => {\n      if (onChange) {\n        onChange(newValue);\n      }\n      setInnerValue(newValue);\n    };\n\n    const handleInputOnChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      if (onChange) {\n        onChange(Number(target.value));\n      }\n      setInnerValue(Number(target.value));\n    };\n\n    useEffect(() => {\n      if (value) {\n        setInnerValue(value);\n      }\n    }, [value]);\n\n    return (\n      <Styled.Slider\n        className={classNames(SLIDER_CLASS, className)}\n        prefixCls={SLIDER_CLASS}\n        size={size}\n        labelAlignment={labelAlignment}\n        labelPosition={innerLabelPosition}\n        reverse={reverse}\n        disabled={disabled}\n        ref={ref}\n      >\n        {labelAlignment !== 'none' && (\n          <Value\n            size={size}\n            value={String(innerValue)}\n            handleOnChange={handleInputOnChange}\n            inputValues={inputValues}\n            disabled={disabled}\n          />\n        )}\n        {labelMin && inputValues && <Label>{min}</Label>}\n        <RCSlider\n          prefixCls={SLIDER_CLASS}\n          defaultValue={defaultValue}\n          onChange={handleOnChange as SliderTypes.RCSliderValueType}\n          reverse={reverse}\n          disabled={disabled}\n          value={innerValue}\n          marks={marks}\n          ariaLabelForHandle=\"slider\"\n          min={min}\n          max={max}\n          {...rest}\n          range={false}\n        />\n        {labelMax && inputValues && <Label>{max}</Label>}\n      </Styled.Slider>\n    );\n  },\n);\n\nexport default Slider;\n"],"names":["Slider","forwardRef","className","size","Sizes","defaultValue","labelAlignment","Alignments","labelPosition","Positions","onChange","reverse","disabled","value","min","max","labelMin","labelMax","marks","inputValues","rest","ref","innerValue","setInnerValue","useState","innerLabelPosition","useMemo","handleOnChange","newValue","handleInputOnChange","target","useEffect","jsxs","Styled.Slider","classNames","SLIDER_CLASS","jsx","Value","Label","RCSlider"],"mappings":";;;;;;;;AAUA,MAAMA,IAASC;AAAA,EACb,CACE;AAAA,IACE,WAAAC;AAAA,IACA,MAAAC,IAAOC,EAAM;AAAA,IACb,cAAAC,IAAe;AAAA,IACf,gBAAAC,IAAiBC,EAAW;AAAA,IAC5B,eAAAC,IAAgBC,EAAU;AAAA,IAC1B,UAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,IACV,UAAAC,IAAW;AAAA,IACX,OAAAC;AAAA,IACA,KAAAC,IAAM;AAAA,IACN,KAAAC,IAAM;AAAA,IACN,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,GAAGC;AAAA,KAELC,MACiB;AACjB,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAiBnB,CAAY,GAE3DoB,IAAqBC;AAAA,MACzB,MAAOR,KAASC,IAAcV,EAAU,OAAOD;AAAA,MAC/C,CAACU,GAAOC,GAAaX,CAAa;AAAA,IACpC,GAEMmB,IAAiB,CAACC,MAAqB;AAC3C,MAAIlB,KACFA,EAASkB,CAAQ,GAEnBL,EAAcK,CAAQ;AAAA,IACxB,GAEMC,IAAsB,CAAC,EAAE,QAAAC,QAA4C;AACzE,MAAIpB,KACOA,EAAA,OAAOoB,EAAO,KAAK,CAAC,GAEjBP,EAAA,OAAOO,EAAO,KAAK,CAAC;AAAA,IACpC;AAEA,WAAAC,EAAU,MAAM;AACd,MAAIlB,KACFU,EAAcV,CAAK;AAAA,IACrB,GACC,CAACA,CAAK,CAAC,GAGR,gBAAAmB;AAAA,MAACC;AAAAA,MAAA;AAAA,QACC,WAAWC,EAAWC,GAAcjC,CAAS;AAAA,QAC7C,WAAWiC;AAAA,QACX,MAAAhC;AAAA,QACA,gBAAAG;AAAA,QACA,eAAemB;AAAA,QACf,SAAAd;AAAA,QACA,UAAAC;AAAA,QACA,KAAAS;AAAA,QAEC,UAAA;AAAA,UAAAf,MAAmB,UAClB,gBAAA8B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,MAAAlC;AAAA,cACA,OAAO,OAAOmB,CAAU;AAAA,cACxB,gBAAgBO;AAAA,cAChB,aAAAV;AAAA,cACA,UAAAP;AAAA,YAAA;AAAA,UACF;AAAA,UAEDI,KAAYG,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIxB,GAAA;AAAA,UACxC,gBAAAsB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAWJ;AAAA,cACX,cAAA9B;AAAA,cACA,UAAUsB;AAAA,cACV,SAAAhB;AAAA,cACA,UAAAC;AAAA,cACA,OAAOU;AAAA,cACP,OAAAJ;AAAA,cACA,oBAAmB;AAAA,cACnB,KAAAJ;AAAA,cACA,KAAAC;AAAA,cACC,GAAGK;AAAA,cACJ,OAAO;AAAA,YAAA;AAAA,UACT;AAAA,UACCH,KAAYE,KAAgB,gBAAAiB,EAAAE,GAAA,EAAO,UAAIvB,EAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1C;AAAA,EAAA;AAGN;"}

package/build/esm/components/Slider/Slider.styles.d.ts

@@ -1,5 +1,5 @@
-import { ISliderProps } from './Slider.types';
-declare const Slider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<ISliderProps, "disabled" | "reverse" | "size" | "prefixCls" | "labelAlignment" | "labelPosition">>, never>;
+import { SliderTypes } from '..\..\react-base\src';
+declare const Slider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Required<Pick<SliderTypes.IProps, "disabled" | "reverse" | "size" | "prefixCls" | "labelAlignment" | "labelPosition">>, never>;
 declare const RangeLabels: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     grow: boolean;
 }, never>;

package/build/esm/components/Slider/Slider.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.styles.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,QAAA,MAAM,MAAM,uNAyIX,CAAC;AAEF,QAAA,MAAM,WAAW;UAAsB,OAAO;SAO7C,CAAC;AAEF,QAAA,MAAM,OAAO,yGAGZ,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Slider.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/Slider.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAwE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ5H,QAAA,MAAM,MAAM,6NAyIX,CAAC;AAEF,QAAA,MAAM,WAAW;UAAsB,OAAO;SAO7C,CAAC;AAEF,QAAA,MAAM,OAAO,yGAGZ,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC"}

package/build/esm/components/Slider/Slider.styles.js

@@ -1,13 +1,13 @@
 import i, { css as c } from "styled-components";
-import { sliderConsts as t } from "./Slider.consts.js";
-import { getFlexDirectionForLabel as g, getAlignItemsForLabel as s } from "./utils/styleUtils.js";
-import { Positions as e, Alignments as f, Sizes as u, ZIndexes as b } from "../../react-base/src/consts.js";
+import { getFlexDirectionForLabel as g, getAlignItemsForLabel as f } from "./utils/styleUtils.js";
+import { Positions as e, Alignments as s, Sizes as u, ZIndexes as b } from "../../react-base/src/consts.js";
+import { consts as t } from "../../react-base/src/components/Slider/Slider.consts.js";
 import { getFocusStyles as p } from "../../react-base/src/utils/stylesUtils.js";
 const w = i.div`
   ${({ prefixCls: r, size: a, theme: o, labelAlignment: l, labelPosition: n, reverse: $, disabled: d }) => c`
     display: flex;
     flex-direction: ${g(l, n)};
-    align-items: ${s(l, n)};
+    align-items: ${f(l, n)};
     justify-content: ${(n === e.Bottom || n === e.Top) && "center"};
     column-gap: ${t[a].gap};
     width: 100%;
@@ -16,7 +16,7 @@ const w = i.div`
     ${n === e.Side && c`
       .${r}-value {
         width: 32px;
-        text-align: ${l === f.Right ? "left" : "right"};
+        text-align: ${l === s.Right ? "left" : "right"};
       }
     `}
 

package/build/esm/components/Slider/Slider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\r\nimport { Positions, Alignments, Sizes, ZIndexes, getFocusStyles } from 'acinguiux-ds-react-base';\r\n\r\nimport { sliderConsts } from './Slider.consts';\r\nimport { ISliderProps } from './Slider.types';\r\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\r\n\r\ntype SliderProps = Required<\r\n  Pick<ISliderProps, 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse' | 'disabled'>\r\n>;\r\n\r\nconst Slider = styled.div<SliderProps>`\r\n  ${({ prefixCls, size, theme, labelAlignment, labelPosition, reverse, disabled }) => css`\r\n    display: flex;\r\n    flex-direction: ${getFlexDirectionForLabel(labelAlignment, labelPosition)};\r\n    align-items: ${getAlignItemsForLabel(labelAlignment, labelPosition)};\r\n    justify-content: ${(labelPosition === Positions.Bottom || labelPosition === Positions.Top) && 'center'};\r\n    column-gap: ${sliderConsts[size].gap};\r\n    width: 100%;\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n\r\n    ${labelPosition === Positions.Side &&\r\n    css`\r\n      .${prefixCls}-value {\r\n        width: 32px;\r\n        text-align: ${labelAlignment === Alignments.Right ? 'left' : 'right'};\r\n      }\r\n    `}\r\n\r\n    .${prefixCls} {\r\n      height: ${sliderConsts[size].handler.size};\r\n      position: relative;\r\n      width: ${labelPosition === Positions.Side ? 'calc(100% - 32px)' : '100%'};\r\n      cursor: pointer;\r\n\r\n      .${prefixCls}-rail, .${prefixCls}-track {\r\n        height: ${sliderConsts[size].rail.height};\r\n        margin: ${`${sliderConsts[size].rail.margin} 0px`};\r\n        border-radius: 3px;\r\n        position: absolute;\r\n      }\r\n\r\n      .${prefixCls}-rail {\r\n        width: 100%;\r\n        background-color: ${disabled\r\n      ? theme.onSurface.inactive.default.background\r\n      : theme.onSurface.surface.default.border.subtle};\r\n      }\r\n\r\n      .${prefixCls}-track {\r\n        background-color: ${disabled\r\n      ? theme.onSurface.inactive.default.border.medium\r\n      : theme.onSentiment.default.strong.selected.default.background};\r\n      }\r\n\r\n      .${prefixCls}-handle, .${prefixCls}-dot {\r\n        height: ${sliderConsts[size].handler.size};\r\n        width: ${sliderConsts[size].handler.size};\r\n        background-color: ${disabled\r\n      ? theme.onSurface.inactive.default.background\r\n      : theme.onSurface.surface.default.background};\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n        position: absolute;\r\n\r\n        &:focus-visible {\r\n          ${getFocusStyles(theme)};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-handle {\r\n        background-color: 1px solid\r\n          ${disabled ? theme.onSurface.inactive.default.background : theme.onSurface.surface.default.background};\r\n        border: 1px solid\r\n          ${disabled ? theme.onSurface.inactive.default.border.medium : theme.onSurface.surface.default.border.medium};\r\n        transition: transform 0.3s;\r\n\r\n        ${!disabled &&\r\n    css`\r\n          &:hover {\r\n            background-color: ${theme.onSurface.surface.hover.background};\r\n            border: 1px solid ${theme.onSurface.surface.hover.border.medium};\r\n            transform: translateX(${reverse ? '50%' : '-50%'}) scale(1.2) !important;\r\n          }\r\n\r\n          &.${prefixCls}-handle-dragging {\r\n            background-color: ${theme.onSurface.surface.active.background};\r\n            border: 1px solid ${theme.onSurface.surface.active.border.medium};\r\n          }\r\n        `}\r\n      }\r\n\r\n      .${prefixCls}-dot {\r\n        transform: translateX(${reverse ? '50%' : '-50%'}) scale(0.5) !important;\r\n        border: 6px solid ${theme.onSurface.surface.default.border.subtle};\r\n      }\r\n\r\n      .${prefixCls}-dot-active {\r\n        border-color: ${theme.onSentiment.default.strong.selected.default.background};\r\n      }\r\n\r\n      .${prefixCls}-mark {\r\n        position: relative;\r\n        top: ${sliderConsts[size].handler.size};\r\n      }\r\n\r\n      .${prefixCls}-mark-text {\r\n        position: absolute;\r\n        ${size === Sizes.Small && theme.label.small.normal};\r\n        ${size === Sizes.Medium && theme.label.medium.normal};\r\n        ${size === Sizes.Large && theme.label.large.normal};\r\n      }\r\n    }\r\n\r\n    .${prefixCls}-tooltip-hidden {\r\n      display: none;\r\n    }\r\n\r\n    .${prefixCls}-tooltip {\r\n      position: absolute;\r\n      border-radius: 2px;\r\n      background: ${theme.onSurface.elevated.default.background};\r\n      box-shadow: ${theme.elevation.level0};\r\n      padding: 4px 8px;\r\n\r\n      .${prefixCls}-tooltip-inner {\r\n        ${size === Sizes.Small && theme.paragraph.small.normal};\r\n      }\r\n\r\n      .${prefixCls}-tooltip-arrow {\r\n        position: relative;\r\n        z-index: ${ZIndexes.ELEVATED};\r\n        overflow: hidden;\r\n        bottom: 0;\r\n\r\n        &::before {\r\n          left: 50%;\r\n          position: absolute;\r\n          content: '';\r\n          display: block;\r\n          width: 12px;\r\n          height: 12px;\r\n          background: ${theme.onSurface.elevated.default.background};\r\n          box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\r\n        }\r\n      }\r\n    }\r\n  `}\r\n`;\r\n\r\nconst RangeLabels = styled.div<{ grow: boolean }>`\r\n  ${({ grow, theme }) => css`\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: ${grow && '100%'};\r\n    color: ${theme.onSurface.surface.default.text.strong};\r\n  `}\r\n`;\r\n\r\nconst Tooltip = styled.div`\r\n  ${({ theme }) => theme.label.small.normal};\r\n  padding: 4px 8px;\r\n`;\r\n\r\nexport { Slider, RangeLabels, Tooltip };\r\n"],"names":["Slider","styled","prefixCls","size","theme","labelAlignment","labelPosition","reverse","disabled","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","sliderConsts","Alignments","getFocusStyles","Sizes","ZIndexes","RangeLabels","grow"],"mappings":"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"}
+{"version":3,"file":"Slider.styles.js","sources":["../../../../src/components/Slider/Slider.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { Positions, Alignments, Sizes, ZIndexes, getFocusStyles, SliderConsts, SliderTypes } from 'acinguiux-ds-react-base';\n\nimport { getFlexDirectionForLabel, getAlignItemsForLabel } from './utils/styleUtils';\n\ntype SliderProps = Required<\n  Pick<SliderTypes.IProps, 'prefixCls' | 'size' | 'labelAlignment' | 'labelPosition' | 'reverse' | 'disabled'>\n>;\n\nconst Slider = styled.div<SliderProps>`\n  ${({ prefixCls, size, theme, labelAlignment, labelPosition, reverse, disabled }) => css`\n    display: flex;\n    flex-direction: ${getFlexDirectionForLabel(labelAlignment, labelPosition)};\n    align-items: ${getAlignItemsForLabel(labelAlignment, labelPosition)};\n    justify-content: ${(labelPosition === Positions.Bottom || labelPosition === Positions.Top) && 'center'};\n    column-gap: ${SliderConsts.consts[size].gap};\n    width: 100%;\n    color: ${theme.onSurface.surface.default.text.strong};\n\n    ${labelPosition === Positions.Side &&\n    css`\n      .${prefixCls}-value {\n        width: 32px;\n        text-align: ${labelAlignment === Alignments.Right ? 'left' : 'right'};\n      }\n    `}\n\n    .${prefixCls} {\n      height: ${SliderConsts.consts[size].handler.size};\n      position: relative;\n      width: ${labelPosition === Positions.Side ? 'calc(100% - 32px)' : '100%'};\n      cursor: pointer;\n\n      .${prefixCls}-rail, .${prefixCls}-track {\n        height: ${SliderConsts.consts[size].rail.height};\n        margin: ${`${SliderConsts.consts[size].rail.margin} 0px`};\n        border-radius: 3px;\n        position: absolute;\n      }\n\n      .${prefixCls}-rail {\n        width: 100%;\n        background-color: ${disabled\n      ? theme.onSurface.inactive.default.background\n      : theme.onSurface.surface.default.border.subtle};\n      }\n\n      .${prefixCls}-track {\n        background-color: ${disabled\n      ? theme.onSurface.inactive.default.border.medium\n      : theme.onSentiment.default.strong.selected.default.background};\n      }\n\n      .${prefixCls}-handle, .${prefixCls}-dot {\n        height: ${SliderConsts.consts[size].handler.size};\n        width: ${SliderConsts.consts[size].handler.size};\n        background-color: ${disabled\n      ? theme.onSurface.inactive.default.background\n      : theme.onSurface.surface.default.background};\n        border-radius: 50%;\n        cursor: pointer;\n        position: absolute;\n\n        &:focus-visible {\n          ${getFocusStyles(theme)};\n        }\n      }\n\n      .${prefixCls}-handle {\n        background-color: 1px solid\n          ${disabled ? theme.onSurface.inactive.default.background : theme.onSurface.surface.default.background};\n        border: 1px solid\n          ${disabled ? theme.onSurface.inactive.default.border.medium : theme.onSurface.surface.default.border.medium};\n        transition: transform 0.3s;\n\n        ${!disabled &&\n    css`\n          &:hover {\n            background-color: ${theme.onSurface.surface.hover.background};\n            border: 1px solid ${theme.onSurface.surface.hover.border.medium};\n            transform: translateX(${reverse ? '50%' : '-50%'}) scale(1.2) !important;\n          }\n\n          &.${prefixCls}-handle-dragging {\n            background-color: ${theme.onSurface.surface.active.background};\n            border: 1px solid ${theme.onSurface.surface.active.border.medium};\n          }\n        `}\n      }\n\n      .${prefixCls}-dot {\n        transform: translateX(${reverse ? '50%' : '-50%'}) scale(0.5) !important;\n        border: 6px solid ${theme.onSurface.surface.default.border.subtle};\n      }\n\n      .${prefixCls}-dot-active {\n        border-color: ${theme.onSentiment.default.strong.selected.default.background};\n      }\n\n      .${prefixCls}-mark {\n        position: relative;\n        top: ${SliderConsts.consts[size].handler.size};\n      }\n\n      .${prefixCls}-mark-text {\n        position: absolute;\n        ${size === Sizes.Small && theme.label.small.normal};\n        ${size === Sizes.Medium && theme.label.medium.normal};\n        ${size === Sizes.Large && theme.label.large.normal};\n      }\n    }\n\n    .${prefixCls}-tooltip-hidden {\n      display: none;\n    }\n\n    .${prefixCls}-tooltip {\n      position: absolute;\n      border-radius: 2px;\n      background: ${theme.onSurface.elevated.default.background};\n      box-shadow: ${theme.elevation.level0};\n      padding: 4px 8px;\n\n      .${prefixCls}-tooltip-inner {\n        ${size === Sizes.Small && theme.paragraph.small.normal};\n      }\n\n      .${prefixCls}-tooltip-arrow {\n        position: relative;\n        z-index: ${ZIndexes.ELEVATED};\n        overflow: hidden;\n        bottom: 0;\n\n        &::before {\n          left: 50%;\n          position: absolute;\n          content: '';\n          display: block;\n          width: 12px;\n          height: 12px;\n          background: ${theme.onSurface.elevated.default.background};\n          box-shadow: rgb(0 0 0 / 2%) 0 0 4px 0, rgb(0 0 0 / 4%) 0 0 0 1px;\n        }\n      }\n    }\n  `}\n`;\n\nconst RangeLabels = styled.div<{ grow: boolean }>`\n  ${({ grow, theme }) => css`\n    display: flex;\n    justify-content: space-between;\n    width: ${grow && '100%'};\n    color: ${theme.onSurface.surface.default.text.strong};\n  `}\n`;\n\nconst Tooltip = styled.div`\n  ${({ theme }) => theme.label.small.normal};\n  padding: 4px 8px;\n`;\n\nexport { Slider, RangeLabels, Tooltip };\n"],"names":["Slider","styled","prefixCls","size","theme","labelAlignment","labelPosition","reverse","disabled","css","getFlexDirectionForLabel","getAlignItemsForLabel","Positions","SliderConsts.consts","Alignments","getFocusStyles","Sizes","ZIndexes","RangeLabels","grow"],"mappings":"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"}

package/build/esm/components/Slider/components/Value/Value.js.map

@@ -1 +1 @@
-{"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base';\r\nimport { Prominences } from 'acinguiux-ds-fabrics';\r\n\r\nimport TextInput from '../../../TextInput/TextInput';\r\nimport Flexbox from '../../../Flexbox/Flexbox';\r\nimport { IValueProps } from './Value.types';\r\nimport Label from '../../../Text/components/Label/Label';\r\n\r\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\r\n  <Flexbox gap=\"12px\" alignItems=\"center\">\r\n    {inputValues ? (\r\n      <TextInput\r\n        size={size}\r\n        value={value}\r\n        onChange={handleOnChange}\r\n        wrapperProps={{ style: { width: '60px' } }}\r\n        disabled={disabled}\r\n      />\r\n    ) : (\r\n      <Label\r\n        className={`${SLIDER_CLASS}-value`}\r\n        size={size}\r\n        prominence={disabled ? Prominences.Subtle : Prominences.Strong}\r\n      >\r\n        {value}\r\n      </Label>\r\n    )}\r\n  </Flexbox>\r\n);\r\n\r\nexport default Value;\r\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS","Prominences"],"mappings":";;;;;;AAQA,MAAMA,IAAQ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,GAAgB,UAAAC,IAAW,SAClF,gBAAAC,EAAAC,GAAA,EAAQ,KAAI,QAAO,YAAW,UAC5B,UACCJ,IAAA,gBAAAG;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,MAAAR;AAAA,IACA,OAAAE;AAAA,IACA,UAAUE;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,OAAO,SAAS;AAAA,IACzC,UAAAC;AAAA,EAAA;AACF,IAEA,gBAAAC;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,WAAW,GAAGC,CAAY;AAAA,IAC1B,MAAAV;AAAA,IACA,YAAYK,IAAWM,EAAY,SAASA,EAAY;AAAA,IAEvD,UAAAT;AAAA,EAAA;AACH,EAEJ,CAAA;"}
+{"version":3,"file":"Value.js","sources":["../../../../../../src/components/Slider/components/Value/Value.tsx"],"sourcesContent":["import { Sizes, SLIDER_CLASS } from 'acinguiux-ds-react-base';\nimport { Prominences } from 'acinguiux-ds-fabrics';\n\nimport TextInput from '../../../TextInput/TextInput';\nimport Flexbox from '../../../Flexbox/Flexbox';\nimport { IValueProps } from './Value.types';\nimport Label from '../../../Text/components/Label/Label';\n\nconst Value = ({ size = Sizes.Medium, value, inputValues, handleOnChange, disabled = false }: IValueProps) => (\n  <Flexbox gap=\"12px\" alignItems=\"center\">\n    {inputValues ? (\n      <TextInput\n        size={size}\n        value={value}\n        onChange={handleOnChange}\n        wrapperProps={{ style: { width: '60px' } }}\n        disabled={disabled}\n      />\n    ) : (\n      <Label\n        className={`${SLIDER_CLASS}-value`}\n        size={size}\n        prominence={disabled ? Prominences.Subtle : Prominences.Strong}\n      >\n        {value}\n      </Label>\n    )}\n  </Flexbox>\n);\n\nexport default Value;\n"],"names":["Value","size","Sizes","value","inputValues","handleOnChange","disabled","jsx","Flexbox","TextInput","Label","SLIDER_CLASS","Prominences"],"mappings":";;;;;;AAQA,MAAMA,IAAQ,CAAC,EAAE,MAAAC,IAAOC,EAAM,QAAQ,OAAAC,GAAO,aAAAC,GAAa,gBAAAC,GAAgB,UAAAC,IAAW,SAClF,gBAAAC,EAAAC,GAAA,EAAQ,KAAI,QAAO,YAAW,UAC5B,UACCJ,IAAA,gBAAAG;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,MAAAR;AAAA,IACA,OAAAE;AAAA,IACA,UAAUE;AAAA,IACV,cAAc,EAAE,OAAO,EAAE,OAAO,SAAS;AAAA,IACzC,UAAAC;AAAA,EAAA;AACF,IAEA,gBAAAC;AAAA,EAACG;AAAA,EAAA;AAAA,IACC,WAAW,GAAGC,CAAY;AAAA,IAC1B,MAAAV;AAAA,IACA,YAAYK,IAAWM,EAAY,SAASA,EAAY;AAAA,IAEvD,UAAAT;AAAA,EAAA;AACH,EAEJ,CAAA;"}

package/build/esm/components/Slider/components/Value/Value.types.d.ts

@@ -1,6 +1,6 @@
 import { ChangeEventHandler } from 'react';
-import { ISliderProps } from '../../Slider.types';
-export interface IValueProps extends Omit<ISliderProps, 'value'> {
+import { SliderTypes } from '..\..\..\..\react-base\src';
+export interface IValueProps extends Omit<SliderTypes.IProps, 'value'> {
     value: string;
     handleOnChange: ChangeEventHandler<HTMLInputElement>;
     disabled?: boolean;