@veeqo/ui 14.11.0-beta-4 → 14.11.1-beta-3

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.d.ts

@@ -1 +0,0 @@
-export declare const headerStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js

@@ -1,8 +0,0 @@
-import { css } from 'styled-components';
-import { getTextStyles } from '../../../../../theme/utils.js';
-import { theme } from '../../../../../theme/index.js';
-
-const headerStyles = css `& header{display:flex;align-items:center;margin:0 4px 0.5rem 4px;.react-aria-Heading{flex:1;margin:0;text-align:center;${getTextStyles(theme.text.headingSmall)}}}.react-aria-CalendarHeaderCell{padding-bottom:${theme.sizes.sm};}`;
-
-export { headerStyles };
-//# sourceMappingURL=headerStyles.js.map

package/dist/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"headerStyles.js","sources":["../../../../../../src/components/Calendars/components/subcomponents/CalendarStyles/headerStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { getTextStyles } from 'Theme/utils';\nimport { theme } from 'Theme';\n\nexport const headerStyles = css`\n  & header {\n    display: flex;\n    align-items: center;\n    margin: 0 4px 0.5rem 4px;\n\n    .react-aria-Heading {\n      flex: 1;\n      margin: 0;\n      text-align: center;\n\n      ${getTextStyles(theme.text.headingSmall)}\n    }\n  }\n\n  .react-aria-CalendarHeaderCell {\n    padding-bottom: ${theme.sizes.sm};\n  }\n`;\n"],"names":[],"mappings":";;;;MAIa,YAAY,GAAG,GAAG,CAAA,CAAA,uHAAA,EAWvB,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA,gDAAA,EAKxB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA;;;;"}

package/dist/components/Calendars/components/subcomponents/CalendarStyles/index.d.ts

@@ -1 +0,0 @@
-export { SharedCalendarStyles } from './CalendarStyles';

package/dist/components/DateInputField/styled.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var reactAriaComponents = require('react-aria-components');
-var index = require('../../theme/index.cjs');
-var inputStyles = require('../../utils/forms/inputStyles.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const DateRangeGroup = styled__default.default(reactAriaComponents.Group).withConfig({ displayName: "vui--DateRangeGroup", componentId: "vui--cprola" }) `${inputStyles.inputBaseStyles} ${inputStyles.inputDisabledStyles} gap:${index.theme.sizes.sm};justify-content:space-between;z-index:1;&[data-focus-within]{box-shadow:0 0 0 4px ${index.theme.colors.secondary.blue.light};border-color:${index.theme.colors.secondary.blue.base};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${index.theme.colors.secondary.red.light};border:1px solid ${index.theme.colors.secondary.red.base};}*[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${index.theme.colors.neutral.ink.light};}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${index.theme.radius.base};&[data-focused]{color:white;background-color:${index.theme.colors.secondary.blue.dark};&[data-invalid]{background-color:${index.theme.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${index.theme.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`;
-
-exports.DateRangeGroup = DateRangeGroup;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/DateInputField/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Group } from 'react-aria-components';\nimport { theme } from '../../theme';\nimport { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles';\nimport { FormComponentProps } from '../types';\n\nexport const DateRangeGroup = styled(Group)<FormComponentProps>`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n\n  gap: ${theme.sizes.sm};\n  justify-content: space-between;\n  z-index: 1;\n\n  &[data-focus-within] {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n\n  &:has(*[data-invalid]) {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.red.light};\n    border: 1px solid ${theme.colors.secondary.red.base};\n  }\n\n  *[data-placeholder],\n  *[data-placeholder] + div,\n  *:has(*[data-placeholder]) ~ .date-range-input-splitter {\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  .react-aria-DateInput {\n    display: flex;\n    align-items: center;\n\n    cursor: text;\n    caret-color: transparent;\n\n    .react-aria-DateSegment {\n      padding: 0 1px;\n      border-radius: ${theme.radius.base};\n\n      &[data-focused] {\n        color: white;\n        background-color: ${theme.colors.secondary.blue.dark};\n\n        &[data-invalid] {\n          background-color: ${theme.colors.secondary.red.lightest};\n        }\n      }\n\n      &[data-invalid] {\n        font-weight: bold;\n        color: ${theme.colors.secondary.red.dark};\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    }\n  }\n`;\n"],"names":["styled","Group","inputBaseStyles","inputDisabledStyles","theme"],"mappings":";;;;;;;;;;;MAMa,cAAc,GAAGA,uBAAM,CAACC,yBAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EACvCC,2BAAe,CAAA,CAAA,EACfC,+BAAmB,CAAA,KAAA,EAEdC,WAAK,CAAC,KAAK,CAAC,EAAE,sFAKKA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,iBACzCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iDAIxBA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,kBAAA,EACpCA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,gJAAA,EAYpBA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kCAAA,EAG9BA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA,0CAAA,EAMhDA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { FormComponentProps } from '../types';
-export declare const DateRangeGroup: import("styled-components").StyledComponent<(props: import("react-aria-components").GroupProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>, any, FormComponentProps, never>;

package/dist/components/DateInputField/styled.js

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-import { Group } from 'react-aria-components';
-import { theme } from '../../theme/index.js';
-import { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles.js';
-
-const DateRangeGroup = styled(Group).withConfig({ displayName: "vui--DateRangeGroup", componentId: "vui--cprola" }) `${inputBaseStyles} ${inputDisabledStyles} gap:${theme.sizes.sm};justify-content:space-between;z-index:1;&[data-focus-within]{box-shadow:0 0 0 4px ${theme.colors.secondary.blue.light};border-color:${theme.colors.secondary.blue.base};}&:has(*[data-invalid]){box-shadow:0 0 0 4px ${theme.colors.secondary.red.light};border:1px solid ${theme.colors.secondary.red.base};}*[data-placeholder],*[data-placeholder] + div,*:has(*[data-placeholder])~ .date-range-input-splitter{color:${theme.colors.neutral.ink.light};}.react-aria-DateInput{display:flex;align-items:center;cursor:text;caret-color:transparent;.react-aria-DateSegment{padding:0 1px;border-radius:${theme.radius.base};&[data-focused]{color:white;background-color:${theme.colors.secondary.blue.dark};&[data-invalid]{background-color:${theme.colors.secondary.red.lightest};}}&[data-invalid]{font-weight:bold;color:${theme.colors.secondary.red.dark};}&:focus-visible{outline:none;}}}`;
-
-export { DateRangeGroup };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/DateInputField/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { Group } from 'react-aria-components';\nimport { theme } from '../../theme';\nimport { inputBaseStyles, inputDisabledStyles } from '../../utils/forms/inputStyles';\nimport { FormComponentProps } from '../types';\n\nexport const DateRangeGroup = styled(Group)<FormComponentProps>`\n  ${inputBaseStyles}\n  ${inputDisabledStyles}\n\n  gap: ${theme.sizes.sm};\n  justify-content: space-between;\n  z-index: 1;\n\n  &[data-focus-within] {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.blue.light};\n    border-color: ${theme.colors.secondary.blue.base};\n  }\n\n  &:has(*[data-invalid]) {\n    box-shadow: 0 0 0 4px ${theme.colors.secondary.red.light};\n    border: 1px solid ${theme.colors.secondary.red.base};\n  }\n\n  *[data-placeholder],\n  *[data-placeholder] + div,\n  *:has(*[data-placeholder]) ~ .date-range-input-splitter {\n    color: ${theme.colors.neutral.ink.light};\n  }\n\n  .react-aria-DateInput {\n    display: flex;\n    align-items: center;\n\n    cursor: text;\n    caret-color: transparent;\n\n    .react-aria-DateSegment {\n      padding: 0 1px;\n      border-radius: ${theme.radius.base};\n\n      &[data-focused] {\n        color: white;\n        background-color: ${theme.colors.secondary.blue.dark};\n\n        &[data-invalid] {\n          background-color: ${theme.colors.secondary.red.lightest};\n        }\n      }\n\n      &[data-invalid] {\n        font-weight: bold;\n        color: ${theme.colors.secondary.red.dark};\n      }\n\n      &:focus-visible {\n        outline: none;\n      }\n    }\n  }\n`;\n"],"names":[],"mappings":";;;;;MAMa,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,EACvC,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,KAAA,EAEd,KAAK,CAAC,KAAK,CAAC,EAAE,sFAKK,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,iBACzC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,iDAIxB,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAA,kBAAA,EACpC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAA,gJAAA,EAYpB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,kCAAA,EAG9B,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAA,0CAAA,EAMhD,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}

package/dist/components/DatePicker/styled.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var colors = require('../../theme/modules/colors.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const DatePickerFooter = styled__default.default.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.sizes.base};margin-left:-${sizes.sizes.base};margin-right:-${sizes.sizes.base};padding:${sizes.sizes.base};padding-bottom:0;border-top:${sizes.sizes.line} solid ${colors.colors.neutral.grey.base};`;
-
-exports.DatePickerFooter = DatePickerFooter;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { colors } from 'Theme/modules/colors';\nimport { sizes } from 'Theme/modules/sizes';\n\nexport const DatePickerFooter = styled.footer`\n  display: flex;\n  justify-content: end;\n\n  margin-top: ${sizes.base};\n  margin-left: -${sizes.base};\n  margin-right: -${sizes.base};\n\n  padding: ${sizes.base};\n  padding-bottom: 0;\n\n  border-top: ${sizes.line} solid ${colors.neutral.grey.base};\n`;\n"],"names":["styled","sizes","colors"],"mappings":";;;;;;;;;;AAIO,MAAM,gBAAgB,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7BC,WAAK,CAAC,IAAI,CAAA,cAAA,EACRA,WAAK,CAAC,IAAI,kBACTA,WAAK,CAAC,IAAI,CAAA,SAAA,EAEhBA,WAAK,CAAC,IAAI,CAAA,6BAAA,EAGPA,WAAK,CAAC,IAAI,CAAA,OAAA,EAAUC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

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

@@ -1 +0,0 @@
-export declare const DatePickerFooter: import("styled-components").StyledComponent<"footer", any, {}, never>;

package/dist/components/DatePicker/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { colors } from '../../theme/modules/colors.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const DatePickerFooter = styled.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--17flrd9" }) `display:flex;justify-content:end;margin-top:${sizes.base};margin-left:-${sizes.base};margin-right:-${sizes.base};padding:${sizes.base};padding-bottom:0;border-top:${sizes.line} solid ${colors.neutral.grey.base};`;
-
-export { DatePickerFooter };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/DatePicker/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { colors } from 'Theme/modules/colors';\nimport { sizes } from 'Theme/modules/sizes';\n\nexport const DatePickerFooter = styled.footer`\n  display: flex;\n  justify-content: end;\n\n  margin-top: ${sizes.base};\n  margin-left: -${sizes.base};\n  margin-right: -${sizes.base};\n\n  padding: ${sizes.base};\n  padding-bottom: 0;\n\n  border-top: ${sizes.line} solid ${colors.neutral.grey.base};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,4CAAA,EAI7B,KAAK,CAAC,IAAI,CAAA,cAAA,EACR,KAAK,CAAC,IAAI,kBACT,KAAK,CAAC,IAAI,CAAA,SAAA,EAEhB,KAAK,CAAC,IAAI,CAAA,6BAAA,EAGP,KAAK,CAAC,IAAI,CAAA,OAAA,EAAU,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/DetailPage/styled.cjs

@@ -1,16 +0,0 @@
-'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 { sizes, colors } = index.theme;
-const ColumnGrid = styled__default.default.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--2wnu9m" }) `width:100%;display:grid;grid-template-columns:${({ showSidebar = true }) => showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};align-items:flex-start;grid-gap:${sizes.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};transition:opacity 0.2s;}`;
-const ContentContainer = styled__default.default.div.withConfig({ displayName: "vui--ContentContainer", componentId: "vui--nvukr5" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
-
-exports.ColumnGrid = ColumnGrid;
-exports.ContentContainer = ContentContainer;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst { sizes, colors } = theme;\n\nexport const ColumnGrid = styled.div<any>`\n  width: 100%;\n  display: grid;\n  grid-template-columns: ${({ showSidebar = true }) =>\n    showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};\n  align-items: flex-start;\n  grid-gap: ${sizes.md};\n  transition: all 0.2s ease-in-out;\n\n  & > *:nth-child(2) {\n    opacity: ${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};\n    transition: opacity 0.2s;\n  }\n`;\n\nexport const ContentContainer = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  padding: ${sizes.md};\n  overflow-x: hidden;\n  background-color: ${colors.neutral.grey.lightest};\n`;\n"],"names":["theme","styled"],"mappings":";;;;;;;;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAGA,WAAK;AAExB,MAAM,UAAU,GAAGC,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAGT,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,KAC9C,WAAW,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,YAAY,CAAA,iCAAA,EAE3D,KAAK,CAAC,EAAE,CAAA,4DAAA,EAIP,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA,0BAAA;MAKzD,gBAAgB,GAAGA,uBAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAAA,oCAAA,EAEC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;;"}

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

@@ -1,2 +0,0 @@
-export declare const ColumnGrid: import("styled-components").StyledComponent<"div", any, any, never>;
-export declare const ContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/DetailPage/styled.js

@@ -1,9 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const { sizes, colors } = theme;
-const ColumnGrid = styled.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--2wnu9m" }) `width:100%;display:grid;grid-template-columns:${({ showSidebar = true }) => showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};align-items:flex-start;grid-gap:${sizes.md};transition:all 0.2s ease-in-out;& > *:nth-child(2){opacity:${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};transition:opacity 0.2s;}`;
-const ContentContainer = styled.div.withConfig({ displayName: "vui--ContentContainer", componentId: "vui--nvukr5" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
-
-export { ColumnGrid, ContentContainer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/DetailPage/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst { sizes, colors } = theme;\n\nexport const ColumnGrid = styled.div<any>`\n  width: 100%;\n  display: grid;\n  grid-template-columns: ${({ showSidebar = true }) =>\n    showSidebar ? `calc(100% - 312px - ${sizes.md}) 312px` : '100% 312px'};\n  align-items: flex-start;\n  grid-gap: ${sizes.md};\n  transition: all 0.2s ease-in-out;\n\n  & > *:nth-child(2) {\n    opacity: ${({ showSidebar = true }) => (showSidebar ? '1.0' : '0')};\n    transition: opacity 0.2s;\n  }\n`;\n\nexport const ContentContainer = styled.div`\n  width: 100%;\n  box-sizing: border-box;\n  padding: ${sizes.md};\n  overflow-x: hidden;\n  background-color: ${colors.neutral.grey.lightest};\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,KAAK;AAExB,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAGT,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,KAC9C,WAAW,GAAG,CAAA,oBAAA,EAAuB,KAAK,CAAC,EAAE,CAAA,OAAA,CAAS,GAAG,YAAY,CAAA,iCAAA,EAE3D,KAAK,CAAC,EAAE,CAAA,4DAAA,EAIP,CAAC,EAAE,WAAW,GAAG,IAAI,EAAE,MAAM,WAAW,GAAG,KAAK,GAAG,GAAG,CAAC,CAAA,0BAAA;MAKzD,gBAAgB,GAAG,MAAM,CAAC,GAAG,8HAG7B,KAAK,CAAC,EAAE,CAAA,oCAAA,EAEC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/FilterTag/styled.cjs

@@ -1,37 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var colors = require('../../theme/modules/colors.cjs');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var Text = require('../Text/Text.cjs');
-require('react');
-require('react-transition-group');
-require('uid/secure');
-require('../AnimatedDropdown/components/BasicDropdown.cjs');
-var CrossIcon = require('../../icons/design-system/components/CrossIcon.cjs');
-var DownArrowIcon = require('../../icons/design-system/components/DownArrowIcon.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-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 Container = styled__default.default(BaseContainer.BaseContainer).attrs({
-    as: 'button',
-}).withConfig({ displayName: "vui--Container", componentId: "vui--1tebbdi" }) `display:inline-flex;flex-direction:row;align-items:center;background-color:${colors.colors.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${colors.colors.neutral.grey.dark};border-radius:4px;svg{width:${sizes.sizes.base};height:${sizes.sizes.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${index.theme.colors.secondary.blue.light};}`;
-const NonSelectableText = styled__default.default(Text.Text).withConfig({ displayName: "vui--NonSelectableText", componentId: "vui--qz697a" }) `user-select:none;`;
-const GroupLabel = styled__default.default(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--17i198i" }) `margin-right:4px;`;
-const MainIcon = styled__default.default(DownArrowIcon.ReactComponent).withConfig({ displayName: "vui--MainIcon", componentId: "vui--rxq762" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
-const StyledCrossIcon = styled__default.default(CrossIcon.ReactComponent).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--1o2zyml" }) `margin-left:4px;height:10px;width:10px;`;
-const Content = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--6n2anv" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`;
-const Header = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Header", componentId: "vui--n9war0" }) `display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${colors.colors.neutral.grey.base};svg{color:${({ color }) => color};width:${sizes.sizes[5]};height:${sizes.sizes[5]};margin-right:10px;}`;
-
-exports.Text = Text.Text;
-exports.Container = Container;
-exports.Content = Content;
-exports.CrossIcon = StyledCrossIcon;
-exports.GroupLabel = GroupLabel;
-exports.Header = Header;
-exports.MainIcon = MainIcon;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon, DownArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":["styled","BaseContainer","colors","sizes","theme","Text","DownArrowIcon","CrossIcon"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,MAAM,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAIoBC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CAAA,QAAA,EACTA,WAAK,CAAC,IAAI,+CAKIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAGJ,uBAAM,CAACK,SAAI,CAAC,sGAErC;AAED,MAAM,UAAU,GAAGL,uBAAM,CAAC,iBAAiB,CAAC;AAI5C,MAAM,QAAQ,GAAGA,uBAAM,CAACM,4BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAGN,uBAAM,CAACO,wBAAS,CAAC;AAMzC,MAAM,OAAO,GAAGP,uBAAM,CAACC,2BAAa,CAAC;AAOrC,MAAM,MAAM,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMPC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpBC,WAAK,CAAC,CAAC,CAAC,WACPA,WAAK,CAAC,CAAC,CAAC;;;;;;;;;;"}

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

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import { Text } from '../Text';
-import { AnimatedDropdown } from '../AnimatedDropdown';
-declare const Container: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    as: "button";
-}, "as">;
-declare const GroupLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-declare const MainIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {
-    $shouldShow?: boolean | undefined;
-}, never>;
-declare const StyledCrossIcon: import("styled-components").StyledComponent<(props: import("react").SVGProps<SVGSVGElement>) => import("react").JSX.Element, any, {}, never>;
-declare const Content: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const Header: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
-    color: string;
-}, never>;
-export { Container, Text, AnimatedDropdown as Dropdown, GroupLabel, Content, Header, MainIcon, StyledCrossIcon as CrossIcon, };

package/dist/components/FilterTag/styled.js

@@ -1,25 +0,0 @@
-import styled from 'styled-components';
-import { colors } from '../../theme/modules/colors.js';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { Text } from '../Text/Text.js';
-import 'react';
-import 'react-transition-group';
-import 'uid/secure';
-import '../AnimatedDropdown/components/BasicDropdown.js';
-import { ReactComponent as CrossIcon } from '../../icons/design-system/components/CrossIcon.js';
-import { ReactComponent as DownArrowIcon } from '../../icons/design-system/components/DownArrowIcon.js';
-import { sizes } from '../../theme/modules/sizes.js';
-import { theme } from '../../theme/index.js';
-
-const Container = styled(BaseContainer).attrs({
-    as: 'button',
-}).withConfig({ displayName: "vui--Container", componentId: "vui--1tebbdi" }) `display:inline-flex;flex-direction:row;align-items:center;background-color:${colors.neutral.grey.base};padding:4px 8px;cursor:pointer;border:1px solid ${colors.neutral.grey.dark};border-radius:4px;svg{width:${sizes.base};height:${sizes.base};}&:focus{outline:none;box-shadow:0 0 0 2px ${theme.colors.secondary.blue.light};}`;
-const NonSelectableText = styled(Text).withConfig({ displayName: "vui--NonSelectableText", componentId: "vui--qz697a" }) `user-select:none;`;
-const GroupLabel = styled(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--17i198i" }) `margin-right:4px;`;
-const MainIcon = styled(DownArrowIcon).withConfig({ displayName: "vui--MainIcon", componentId: "vui--rxq762" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
-const StyledCrossIcon = styled(CrossIcon).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--1o2zyml" }) `margin-left:4px;height:10px;width:10px;`;
-const Content = styled(BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--6n2anv" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`;
-const Header = styled(BaseContainer).withConfig({ displayName: "vui--Header", componentId: "vui--n9war0" }) `display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:12px 18px;border-bottom:1px solid ${colors.neutral.grey.base};svg{color:${({ color }) => color};width:${sizes[5]};height:${sizes[5]};margin-right:10px;}`;
-
-export { Container, Content, StyledCrossIcon as CrossIcon, GroupLabel, Header, MainIcon, Text };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/FilterTag/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { colors } from '../../theme/modules/colors';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { Text } from '../Text';\nimport { AnimatedDropdown } from '../AnimatedDropdown';\nimport { CrossIcon, DownArrowIcon } from '../../icons';\nimport { sizes } from '../../theme/modules/sizes';\nimport { theme } from '../../theme';\n\nconst Container = styled(BaseContainer).attrs({\n  as: 'button',\n})`\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  background-color: ${colors.neutral.grey.base};\n  padding: 4px 8px;\n  cursor: pointer;\n\n  border: 1px solid ${colors.neutral.grey.dark};\n  border-radius: 4px;\n\n  svg {\n    width: ${sizes.base};\n    height: ${sizes.base};\n  }\n\n  &:focus {\n    outline: none;\n    box-shadow: 0 0 0 2px ${theme.colors.secondary.blue.light};\n  }\n`;\n\nconst NonSelectableText = styled(Text)`\n  user-select: none;\n`;\n\nconst GroupLabel = styled(NonSelectableText)`\n  margin-right: 4px;\n`;\n\nconst MainIcon = styled(DownArrowIcon)<{ $shouldShow?: boolean }>`\n  margin-left: 4px;\n  transform: rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});\n\n  width: 10px;\n  height: 10px;\n`;\n\nconst StyledCrossIcon = styled(CrossIcon)`\n  margin-left: 4px;\n  height: 10px;\n  width: 10px;\n`;\n\nconst Content = styled(BaseContainer)`\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n`;\n\nconst Header = styled(BaseContainer)<{ color: string }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  padding: 12px 18px;\n  border-bottom: 1px solid ${colors.neutral.grey.base};\n\n  svg {\n    color: ${({ color }) => color};\n    width: ${sizes[5]};\n    height: ${sizes[5]};\n    margin-right: 10px;\n  }\n`;\n\nexport {\n  Container,\n  Text,\n  AnimatedDropdown as Dropdown,\n  GroupLabel,\n  Content,\n  Header,\n  MainIcon,\n  StyledCrossIcon as CrossIcon,\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAIoB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CAAA,QAAA,EACT,KAAK,CAAC,IAAI,+CAKI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,sGAErC;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAI5C,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA,EAEhB,CAAC,KAAK,MAAM,KAAK,CAAC,WAAW,GAAG,QAAQ,GAAG,GAAG,CAAC,CAAA,yBAAA;AAMrE,MAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC;AAMzC,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;AAOrC,MAAM,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,wHAAA,EAMP,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,cAGxC,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,UACpB,KAAK,CAAC,CAAC,CAAC,WACP,KAAK,CAAC,CAAC,CAAC;;;;"}

package/dist/components/Grid/index.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
-var sizes = require('../../theme/modules/sizes.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const Grid = styled__default.default(BaseContainer.BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),
-}) `
-  display: grid;
-  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);
-  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes.sizes[spacing] : 0)};
-`;
-
-exports.Grid = Grid;
-//# sourceMappingURL=index.cjs.map

package/dist/components/Grid/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { GridProps } from './types';\n\nexport const Grid = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),\n})<GridProps>`\n  display: grid;\n  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);\n  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};\n`;\n"],"names":["styled","BaseContainer","sizes"],"mappings":";;;;;;;;;;AAOO,MAAM,IAAI,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,UAAU,CAAC;AACnD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACpE,CAAA,CAAC,CAAW;;AAEqB,gCAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;cAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAGC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;"}

package/dist/components/Grid/index.js

@@ -1,14 +0,0 @@
-import styled from 'styled-components';
-import { BaseContainer } from '../BaseContainer/BaseContainer.js';
-import { sizes } from '../../theme/modules/sizes.js';
-
-const Grid = styled(BaseContainer).withConfig({
-    shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),
-}) `
-  display: grid;
-  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);
-  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};
-`;
-
-export { Grid };
-//# sourceMappingURL=index.js.map

package/dist/components/Grid/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Grid/index.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { BaseContainer } from '../BaseContainer';\nimport { sizes } from '../../theme/modules/sizes';\n\nimport { GridProps } from './types';\n\nexport const Grid = styled(BaseContainer).withConfig({\n  shouldForwardProp: (prop) => !['columns', 'spacing'].includes(prop),\n})<GridProps>`\n  display: grid;\n  grid-template-columns: repeat(${({ columns }) => columns}, 1fr);\n  grid-gap: ${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};\n`;\n"],"names":[],"mappings":";;;;AAOO,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC;AACnD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACpE,CAAA,CAAC,CAAW;;AAEqB,gCAAA,EAAA,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA;cAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;;;;;"}

package/dist/components/Indicator/styled.cjs

@@ -1,28 +0,0 @@
-'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 sizes = {
-    base: '28px',
-    sm: '20px',
-    xs: '16px',
-};
-const borderRadius = {
-    base: '18px',
-    sm: '10px',
-    xs: '8px',
-};
-const offset = {
-    base: '-12px',
-    sm: '-8px',
-    xs: '-6px',
-};
-const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--gpqjtl" }) `position:absolute;top:${({ size }) => offset[size]};right:${({ size }) => offset[size]};box-sizing:border-box;height:${({ size }) => sizes[size]};min-width:${({ size }) => sizes[size]};display:flex;align-items:center;justify-content:center;border-radius:${({ size }) => borderRadius[size]};padding:0 4px;background-color:${({ color }) => color || index.theme.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;
-
-exports.Wrapper = Wrapper;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Indicator/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nconst sizes = {\n  base: '28px',\n  sm: '20px',\n  xs: '16px',\n};\n\nconst borderRadius = {\n  base: '18px',\n  sm: '10px',\n  xs: '8px',\n};\n\nconst offset = {\n  base: '-12px',\n  sm: '-8px',\n  xs: '-6px',\n};\n\nexport const Wrapper = styled.div<{ size: 'base' | 'sm' | 'xs' }>`\n  position: absolute;\n  top: ${({ size }) => offset[size]};\n  right: ${({ size }) => offset[size]};\n  box-sizing: border-box;\n\n  height: ${({ size }) => sizes[size]};\n  min-width: ${({ size }) => sizes[size]};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${({ size }) => borderRadius[size]};\n  padding: 0 4px;\n  background-color: ${({ color }) => color || theme.colors.neutral.grey.base};\n  border: 2px solid white;\n  font-weight: bold;\n  font-size: 12px;\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,KAAK,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,KAAK;CACV;AAED,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAEM,MAAM,OAAO,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sBAAA,EAExB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAA,OAAA,EACxB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,iCAGzB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,WAAA,EACtB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,sEAAA,EAIrB,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAA,gCAAA,EAE7B,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAIC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

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

@@ -1,3 +0,0 @@
-export declare const Wrapper: import("styled-components").StyledComponent<"div", any, {
-    size: 'base' | 'sm' | 'xs';
-}, never>;

package/dist/components/Indicator/styled.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../theme/index.js';
-
-const sizes = {
-    base: '28px',
-    sm: '20px',
-    xs: '16px',
-};
-const borderRadius = {
-    base: '18px',
-    sm: '10px',
-    xs: '8px',
-};
-const offset = {
-    base: '-12px',
-    sm: '-8px',
-    xs: '-6px',
-};
-const Wrapper = styled.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--gpqjtl" }) `position:absolute;top:${({ size }) => offset[size]};right:${({ size }) => offset[size]};box-sizing:border-box;height:${({ size }) => sizes[size]};min-width:${({ size }) => sizes[size]};display:flex;align-items:center;justify-content:center;border-radius:${({ size }) => borderRadius[size]};padding:0 4px;background-color:${({ color }) => color || theme.colors.neutral.grey.base};border:2px solid white;font-weight:bold;font-size:12px;`;
-
-export { Wrapper };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/Indicator/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from 'Theme';\n\nconst sizes = {\n  base: '28px',\n  sm: '20px',\n  xs: '16px',\n};\n\nconst borderRadius = {\n  base: '18px',\n  sm: '10px',\n  xs: '8px',\n};\n\nconst offset = {\n  base: '-12px',\n  sm: '-8px',\n  xs: '-6px',\n};\n\nexport const Wrapper = styled.div<{ size: 'base' | 'sm' | 'xs' }>`\n  position: absolute;\n  top: ${({ size }) => offset[size]};\n  right: ${({ size }) => offset[size]};\n  box-sizing: border-box;\n\n  height: ${({ size }) => sizes[size]};\n  min-width: ${({ size }) => sizes[size]};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${({ size }) => borderRadius[size]};\n  padding: 0 4px;\n  background-color: ${({ color }) => color || theme.colors.neutral.grey.base};\n  border: 2px solid white;\n  font-weight: bold;\n  font-size: 12px;\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,KAAK,GAAG;AACZ,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAED,MAAM,YAAY,GAAG;AACnB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,KAAK;CACV;AAED,MAAM,MAAM,GAAG;AACb,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;CACX;AAEM,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sBAAA,EAExB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,CAAA,OAAA,EACxB,CAAC,EAAE,IAAI,EAAE,KAAK,MAAM,CAAC,IAAI,CAAC,iCAGzB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,WAAA,EACtB,CAAC,EAAE,IAAI,EAAE,KAAK,KAAK,CAAC,IAAI,CAAC,CAAA,sEAAA,EAIrB,CAAC,EAAE,IAAI,EAAE,KAAK,YAAY,CAAC,IAAI,CAAC,CAAA,gCAAA,EAE7B,CAAC,EAAE,KAAK,EAAE,KAAK,KAAK,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;;;;"}

package/dist/components/LegacyDataTable/SpecificState/styled.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../../theme/index.cjs');
-var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
-var Text = require('../../Text/Text.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const SpecificStateContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${index.theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-exports.EllipseContainer = EllipseContainer;
-exports.SpecificStateContainer = SpecificStateContainer;
-exports.SubTitleText = SubTitleText;
-exports.TitleText = TitleText;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":["styled","BaseContainer","theme","Text"],"mappings":";;;;;;;;;;;AASA,MAAM,sBAAsB,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAGD,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9BC,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAGF,uBAAM,CAACG,SAAI,CAAC;AAI9B,MAAM,YAAY,GAAGH,uBAAM,CAACG,SAAI,CAAC;;;;;;;"}

package/dist/components/LegacyDataTable/SpecificState/styled.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-type SpecificStateContainerPropTypes = {
-    height: number;
-};
-declare const SpecificStateContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, SpecificStateContainerPropTypes, never>;
-declare const EllipseContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-declare const TitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-declare const SubTitleText: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
-    as?: import("../../Text").ValidTextTag | undefined;
-    muted?: boolean | undefined;
-    variant?: "headingXXL" | "headingXL" | "headingLarge" | "headingMedium" | "headingSmall" | "headingTable" | "subheadingLarge" | "subheadingMedium" | "subheadingSmall" | "subheadingSmallBold" | "body" | "bodySmall" | "bodyBold" | "bodyBoldDark" | "bodySmallBold" | "inputLabel" | "inputLabelSmall" | "hintText" | "placeholder" | "placeholderSmall" | "placeholderCode" | "placeholderCodeSmall" | "error" | "errorSmall" | "successSmall" | "button" | "buttonSmall" | "linkLarge" | "linkMedium" | "link" | "linkSmall" | undefined;
-} & import("react").HTMLAttributes<HTMLElement> & import("react").LabelHTMLAttributes<HTMLLabelElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
-export { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };

package/dist/components/LegacyDataTable/SpecificState/styled.js

@@ -1,12 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-import { BaseContainer } from '../../BaseContainer/BaseContainer.js';
-import { Text } from '../../Text/Text.js';
-
-const SpecificStateContainer = styled(BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
-const EllipseContainer = styled(BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
-const TitleText = styled(Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
-const SubTitleText = styled(Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
-
-export { EllipseContainer, SpecificStateContainer, SubTitleText, TitleText };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/SpecificState/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\nimport { BaseContainer } from '../../BaseContainer';\nimport { Text } from '../../Text';\n\ntype SpecificStateContainerPropTypes = {\n  height: number;\n};\n\nconst SpecificStateContainer = styled(BaseContainer)<SpecificStateContainerPropTypes>`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: ${(props) => props.height}px;\n  background: white;\n`;\n\nconst EllipseContainer = styled(BaseContainer)`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 120px;\n  height: 120px;\n  border-radius: 100px;\n  background: ${theme.colors.neutral.grey.base};\n\n  svg {\n    width: 64px !important;\n    height: 64px !important;\n  }\n`;\n\nconst TitleText = styled(Text)`\n  margin-top: 24px;\n`;\n\nconst SubTitleText = styled(Text)`\n  margin-top: 8px;\n`;\n\nexport { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText };\n"],"names":[],"mappings":";;;;;AASA,MAAM,sBAAsB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,6BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,oFAAA,EAKxC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM;AAInC,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,+GAAA,EAO9B,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAQ9C,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC;AAI9B,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC;;;;"}

package/dist/components/LegacyDataTable/cells/styled.cjs

@@ -1,14 +0,0 @@
-'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);
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled__default.default.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${index.theme.sizes.base};border-radius:${index.theme.radius.base};&:hover{cursor:pointer;background-color:${index.theme.colors.secondary.blue.lightest};}`;
-
-exports.CellButton = CellButton;
-//# sourceMappingURL=styled.cjs.map

package/dist/components/LegacyDataTable/cells/styled.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAAA;AAKO,MAAM,UAAU,GAAGA,uBAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtBC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACdA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LegacyDataTable/cells/styled.d.ts

@@ -1 +0,0 @@
-export declare const CellButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/LegacyDataTable/cells/styled.js

@@ -1,8 +0,0 @@
-import styled from 'styled-components';
-import { theme } from '../../../theme/index.js';
-
-/* eslint-disable import/prefer-default-export */
-const CellButton = styled.button.withConfig({ displayName: "vui--CellButton", componentId: "vui--1w0np52" }) `appearance:none;border:0;background-color:transparent;font:inherit;display:inline-block;box-sizing:border-box;width:calc(100% + 1.5rem);margin:-0.75rem -0.75rem;padding:0.75rem 0.75rem;text-align:inherit;line-height:${theme.sizes.base};border-radius:${theme.radius.base};&:hover{cursor:pointer;background-color:${theme.colors.secondary.blue.lightest};}`;
-
-export { CellButton };
-//# sourceMappingURL=styled.js.map

package/dist/components/LegacyDataTable/cells/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/LegacyDataTable/cells/styled.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nexport const CellButton = styled.button`\n  appearance: none;\n  border: 0;\n  background-color: transparent;\n  font: inherit;\n\n  display: inline-block;\n  box-sizing: border-box;\n  width: calc(100% + 1.5rem);\n  margin: -0.75rem -0.75rem;\n  padding: 0.75rem 0.75rem;\n  text-align: inherit;\n  line-height: ${theme.sizes.base};\n  border-radius: ${theme.radius.base};\n\n  &:hover {\n    cursor: pointer;\n    background-color: ${theme.colors.secondary.blue.lightest};\n  }\n`;\n"],"names":[],"mappings":";;;AAAA;AAKO,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,wNAAA,EAYtB,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,eAAA,EACd,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,yCAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/LoginWithAmazonButton/styled.cjs

@@ -1,12 +0,0 @@
-'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 LoginButton = styled__default.default.button.withConfig({ displayName: "vui--LoginButton", componentId: "vui--9ns5xb" }) `background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`;
-
-exports.LoginButton = LoginButton;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/LoginWithAmazonButton/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoginButton = styled.button`\n  /* Remove default button style */\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n\n  img {\n    width: 156px;\n    height: 32px;\n  }\n`;\n"],"names":["styled"],"mappings":";;;;;;;;MAEa,WAAW,GAAGA,uBAAM,CAAC,MAAM;;;;"}

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

@@ -1 +0,0 @@
-export declare const LoginButton: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/LoginWithAmazonButton/styled.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-
-const LoginButton = styled.button.withConfig({ displayName: "vui--LoginButton", componentId: "vui--9ns5xb" }) `background:none;border:none;padding:0;cursor:pointer;img{width:156px;height:32px;}`;
-
-export { LoginButton };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../src/components/LoginWithAmazonButton/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const LoginButton = styled.button`\n  /* Remove default button style */\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n\n  img {\n    width: 156px;\n    height: 32px;\n  }\n`;\n"],"names":[],"mappings":";;MAEa,WAAW,GAAG,MAAM,CAAC,MAAM;;;;"}

package/dist/components/Pagination/styled.cjs

@@ -1,20 +0,0 @@
-'use strict';
-
-var styled = require('styled-components');
-var index = require('../../theme/index.cjs');
-var FlexRow = require('../Flex/FlexRow/FlexRow.cjs');
-var Button = require('../Button/Button.cjs');
-var index$1 = require('../TextField/index.cjs');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-
-const PageLimitContainer = styled__default.default(FlexRow.FlexRow).withConfig({ displayName: "vui--PageLimitContainer", componentId: "vui--11yg0z2" }) `box-sizing:border-box;min-width:${index.theme.sizes[10]};height:${index.theme.sizes.lg};padding:0 ${index.theme.sizes[3]};background-color:${index.theme.colors.neutral.grey.light};border:1px solid ${index.theme.colors.neutral.grey.dark};border-radius:${index.theme.sizes.xs};`;
-const PaginationButton = styled__default.default(Button.Button).withConfig({ displayName: "vui--PaginationButton", componentId: "vui--1xoa6c5" }) `color:${index.theme.colors.neutral.ink.base};width:${index.theme.sizes.lg};height:${index.theme.sizes.lg};svg{width:${index.theme.sizes.md};height:${index.theme.sizes.md};}`;
-const PageInput = styled__default.default(index$1.TextField).withConfig({ displayName: "vui--PageInput", componentId: "vui--vpfeol" }) `&[type='number']{min-width:auto;}`;
-
-exports.PageInput = PageInput;
-exports.PageLimitContainer = PageLimitContainer;
-exports.PaginationButton = PaginationButton;
-//# sourceMappingURL=styled.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.cjs","sources":["../../../src/components/Pagination/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { FlexRow } from '../Flex/FlexRow';\nimport { Button } from '../Button';\nimport { TextField } from '../TextField';\n\nexport const PageLimitContainer = styled(FlexRow)`\n  box-sizing: border-box;\n  min-width: ${theme.sizes[10]};\n  height: ${theme.sizes.lg};\n  padding: 0 ${theme.sizes[3]};\n  background-color: ${theme.colors.neutral.grey.light};\n  border: 1px solid ${theme.colors.neutral.grey.dark};\n  border-radius: ${theme.sizes.xs};\n`;\n\nexport const PaginationButton = styled(Button)`\n  color: ${theme.colors.neutral.ink.base};\n  // TODO: Remove these style overrides when the Button component is updated match the design system\n  width: ${theme.sizes.lg};\n  height: ${theme.sizes.lg};\n\n  svg {\n    width: ${theme.sizes.md};\n    height: ${theme.sizes.md};\n  }\n`;\n\nexport const PageInput = styled(TextField)`\n  &[type='number'] {\n    min-width: auto;\n  }\n`;\n"],"names":["styled","FlexRow","theme","Button","TextField"],"mappings":";;;;;;;;;;;;AAMO,MAAM,kBAAkB,GAAGA,uBAAM,CAACC,eAAO,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,yBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,gCAAA,EAElCC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA,QAAA,EAClBA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,WAAA,EACXA,WAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,kBAAA,EACPA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,kBAAA,EAC/BA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,eAAA,EACjCA,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,CAAA;AAG1B,MAAM,gBAAgB,GAAGF,uBAAM,CAACG,aAAM,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EACnCD,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,UAE7BA,WAAK,CAAC,KAAK,CAAC,EAAE,WACbA,WAAK,CAAC,KAAK,CAAC,EAAE,cAGbA,WAAK,CAAC,KAAK,CAAC,EAAE,WACbA,WAAK,CAAC,KAAK,CAAC,EAAE;MAIf,SAAS,GAAGF,uBAAM,CAACI,iBAAS,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,iCAAA;;;;;;"}