@veeqo/ui 9.0.0-beta-2 → 9.0.0-beta-v2-1

package/dist/components/Select/styled.cjs

@@ -1,2 +1,23 @@
-"use strict";function e(e){return e&&e.__esModule?e:{default:e}}const o=e(require("styled-components")).default.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1h93380"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:e})=>{let o="40px",r="14px";return"sm"===e&&(o="32px",r="12px"),`\n      height: ${o};\n      font-size: ${r};\n    `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;exports.SelectInput=o;
+'use strict';
+
+var styled = require('styled-components');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const SelectInput = styled__default.default.select.withConfig({ displayName: "vui--SelectInput", componentId: "vui--1h93380" }) `box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({ sizeVariant }) => {
+    let height = '40px';
+    let fontSize = '14px';
+    if (sizeVariant === 'sm') {
+        height = '32px';
+        fontSize = '12px';
+    }
+    return `
+      height: ${height};
+      font-size: ${fontSize};
+    `;
+}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;
+
+exports.SelectInput = SelectInput;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/Select/styled.ts"],"sourcesContent":[null],"names":["styled"],"mappings":";;;;;;;;AAEO,MAAM,WAAW,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,ogBAAA,EAiBpC,CAAC,EAAE,WAAW,EAAE,KAAI;IACpB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,QAAQ,GAAG,MAAM;IAErB,IAAI,WAAW,KAAK,IAAI,EAAE;QACxB,MAAM,GAAG,MAAM;QACf,QAAQ,GAAG,MAAM;AAClB;IAED,OAAO;gBACK,MAAM,CAAA;mBACH,QAAQ,CAAA;KACtB;AACH,CAAC;;;;"}

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

@@ -1,2 +1 @@
 export declare const SelectInput: import("styled-components").StyledComponent<"select", any, any, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/Select/styled.js

@@ -1,2 +1,17 @@
-import o from"styled-components";const e=o.select.withConfig({displayName:"vui--SelectInput",componentId:"vui--1h93380"})`box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({sizeVariant:o})=>{let e="40px",r="14px";return"sm"===o&&(e="32px",r="12px"),`\n      height: ${e};\n      font-size: ${r};\n    `}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;export{e as SelectInput};
+import styled from 'styled-components';
+
+const SelectInput = styled.select.withConfig({ displayName: "vui--SelectInput", componentId: "vui--1h93380" }) `box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:center;padding:0 2.5rem 0 0.5rem;border-radius:4px;background-color:white;border:1px solid #959fa8;color:#1b2126;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fillRule='evenodd' clipRule='evenodd' d='M4 6L8 10L12 6H4Z' fill='currentColor' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5em top 50%,0 0;${({ sizeVariant }) => {
+    let height = '40px';
+    let fontSize = '14px';
+    if (sizeVariant === 'sm') {
+        height = '32px';
+        fontSize = '12px';
+    }
+    return `
+      height: ${height};
+      font-size: ${fontSize};
+    `;
+}} &:focus{border-color:#0079d1;box-shadow:0 0 0 4px #80bce8;outline:0;}&:invalid{border-color:#eb5757;box-shadow:0 0 0 4px #f7bcbc;outline:0;}&:disabled{box-shadow:none;background-color:#f2f3f5;border-color:#959fa8;color:#637381;cursor:not-allowed;}`;
+
+export { SelectInput };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"styled.js","sources":["../../../src/components/Select/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAEO,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,ogBAAA,EAiBpC,CAAC,EAAE,WAAW,EAAE,KAAI;IACpB,IAAI,MAAM,GAAG,MAAM;IACnB,IAAI,QAAQ,GAAG,MAAM;IAErB,IAAI,WAAW,KAAK,IAAI,EAAE;QACxB,MAAM,GAAG,MAAM;QACf,QAAQ,GAAG,MAAM;AAClB;IAED,OAAO;gBACK,MAAM,CAAA;mBACH,QAAQ,CAAA;KACtB;AACH,CAAC;;;;"}

package/dist/components/ShortcutKeys/ShortcutKeys.cjs

@@ -1,2 +1,45 @@
-"use strict";var e=require("react"),t=require("./styled.cjs"),a=require("./utils.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var r=l(e);exports.ShortcutKeys=({shortcut:e,label:l,inverse:u=!1,displayLabel:i=!1,...s})=>{const d=e.split("+").map((e=>a.ValidModifierKeysMap[e]?r.default.createElement(t.Kbd,{key:`Key: ${e}`,"aria-label":a.ValidModifierKeyssLabelMap[e]},a.ValidModifierKeysMap[e]):r.default.createElement(t.Kbd,{key:`Key: ${e}`},e))).reduce(((e,t)=>r.default.createElement(r.default.Fragment,null,e,"+",t)));return r.default.createElement(t.ShortcutKeysContainer,{"aria-label":l,$inverse:u,...s},d," ",i?r.default.createElement("span",null,l):null)};
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+var utils = require('./utils.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+/**
+ * ShortcutKeys UI component
+ *
+ * Renders a keyboard shortcut string by splitting it on "+" and rendering each
+ * key to a <kbd> component.
+ *
+ * Criteria for `shortcut` prop:
+ * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid
+ * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.
+ * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid
+ *
+ */
+const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false, ...props }) => {
+    // Split the keys into individual <Kbd /> components
+    const keysToRender = shortcut.split('+');
+    // Replace modifier keys with the corresponding UTF-16 character if available.
+    const keysToRenderComponents = keysToRender.map((key) => {
+        if (utils.ValidModifierKeysMap[key]) {
+            return (React__default.default.createElement(styled.Kbd, { key: `Key: ${key}`, "aria-label": utils.ValidModifierKeyssLabelMap[key] }, utils.ValidModifierKeysMap[key]));
+        }
+        return React__default.default.createElement(styled.Kbd, { key: `Key: ${key}` }, key);
+    });
+    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
+    const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React__default.default.createElement(React__default.default.Fragment, null,
+        previousKbdElement,
+        "+",
+        currentKbdElement)));
+    return (React__default.default.createElement(styled.ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
+        shortcutElements,
+        " ",
+        displayLabel ? React__default.default.createElement("span", null, label) : null));
+};
+
+exports.ShortcutKeys = ShortcutKeys;
 //# sourceMappingURL=ShortcutKeys.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ShortcutKeys.cjs","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":[null],"names":["ValidModifierKeysMap","React","Kbd","ValidModifierKeyssLabelMap","ShortcutKeysContainer"],"mappings":";;;;;;;;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAIA,0BAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACEC,qCAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAE,CAAA,EAAA,YAAA,EAAcC,gCAA0B,CAAC,GAAG,CAAC,EACjE,EAAAH,0BAAoB,CAAC,GAAG,CAAC,CACtB;AAET;QACD,OAAOC,sBAAA,CAAA,aAAA,CAACC,UAAG,EAAA,EAAC,GAAG,EAAE,CAAQ,KAAA,EAAA,GAAG,CAAE,CAAA,EAAA,EAAG,GAAG,CAAO;AAC7C,KAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpCD,sBAAA,CAAA,aAAA,CAAAA,sBAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACEA,qCAACG,4BAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAY,UAAA,EAAA,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAGH,sBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

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

@@ -13,4 +13,3 @@ import { ShortcutKeysProps } from './types';
  *
  */
 export declare const ShortcutKeys: ({ shortcut, label, inverse, displayLabel, ...props }: ShortcutKeysProps) => React.JSX.Element;
-//# sourceMappingURL=ShortcutKeys.d.ts.map

package/dist/components/ShortcutKeys/ShortcutKeys.js

@@ -1,2 +1,39 @@
-import e from"react";import{Kbd as t,ShortcutKeysContainer as l}from"./styled.js";import{ValidModifierKeysMap as r,ValidModifierKeyssLabelMap as a}from"./utils.js";const n=({shortcut:n,label:m,inverse:s=!1,displayLabel:c=!1,...i})=>{const o=n.split("+").map((l=>r[l]?e.createElement(t,{key:`Key: ${l}`,"aria-label":a[l]},r[l]):e.createElement(t,{key:`Key: ${l}`},l))).reduce(((t,l)=>e.createElement(e.Fragment,null,t,"+",l)));return e.createElement(l,{"aria-label":m,$inverse:s,...i},o," ",c?e.createElement("span",null,m):null)};export{n as ShortcutKeys};
+import React from 'react';
+import { Kbd, ShortcutKeysContainer } from './styled.js';
+import { ValidModifierKeysMap, ValidModifierKeyssLabelMap } from './utils.js';
+
+/**
+ * ShortcutKeys UI component
+ *
+ * Renders a keyboard shortcut string by splitting it on "+" and rendering each
+ * key to a <kbd> component.
+ *
+ * Criteria for `shortcut` prop:
+ * - ValidModifierKeys MUST always come before other keys e.g. `shift+a` is valid, `a+shift` is invalid
+ * - If it's not a modifier key it must be a singular key e.g. `a`, `2` is valid and `a2` or `abcde` is invalid etc.
+ * - A limit of 3 key combinations separated between the '+' symbol e.g. `shift+ctrl+a` is valid, `shift+ctrl+a+b` is invalid
+ *
+ */
+const ShortcutKeys = ({ shortcut, label, inverse = false, displayLabel = false, ...props }) => {
+    // Split the keys into individual <Kbd /> components
+    const keysToRender = shortcut.split('+');
+    // Replace modifier keys with the corresponding UTF-16 character if available.
+    const keysToRenderComponents = keysToRender.map((key) => {
+        if (ValidModifierKeysMap[key]) {
+            return (React.createElement(Kbd, { key: `Key: ${key}`, "aria-label": ValidModifierKeyssLabelMap[key] }, ValidModifierKeysMap[key]));
+        }
+        return React.createElement(Kbd, { key: `Key: ${key}` }, key);
+    });
+    // Combine the <Kbd /> components to sit inside a single <ShortcutKeysContainer /> component.
+    const shortcutElements = keysToRenderComponents.reduce((previousKbdElement, currentKbdElement) => (React.createElement(React.Fragment, null,
+        previousKbdElement,
+        "+",
+        currentKbdElement)));
+    return (React.createElement(ShortcutKeysContainer, { "aria-label": label, "$inverse": inverse, ...props },
+        shortcutElements,
+        " ",
+        displayLabel ? React.createElement("span", null, label) : null));
+};
+
+export { ShortcutKeys };
 //# sourceMappingURL=ShortcutKeys.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"ShortcutKeys.js","sources":["../../../src/components/ShortcutKeys/ShortcutKeys.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAKA;;;;;;;;;;;AAWG;MACU,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,KAAK,EACL,OAAO,GAAG,KAAK,EACf,YAAY,GAAG,KAAK,EACpB,GAAG,KAAK,EACU,KAAI;;IAEtB,MAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAwB;;IAG/D,MAAM,sBAAsB,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,KAAI;AACtD,QAAA,IAAI,oBAAoB,CAAC,GAAG,CAAC,EAAE;YAC7B,QACE,oBAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAA,KAAA,EAAQ,GAAG,CAAE,CAAA,EAAA,YAAA,EAAc,0BAA0B,CAAC,GAAG,CAAC,EACjE,EAAA,oBAAoB,CAAC,GAAG,CAAC,CACtB;AAET;QACD,OAAO,KAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,CAAQ,KAAA,EAAA,GAAG,CAAE,CAAA,EAAA,EAAG,GAAG,CAAO;AAC7C,KAAC,CAAC;;AAGF,IAAA,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CACpD,CAAC,kBAAkB,EAAE,iBAAiB,MACpC,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACG,kBAAkB;;QAAG,iBAAiB,CACtC,CACJ,CACF;IAED,QACE,oBAAC,qBAAqB,EAAA,EAAA,YAAA,EAAa,KAAK,EAAY,UAAA,EAAA,OAAO,KAAM,KAAK,EAAA;QACnE,gBAAgB;;AAAG,QAAA,YAAY,GAAG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,KAAK,CAAQ,GAAG,IAAI,CACxC;AAE5B;;;;"}

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

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

package/dist/components/ShortcutKeys/styled.cjs

@@ -1,2 +1,15 @@
-"use strict";var e=require("styled-components"),t=require("../../theme/index.cjs");function o(e){return e&&e.__esModule?e:{default:e}}var i=o(e);const l=i.default.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--jhvnbb"})`--kbdTextColor:${e=>e.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${t.theme.colors.neutral.ink.base});font-family:${t.theme.text.bodySmall.fontFamily};font-style:${t.theme.text.bodySmall.fontStyle};font-size:${t.theme.text.bodySmall.fontSize};line-height:${t.theme.text.bodySmall.lineHeight};font-weight:${t.theme.text.bodySmall.fontWeight};text-decoration:${t.theme.text.bodySmall.textDecoration};letter-spacing:${t.theme.text.bodySmall.letterSpacing};`,n=i.default.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--y1tr49"})`box-sizing:border-box;color:var(--kbdTextColor, ${t.theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${t.theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${t.theme.text.bodySmall.fontFamily};font-style:${t.theme.text.bodySmall.fontStyle};`;exports.Kbd=n,exports.ShortcutKeysContainer=l;
+'use strict';
+
+var styled = require('styled-components');
+var index = require('../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const ShortcutKeysContainer = styled__default.default.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--jhvnbb" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};font-size:${index.theme.text.bodySmall.fontSize};line-height:${index.theme.text.bodySmall.lineHeight};font-weight:${index.theme.text.bodySmall.fontWeight};text-decoration:${index.theme.text.bodySmall.textDecoration};letter-spacing:${index.theme.text.bodySmall.letterSpacing};`;
+const Kbd = styled__default.default.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--y1tr49" }) `box-sizing:border-box;color:var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${index.theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${index.theme.text.bodySmall.fontFamily};font-style:${index.theme.text.bodySmall.fontStyle};`;
+
+exports.Kbd = Kbd;
+exports.ShortcutKeysContainer = ShortcutKeysContainer;
 //# sourceMappingURL=styled.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":[null],"names":["ShortcutKeysContainer","styled","div","withConfig","displayName","componentId","props","$inverse","theme","colors","neutral","ink","base","text","bodySmall","fontFamily","fontStyle","fontSize","lineHeight","fontWeight","textDecoration","letterSpacing"],"mappings":"iJAsBO,MAAAA,EAASC,EAAAA,QAAAC,IAAAC,WAAA,CAAAC,YAAA,6BAcdC,YAAA,eAAA,kBAAAC,GAAAA,EAAAC,SAAA,UAAA,8FAAAC,EAAAA,MAAAC,OAAAC,QAAAC,IAAAC,qBAAAJ,EAAAA,MAAAK,KAAAC,UAAAC,yBAAAP,QAAAK,KAAAC,UAAAE,uBAAAR,EAAAA,MAAAK,KAAAC,UAAAG,wBAAAT,EAAAA,MAAAK,KAAAC,UAAAI,0BAAAV,QAAAK,KAAAC,UAAAK,8BAAAX,EAAAA,MAAAK,KAAAC,UAAAM,iCAAAZ,EAAAA,MAAAK,KAAAC,UAAAO"}
+{"version":3,"file":"styled.cjs","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":[null],"names":["styled","theme"],"mappings":";;;;;;;;;MAKa,qBAAqB,GAAGA,uBAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAKjC,yFAAA,EAAAC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3CA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAC/B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3BA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAGD,uBAAM,CAAC,GAAG,wHAEEC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAIlB,iGAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtDA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;;"}

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

@@ -1,4 +1,3 @@
 import { ShortcutKeysContainerProps } from './types';
 export declare const ShortcutKeysContainer: import("styled-components").StyledComponent<"div", any, ShortcutKeysContainerProps, never>;
 export declare const Kbd: import("styled-components").StyledComponent<"kbd", any, {}, never>;
-//# sourceMappingURL=styled.d.ts.map

package/dist/components/ShortcutKeys/styled.js

@@ -1,2 +1,8 @@
-import t from"styled-components";import{theme as e}from"../../theme/index.js";const o=t.div.withConfig({displayName:"vui--ShortcutKeysContainer",componentId:"vui--jhvnbb"})`--kbdTextColor:${t=>t.$inverse?"#ffffff":""};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${e.colors.neutral.ink.base});font-family:${e.text.bodySmall.fontFamily};font-style:${e.text.bodySmall.fontStyle};font-size:${e.text.bodySmall.fontSize};line-height:${e.text.bodySmall.lineHeight};font-weight:${e.text.bodySmall.fontWeight};text-decoration:${e.text.bodySmall.textDecoration};letter-spacing:${e.text.bodySmall.letterSpacing};`,i=t.kbd.withConfig({displayName:"vui--Kbd",componentId:"vui--y1tr49"})`box-sizing:border-box;color:var(--kbdTextColor, ${e.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${e.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${e.text.bodySmall.fontFamily};font-style:${e.text.bodySmall.fontStyle};`;export{i as Kbd,o as ShortcutKeysContainer};
+import styled from 'styled-components';
+import { theme } from '../../theme/index.js';
+
+const ShortcutKeysContainer = styled.div.withConfig({ displayName: "vui--ShortcutKeysContainer", componentId: "vui--jhvnbb" }) `--kbdTextColor:${(props) => (props.$inverse ? '#ffffff' : '')};box-sizing:border-box;display:flex;align-items:center;gap:4px;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};font-size:${theme.text.bodySmall.fontSize};line-height:${theme.text.bodySmall.lineHeight};font-weight:${theme.text.bodySmall.fontWeight};text-decoration:${theme.text.bodySmall.textDecoration};letter-spacing:${theme.text.bodySmall.letterSpacing};`;
+const Kbd = styled.kbd.withConfig({ displayName: "vui--Kbd", componentId: "vui--y1tr49" }) `box-sizing:border-box;color:var(--kbdTextColor, ${theme.colors.neutral.ink.base});display:grid;place-items:center;text-transform:capitalize;border:1px solid var(--kbdTextColor, ${theme.colors.neutral.ink.base});border-radius:3px;padding:1px 3px;font-size:inherit;line-height:inherit;min-width:20px;font-family:${theme.text.bodySmall.fontFamily};font-style:${theme.text.bodySmall.fontStyle};`;
+
+export { Kbd, ShortcutKeysContainer };
 //# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":[null],"names":["ShortcutKeysContainer","styled","div","withConfig","displayName","componentId","props","$inverse","theme","colors","neutral","ink","base","text","bodySmall","fontFamily","fontStyle","fontSize","lineHeight","fontWeight","textDecoration","letterSpacing"],"mappings":"8EAsBO,MAAAA,EAASC,EAAAC,IAAAC,WAAA,CAAAC,YAAA,6BAcdC,YAAA,eAAA,kBAAAC,GAAAA,EAAAC,SAAA,UAAA,8FAAAC,EAAAC,OAAAC,QAAAC,IAAAC,qBAAAJ,EAAAK,KAAAC,UAAAC,yBAAAP,EAAAK,KAAAC,UAAAE,uBAAAR,EAAAK,KAAAC,UAAAG,wBAAAT,EAAAK,KAAAC,UAAAI,0BAAAV,EAAAK,KAAAC,UAAAK,8BAAAX,EAAAK,KAAAC,UAAAM,iCAAAZ,EAAAK,KAAAC,UAAAO"}
+{"version":3,"file":"styled.js","sources":["../../../src/components/ShortcutKeys/styled.ts"],"sourcesContent":[null],"names":[],"mappings":";;;MAKa,qBAAqB,GAAG,MAAM,CAAC,GAAG,yGAE3B,CAAC,KAAK,MAAM,KAAK,CAAC,QAAQ,GAAG,SAAS,GAAG,EAAE,CAAC,CAKjC,yFAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,cAAA,EAC3C,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,cAC/B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAA,aAAA,EAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAC/B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,oBAC3B,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAA,gBAAA,EACpC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,aAAa,CAAA,CAAA;MAGzC,GAAG,GAAG,MAAM,CAAC,GAAG,wHAEE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAIlB,iGAAA,EAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAA,qGAAA,EAMtD,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAChC,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS;;;;"}

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

@@ -16,4 +16,3 @@ export type ShortcutAction = {
     mac: ShortcutPatterns;
     windows: ShortcutPatterns;
 };
-//# sourceMappingURL=types.d.ts.map

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,2 +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 a(e){return e&&e.__esModule?e:{default:e}}var i=a(e);const{blue:d}=l.colors.secondary,{grey:n}=l.colors.neutral,r=i.default.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--1qepc31"})`background-color:white;`,s=i.default.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--g9tnvb"})`&&& tr:hover td{background-color:${d.lightest};}`,u=i.default.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--50l9ot"})``,m=i.default.td.withConfig({displayName:"vui--TableCell",componentId:"vui--1o4t01c"})`position:relative;padding:1.25rem 1rem;text-align:${({align:e})=>e||"left"};background-color:white;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};& > *{vertical-align:middle;}`,c=i.default(m).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--k7q8ax"})`border-bottom:1px solid ${n.dark};font-family:${o.text.bodySmallBold.fontFamily};font-size:${o.text.bodySmallBold.fontSize};font-weight:${o.text.bodySmallBold.fontWeight};color:${o.text.bodySmallBold.color};`,b=i.default.table.withConfig({displayName:"vui--Table",componentId:"vui--25ejag"})`width:100%;border-spacing:0;${({striped:e})=>e&&`\n   & ${s} tr:nth-child(even) td {\n     background-color: ${n.lightest};\n   }\n `}`;exports.Table=b,exports.TableBody=s,exports.TableCell=m,exports.TableHeader=r,exports.TableHeaderCell=c,exports.TableRow=u;
+'use strict';
+
+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');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { blue } = colors.colors.secondary;
+const { grey } = colors.colors.neutral;
+const TableHeader = styled__default.default.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--1qepc31" }) `background-color:white;`;
+const TableBody = styled__default.default.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--g9tnvb" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
+const TableRow = styled__default.default.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--50l9ot" }) ``;
+const TableCell = styled__default.default.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--1o4t01c" }) `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--k7q8ax" }) `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--25ejag" }) `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","default","thead","withConfig","displayName","componentId","TableBody","lightest","TableRow","tr","TableCell","td","align","text","bodySmall","fontFamily","fontSize","fontWeight","color","sizes","base","TableHeaderCell","attrs","dark","bodySmallBold","Table","table","striped"],"mappings":"+OAgBA,MAAOA,KAAAA,GAAAC,EAAeA,OAAAC,WAMfC,KAAAA,GAAAF,EAAcA,OAAAG,UAEQC,EAAAC,QAAAC,MAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,0BACnBC,EAAgBN,EAAAA,yBAAY,CAAAI,YAAA,iBAAAC,YAAA,eAAA,oCAAAV,EAAAY,aACpCC,EAAAR,EAAAC,QAAAQ,GAAAN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,GAEKK,EAAeV,EAAAC,QAAAU,GAAAR,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAepB,qDAAA,EAAAO,WAAAA,GAAA,6CAAAC,EAAAA,KAAAC,UAAAC,wBAAAF,OAAAC,UAAAE,wBAAAH,EAAAA,KAAAC,UAAAG,oBAAAJ,EAAAA,KAAAC,UAAAI,qBAAAC,EAAAA,MAAAC,qCAEFC,EAA4BrB,EAAAC,QAAAS,GAAAY,MAAA,sBAS1B,CAAAlB,YAAA,uBAAAC,YAAA,eAAA,2BAAAP,EAAAyB,oBAAAV,EAAAA,KAAAW,cAAAT,wBAAAF,EAAAA,KAAAW,cAAAR,wBAAAH,EAAAA,KAAAW,cAAAP,oBAAAJ,EAAAA,KAAAW,cAAAN,SAEKO,EAAMzB,EAAAA,QAAK0B,MAAAvB,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAWjB,+BAAC,EAAAsB,aAAAA"}
+{"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,iIAGlB,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,2 +1,23 @@
-import o from"styled-components";import{sizes as e}from"../../theme/modules/sizes.js";import{text as t}from"../../theme/modules/text.js";import{colors as l}from"../../theme/modules/colors.js";const{blue:i}=l.secondary,{grey:a}=l.neutral,n=o.thead.withConfig({displayName:"vui--TableHeader",componentId:"vui--1qepc31"})`background-color:white;`,d=o.tbody.withConfig({displayName:"vui--TableBody",componentId:"vui--g9tnvb"})`&&& tr:hover td{background-color:${i.lightest};}`,m=o.tr.withConfig({displayName:"vui--TableRow",componentId:"vui--50l9ot"})``,r=o.td.withConfig({displayName:"vui--TableCell",componentId:"vui--1o4t01c"})`position:relative;padding:1.25rem 1rem;text-align:${({align:o})=>o||"left"};background-color:white;font-family:${t.bodySmall.fontFamily};font-size:${t.bodySmall.fontSize};font-weight:${t.bodySmall.fontWeight};color:${t.bodySmall.color};line-height:${e.base};& > *{vertical-align:middle;}`,s=o(r).attrs({as:"th"}).withConfig({displayName:"vui--TableHeaderCell",componentId:"vui--k7q8ax"})`border-bottom:1px solid ${a.dark};font-family:${t.bodySmallBold.fontFamily};font-size:${t.bodySmallBold.fontSize};font-weight:${t.bodySmallBold.fontWeight};color:${t.bodySmallBold.color};`,c=o.table.withConfig({displayName:"vui--Table",componentId:"vui--25ejag"})`width:100%;border-spacing:0;${({striped:o})=>o&&`\n   & ${d} tr:nth-child(even) td {\n     background-color: ${a.lightest};\n   }\n `}`;export{c as Table,d as TableBody,r as TableCell,n as TableHeader,s as TableHeaderCell,m as TableRow};
+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';
+
+const { blue } = colors.secondary;
+const { grey } = colors.neutral;
+const TableHeader = styled.thead.withConfig({ displayName: "vui--TableHeader", componentId: "vui--1qepc31" }) `background-color:white;`;
+const TableBody = styled.tbody.withConfig({ displayName: "vui--TableBody", componentId: "vui--g9tnvb" }) `&&& tr:hover td{background-color:${blue.lightest};}`;
+const TableRow = styled.tr.withConfig({ displayName: "vui--TableRow", componentId: "vui--50l9ot" }) ``;
+const TableCell = styled.td.withConfig({ displayName: "vui--TableCell", componentId: "vui--1o4t01c" }) `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--k7q8ax" }) `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--25ejag" }) `width:100%;border-spacing:0;${({ striped }) => striped &&
+    `
+   & ${TableBody} tr:nth-child(even) td {
+     background-color: ${grey.lightest};
+   }
+ `}`;
+
+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","withConfig","displayName","componentId","TableBody","lightest","TableRow","tr","TableCell","td","align","text","bodySmall","fontFamily","fontSize","fontWeight","color","sizes","base","TableHeaderCell","attrs","dark","bodySmallBold","Table","table","striped"],"mappings":"gMAgBA,MAAOA,KAAAA,GAAAC,EAAeC,WAMfC,KAAAA,GAAAF,EAAcG,UAEQC,EAAAC,MAAAC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,gBAAA,0BACnBC,EAAgBL,mBAAY,CAAAG,YAAA,iBAAAC,YAAA,eAAA,oCAAAT,EAAAW,aACpCC,EAAAP,EAAAQ,GAAAN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,eAAA,GAEKK,EAAeT,EAAAU,GAAAR,WAAA,CAAAC,YAAA,iBAAAC,YAAA,gBAepB,qDAAA,EAAAO,WAAAA,GAAA,6CAAAC,EAAAC,UAAAC,wBAAAF,EAAAC,UAAAE,wBAAAH,EAAAC,UAAAG,oBAAAJ,EAAAC,UAAAI,qBAAAC,EAAAC,qCAEFC,EAA4BpB,EAAAS,GAAAY,MAAA,sBAS1B,CAAAlB,YAAA,uBAAAC,YAAA,eAAA,2BAAAN,EAAAwB,oBAAAV,EAAAW,cAAAT,wBAAAF,EAAAW,cAAAR,wBAAAH,EAAAW,cAAAP,oBAAAJ,EAAAW,cAAAN,SAEKO,EAAMxB,EAAKyB,MAAAvB,WAAA,CAAAC,YAAA,aAAAC,YAAA,eAWjB,+BAAC,EAAAsB,aAAAA"}
+{"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,iIAGlB,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,2 +1,21 @@
-"use strict";var e=require("styled-components"),i=require("../BaseContainer/BaseContainer.cjs");function n(e){return e&&e.__esModule?e:{default:e}}const o=n(e).default(i.BaseContainer).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--ol9a89"})`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:e="",height:i=""})=>`\n    width: ${e||"100%"};\n    min-width: ${e};\n    height: ${i||"20px"};\n    min-height: ${i};\n  `};@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;}}`;o.displayName="Skeleton",exports.Skeleton=o;
+'use strict';
+
+var styled = require('styled-components');
+var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const Skeleton = styled__default.default(BaseContainer.BaseContainer).attrs(() => ({
+    'aria-hidden': true,
+})).withConfig({ displayName: "vui--Skeleton", componentId: "vui--ol9a89" }) `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';
+
+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","withConfig","componentId","width","height"],"mappings":"mJAKW,MAAAA,OAAOC,QAAAC,iBAAAC,OAAA,KAAA,CAChB,eAAA,MAEFC,WAAO,aAAc,gBAAAC,YAAA,eAAA,8KAAA,EAAAC,QAAA,GAAAC,SAAA,MAAA"}
+{"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,2 +1,15 @@
-import e from"styled-components";import{BaseContainer as i}from"../BaseContainer/BaseContainer.js";const n=e(i).attrs((()=>({"aria-hidden":!0}))).withConfig({displayName:"vui--Skeleton",componentId:"vui--ol9a89"})`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:e="",height:i=""})=>`\n    width: ${e||"100%"};\n    min-width: ${e};\n    height: ${i||"20px"};\n    min-height: ${i};\n  `};@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--ol9a89" }) `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