npm - @veeqo/ui - Versions diffs - 10.0.1 → 10.1.0 - Mend

@veeqo/ui 10.0.1 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (288) hide show

package/dist/components/DataTable/components/Row.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { theme } from '../../../theme/index.js';
-const Row = styled.tr.withConfig({ displayName: "vui--Row", componentId: "vui--j1gmuf" }) `display:contents;${({ selected }) => selected &&
+const Row = styled.tr.withConfig({ displayName: "vui--Row", componentId: "vui--ryxbs1" }) `display:contents;${({ selected }) => selected &&
     `
     &&&& > td {
       background-color: ${theme.colors.brand.blue.lightest};

package/dist/components/DataTable/components/ScrollContainer.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const ScrollContainer = styled__default.default.div.withConfig({ displayName: "vui--ScrollContainer", componentId: "vui--89sqty" }) `position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;
+const ScrollContainer = styled__default.default.div.withConfig({ displayName: "vui--ScrollContainer", componentId: "vui--1bx96p0" }) `position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;
 exports.ScrollContainer = ScrollContainer;
 //# sourceMappingURL=ScrollContainer.cjs.map

package/dist/components/DataTable/components/ScrollContainer.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-const ScrollContainer = styled.div.withConfig({ displayName: "vui--ScrollContainer", componentId: "vui--89sqty" }) `position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;
+const ScrollContainer = styled.div.withConfig({ displayName: "vui--ScrollContainer", componentId: "vui--1bx96p0" }) `position:relative;width:100%;overflow-x:auto;overflow-y:hidden;`;
 export { ScrollContainer };
 //# sourceMappingURL=ScrollContainer.js.map

package/dist/components/DataTable/components/TableGrid.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 const defaultDensity = 'base';
-const TableGrid = styled__default.default.table.withConfig({ displayName: "vui--TableGrid", componentId: "vui--uiuxyy" }) `min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${index.theme.sizes[defaultDensity]};&& tr:hover td{background-color:#f2f8fc;}${({ css }) => css}`;
+const TableGrid = styled__default.default.table.withConfig({ displayName: "vui--TableGrid", componentId: "vui--1fsix8g" }) `min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${index.theme.sizes[defaultDensity]};&& tr:hover td{background-color:#f2f8fc;}${({ css }) => css}`;
 exports.TableGrid = TableGrid;
 //# sourceMappingURL=TableGrid.cjs.map

package/dist/components/DataTable/components/TableGrid.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMhB,MAAA,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtBC,WAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}
1	+ {"version":3,"file":"TableGrid.cjs","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":["styled","theme"],"mappings":";;;;;;;;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMhB,MAAA,SAAS,GAAGA,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtBC,WAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}

package/dist/components/DataTable/components/TableGrid.js CHANGED Viewed

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { theme } from '../../../theme/index.js';
 const defaultDensity = 'base';
-const TableGrid = styled.table.withConfig({ displayName: "vui--TableGrid", componentId: "vui--uiuxyy" }) `min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${theme.sizes[defaultDensity]};&& tr:hover td{background-color:#f2f8fc;}${({ css }) => css}`;
+const TableGrid = styled.table.withConfig({ displayName: "vui--TableGrid", componentId: "vui--1fsix8g" }) `min-width:100%;width:max-content;display:grid;& thead,& tbody,& tfoot{display:contents;}--density:${theme.sizes[defaultDensity]};&& tr:hover td{background-color:#f2f8fc;}${({ css }) => css}`;
 export { TableGrid };
 //# sourceMappingURL=TableGrid.js.map

package/dist/components/DataTable/components/TableGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMhB,MAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtB,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}
1	+ {"version":3,"file":"TableGrid.js","sources":["../../../../src/components/DataTable/components/TableGrid.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../../theme';\n\nconst defaultDensity = 'base';\n\nexport interface TableGridProps {\n css: string;\n}\n\nexport const TableGrid = styled.table<TableGridProps>`\n min-width: 100%;\n width: max-content; /* Fixes sticky element bug in Firefox - https://bugzilla.mozilla.org/show_bug.cgi?id=1585254#c3 /\n display: grid;\n\n & thead,\n & tbody,\n & tfoot {\n display: contents;\n }\n\n --density: ${theme.sizes[defaultDensity]};\n\n && tr:hover td {\n background-color: #f2f8fc;\n }\n\n ${({ css }) => css}/ CSS styles generate by hooks */\n`;\n"],"names":[],"mappings":";;;AAGA,MAAM,cAAc,GAAG,MAAM;AAMhB,MAAA,SAAS,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,kGAAA,EAWtB,KAAK,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA,0CAAA,EAMtC,CAAC,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;;;;"}

package/dist/components/DataTable/components/Truncate.cjs CHANGED Viewed

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Truncate = styled__default.default.div.withConfig({ displayName: "vui--Truncate", componentId: "vui--1kkdpgh" }) `overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+const Truncate = styled__default.default.div.withConfig({ displayName: "vui--Truncate", componentId: "vui--14fzkum" }) `overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
 exports.Truncate = Truncate;
 //# sourceMappingURL=Truncate.cjs.map

package/dist/components/DataTable/components/Truncate.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
-const Truncate = styled.div.withConfig({ displayName: "vui--Truncate", componentId: "vui--1kkdpgh" }) `overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
+const Truncate = styled.div.withConfig({ displayName: "vui--Truncate", componentId: "vui--14fzkum" }) `overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`;
 export { Truncate };
 //# sourceMappingURL=Truncate.js.map

package/dist/components/DataTable/components/Wrapper.cjs CHANGED Viewed

@@ -12,7 +12,7 @@ const borderModeStyles = {
     vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',
     none: 'border-width: 0;',
 };
-const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--femv7s" }) `width:100%;position:relative;border-style:solid;border-color:${index.theme.colors.neutral.grey.dark};${({ borderMode = 'full' }) => borderModeStyles[borderMode]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;
+const Wrapper = styled__default.default.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--5gfhdd" }) `width:100%;position:relative;border-style:solid;border-color:${index.theme.colors.neutral.grey.dark};${({ borderMode = 'full' }) => borderModeStyles[borderMode]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;
 exports.Wrapper = Wrapper;
 //# sourceMappingURL=Wrapper.cjs.map

package/dist/components/DataTable/components/Wrapper.js CHANGED Viewed

@@ -6,7 +6,7 @@ const borderModeStyles = {
     vertical: 'border-width: 0; border-top-width: 1px; border-bottom-width: 1px;',
     none: 'border-width: 0;',
 };
-const Wrapper = styled.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--femv7s" }) `width:100%;position:relative;border-style:solid;border-color:${theme.colors.neutral.grey.dark};${({ borderMode = 'full' }) => borderModeStyles[borderMode]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;
+const Wrapper = styled.div.withConfig({ displayName: "vui--Wrapper", componentId: "vui--5gfhdd" }) `width:100%;position:relative;border-style:solid;border-color:${theme.colors.neutral.grey.dark};${({ borderMode = 'full' }) => borderModeStyles[borderMode]} &,& *{box-sizing:border-box;}.hideHeaderDetails th{> *{opacity:0.1;}.th-divider{opacity:1;}}`;
 export { Wrapper };
 //# sourceMappingURL=Wrapper.js.map

package/dist/components/DateInputField/styled.cjs CHANGED Viewed

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const DateRangeGroup = styled__default.default(reactAriaComponents.Group).withConfig({ displayName: "vui--DateRangeGroup", componentId: "vui--1lv2dzh" }) `${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;}}}`;
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,EACvCC,2BAAe,CAAA,CAAA,EACfC,+BAAmB,CAEd,KAAA,EAAAC,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,CACpC,kBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAYpB,gJAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAG9B,kCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAMhD,0CAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}
1	+ {"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,CAEd,KAAA,EAAAC,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,CACpC,kBAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1CA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAYpB,gJAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAG9B,kCAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAMhD,0CAAA,EAAAA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}

package/dist/components/DateInputField/styled.js CHANGED Viewed

@@ -3,7 +3,7 @@ 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--1lv2dzh" }) `${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;}}}`;
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,EACvC,eAAe,CAAA,CAAA,EACf,mBAAmB,CAEd,KAAA,EAAA,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,CACpC,kBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAYpB,gJAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAG9B,kCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAMhD,0CAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}
1	+ {"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,CAEd,KAAA,EAAA,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,CACpC,kBAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,gHAM1C,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAYpB,gJAAA,EAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,8CAAA,EAIZ,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAG9B,kCAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAMhD,0CAAA,EAAA,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,kCAAA;;;;"}

package/dist/components/DatePicker/styled.cjs CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const DatePickerFooter = styled__default.default.footer.withConfig({ displayName: "vui--DatePickerFooter", componentId: "vui--1bh2rdw" }) `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};`;
+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.js CHANGED Viewed

@@ -2,7 +2,7 @@ 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--1bh2rdw" }) `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};`;
+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/DateRangePicker/components/Divider.cjs CHANGED Viewed

@@ -7,7 +7,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Divider = styled__default.default.div.withConfig({ displayName: "vui--Divider", componentId: "vui--v6fsx5" }) `margin:0 -${index.theme.sizes.base};border-top:1px solid ${index.theme.colors.neutral.grey.base};`;
+const Divider = styled__default.default.div.withConfig({ displayName: "vui--Divider", componentId: "vui--ssvmxc" }) `margin:0 -${index.theme.sizes.base};border-top:1px solid ${index.theme.colors.neutral.grey.base};`;
 exports.Divider = Divider;
 //# sourceMappingURL=Divider.cjs.map

package/dist/components/DateRangePicker/components/Divider.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import styled from 'styled-components';
 import { theme } from '../../../theme/index.js';
-const Divider = styled.div.withConfig({ displayName: "vui--Divider", componentId: "vui--v6fsx5" }) `margin:0 -${theme.sizes.base};border-top:1px solid ${theme.colors.neutral.grey.base};`;
+const Divider = styled.div.withConfig({ displayName: "vui--Divider", componentId: "vui--ssvmxc" }) `margin:0 -${theme.sizes.base};border-top:1px solid ${theme.colors.neutral.grey.base};`;
 export { Divider };
 //# sourceMappingURL=Divider.js.map

package/dist/components/DescriptionList/DescriptionList.cjs CHANGED Viewed

@@ -9,12 +9,12 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const List = styled__default.default.dl.withConfig({ displayName: "vui--List", componentId: "vui--lwzabs" }) `margin:unset;& > * + *{margin-top:${index.theme.sizes.base};}`;
-const Item = styled__default.default.div.withConfig({ displayName: "vui--Item", componentId: "vui--1dxs1r3" }) `& > * + *{margin-top:${index.theme.sizes.xs};}`;
-const ItemRow = styled__default.default.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--t299mh" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${index.theme.sizes.base};}`;
-const DescriptionContainer = styled__default.default.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--14xbcpp" }) `text-align:right;& > * + *{margin-top:${index.theme.sizes.xs};}`;
-const Term = styled__default.default.dt.withConfig({ displayName: "vui--Term", componentId: "vui--taczwx" }) `font-family:${index.theme.text.bodyBold.fontFamily};font-size:${index.theme.text.bodyBold.fontSize};font-weight:${index.theme.text.bodyBold.fontWeight};line-height:${index.theme.text.bodyBold.lineHeight};color:${index.theme.text.bodyBold.color};`;
-const Description = styled__default.default.dd.withConfig({ displayName: "vui--Description", componentId: "vui--hqasxa" }) `margin-left:unset;font-family:${index.theme.text.body.fontFamily};font-size:${index.theme.text.body.fontSize};font-weight:${index.theme.text.body.fontWeight};line-height:${index.theme.text.body.lineHeight};color:${index.theme.text.body.color};`;
+const List = styled__default.default.dl.withConfig({ displayName: "vui--List", componentId: "vui--syirga" }) `margin:unset;& > * + *{margin-top:${index.theme.sizes.base};}`;
+const Item = styled__default.default.div.withConfig({ displayName: "vui--Item", componentId: "vui--dz7dgm" }) `& > * + *{margin-top:${index.theme.sizes.xs};}`;
+const ItemRow = styled__default.default.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--1b0o5wp" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${index.theme.sizes.base};}`;
+const DescriptionContainer = styled__default.default.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--foltw8" }) `text-align:right;& > * + *{margin-top:${index.theme.sizes.xs};}`;
+const Term = styled__default.default.dt.withConfig({ displayName: "vui--Term", componentId: "vui--s2cfux" }) `font-family:${index.theme.text.bodyBold.fontFamily};font-size:${index.theme.text.bodyBold.fontSize};font-weight:${index.theme.text.bodyBold.fontWeight};line-height:${index.theme.text.bodyBold.lineHeight};color:${index.theme.text.bodyBold.color};`;
+const Description = styled__default.default.dd.withConfig({ displayName: "vui--Description", componentId: "vui--1915ejg" }) `margin-left:unset;font-family:${index.theme.text.body.fontFamily};font-size:${index.theme.text.body.fontSize};font-weight:${index.theme.text.body.fontWeight};line-height:${index.theme.text.body.lineHeight};color:${index.theme.text.body.color};`;
 const DescriptionList = ({ items, horizontal }) => {
     const renderDescription = (description) => {
         if (Array.isArray(description)) {

package/dist/components/DescriptionList/DescriptionList.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionList.cjs","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst List = styled.dl`\n margin: unset;\n\n & > * + * {\n margin-top: ${theme.sizes.base};\n }\n`;\n\nconst Item = styled.div`\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst ItemRow = styled.div`\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nconst DescriptionContainer = styled.div`\n text-align: right;\n\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst Term = styled.dt`\n font-family: ${theme.text.bodyBold.fontFamily};\n font-size: ${theme.text.bodyBold.fontSize};\n font-weight: ${theme.text.bodyBold.fontWeight};\n line-height: ${theme.text.bodyBold.lineHeight};\n color: ${theme.text.bodyBold.color};\n`;\n\nconst Description = styled.dd`\n margin-left: unset;\n\n font-family: ${theme.text.body.fontFamily};\n font-size: ${theme.text.body.fontSize};\n font-weight: ${theme.text.body.fontWeight};\n line-height: ${theme.text.body.lineHeight};\n color: ${theme.text.body.color};\n`;\n\ntype DescriptionListItem = {\n term: string;\n description: string \| string[];\n};\n\nexport interface DescriptionListProps {\n items: DescriptionListItem[];\n horizontal?: boolean;\n}\n\nexport const DescriptionList = ({ items, horizontal }: DescriptionListProps) => {\n const renderDescription = (description: string \| string[]) => {\n if (Array.isArray(description)) {\n return description.map((d) => <Description key={d}>{d}</Description>);\n }\n return <Description>{description}</Description>;\n };\n\n const renderItem = (item: DescriptionListItem) => {\n if (horizontal) {\n return (\n <ItemRow key={item.term}>\n <Term>{item.term}</Term>\n <DescriptionContainer>{renderDescription(item.description)}</DescriptionContainer>\n </ItemRow>\n );\n }\n return (\n <Item key={item.term}>\n <Term>{item.term}</Term>\n {renderDescription(item.description)}\n </Item>\n );\n };\n\n return <List>{items.map(renderItem)}</List>;\n};\n"],"names":["styled","theme","React"],"mappings":";;;;;;;;;;;AAIA,MAAM,IAAI,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kCAAA,EAIJC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAEjC;AAED,MAAM,IAAI,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,qBAAA,EAELC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,OAAO,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,iEAAA,EAKPC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAElC;AAED,MAAM,oBAAoB,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,2BAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sCAAA,EAIrBC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,IAAI,GAAGD,uBAAM,CAAC,EAAE,CACL,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,cAChCA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAC1B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,gBAC9BA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAA,OAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAA,CACnC;AAED,MAAM,WAAW,GAAGD,uBAAM,CAAC,EAAE,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,8BAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,cAC5BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CACtB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,gBAC1BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,CAAA,CAC/B;AAYY,MAAA,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAwB,KAAI;AAC7E,IAAA,MAAM,iBAAiB,GAAG,CAAC,WAA8B,KAAI;AAC3D,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC9B,YAAA,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAKC,qCAAC,WAAW,EAAA,EAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAe,CAAC;AACtE;AACD,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAA,WAAW,EAAE,IAAA,EAAA,WAAW,CAAe;AACjD,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,IAAyB,KAAI;AAC/C,QAAA,IAAI,UAAU,EAAE;YACd,QACEA,qCAAC,OAAO,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AACrB,gBAAAA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;gBACxBA,sBAAC,CAAA,aAAA,CAAA,oBAAoB,EAAE,IAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAwB,CAC1E;AAEb;QACD,QACEA,qCAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AAClB,YAAAA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;AACvB,YAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAC/B;AAEX,KAAC;IAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAQ;AAC7C;;;;"}
1	+ {"version":3,"file":"DescriptionList.cjs","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst List = styled.dl`\n margin: unset;\n\n & > * + * {\n margin-top: ${theme.sizes.base};\n }\n`;\n\nconst Item = styled.div`\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst ItemRow = styled.div`\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nconst DescriptionContainer = styled.div`\n text-align: right;\n\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst Term = styled.dt`\n font-family: ${theme.text.bodyBold.fontFamily};\n font-size: ${theme.text.bodyBold.fontSize};\n font-weight: ${theme.text.bodyBold.fontWeight};\n line-height: ${theme.text.bodyBold.lineHeight};\n color: ${theme.text.bodyBold.color};\n`;\n\nconst Description = styled.dd`\n margin-left: unset;\n\n font-family: ${theme.text.body.fontFamily};\n font-size: ${theme.text.body.fontSize};\n font-weight: ${theme.text.body.fontWeight};\n line-height: ${theme.text.body.lineHeight};\n color: ${theme.text.body.color};\n`;\n\ntype DescriptionListItem = {\n term: string;\n description: string \| string[];\n};\n\nexport interface DescriptionListProps {\n items: DescriptionListItem[];\n horizontal?: boolean;\n}\n\nexport const DescriptionList = ({ items, horizontal }: DescriptionListProps) => {\n const renderDescription = (description: string \| string[]) => {\n if (Array.isArray(description)) {\n return description.map((d) => <Description key={d}>{d}</Description>);\n }\n return <Description>{description}</Description>;\n };\n\n const renderItem = (item: DescriptionListItem) => {\n if (horizontal) {\n return (\n <ItemRow key={item.term}>\n <Term>{item.term}</Term>\n <DescriptionContainer>{renderDescription(item.description)}</DescriptionContainer>\n </ItemRow>\n );\n }\n return (\n <Item key={item.term}>\n <Term>{item.term}</Term>\n {renderDescription(item.description)}\n </Item>\n );\n };\n\n return <List>{items.map(renderItem)}</List>;\n};\n"],"names":["styled","theme","React"],"mappings":";;;;;;;;;;;AAIA,MAAM,IAAI,GAAGA,uBAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kCAAA,EAIJC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAEjC;AAED,MAAM,IAAI,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qBAAA,EAELC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,OAAO,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iEAAA,EAKPC,WAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAElC;AAED,MAAM,oBAAoB,GAAGD,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,2BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAIrBC,WAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,IAAI,GAAGD,uBAAM,CAAC,EAAE,CACL,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,cAChCA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAC1B,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,gBAC9BA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAA,OAAA,EACpCA,WAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAA,CACnC;AAED,MAAM,WAAW,GAAGD,uBAAM,CAAC,EAAE,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,8BAAA,EAAAC,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,cAC5BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CACtB,aAAA,EAAAA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,gBAC1BA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChCA,WAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,CAAA,CAC/B;AAYY,MAAA,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAwB,KAAI;AAC7E,IAAA,MAAM,iBAAiB,GAAG,CAAC,WAA8B,KAAI;AAC3D,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC9B,YAAA,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAKC,qCAAC,WAAW,EAAA,EAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAe,CAAC;AACtE;AACD,QAAA,OAAOA,sBAAC,CAAA,aAAA,CAAA,WAAW,EAAE,IAAA,EAAA,WAAW,CAAe;AACjD,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,IAAyB,KAAI;AAC/C,QAAA,IAAI,UAAU,EAAE;YACd,QACEA,qCAAC,OAAO,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AACrB,gBAAAA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;gBACxBA,sBAAC,CAAA,aAAA,CAAA,oBAAoB,EAAE,IAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAwB,CAC1E;AAEb;QACD,QACEA,qCAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AAClB,YAAAA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;AACvB,YAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAC/B;AAEX,KAAC;IAED,OAAOA,sBAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAQ;AAC7C;;;;"}

package/dist/components/DescriptionList/DescriptionList.js CHANGED Viewed

@@ -2,12 +2,12 @@ import React__default from 'react';
 import styled from 'styled-components';
 import { theme } from '../../theme/index.js';
-const List = styled.dl.withConfig({ displayName: "vui--List", componentId: "vui--lwzabs" }) `margin:unset;& > * + *{margin-top:${theme.sizes.base};}`;
-const Item = styled.div.withConfig({ displayName: "vui--Item", componentId: "vui--1dxs1r3" }) `& > * + *{margin-top:${theme.sizes.xs};}`;
-const ItemRow = styled.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--t299mh" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${theme.sizes.base};}`;
-const DescriptionContainer = styled.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--14xbcpp" }) `text-align:right;& > * + *{margin-top:${theme.sizes.xs};}`;
-const Term = styled.dt.withConfig({ displayName: "vui--Term", componentId: "vui--taczwx" }) `font-family:${theme.text.bodyBold.fontFamily};font-size:${theme.text.bodyBold.fontSize};font-weight:${theme.text.bodyBold.fontWeight};line-height:${theme.text.bodyBold.lineHeight};color:${theme.text.bodyBold.color};`;
-const Description = styled.dd.withConfig({ displayName: "vui--Description", componentId: "vui--hqasxa" }) `margin-left:unset;font-family:${theme.text.body.fontFamily};font-size:${theme.text.body.fontSize};font-weight:${theme.text.body.fontWeight};line-height:${theme.text.body.lineHeight};color:${theme.text.body.color};`;
+const List = styled.dl.withConfig({ displayName: "vui--List", componentId: "vui--syirga" }) `margin:unset;& > * + *{margin-top:${theme.sizes.base};}`;
+const Item = styled.div.withConfig({ displayName: "vui--Item", componentId: "vui--dz7dgm" }) `& > * + *{margin-top:${theme.sizes.xs};}`;
+const ItemRow = styled.div.withConfig({ displayName: "vui--ItemRow", componentId: "vui--1b0o5wp" }) `display:flex;justify-content:space-between;& > * + *{margin-left:${theme.sizes.base};}`;
+const DescriptionContainer = styled.div.withConfig({ displayName: "vui--DescriptionContainer", componentId: "vui--foltw8" }) `text-align:right;& > * + *{margin-top:${theme.sizes.xs};}`;
+const Term = styled.dt.withConfig({ displayName: "vui--Term", componentId: "vui--s2cfux" }) `font-family:${theme.text.bodyBold.fontFamily};font-size:${theme.text.bodyBold.fontSize};font-weight:${theme.text.bodyBold.fontWeight};line-height:${theme.text.bodyBold.lineHeight};color:${theme.text.bodyBold.color};`;
+const Description = styled.dd.withConfig({ displayName: "vui--Description", componentId: "vui--1915ejg" }) `margin-left:unset;font-family:${theme.text.body.fontFamily};font-size:${theme.text.body.fontSize};font-weight:${theme.text.body.fontWeight};line-height:${theme.text.body.lineHeight};color:${theme.text.body.color};`;
 const DescriptionList = ({ items, horizontal }) => {
     const renderDescription = (description) => {
         if (Array.isArray(description)) {

package/dist/components/DescriptionList/DescriptionList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionList.js","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst List = styled.dl`\n margin: unset;\n\n & > * + * {\n margin-top: ${theme.sizes.base};\n }\n`;\n\nconst Item = styled.div`\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst ItemRow = styled.div`\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nconst DescriptionContainer = styled.div`\n text-align: right;\n\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst Term = styled.dt`\n font-family: ${theme.text.bodyBold.fontFamily};\n font-size: ${theme.text.bodyBold.fontSize};\n font-weight: ${theme.text.bodyBold.fontWeight};\n line-height: ${theme.text.bodyBold.lineHeight};\n color: ${theme.text.bodyBold.color};\n`;\n\nconst Description = styled.dd`\n margin-left: unset;\n\n font-family: ${theme.text.body.fontFamily};\n font-size: ${theme.text.body.fontSize};\n font-weight: ${theme.text.body.fontWeight};\n line-height: ${theme.text.body.lineHeight};\n color: ${theme.text.body.color};\n`;\n\ntype DescriptionListItem = {\n term: string;\n description: string \| string[];\n};\n\nexport interface DescriptionListProps {\n items: DescriptionListItem[];\n horizontal?: boolean;\n}\n\nexport const DescriptionList = ({ items, horizontal }: DescriptionListProps) => {\n const renderDescription = (description: string \| string[]) => {\n if (Array.isArray(description)) {\n return description.map((d) => <Description key={d}>{d}</Description>);\n }\n return <Description>{description}</Description>;\n };\n\n const renderItem = (item: DescriptionListItem) => {\n if (horizontal) {\n return (\n <ItemRow key={item.term}>\n <Term>{item.term}</Term>\n <DescriptionContainer>{renderDescription(item.description)}</DescriptionContainer>\n </ItemRow>\n );\n }\n return (\n <Item key={item.term}>\n <Term>{item.term}</Term>\n {renderDescription(item.description)}\n </Item>\n );\n };\n\n return <List>{items.map(renderItem)}</List>;\n};\n"],"names":["React"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kCAAA,EAIJ,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAEjC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,qBAAA,EAEL,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,iEAAA,EAKP,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAElC;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,2BAAA,EAAA,WAAA,EAAA,~~cAAA~~,EAAA,CAAA,CAAA,CAAA,sCAAA,EAIrB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CACL,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,cAChC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAC1B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,gBAC9B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAA,OAAA,EACpC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAA,CACnC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,8BAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,cAC5B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CACtB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,gBAC1B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,CAAA,CAC/B;AAYY,MAAA,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAwB,KAAI;AAC7E,IAAA,MAAM,iBAAiB,GAAG,CAAC,WAA8B,KAAI;AAC3D,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC9B,YAAA,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAKA,6BAAC,WAAW,EAAA,EAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAe,CAAC;AACtE;AACD,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAE,IAAA,EAAA,WAAW,CAAe;AACjD,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,IAAyB,KAAI;AAC/C,QAAA,IAAI,UAAU,EAAE;YACd,QACEA,6BAAC,OAAO,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AACrB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;gBACxBA,cAAC,CAAA,aAAA,CAAA,oBAAoB,EAAE,IAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAwB,CAC1E;AAEb;QACD,QACEA,6BAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AAClB,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;AACvB,YAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAC/B;AAEX,KAAC;IAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAQ;AAC7C;;;;"}
1	+ {"version":3,"file":"DescriptionList.js","sources":["../../../src/components/DescriptionList/DescriptionList.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { theme } from '../../theme';\n\nconst List = styled.dl`\n margin: unset;\n\n & > * + * {\n margin-top: ${theme.sizes.base};\n }\n`;\n\nconst Item = styled.div`\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst ItemRow = styled.div`\n display: flex;\n justify-content: space-between;\n\n & > * + * {\n margin-left: ${theme.sizes.base};\n }\n`;\n\nconst DescriptionContainer = styled.div`\n text-align: right;\n\n & > * + * {\n margin-top: ${theme.sizes.xs};\n }\n`;\n\nconst Term = styled.dt`\n font-family: ${theme.text.bodyBold.fontFamily};\n font-size: ${theme.text.bodyBold.fontSize};\n font-weight: ${theme.text.bodyBold.fontWeight};\n line-height: ${theme.text.bodyBold.lineHeight};\n color: ${theme.text.bodyBold.color};\n`;\n\nconst Description = styled.dd`\n margin-left: unset;\n\n font-family: ${theme.text.body.fontFamily};\n font-size: ${theme.text.body.fontSize};\n font-weight: ${theme.text.body.fontWeight};\n line-height: ${theme.text.body.lineHeight};\n color: ${theme.text.body.color};\n`;\n\ntype DescriptionListItem = {\n term: string;\n description: string \| string[];\n};\n\nexport interface DescriptionListProps {\n items: DescriptionListItem[];\n horizontal?: boolean;\n}\n\nexport const DescriptionList = ({ items, horizontal }: DescriptionListProps) => {\n const renderDescription = (description: string \| string[]) => {\n if (Array.isArray(description)) {\n return description.map((d) => <Description key={d}>{d}</Description>);\n }\n return <Description>{description}</Description>;\n };\n\n const renderItem = (item: DescriptionListItem) => {\n if (horizontal) {\n return (\n <ItemRow key={item.term}>\n <Term>{item.term}</Term>\n <DescriptionContainer>{renderDescription(item.description)}</DescriptionContainer>\n </ItemRow>\n );\n }\n return (\n <Item key={item.term}>\n <Term>{item.term}</Term>\n {renderDescription(item.description)}\n </Item>\n );\n };\n\n return <List>{items.map(renderItem)}</List>;\n};\n"],"names":["React"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,kCAAA,EAIJ,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAEjC;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,qBAAA,EAEL,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,cAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,iEAAA,EAKP,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,EAAA,CAElC;AAED,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,2BAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAIrB,KAAK,CAAC,KAAK,CAAC,EAAE,CAAA,EAAA,CAE/B;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CACL,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,YAAA,EAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,cAChC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAC1B,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,gBAC9B,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAA,OAAA,EACpC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAA,CAAA,CACnC;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,EAAE,CAGZ,UAAA,CAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,8BAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,cAC5B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CACtB,aAAA,EAAA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,gBAC1B,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAA,OAAA,EAChC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAA,CAAA,CAC/B;AAYY,MAAA,eAAe,GAAG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAwB,KAAI;AAC7E,IAAA,MAAM,iBAAiB,GAAG,CAAC,WAA8B,KAAI;AAC3D,QAAA,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;AAC9B,YAAA,OAAO,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAKA,6BAAC,WAAW,EAAA,EAAC,GAAG,EAAE,CAAC,IAAG,CAAC,CAAe,CAAC;AACtE;AACD,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,WAAW,EAAE,IAAA,EAAA,WAAW,CAAe;AACjD,KAAC;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,IAAyB,KAAI;AAC/C,QAAA,IAAI,UAAU,EAAE;YACd,QACEA,6BAAC,OAAO,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AACrB,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;gBACxBA,cAAC,CAAA,aAAA,CAAA,oBAAoB,EAAE,IAAA,EAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAwB,CAC1E;AAEb;QACD,QACEA,6BAAC,IAAI,EAAA,EAAC,GAAG,EAAE,IAAI,CAAC,IAAI,EAAA;AAClB,YAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,IAAI,CAAC,IAAI,CAAQ;AACvB,YAAA,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC,CAC/B;AAEX,KAAC;IAED,OAAOA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,IAAA,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAQ;AAC7C;;;;"}

package/dist/components/DetailPage/styled.cjs CHANGED Viewed

@@ -8,8 +8,8 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 const { sizes, colors } = index.theme;
-const ColumnGrid = styled__default.default.div.withConfig({ displayName: "vui--ColumnGrid", componentId: "vui--ou7am9" }) `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--13fqlay" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
+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;

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

	@@ -1 +1 @@
1	- {"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;AAElB,MAAA,UAAU,GAAGC,uBAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,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~~,+HAG7B~~,KAAK,CAAC,EAAE,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;;"}
1	+ {"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;AAElB,MAAA,UAAU,GAAGC,uBAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,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,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;;"}

package/dist/components/DetailPage/styled.js CHANGED Viewed

@@ -2,8 +2,8 @@ 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--ou7am9" }) `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--13fqlay" }) `width:100%;box-sizing:border-box;padding:${sizes.md};overflow-x:hidden;background-color:${colors.neutral.grey.lightest};`;
+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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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;AAElB,MAAA,UAAU,GAAG,MAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,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~~,+HAG7B~~,KAAK,CAAC,EAAE,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}
1	+ {"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;AAElB,MAAA,UAAU,GAAG,MAAM,CAAC,GAAG,CAGT,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,8CAAA,EAAA,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,CAEC,oCAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;;;;"}

package/dist/components/Dropdown/styled.cjs CHANGED Viewed

@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${index.theme.shadows.md};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
+const DropdownContainer = styled__default.default(framerMotion.motion(Card.Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${index.theme.shadows.md};border-radius:${index.theme.radius.base};padding:${index.theme.sizes.base};`;
 exports.DropdownContainer = DropdownContainer;
 //# sourceMappingURL=styled.cjs.map

package/dist/components/Dropdown/styled.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMO,MAAM,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,~~kLAM7CC~~,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACbA,WAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
1	+ {"version":3,"file":"styled.cjs","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":["styled","motion","Card","theme"],"mappings":";;;;;;;;;;;AAMO,MAAM,iBAAiB,GAAGA,uBAAM,CAACC,mBAAM,CAACC,SAAI,CAAC,OAAO,CAAC,CAAC,mLAM7CC,WAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACbA,WAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAAA,WAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/Dropdown/styled.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { motion } from 'framer-motion';
 import { theme } from '../../theme/index.js';
 import { Card } from '../Card/Card.js';
-const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--a1pzsa" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${theme.shadows.md};border-radius:${theme.radius.base};padding:${theme.sizes.base};`;
+const DropdownContainer = styled(motion(Card.Surface)).withConfig({ displayName: "vui--DropdownContainer", componentId: "vui--1yrw4mw" }) `display:inline-flex;flex-direction:column;overflow:hidden;background-color:white;box-shadow:${theme.shadows.md};border-radius:${theme.radius.base};padding:${theme.sizes.base};`;
 export { DropdownContainer };
 //# sourceMappingURL=styled.js.map

package/dist/components/Dropdown/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,~~kLAM7C~~,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}
1	+ {"version":3,"file":"styled.js","sources":["../../../src/components/Dropdown/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { motion } from 'framer-motion';\nimport { theme } from '../../theme';\nimport { Card } from '../Card';\n\nexport const DropdownContainer = styled(motion(Card.Surface))`\n display: inline-flex;\n flex-direction: column;\n overflow: hidden;\n\n background-color: white;\n box-shadow: ${theme.shadows.md};\n border-radius: ${theme.radius.base};\n padding: ${theme.sizes.base};\n`;\n"],"names":[],"mappings":";;;;;AAMO,MAAM,iBAAiB,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,mLAM7C,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA,eAAA,EACb,KAAK,CAAC,MAAM,CAAC,IAAI,CACvB,SAAA,EAAA,KAAK,CAAC,KAAK,CAAC,IAAI;;;;"}

package/dist/components/FilterTag/styled.cjs CHANGED Viewed

@@ -18,13 +18,13 @@ var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
 const Container = styled__default.default(BaseContainer.BaseContainer).attrs({
     as: 'button',
-}).withConfig({ displayName: "vui--Container", componentId: "vui--19s57y8" }) `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--1ak8osw" }) `user-select:none;`;
-const GroupLabel = styled__default.default(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--1a7ckch" }) `margin-right:4px;`;
-const MainIcon = styled__default.default(DownArrowIcon.DownArrowIcon).withConfig({ displayName: "vui--MainIcon", componentId: "vui--5uv5jf" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
-const StyledCrossIcon = styled__default.default(CrossIcon.CrossIcon).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--hr40u3" }) `margin-left:4px;height:10px;width:10px;`;
-const Content = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--1mrrlq1" }) `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--n5pc9z" }) `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;}`;
+}).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.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__default.default(CrossIcon.CrossIcon).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;

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

	@@ -1 +1 @@
1	- {"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 } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\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":";;;;;;;;;;;;;;;;;;AAYM,MAAA,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CACT,QAAA,EAAAA,WAAK,CAAC,IAAI,+CAKIC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAGJ,uBAAM,CAACK,SAAI,CAAC,~~uGAErC~~;AAED,MAAM,UAAU,GAAGL,uBAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,QAAQ,GAAGA,uBAAM,CAACM,2BAAa,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,mBAAS,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;;;;;;;;;;"}
1	+ {"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 } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\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":";;;;;;;;;;;;;;;;;;AAYM,MAAA,SAAS,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAAC,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxBA,aAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjCC,WAAK,CAAC,IAAI,CACT,QAAA,EAAAA,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;AAItC,MAAA,QAAQ,GAAGA,uBAAM,CAACM,2BAAa,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,mBAAS,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.js CHANGED Viewed

@@ -12,13 +12,13 @@ import { theme } from '../../theme/index.js';
 const Container = styled(BaseContainer).attrs({
     as: 'button',
-}).withConfig({ displayName: "vui--Container", componentId: "vui--19s57y8" }) `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--1ak8osw" }) `user-select:none;`;
-const GroupLabel = styled(NonSelectableText).withConfig({ displayName: "vui--GroupLabel", componentId: "vui--1a7ckch" }) `margin-right:4px;`;
-const MainIcon = styled(DownArrowIcon).withConfig({ displayName: "vui--MainIcon", componentId: "vui--5uv5jf" }) `margin-left:4px;transform:rotate(${(props) => (props.$shouldShow ? '180deg' : '0')});width:10px;height:10px;`;
-const StyledCrossIcon = styled(CrossIcon).withConfig({ displayName: "vui--StyledCrossIcon", componentId: "vui--hr40u3" }) `margin-left:4px;height:10px;width:10px;`;
-const Content = styled(BaseContainer).withConfig({ displayName: "vui--Content", componentId: "vui--1mrrlq1" }) `display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;`;
-const Header = styled(BaseContainer).withConfig({ displayName: "vui--Header", componentId: "vui--n5pc9z" }) `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;}`;
+}).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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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 } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\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":";;;;;;;;;;;;AAYM,MAAA,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CACT,QAAA,EAAA,KAAK,CAAC,IAAI,+CAKI,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAI7D,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAC,~~uGAErC~~;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAItC,MAAA,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;;;;"}
1	+ {"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 } from '../../icons/CrossIcon';\nimport { DownArrowIcon } from '../../icons/DownArrowIcon';\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":";;;;;;;;;;;;AAYM,MAAA,SAAS,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC;AAC5C,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CAIoB,UAAA,CAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,2EAAA,EAAA,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,iDAAA,EAIxB,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,6BAAA,EAIjC,KAAK,CAAC,IAAI,CACT,QAAA,EAAA,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;AAItC,MAAA,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 CHANGED Viewed

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Grid = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Grid", componentId: "vui--3pgs92" }) `display:grid;grid-template-columns:repeat(${({ columns }) => columns}, 1fr);grid-gap:${({ spacing = 'base' }) => (spacing ? sizes.sizes[spacing] : 0)};`;
+const Grid = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Grid", componentId: "vui--12w0ynf" }) `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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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)<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":";;;;;;;;;;AAOa,MAAA,IAAI,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,0CAAA,EAEP,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA,gBAAA,EAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAGC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;;;;"}
1	+ {"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)<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":";;;;;;;;;;AAOa,MAAA,IAAI,GAAGA,uBAAM,CAACC,2BAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0CAAA,EAEP,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA,gBAAA,EAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAGC,WAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;;;;"}

package/dist/components/Grid/index.js CHANGED Viewed

@@ -2,7 +2,7 @@ import styled from 'styled-components';
 import { BaseContainer } from '../BaseContainer/BaseContainer.js';
 import { sizes } from '../../theme/modules/sizes.js';
-const Grid = styled(BaseContainer).withConfig({ displayName: "vui--Grid", componentId: "vui--3pgs92" }) `display:grid;grid-template-columns:repeat(${({ columns }) => columns}, 1fr);grid-gap:${({ spacing = 'base' }) => (spacing ? sizes[spacing] : 0)};`;
+const Grid = styled(BaseContainer).withConfig({ displayName: "vui--Grid", componentId: "vui--12w0ynf" }) `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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"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)<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":";;;;AAOa,MAAA,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,~~aAAA~~,EAAA,CAAA,CAAA,CAAA,0CAAA,EAEP,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA,gBAAA,EAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;;;;"}
1	+ {"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)<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":";;;;AAOa,MAAA,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,0CAAA,EAEP,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,CAAA,gBAAA,EAC5C,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;;;;"}

package/dist/components/Image/components/styled.cjs CHANGED Viewed

@@ -6,10 +6,10 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
-const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--is09u5" }) ``;
-const CommonImage = styled__default.default.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--mr7ygv" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled__default.default.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--1ep6u58" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled__default.default.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--2t2qen" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
+const Container = styled__default.default.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
+const CommonImage = styled__default.default.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
+const PreviewImageContainer = styled__default.default.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
+const PreviewImage = styled__default.default.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
 exports.CommonImage = CommonImage;
 exports.Container = Container;

package/dist/components/Image/components/styled.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import styled from 'styled-components';
-const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--is09u5" }) ``;
-const CommonImage = styled.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--mr7ygv" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
-const PreviewImageContainer = styled.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--1ep6u58" }) `z-index:10;background-color:transparent;`;
-const PreviewImage = styled.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--2t2qen" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
+const Container = styled.div.withConfig({ displayName: "vui--Container", componentId: "vui--yyvmx7" }) ``;
+const CommonImage = styled.img.withConfig({ displayName: "vui--CommonImage", componentId: "vui--exntyx" }) `box-sizing:border-box;cursor:${({ previewEnabled }) => (previewEnabled ? 'zoom-in' : 'default')};`;
+const PreviewImageContainer = styled.div.withConfig({ displayName: "vui--PreviewImageContainer", componentId: "vui--jt8oew" }) `z-index:10;background-color:transparent;`;
+const PreviewImage = styled.img.withConfig({ displayName: "vui--PreviewImage", componentId: "vui--xulm2g" }) `box-shadow:0 4px 12px rgba(27, 33, 38, 0.2);`;
 export { CommonImage, Container, PreviewImage, PreviewImageContainer };
 //# sourceMappingURL=styled.js.map