@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/ShortcutKeys/utils.cjs

@@ -1,2 +1,40 @@
-"use strict";exports.ValidModifierKeysMap={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},exports.ValidModifierKeyssLabelMap={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"};
+'use strict';
+
+// Map of UTF-16 characters to be used for modifier keys
+const ValidModifierKeysMap = {
+    command: '⌘',
+    windows: '⊞',
+    shift: '⇧',
+    ctrl: '⌃',
+    option: '⌥',
+    alt: 'alt',
+    enter: '↵',
+    delete: '⌫',
+    escape: 'esc',
+    up: '↑',
+    right: '→',
+    down: '↓',
+    left: '←',
+    space: 'space',
+};
+// Map of labels to be used for modifier keys
+const ValidModifierKeyssLabelMap = {
+    command: 'Command',
+    windows: 'Windows',
+    shift: 'Shift',
+    ctrl: 'Control',
+    option: 'Option',
+    alt: 'Alt',
+    enter: 'Enter',
+    delete: 'Delete',
+    escape: 'Escape',
+    up: 'Up',
+    right: 'Right',
+    down: 'Down',
+    left: 'Left',
+    space: 'Space',
+};
+
+exports.ValidModifierKeysMap = ValidModifierKeysMap;
+exports.ValidModifierKeyssLabelMap = ValidModifierKeyssLabelMap;
 //# sourceMappingURL=utils.cjs.map

package/dist/components/ShortcutKeys/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":[null],"names":["command","windows"],"mappings":"2CAqBOA,QAAA,IAkBPC,QAAA"}
+{"version":3,"file":"utils.cjs","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;;"}

package/dist/components/ShortcutKeys/utils.d.ts

@@ -2,4 +2,3 @@ import { ValidModifierKeys, ShortcutAction } from './types';
 export declare const ValidModifierKeysMap: Record<ValidModifierKeys, string>;
 export declare const ValidModifierKeyssLabelMap: Record<ValidModifierKeys, string>;
 export declare const exampleStorybookShortcutActions: ShortcutAction[];
-//# sourceMappingURL=utils.d.ts.map

package/dist/components/ShortcutKeys/utils.js

@@ -1,2 +1,37 @@
-const e={command:"⌘",windows:"⊞",shift:"⇧",ctrl:"⌃",option:"⌥",alt:"alt",enter:"↵",delete:"⌫",escape:"esc",up:"↑",right:"→",down:"↓",left:"←",space:"space"},t={command:"Command",windows:"Windows",shift:"Shift",ctrl:"Control",option:"Option",alt:"Alt",enter:"Enter",delete:"Delete",escape:"Escape",up:"Up",right:"Right",down:"Down",left:"Left",space:"Space"};export{e as ValidModifierKeysMap,t as ValidModifierKeyssLabelMap};
+// Map of UTF-16 characters to be used for modifier keys
+const ValidModifierKeysMap = {
+    command: '⌘',
+    windows: '⊞',
+    shift: '⇧',
+    ctrl: '⌃',
+    option: '⌥',
+    alt: 'alt',
+    enter: '↵',
+    delete: '⌫',
+    escape: 'esc',
+    up: '↑',
+    right: '→',
+    down: '↓',
+    left: '←',
+    space: 'space',
+};
+// Map of labels to be used for modifier keys
+const ValidModifierKeyssLabelMap = {
+    command: 'Command',
+    windows: 'Windows',
+    shift: 'Shift',
+    ctrl: 'Control',
+    option: 'Option',
+    alt: 'Alt',
+    enter: 'Enter',
+    delete: 'Delete',
+    escape: 'Escape',
+    up: 'Up',
+    right: 'Right',
+    down: 'Down',
+    left: 'Left',
+    space: 'Space',
+};
+
+export { ValidModifierKeysMap, ValidModifierKeyssLabelMap };
 //# sourceMappingURL=utils.js.map

package/dist/components/ShortcutKeys/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":[null],"names":["ValidModifierKeysMap","command","windows"],"mappings":"AAGO,MAAAA,GAkBAC,QAAA,IAkBPC,QAAA"}
+{"version":3,"file":"utils.js","sources":["../../../src/components/ShortcutKeys/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAEA;AACa,MAAA,oBAAoB,GAAsC;AACrE,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,OAAO,EAAE,GAAG;AACZ,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,MAAM,EAAE,GAAG;AACX,IAAA,MAAM,EAAE,KAAK;AACb,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,KAAK,EAAE,GAAG;AACV,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,KAAK,EAAE,OAAO;;AAGhB;AACa,MAAA,0BAA0B,GAAsC;AAC3E,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;;;"}

package/dist/components/SimpleTable/SimpleTable.cjs

@@ -1,2 +1,21 @@
-"use strict";var e=require("react"),l=require("./styled.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var r=a(e);const t=({striped:e=!0,className:a,children:t})=>r.default.createElement(l.Table,{striped:e,className:a},t);t.Header=l.TableHeader,t.Body=l.TableBody,t.Row=l.TableRow,t.HeaderCell=l.TableHeaderCell,t.Cell=l.TableCell,exports.SimpleTable=t;
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * A simple table component which provides flexible, pre-styled table elements.
+ */
+const SimpleTable = ({ striped = true, className, children }) => (React__default.default.createElement(styled.Table, { striped: striped, className: className }, children));
+SimpleTable.Header = styled.TableHeader;
+SimpleTable.Body = styled.TableBody;
+SimpleTable.Row = styled.TableRow;
+SimpleTable.HeaderCell = styled.TableHeaderCell;
+SimpleTable.Cell = styled.TableCell;
+
+exports.SimpleTable = SimpleTable;
 //# sourceMappingURL=SimpleTable.cjs.map

package/dist/components/SimpleTable/SimpleTable.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":[null],"names":["SimpleTable","striped","className","children","React","default","createElement","Table"],"mappings":"4HAOA,MAAAA,EAAwB,EAAAC,WAAA,EAAAC,YAAAC,cAAAC,EAAAC,QAAAC,cAAAC,EAAAA,MAAA,CAAAN,QAAAA,EAAAC,UAAAA,GAAAC"}
+{"version":3,"file":"SimpleTable.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":[null],"names":["React","Table","TableHeader","TableBody","TableRow","TableHeaderCell","TableCell"],"mappings":";;;;;;;;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnFA,sBAAC,CAAA,aAAA,CAAAC,YAAK,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAGC,kBAAW;AAChC,WAAW,CAAC,IAAI,GAAGC,gBAAS;AAC5B,WAAW,CAAC,GAAG,GAAGC,eAAQ;AAC1B,WAAW,CAAC,UAAU,GAAGC,sBAAe;AACxC,WAAW,CAAC,IAAI,GAAGC,gBAAS;;;;"}

package/dist/components/SimpleTable/SimpleTable.d.ts

@@ -13,4 +13,3 @@ export declare const SimpleTable: {
     }, "as">;
     Cell: import("styled-components").StyledComponent<"td", any, import("./styled").TableCellProps, never>;
 };
-//# sourceMappingURL=SimpleTable.d.ts.map

package/dist/components/SimpleTable/SimpleTable.js

@@ -1,2 +1,15 @@
-import e from"react";import{Table as r,TableHeader as t,TableBody as l,TableRow as s,TableHeaderCell as a,TableCell as o}from"./styled.js";const d=({striped:t=!0,className:l,children:s})=>e.createElement(r,{striped:t,className:l},s);d.Header=t,d.Body=l,d.Row=s,d.HeaderCell=a,d.Cell=o;export{d as SimpleTable};
+import React from 'react';
+import { Table, TableHeader, TableBody, TableRow, TableHeaderCell, TableCell } from './styled.js';
+
+/**
+ * A simple table component which provides flexible, pre-styled table elements.
+ */
+const SimpleTable = ({ striped = true, className, children }) => (React.createElement(Table, { striped: striped, className: className }, children));
+SimpleTable.Header = TableHeader;
+SimpleTable.Body = TableBody;
+SimpleTable.Row = TableRow;
+SimpleTable.HeaderCell = TableHeaderCell;
+SimpleTable.Cell = TableCell;
+
+export { SimpleTable };
 //# sourceMappingURL=SimpleTable.js.map

package/dist/components/SimpleTable/SimpleTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":[null],"names":["SimpleTable","striped","className","children","React","createElement","Table"],"mappings":"2IAOA,MAAAA,EAAwB,EAAAC,WAAA,EAAAC,YAAAC,cAAAC,EAAAC,cAAAC,EAAA,CAAAL,QAAAA,EAAAC,UAAAA,GAAAC"}
+{"version":3,"file":"SimpleTable.js","sources":["../../../src/components/SimpleTable/SimpleTable.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;AAEG;AACI,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAoB,MACnF,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAA,EAC1C,QAAQ,CACH;AAGV,WAAW,CAAC,MAAM,GAAG,WAAW;AAChC,WAAW,CAAC,IAAI,GAAG,SAAS;AAC5B,WAAW,CAAC,GAAG,GAAG,QAAQ;AAC1B,WAAW,CAAC,UAAU,GAAG,eAAe;AACxC,WAAW,CAAC,IAAI,GAAG,SAAS;;;;"}

package/dist/components/SimpleTable/index.d.ts

@@ -1,2 +1 @@
 export { SimpleTable } from './SimpleTable';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/SimpleTable/styled.cjs

@@ -1,35 +1,34 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/modules/sizes.cjs"),o=require("../../theme/modules/text.cjs"),l=require("../../theme/modules/colors.cjs");function r(e){return e&&e.__esModule?e:{default:e}}var a=r(e);const{blue:d}=l.colors.secondary,{grey:i}=l.colors.neutral,n=a.default.thead`
-  background-color: white;
-`,s=a.default.tbody`
-  &&& tr:hover td {
-    background-color: ${d.lightest};
-  }
-`,c=a.default.tr``,b=a.default.td`
-  position: relative;
-  padding: 1.25rem 1rem;
-  text-align: ${({align:e})=>e||"left"};
-  background-color: white;
+'use strict';
 
-  font-family: ${o.text.bodySmall.fontFamily};
-  font-size: ${o.text.bodySmall.fontSize};
-  font-weight: ${o.text.bodySmall.fontWeight};
-  color: ${o.text.bodySmall.color};
-  line-height: ${t.sizes.base};
+var styled = require('styled-components');
+var sizes = require('../../theme/modules/sizes.cjs');
+var text = require('../../theme/modules/text.cjs');
+var colors = require('../../theme/modules/colors.cjs');
 
-  & > * {
-    vertical-align: middle;
-  }
-`,u=a.default(b).attrs({as:"th"})`
-  border-bottom: 1px solid ${i.dark};
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  font-family: ${o.text.bodySmallBold.fontFamily};
-  font-size: ${o.text.bodySmallBold.fontSize};
-  font-weight: ${o.text.bodySmallBold.fontWeight};
-  color: ${o.text.bodySmallBold.color};
-`,f=a.default.table`
-  width: 100%;
-  border-spacing: 0;
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  ${({striped:e})=>e&&`\n   & ${s} tr:nth-child(even) td {\n     background-color: ${i.lightest};\n   }\n `}
-`;exports.Table=f,exports.TableBody=s,exports.TableCell=b,exports.TableHeader=n,exports.TableHeaderCell=u,exports.TableRow=c;
+const { blue } = colors.colors.secondary;
+const { grey } = colors.colors.neutral;
+const TableHeader = styled__default.default.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--o0sot" }) `background-color:white;`;
+const TableBody = styled__default.default.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--nuzcgp" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
+const TableRow = styled__default.default.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--1uhgfx1" }) ``;
+const TableCell = styled__default.default.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--s41x8b" }) `position:relative;padding:1.25rem 1rem;text-align:${({ align }) => align || 'left'};background-color:white;font-family:${text.text.bodySmall.fontFamily};font-size:${text.text.bodySmall.fontSize};font-weight:${text.text.bodySmall.fontWeight};color:${text.text.bodySmall.color};line-height:${sizes.sizes.base};& > *{vertical-align:middle;}`;
+const TableHeaderCell = styled__default.default(TableCell).attrs({
+    as: 'th',
+}).withConfig({ displayName: "vui--TableHeaderCell", componentId: "vui--2nps2x" }) `border-bottom:1px solid ${grey.dark};font-family:${text.text.bodySmallBold.fontFamily};font-size:${text.text.bodySmallBold.fontSize};font-weight:${text.text.bodySmallBold.fontWeight};color:${text.text.bodySmallBold.color};`;
+const Table = styled__default.default.table.withConfig({ displayName: "vui--Table", componentId: "vui--lcbl46" }) `width:100%;border-spacing:0;${({ striped }) => striped &&
+    `
+   & ${TableBody} tr:nth-child(even) td {
+     background-color: ${grey.lightest};
+   }
+ `}`;
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCell = TableCell;
+exports.TableHeader = TableHeader;
+exports.TableHeaderCell = TableHeaderCell;
+exports.TableRow = TableRow;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/SimpleTable/styled.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":[null],"names":["blue","colors","secondary","grey","neutral","styled","thead","TableBody","tbody"],"mappings":"+OAgBA,MAAOA,KAAAA,GAAAC,EAAeA,OAAAC,WAMfC,KAAAA,GAAAF,EAAcA,OAAAG,UAEQC,EAAAA,QAAAC,KAAA;;EAItBC,EAAeF,EAAAA,QAAAG,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":[null],"names":["colors","styled","text","sizes"],"mappings":";;;;;;;;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAGA,aAAM,CAAC,OAAO;MAMlB,WAAW,GAAGC,uBAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAGA,uBAAM,CAAC,EAAE;MAMpB,SAAS,GAAGA,uBAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7BC,SAAI,CAAC,SAAS,CAAC,UAAU,CAC3B,WAAA,EAAAA,SAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,aAAA,EAAAA,SAAI,CAAC,SAAS,CAAC,UAAU,UAC/BA,SAAI,CAAC,SAAS,CAAC,KAAK,gBACdC,WAAK,CAAC,IAAI,CAAA,8BAAA;AAOd,MAAA,eAAe,GAAGF,uBAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAC2B,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAAA,IAAI,CAAC,IAAI,CAErB,aAAA,EAAAC,SAAI,CAAC,aAAa,CAAC,UAAU,CAC/B,WAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,QAAQ,CACzB,aAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,UAAU,CACnC,OAAA,EAAAA,SAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAGD,uBAAM,CAAC,KAAK,CAI7B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;;;;;;"}

package/dist/components/SimpleTable/styled.d.ts

@@ -13,4 +13,3 @@ export declare const TableHeaderCell: import("styled-components").StyledComponen
 }, "as">;
 export declare const Table: import("styled-components").StyledComponent<"table", any, TableProps, never>;
 export {};
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/SimpleTable/styled.js

@@ -1,35 +1,23 @@
-import o from"styled-components";import{sizes as t}from"../../theme/modules/sizes.js";import{text as l}from"../../theme/modules/text.js";import{colors as e}from"../../theme/modules/colors.js";const{blue:r}=e.secondary,{grey:d}=e.neutral,i=o.thead`
-  background-color: white;
-`,n=o.tbody`
-  &&& tr:hover td {
-    background-color: ${r.lightest};
-  }
-`,a=o.tr``,m=o.td`
-  position: relative;
-  padding: 1.25rem 1rem;
-  text-align: ${({align:o})=>o||"left"};
-  background-color: white;
+import styled from 'styled-components';
+import { sizes } from '../../theme/modules/sizes.js';
+import { text } from '../../theme/modules/text.js';
+import { colors } from '../../theme/modules/colors.js';
 
-  font-family: ${l.bodySmall.fontFamily};
-  font-size: ${l.bodySmall.fontSize};
-  font-weight: ${l.bodySmall.fontWeight};
-  color: ${l.bodySmall.color};
-  line-height: ${t.base};
+const { blue } = colors.secondary;
+const { grey } = colors.neutral;
+const TableHeader = styled.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--o0sot" }) `background-color:white;`;
+const TableBody = styled.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--nuzcgp" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
+const TableRow = styled.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--1uhgfx1" }) ``;
+const TableCell = styled.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--s41x8b" }) `position:relative;padding:1.25rem 1rem;text-align:${({ align }) => align || 'left'};background-color:white;font-family:${text.bodySmall.fontFamily};font-size:${text.bodySmall.fontSize};font-weight:${text.bodySmall.fontWeight};color:${text.bodySmall.color};line-height:${sizes.base};& > *{vertical-align:middle;}`;
+const TableHeaderCell = styled(TableCell).attrs({
+    as: 'th',
+}).withConfig({ displayName: "vui--TableHeaderCell", componentId: "vui--2nps2x" }) `border-bottom:1px solid ${grey.dark};font-family:${text.bodySmallBold.fontFamily};font-size:${text.bodySmallBold.fontSize};font-weight:${text.bodySmallBold.fontWeight};color:${text.bodySmallBold.color};`;
+const Table = styled.table.withConfig({ displayName: "vui--Table", componentId: "vui--lcbl46" }) `width:100%;border-spacing:0;${({ striped }) => striped &&
+    `
+   & ${TableBody} tr:nth-child(even) td {
+     background-color: ${grey.lightest};
+   }
+ `}`;
 
-  & > * {
-    vertical-align: middle;
-  }
-`,s=o(m).attrs({as:"th"})`
-  border-bottom: 1px solid ${d.dark};
-
-  font-family: ${l.bodySmallBold.fontFamily};
-  font-size: ${l.bodySmallBold.fontSize};
-  font-weight: ${l.bodySmallBold.fontWeight};
-  color: ${l.bodySmallBold.color};
-`,b=o.table`
-  width: 100%;
-  border-spacing: 0;
-
-  ${({striped:o})=>o&&`\n   & ${n} tr:nth-child(even) td {\n     background-color: ${d.lightest};\n   }\n `}
-`;export{b as Table,n as TableBody,m as TableCell,i as TableHeader,s as TableHeaderCell,a as TableRow};
+export { Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
 //# sourceMappingURL=styled.js.map

package/dist/components/SimpleTable/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":[null],"names":["blue","colors","secondary","grey","neutral","styled","thead","TableBody","tbody"],"mappings":"gMAgBA,MAAOA,KAAAA,GAAAC,EAAeC,WAMfC,KAAAA,GAAAF,EAAcG,UAEQC,EAAAC,KAAA;;EAItBC,EAAeF,EAAAG,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/SimpleTable/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,SAAS;AACjC,MAAM,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,OAAO;MAMlB,WAAW,GAAG,MAAM,CAAC,KAAK;AAIhC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEb,IAAI,CAAC,QAAQ,CAAA,EAAA;MAIxB,QAAQ,GAAG,MAAM,CAAC,EAAE;MAMpB,SAAS,GAAG,MAAM,CAAC,EAAE,gIAGlB,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,MAAM,CAAA,oCAAA,EAG7B,IAAI,CAAC,SAAS,CAAC,UAAU,CAC3B,WAAA,EAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,aAAA,EAAA,IAAI,CAAC,SAAS,CAAC,UAAU,UAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,gBACd,KAAK,CAAC,IAAI,CAAA,8BAAA;AAOd,MAAA,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC;AACrD,IAAA,EAAE,EAAE,IAAI;AACT,CAAA,CAAC,CAC2B,UAAA,CAAA,EAAA,WAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wBAAA,EAAA,IAAI,CAAC,IAAI,CAErB,aAAA,EAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CAC/B,WAAA,EAAA,IAAI,CAAC,aAAa,CAAC,QAAQ,CACzB,aAAA,EAAA,IAAI,CAAC,aAAa,CAAC,UAAU,CACnC,OAAA,EAAA,IAAI,CAAC,aAAa,CAAC,KAAK;AAG5B,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAI7B,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KACZ,OAAO;AACP,IAAA;OACG,SAAS,CAAA;AACS,uBAAA,EAAA,IAAI,CAAC,QAAQ,CAAA;;AAEpC,CAAA,CAAA,CAAA;;;;"}

package/dist/components/SimpleTable/types.d.ts

@@ -4,4 +4,3 @@ export type SimpleTableProps = {
     className?: string;
     children?: ReactNode;
 };
-//# sourceMappingURL=types.d.ts.map

package/dist/components/Skeleton/Skeleton.cjs

@@ -1,34 +1,21 @@
-"use strict";var e=require("styled-components"),n=require("../BaseContainer/BaseContainer.cjs");function i(e){return e&&e.__esModule?e:{default:e}}const r=i(e).default(n.BaseContainer).attrs((()=>({"aria-hidden":!0})))`
-  // General
-  display: block;
-  background: #f6f7f8;
-  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
-  background-size: 2500px 104px;
+'use strict';
 
-  cursor: progress;
+var styled = require('styled-components');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
 
-  // Sizing
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
-  border-radius: 4px;
-  ${({width:e="",height:n=""})=>`\n    width: ${e||"100%"};\n    min-width: ${e};\n    height: ${n||"20px"};\n    min-height: ${n};\n  `};
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 
-  // Animation
+const Skeleton = styled__default.default(BaseContainer.BaseContainer).attrs(() => ({
+    'aria-hidden': true,
+})).withConfig({ displayName: "vui--Skeleton", componentId: "vui--7bl1ak" }) `display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({ width = '', height = '' }) => `
+    width: ${width || '100%'};
+    min-width: ${width};
+    height: ${height || '20px'};
+    min-height: ${height};
+  `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;
+Skeleton.displayName = 'Skeleton';
 
-  @media (prefers-reduced-motion: no-preference) {
-    animation-duration: 2s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: placeHolderShimmer;
-    animation-timing-function: linear;
-  }
-
-  @keyframes placeHolderShimmer {
-    0% {
-      background-position: -1080px 0;
-    }
-    100% {
-      background-position: 1080px 0;
-    }
-  }
-`;r.displayName="Skeleton",exports.Skeleton=r;
+exports.Skeleton = Skeleton;
 //# sourceMappingURL=Skeleton.cjs.map

package/dist/components/Skeleton/Skeleton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":["Skeleton","default","BaseContainer","attrs"],"mappings":"mJAKW,MAAAA,OAAOC,QAAAC,iBAAAC,OAAA,KAAA,CAChB,eAAA,KAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":["styled","BaseContainer"],"mappings":";;;;;;;;;AAQO,MAAM,QAAQ,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC,OAAO;AACzD,IAAA,aAAa,EAAE,IAAI;AACpB,CAAA,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2KAAA,EAYC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK;AACxB,WAAA,EAAA,KAAK,IAAI,MAAM,CAAA;iBACX,KAAK,CAAA;AACR,YAAA,EAAA,MAAM,IAAI,MAAM,CAAA;kBACZ,MAAM,CAAA;AACrB,EAAA,CAAA,CAAA,8SAAA;AAsBH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -5,4 +5,3 @@ export type SkeletonProps = {
 export declare const Skeleton: import("styled-components").StyledComponent<"div", any, {
     'aria-hidden': true;
 } & SkeletonProps, "aria-hidden">;
-//# sourceMappingURL=Skeleton.d.ts.map

package/dist/components/Skeleton/Skeleton.js

@@ -1,34 +1,15 @@
-import e from"styled-components";import{BaseContainer as i}from"../BaseContainer/BaseContainer.js";const n=e(i).attrs((()=>({"aria-hidden":!0})))`
-  // General
-  display: block;
-  background: #f6f7f8;
-  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
-  background-size: 2500px 104px;
-
-  cursor: progress;
-
-  // Sizing
-
-  border-radius: 4px;
-  ${({width:e="",height:i=""})=>`\n    width: ${e||"100%"};\n    min-width: ${e};\n    height: ${i||"20px"};\n    min-height: ${i};\n  `};
-
-  // Animation
-
-  @media (prefers-reduced-motion: no-preference) {
-    animation-duration: 2s;
-    animation-fill-mode: forwards;
-    animation-iteration-count: infinite;
-    animation-name: placeHolderShimmer;
-    animation-timing-function: linear;
-  }
-
-  @keyframes placeHolderShimmer {
-    0% {
-      background-position: -1080px 0;
-    }
-    100% {
-      background-position: 1080px 0;
-    }
-  }
-`;n.displayName="Skeleton";export{n as Skeleton};
+import styled from 'styled-components';
+import { BaseContainer } from '../BaseContainer/BaseContainer.js';
+
+const Skeleton = styled(BaseContainer).attrs(() => ({
+    'aria-hidden': true,
+})).withConfig({ displayName: "vui--Skeleton", componentId: "vui--7bl1ak" }) `display:block;background:#f6f7f8;background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:2500px 104px;cursor:progress;border-radius:4px;${({ width = '', height = '' }) => `
+    width: ${width || '100%'};
+    min-width: ${width};
+    height: ${height || '20px'};
+    min-height: ${height};
+  `};@media (prefers-reduced-motion: no-preference){animation-duration:2s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;}@keyframes placeHolderShimmer{0%{background-position:-1080px 0;}100%{background-position:1080px 0;}}`;
+Skeleton.displayName = 'Skeleton';
+
+export { Skeleton };
 //# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":["Skeleton","styled","BaseContainer","attrs"],"mappings":"mGAKW,MAAAA,EAAOC,EAAAC,GAAAC,OAAA,KAAA,CAChB,eAAA,KAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAQO,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,OAAO;AACzD,IAAA,aAAa,EAAE,IAAI;AACpB,CAAA,CAAC,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,2KAAA,EAYC,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,KAAK;AACxB,WAAA,EAAA,KAAK,IAAI,MAAM,CAAA;iBACX,KAAK,CAAA;AACR,YAAA,EAAA,MAAM,IAAI,MAAM,CAAA;kBACZ,MAAM,CAAA;AACrB,EAAA,CAAA,CAAA,8SAAA;AAsBH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/Skeleton/index.d.ts

@@ -1,2 +1 @@
 export { Skeleton } from './Skeleton';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/Slider.cjs

@@ -1,2 +1,148 @@
-"use strict";var e=require("react"),r=require("./styled.cjs"),l=require("../../utils/buildClassnames.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var t=n(e);const a=e=>({container:e?`${e}-slider-container`:void 0,sliderRange:e?`${e}-slider-range`:void 0,slider:e?`${e}-slider`:void 0,startSlider:e?`${e}-start-slider`:void 0,endSlider:e?`${e}-end-slider`:void 0});exports.Slider=({id:n,value:i,min:s,max:u,step:d=1,onChange:o,className:c,e2eClassName:m,onSlideStart:v=(()=>{}),onSlideEnd:f=(()=>{})})=>{const[S,y]=e.useState(!1),[E,g]=e.useState(-1),A=e.useRef(null),C=e.useRef(null),b=e.useRef(null),p=a(c),L=a(m),R=e.useCallback((e=>{var r;if(!S||!A.current)return;const l=E>-1?i[E]:i,n=A.current.getBoundingClientRect();let t=100*(e.pageX-n.x)/n.width/100*(u-s)+s;const a=l-t;if(a>0&&(t=l+Math.ceil(t/d-l/d)*d),a<0&&(t=l+Math.floor(t/d-l/d)*d),l===t)return;t>u&&(t=u),t<s&&(t=s),Array.isArray(i)&&(0===E&&t>i[1]&&([,t]=i),1===E&&t<i[0]&&([t]=i));const c=d.toString().includes(".")?null===(r=d.toString().split(".").pop())||void 0===r?void 0:r.length:0;let m;t=Number(t.toFixed(c)),m=Array.isArray(i)?0===E?[t,i[1]]:[i[0],t]:t,o(m),Array.isArray(m)&&m[0]===m[1]&&(0===E&&g(1),1===E&&g(0))}),[E,S,u,s,o,d,i]),w=e.useCallback((()=>{y(!1),f()}),[f]),h=e.useCallback(((e,r)=>{y(!0),v(),"number"==typeof r&&g(r),e.preventDefault()}),[v]);e.useEffect((()=>{const e=e=>h(e,Array.isArray(i)?0:1),r=e=>h(e,1),l=C.current,n=b.current;return null==l||l.addEventListener("mousedown",e),null==n||n.addEventListener("mousedown",r),document.addEventListener("mousemove",R),document.addEventListener("mouseup",w),()=>{null==l||l.removeEventListener("mousedown",e),null==n||n.removeEventListener("mousedown",r),document.removeEventListener("mousemove",R),document.removeEventListener("mouseup",w)}}),[h,R,w,i]);const N=(e,n,a)=>{let i;return i="number"==typeof a?l.buildClassnames(0===a?[null==p?void 0:p.startSlider,null==L?void 0:L.startSlider]:[null==p?void 0:p.endSlider,null==L?void 0:L.endSlider]):l.buildClassnames([null==p?void 0:p.slider,null==L?void 0:L.slider]),t.default.createElement(r.SliderDiv,{role:"slider",ref:1===a?b:C,className:i,left:e,"aria-valuemin":s,"aria-valuemax":u,"aria-valuenow":n})},x=e=>{const n=100*(e[0]<s?0:e[0]-s)/(u-s),a=100*(e[1]>u?100:e[1]-s)/(u-s),i=a-n;return t.default.createElement(t.default.Fragment,null,t.default.createElement(r.SliderRange,{className:l.buildClassnames([null==p?void 0:p.sliderRange,null==L?void 0:L.sliderRange]),left:n,width:i}),N(n,e[0],0),N(a,e[1],1))};let $;return $=Array.isArray(i)?x(i):(e=>{if(Array.isArray(i))return x(i);let r;return r=i>u?100:i<s?0:100*(e-s)/(u-s),N(r,e)})(i),t.default.createElement(r.SliderContainer,{className:l.buildClassnames([null==p?void 0:p.container,null==L?void 0:L.container]),id:n,ref:A},t.default.createElement(r.SliderTrack,null),$)};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var buildClassnames = require('../../utils/buildClassnames.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const generateClassNames = (prefix) => ({
+    container: prefix ? `${prefix}-slider-container` : undefined,
+    sliderRange: prefix ? `${prefix}-slider-range` : undefined,
+    slider: prefix ? `${prefix}-slider` : undefined,
+    startSlider: prefix ? `${prefix}-start-slider` : undefined,
+    endSlider: prefix ? `${prefix}-end-slider` : undefined,
+});
+const Slider = ({ id, value, min, max, step = 1, onChange, className, e2eClassName, onSlideStart = () => { }, onSlideEnd = () => { }, }) => {
+    const [isDragging, setIsDragging] = React.useState(false);
+    const [draggingSliderIndex, setDraggingSliderIndex] = React.useState(-1);
+    const containerRef = React.useRef(null);
+    const startSliderRef = React.useRef(null);
+    const endSliderRef = React.useRef(null);
+    const classNames = generateClassNames(className);
+    const e2eClassNames = generateClassNames(e2eClassName);
+    const handleMouseMove = React.useCallback((e) => {
+        var _a;
+        if (!isDragging || !containerRef.current)
+            return;
+        const sliderValue = draggingSliderIndex > -1 ? value[draggingSliderIndex] : value;
+        const containerSize = containerRef.current.getBoundingClientRect();
+        // slider position relative to the container in percents
+        const handleValue = ((e.pageX - containerSize.x) * 100) / containerSize.width;
+        // current value by slider position
+        let newValue = (max - min) * (handleValue / 100) + min;
+        const diff = sliderValue - newValue;
+        // use to apply step to new value
+        if (diff > 0) {
+            newValue = sliderValue + Math.ceil(newValue / step - sliderValue / step) * step;
+        }
+        if (diff < 0) {
+            newValue = sliderValue + Math.floor(newValue / step - sliderValue / step) * step;
+        }
+        if (sliderValue === newValue)
+            return;
+        if (newValue > max)
+            newValue = max;
+        if (newValue < min)
+            newValue = min;
+        if (Array.isArray(value)) {
+            if (draggingSliderIndex === 0 && newValue > value[1])
+                [, newValue] = value;
+            if (draggingSliderIndex === 1 && newValue < value[0])
+                [newValue] = value;
+        }
+        // used to fix 0.30000000000000004 problem
+        const decimalPlaces = step.toString().includes('.')
+            ? (_a = step.toString().split('.').pop()) === null || _a === undefined ? undefined : _a.length
+            : 0;
+        newValue = Number(newValue.toFixed(decimalPlaces));
+        let resultValue;
+        if (Array.isArray(value)) {
+            resultValue = draggingSliderIndex === 0 ? [newValue, value[1]] : [value[0], newValue];
+        }
+        else {
+            resultValue = newValue;
+        }
+        onChange(resultValue);
+        if (Array.isArray(resultValue) && resultValue[0] === resultValue[1]) {
+            if (draggingSliderIndex === 0)
+                setDraggingSliderIndex(1);
+            if (draggingSliderIndex === 1)
+                setDraggingSliderIndex(0);
+        }
+    }, [draggingSliderIndex, isDragging, max, min, onChange, step, value]);
+    const handleMouseUp = React.useCallback(() => {
+        setIsDragging(false);
+        onSlideEnd();
+    }, [onSlideEnd]);
+    const handleMouseDown = React.useCallback((e, index) => {
+        setIsDragging(true);
+        onSlideStart();
+        if (typeof index === 'number')
+            setDraggingSliderIndex(index);
+        e.preventDefault();
+    }, [onSlideStart]);
+    React.useEffect(() => {
+        const handleStartSliderMouseDown = (e) => handleMouseDown(e, Array.isArray(value) ? 0 : 1);
+        const handleEndSliderMouseDown = (e) => handleMouseDown(e, 1);
+        const startSliderEl = startSliderRef.current;
+        const endSliderEl = endSliderRef.current;
+        startSliderEl === null || startSliderEl === undefined ? undefined : startSliderEl.addEventListener('mousedown', handleStartSliderMouseDown);
+        endSliderEl === null || endSliderEl === undefined ? undefined : endSliderEl.addEventListener('mousedown', handleEndSliderMouseDown);
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            startSliderEl === null || startSliderEl === undefined ? undefined : startSliderEl.removeEventListener('mousedown', handleStartSliderMouseDown);
+            endSliderEl === null || endSliderEl === undefined ? undefined : endSliderEl.removeEventListener('mousedown', handleEndSliderMouseDown);
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [handleMouseDown, handleMouseMove, handleMouseUp, value]);
+    const renderSlider = (left, valueNow, index) => {
+        let sliderClassName;
+        if (typeof index === 'number') {
+            sliderClassName = buildClassnames.buildClassnames(index === 0
+                ? [classNames === null || classNames === undefined ? undefined : classNames.startSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.startSlider]
+                : [classNames === null || classNames === undefined ? undefined : classNames.endSlider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.endSlider]);
+        }
+        else {
+            sliderClassName = buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.slider, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.slider]);
+        }
+        return (React__default.default.createElement(styled.SliderDiv, { role: "slider", ref: index === 1 ? endSliderRef : startSliderRef, className: sliderClassName, left: left, "aria-valuemin": min, "aria-valuemax": max, "aria-valuenow": valueNow }));
+    };
+    const renderRangeSlider = (rangeSliderValue) => {
+        // handle value used to get slider position relative to container from value
+        const handleValueStart = ((rangeSliderValue[0] < min ? 0 : rangeSliderValue[0] - min) * 100) / (max - min);
+        const handleValueEnd = ((rangeSliderValue[1] > max ? 100 : rangeSliderValue[1] - min) * 100) / (max - min);
+        const rangeWidth = handleValueEnd - handleValueStart;
+        return (React__default.default.createElement(React__default.default.Fragment, null,
+            React__default.default.createElement(styled.SliderRange, { className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.sliderRange, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.sliderRange]), left: handleValueStart, width: rangeWidth }),
+            renderSlider(handleValueStart, rangeSliderValue[0], 0),
+            renderSlider(handleValueEnd, rangeSliderValue[1], 1)));
+    };
+    const renderSingleSlider = (sliderValue) => {
+        if (Array.isArray(value))
+            return renderRangeSlider(value);
+        let handleValue;
+        if (value > max)
+            handleValue = 100;
+        else if (value < min)
+            handleValue = 0;
+        else
+            handleValue = ((sliderValue - min) * 100) / (max - min);
+        return renderSlider(handleValue, sliderValue);
+    };
+    let render;
+    if (Array.isArray(value))
+        render = renderRangeSlider(value);
+    else
+        render = renderSingleSlider(value);
+    return (React__default.default.createElement(styled.SliderContainer, { className: buildClassnames.buildClassnames([classNames === null || classNames === undefined ? undefined : classNames.container, e2eClassNames === null || e2eClassNames === undefined ? undefined : e2eClassNames.container]), id: id, ref: containerRef },
+        React__default.default.createElement(styled.SliderTrack, null),
+        render));
+};
+
+exports.Slider = Slider;
 //# sourceMappingURL=Slider.cjs.map

package/dist/components/Slider/Slider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/Slider/Slider.tsx"],"sourcesContent":[null],"names":["useState","useRef","useCallback","useEffect","buildClassnames","React","SliderDiv","SliderRange","SliderContainer","SliderTrack"],"mappings":"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"}