@veeqo/ui 14.9.0-beta-2 → 14.9.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.
- package/dist/components/Accordion/Accordion.cjs +16 -19
- package/dist/components/Accordion/Accordion.cjs.map +1 -1
- package/dist/components/Accordion/Accordion.js +16 -19
- package/dist/components/Accordion/Accordion.js.map +1 -1
- package/dist/components/Accordion/styled.cjs +49 -0
- package/dist/components/Accordion/styled.cjs.map +1 -0
- package/dist/components/Accordion/styled.d.ts +26 -0
- package/dist/components/Accordion/styled.js +34 -0
- package/dist/components/Accordion/styled.js.map +1 -0
- package/dist/components/Action/Action.d.ts +4 -4
- package/dist/components/Card/Card.cjs +9 -36
- package/dist/components/Card/Card.cjs.map +1 -1
- package/dist/components/Card/Card.d.ts +5 -10
- package/dist/components/Card/Card.js +2 -29
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/index.d.ts +0 -1
- package/dist/components/Card/styled.cjs +50 -0
- package/dist/components/Card/styled.cjs.map +1 -0
- package/dist/components/Card/styled.d.ts +16 -0
- package/dist/components/Card/styled.js +40 -0
- package/dist/components/Card/styled.js.map +1 -0
- package/dist/components/CardHeader/CardHeader.cjs +3 -3
- package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
- package/dist/components/CardHeader/CardHeader.js +3 -3
- package/dist/components/CardHeader/CardHeader.js.map +1 -1
- package/dist/components/CardHeader/styled.cjs +15 -0
- package/dist/components/CardHeader/styled.cjs.map +1 -0
- package/dist/components/CardHeader/styled.d.ts +2 -0
- package/dist/components/CardHeader/styled.js +8 -0
- package/dist/components/CardHeader/styled.js.map +1 -0
- package/dist/components/DimensionsInput/DimensionsInput.d.ts +10 -10
- package/dist/components/Dropdown/styled.cjs +1 -12
- package/dist/components/Dropdown/styled.cjs.map +1 -1
- package/dist/components/Dropdown/styled.d.ts +10 -4
- package/dist/components/Dropdown/styled.js +1 -12
- package/dist/components/Dropdown/styled.js.map +1 -1
- package/dist/components/FilterTag/styled.d.ts +1 -1
- package/dist/components/Flex/FlexCol/FlexCol.d.ts +1 -1
- package/dist/components/Flex/FlexRow/FlexRow.d.ts +1 -1
- package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +2 -2
- package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs +1 -1
- package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map +1 -1
- package/dist/components/Modal/components/Dialog/styles/baseStyles.js +1 -1
- package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map +1 -1
- package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs +2 -2
- package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map +1 -1
- package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js +2 -2
- package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map +1 -1
- package/dist/components/Pagination/styled.d.ts +11 -11
- package/dist/components/PhoneInput/index.d.ts +10 -10
- package/dist/components/Search/Search.d.ts +10 -10
- package/dist/components/Search/styled.d.ts +10 -10
- package/dist/components/SimpleTable/SimpleTable.cjs +7 -20
- package/dist/components/SimpleTable/SimpleTable.cjs.map +1 -1
- package/dist/components/SimpleTable/SimpleTable.d.ts +7 -9
- package/dist/components/SimpleTable/SimpleTable.js +2 -15
- package/dist/components/SimpleTable/SimpleTable.js.map +1 -1
- package/dist/components/SimpleTable/styled.cjs +34 -0
- package/dist/components/SimpleTable/styled.cjs.map +1 -0
- package/dist/components/SimpleTable/styled.d.ts +15 -0
- package/dist/components/SimpleTable/styled.js +23 -0
- package/dist/components/SimpleTable/styled.js.map +1 -0
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +10 -10
- package/dist/components/TextField/index.d.ts +10 -10
- package/dist/components/ToastsLayout/ToastsLayout.cjs +45 -9
- package/dist/components/ToastsLayout/ToastsLayout.cjs.map +1 -1
- package/dist/components/ToastsLayout/ToastsLayout.d.ts +4 -0
- package/dist/components/ToastsLayout/ToastsLayout.js +46 -10
- package/dist/components/ToastsLayout/ToastsLayout.js.map +1 -1
- package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs +2 -2
- package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs.map +1 -1
- package/dist/components/ToastsLayout/ToastsLayout.module.scss.js +2 -2
- package/dist/components/ToastsLayout/ToastsLayout.module.scss.js.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.cjs +28 -23
- package/dist/components/ToastsLayout/components/Toast.cjs.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.d.ts +5 -1
- package/dist/components/ToastsLayout/components/Toast.js +28 -23
- package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
- package/dist/components/ToastsLayout/components/Toast.module.scss.cjs +9 -0
- package/dist/components/ToastsLayout/components/Toast.module.scss.cjs.map +1 -0
- package/dist/components/ToastsLayout/components/Toast.module.scss.js +7 -0
- package/dist/components/ToastsLayout/components/Toast.module.scss.js.map +1 -0
- package/dist/components/ToastsLayout/index.d.ts +1 -1
- package/dist/components/ToastsLayout/types.d.ts +1 -2
- package/dist/components/UploadFile/UploadFile.cjs +2 -7
- package/dist/components/UploadFile/UploadFile.cjs.map +1 -1
- package/dist/components/UploadFile/UploadFile.js +2 -7
- package/dist/components/UploadFile/UploadFile.js.map +1 -1
- package/dist/components/UploadFile/styled.cjs +54 -0
- package/dist/components/UploadFile/styled.cjs.map +1 -0
- package/dist/components/UploadFile/styled.d.ts +4 -0
- package/dist/components/UploadFile/styled.js +48 -0
- package/dist/components/UploadFile/styled.js.map +1 -0
- package/dist/components/View/View.cjs +9 -37
- package/dist/components/View/View.cjs.map +1 -1
- package/dist/components/View/View.js +7 -35
- package/dist/components/View/View.js.map +1 -1
- package/dist/components/View/styled.cjs +53 -0
- package/dist/components/View/styled.cjs.map +1 -0
- package/dist/components/View/styled.d.ts +37 -0
- package/dist/components/View/styled.js +41 -0
- package/dist/components/View/styled.js.map +1 -0
- package/dist/components/ViewTab/ViewTab.d.ts +1 -1
- package/dist/components/index.d.ts +2 -2
- package/package.json +1 -1
- package/dist/components/Accordion/Accordion.module.scss.cjs +0 -9
- package/dist/components/Accordion/Accordion.module.scss.cjs.map +0 -1
- package/dist/components/Accordion/Accordion.module.scss.js +0 -7
- package/dist/components/Accordion/Accordion.module.scss.js.map +0 -1
- package/dist/components/Card/Card.module.scss.cjs +0 -9
- package/dist/components/Card/Card.module.scss.cjs.map +0 -1
- package/dist/components/Card/Card.module.scss.js +0 -7
- package/dist/components/Card/Card.module.scss.js.map +0 -1
- package/dist/components/CardHeader/CardHeader.module.scss.cjs +0 -9
- package/dist/components/CardHeader/CardHeader.module.scss.cjs.map +0 -1
- package/dist/components/CardHeader/CardHeader.module.scss.js +0 -7
- package/dist/components/CardHeader/CardHeader.module.scss.js.map +0 -1
- package/dist/components/SimpleTable/SimpleTable.module.scss.cjs +0 -9
- package/dist/components/SimpleTable/SimpleTable.module.scss.cjs.map +0 -1
- package/dist/components/SimpleTable/SimpleTable.module.scss.js +0 -7
- package/dist/components/SimpleTable/SimpleTable.module.scss.js.map +0 -1
- package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs +0 -18
- package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs.map +0 -1
- package/dist/components/ToastsLayout/components/ToastTransitionItem.d.ts +0 -12
- package/dist/components/ToastsLayout/components/ToastTransitionItem.js +0 -12
- package/dist/components/ToastsLayout/components/ToastTransitionItem.js.map +0 -1
- package/dist/components/UploadFile/UploadFile.module.scss.cjs +0 -9
- package/dist/components/UploadFile/UploadFile.module.scss.cjs.map +0 -1
- package/dist/components/UploadFile/UploadFile.module.scss.js +0 -7
- package/dist/components/UploadFile/UploadFile.module.scss.js.map +0 -1
- package/dist/components/View/View.module.scss.cjs +0 -9
- package/dist/components/View/View.module.scss.cjs.map +0 -1
- package/dist/components/View/View.module.scss.js +0 -7
- package/dist/components/View/View.module.scss.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Card.module.scss.js","sources":["../../../src/components/Card/Card.module.scss"],"sourcesContent":[".surface {\n position: relative;\n width: 100%;\n background-color: white;\n border: var(--sizes-line) solid var(--colors-neutral-grey-base);\n border-radius: var(--radius-md);\n overflow: hidden;\n box-sizing: border-box;\n}\n\n/* Elevation levels */\n.elevation-0 {\n box-shadow: none;\n}\n\n.elevation-1 {\n box-shadow: var(--shadows-sm);\n}\n\n.elevation-2 {\n box-shadow: var(--shadows-base);\n}\n\n.elevation-3 {\n box-shadow: var(--shadows-md);\n}\n\n.elevation-4 {\n box-shadow: var(--shadows-lg);\n}\n\n/* Accent bar via pseudo-element */\n.accent-info::after,\n.accent-success::after,\n.accent-error::after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: var(--sizes-xs);\n}\n\n.accent-info::after {\n background-color: var(--colors-secondary-blue-base);\n}\n\n.accent-success::after {\n background-color: var(--colors-secondary-green-base);\n}\n\n.accent-error::after {\n background-color: var(--colors-secondary-red-base);\n}\n\n/* Body: motion.div wrapper for collapse */\n.body {\n overflow-y: hidden;\n\n &:not(:first-child) > .section:first-child {\n margin-top: 0;\n }\n}\n\n/* Section */\n.section {\n padding-right: var(--sizes-md);\n padding-left: var(--sizes-md);\n margin-top: var(--sizes-md);\n margin-bottom: var(--sizes-md);\n\n font-family: var(--text-body-font-family);\n font-size: var(--text-body-font-size);\n font-weight: var(--text-body-font-weight);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n\n & + & {\n border-top: var(--sizes-line) solid var(--colors-neutral-grey-base);\n padding-top: var(--sizes-md);\n }\n}\n\n/* FullBleed */\n.fullBleed {\n margin-left: calc(-1 * var(--sizes-md));\n margin-right: calc(-1 * var(--sizes-md));\n}\n\n/* Footer */\n.footer {\n margin-top: var(--sizes-base);\n padding: var(--sizes-md);\n z-index: 2;\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,8iEAAA;AACA,aAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,gBAAA,CAAA,0BAAA,CAAA,cAAA,CAAA,wBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,mBAAA,CAAA,WAAA,CAAA,qBAAA,CAAA,QAAA,CAAA,kBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._header_pke2d_1 {\n padding-top: var(--sizes-md);\n padding-right: var(--sizes-md);\n padding-left: var(--sizes-md);\n margin-bottom: var(--sizes-md);\n}\n._header_pke2d_1 > * + * {\n margin-top: var(--sizes-xs);\n}\n\n._headerGrid_pke2d_11 {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n._headerGrid_pke2d_11 > *:first-child {\n flex: 1;\n}");
|
|
6
|
-
var styles = {"header":"_header_pke2d_1","headerGrid":"_headerGrid_pke2d_11"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=CardHeader.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.module.scss.cjs","sources":["../../../src/components/CardHeader/CardHeader.module.scss"],"sourcesContent":[".header {\n padding-top: var(--sizes-md);\n padding-right: var(--sizes-md);\n padding-left: var(--sizes-md);\n margin-bottom: var(--sizes-md);\n\n & > * + * {\n margin-top: var(--sizes-xs);\n }\n}\n\n.headerGrid {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > *:first-child {\n flex: 1;\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,6XAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,sBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._header_pke2d_1 {\n padding-top: var(--sizes-md);\n padding-right: var(--sizes-md);\n padding-left: var(--sizes-md);\n margin-bottom: var(--sizes-md);\n}\n._header_pke2d_1 > * + * {\n margin-top: var(--sizes-xs);\n}\n\n._headerGrid_pke2d_11 {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n._headerGrid_pke2d_11 > *:first-child {\n flex: 1;\n}");
|
|
4
|
-
var styles = {"header":"_header_pke2d_1","headerGrid":"_headerGrid_pke2d_11"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=CardHeader.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CardHeader.module.scss.js","sources":["../../../src/components/CardHeader/CardHeader.module.scss"],"sourcesContent":[".header {\n padding-top: var(--sizes-md);\n padding-right: var(--sizes-md);\n padding-left: var(--sizes-md);\n margin-bottom: var(--sizes-md);\n\n & > * + * {\n margin-top: var(--sizes-xs);\n }\n}\n\n.headerGrid {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n\n & > *:first-child {\n flex: 1;\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,6XAAA;AACA,aAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,YAAA,CAAA,sBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._table_d5624_1 {\n width: 100%;\n border-spacing: 0;\n}\n\n._header_d5624_6 {\n background-color: white;\n}\n\n._body_d5624_10 tr:hover td {\n background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_d5624_14 {\n /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_d5624_18 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n}\n._cell_d5624_18 > * {\n vertical-align: middle;\n}\n\n._headerCell_d5624_33 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n line-height: var(--sizes-base);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n}\n._headerCell_d5624_33 > * {\n vertical-align: middle;\n}\n\n._striped_d5624_49 {\n /* Hover must override striped even-row background.\n Placed after :nth-child(even) rule so equal specificity wins by order. */\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even):hover td {\n background-color: var(--colors-secondary-blue-lightest);\n}");
|
|
6
|
-
var styles = {"table":"_table_d5624_1","header":"_header_d5624_6","body":"_body_d5624_10","row":"_row_d5624_14","cell":"_cell_d5624_18","headerCell":"_headerCell_d5624_33","striped":"_striped_d5624_49"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=SimpleTable.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTable.module.scss.cjs","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n width: 100%;\n border-spacing: 0;\n}\n\n.header {\n background-color: white;\n}\n\n.body {\n tr:hover td {\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n\n.row {\n /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.headerCell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n line-height: var(--sizes-base);\n\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.striped {\n .body tr:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n /* Hover must override striped even-row background.\n Placed after :nth-child(even) rule so equal specificity wins by order. */\n .body tr:nth-child(even):hover td {\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,+mDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._table_d5624_1 {\n width: 100%;\n border-spacing: 0;\n}\n\n._header_d5624_6 {\n background-color: white;\n}\n\n._body_d5624_10 tr:hover td {\n background-color: var(--colors-secondary-blue-lightest);\n}\n\n._row_d5624_14 {\n /* Minimal reset; row styles are applied via parent selectors */\n}\n\n._cell_d5624_18 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n}\n._cell_d5624_18 > * {\n vertical-align: middle;\n}\n\n._headerCell_d5624_33 {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n line-height: var(--sizes-base);\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n}\n._headerCell_d5624_33 > * {\n vertical-align: middle;\n}\n\n._striped_d5624_49 {\n /* Hover must override striped even-row background.\n Placed after :nth-child(even) rule so equal specificity wins by order. */\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n}\n._striped_d5624_49 ._body_d5624_10 tr:nth-child(even):hover td {\n background-color: var(--colors-secondary-blue-lightest);\n}");
|
|
4
|
-
var styles = {"table":"_table_d5624_1","header":"_header_d5624_6","body":"_body_d5624_10","row":"_row_d5624_14","cell":"_cell_d5624_18","headerCell":"_headerCell_d5624_33","striped":"_striped_d5624_49"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=SimpleTable.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleTable.module.scss.js","sources":["../../../src/components/SimpleTable/SimpleTable.module.scss"],"sourcesContent":[".table {\n width: 100%;\n border-spacing: 0;\n}\n\n.header {\n background-color: white;\n}\n\n.body {\n tr:hover td {\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n\n.row {\n /* Minimal reset; row styles are applied via parent selectors */\n}\n\n.cell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n\n font-family: var(--text-body-small-font-family);\n font-size: var(--text-body-small-font-size);\n font-weight: var(--text-body-small-font-weight);\n color: var(--text-body-small-color);\n line-height: var(--sizes-base);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.headerCell {\n position: relative;\n padding: 1.25rem 1rem;\n text-align: var(--text-align, left);\n background-color: white;\n line-height: var(--sizes-base);\n\n border-bottom: 1px solid var(--colors-neutral-grey-dark);\n\n font-family: var(--text-body-small-bold-font-family);\n font-size: var(--text-body-small-bold-font-size);\n font-weight: var(--text-body-small-bold-font-weight);\n color: var(--text-body-small-bold-color);\n\n & > * {\n vertical-align: middle;\n }\n}\n\n.striped {\n .body tr:nth-child(even) td {\n background-color: var(--colors-neutral-grey-lightest);\n }\n\n /* Hover must override striped even-row background.\n Placed after :nth-child(even) rule so equal specificity wins by order. */\n .body tr:nth-child(even):hover td {\n background-color: var(--colors-secondary-blue-lightest);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,+mDAAA;AACA,aAAA,CAAA,OAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,iBAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,KAAA,CAAA,eAAA,CAAA,MAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,sBAAA,CAAA,SAAA,CAAA,mBAAA;;;;"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var reactTransitionGroup = require('react-transition-group');
|
|
5
|
-
var Toast = require('./Toast.cjs');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
10
|
-
|
|
11
|
-
const ToastTransitionItem = ({ toast, last, minWidth, className, e2eClassName, onClose, }) => {
|
|
12
|
-
const nodeRef = React.useRef(null);
|
|
13
|
-
return (React__default.default.createElement(reactTransitionGroup.CSSTransition, { nodeRef: nodeRef, timeout: 500, classNames: "veeqo-components-toast" },
|
|
14
|
-
React__default.default.createElement(Toast.Toast, { ref: nodeRef, className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: last, onClose: onClose, type: toast.type, text: toast.text, iconSlot: toast.iconSlot, cta: toast.cta })));
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
exports.ToastTransitionItem = ToastTransitionItem;
|
|
18
|
-
//# sourceMappingURL=ToastTransitionItem.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastTransitionItem.cjs","sources":["../../../../src/components/ToastsLayout/components/ToastTransitionItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { Toast } from './Toast';\nimport { Notification } from '../types';\n\ninterface ToastTransitionItemProps {\n toast: Notification;\n last: boolean;\n minWidth: number | string;\n className?: string;\n e2eClassName?: string;\n onClose: () => void;\n}\n\nexport const ToastTransitionItem = ({\n toast,\n last,\n minWidth,\n className,\n e2eClassName,\n onClose,\n}: ToastTransitionItemProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n\n return (\n <CSSTransition nodeRef={nodeRef} timeout={500} classNames=\"veeqo-components-toast\">\n <Toast\n ref={nodeRef}\n className={className}\n e2eClassName={e2eClassName}\n minWidth={minWidth}\n last={last}\n onClose={onClose}\n type={toast.type}\n text={toast.text}\n iconSlot={toast.iconSlot}\n cta={toast.cta}\n />\n </CSSTransition>\n );\n};\n"],"names":["useRef","React","CSSTransition","Toast"],"mappings":";;;;;;;;;;AAcO,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,GACkB,KAAI;AAC7B,IAAA,MAAM,OAAO,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,QACEC,sBAAA,CAAA,aAAA,CAACC,kCAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;QAChFD,sBAAA,CAAA,aAAA,CAACE,WAAK,EAAA,EACJ,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,CACd,CACY;AAEpB;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Notification } from '../types';
|
|
3
|
-
interface ToastTransitionItemProps {
|
|
4
|
-
toast: Notification;
|
|
5
|
-
last: boolean;
|
|
6
|
-
minWidth: number | string;
|
|
7
|
-
className?: string;
|
|
8
|
-
e2eClassName?: string;
|
|
9
|
-
onClose: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare const ToastTransitionItem: ({ toast, last, minWidth, className, e2eClassName, onClose, }: ToastTransitionItemProps) => React.JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React__default, { useRef } from 'react';
|
|
2
|
-
import { CSSTransition } from 'react-transition-group';
|
|
3
|
-
import { Toast } from './Toast.js';
|
|
4
|
-
|
|
5
|
-
const ToastTransitionItem = ({ toast, last, minWidth, className, e2eClassName, onClose, }) => {
|
|
6
|
-
const nodeRef = useRef(null);
|
|
7
|
-
return (React__default.createElement(CSSTransition, { nodeRef: nodeRef, timeout: 500, classNames: "veeqo-components-toast" },
|
|
8
|
-
React__default.createElement(Toast, { ref: nodeRef, className: className, e2eClassName: e2eClassName, minWidth: minWidth, last: last, onClose: onClose, type: toast.type, text: toast.text, iconSlot: toast.iconSlot, cta: toast.cta })));
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { ToastTransitionItem };
|
|
12
|
-
//# sourceMappingURL=ToastTransitionItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToastTransitionItem.js","sources":["../../../../src/components/ToastsLayout/components/ToastTransitionItem.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport { Toast } from './Toast';\nimport { Notification } from '../types';\n\ninterface ToastTransitionItemProps {\n toast: Notification;\n last: boolean;\n minWidth: number | string;\n className?: string;\n e2eClassName?: string;\n onClose: () => void;\n}\n\nexport const ToastTransitionItem = ({\n toast,\n last,\n minWidth,\n className,\n e2eClassName,\n onClose,\n}: ToastTransitionItemProps) => {\n const nodeRef = useRef<HTMLDivElement>(null);\n\n return (\n <CSSTransition nodeRef={nodeRef} timeout={500} classNames=\"veeqo-components-toast\">\n <Toast\n ref={nodeRef}\n className={className}\n e2eClassName={e2eClassName}\n minWidth={minWidth}\n last={last}\n onClose={onClose}\n type={toast.type}\n text={toast.text}\n iconSlot={toast.iconSlot}\n cta={toast.cta}\n />\n </CSSTransition>\n );\n};\n"],"names":["React"],"mappings":";;;;AAcO,MAAM,mBAAmB,GAAG,CAAC,EAClC,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,OAAO,GACkB,KAAI;AAC7B,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAC,wBAAwB,EAAA;QAChFA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,GAAG,EAAA,CACd,CACY;AAEpB;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._dropZone_vtp8z_1 {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--sizes-base);\n border-radius: var(--radius-base);\n cursor: pointer;\n border: 2px dashed var(--colors-neutral-ink-lightest);\n background-color: var(--colors-neutral-grey-lightest);\n}\n._dropZone_vtp8z_1 input[type=file] {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n cursor: pointer;\n}\n._dropZone_vtp8z_1:hover {\n border: 2px dashed var(--colors-secondary-blue-base);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:hover svg {\n color: var(--colors-secondary-blue-base);\n}\n._dropZone_vtp8z_1:active, ._dropZone_vtp8z_1:focus-within {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:active svg, ._dropZone_vtp8z_1:focus-within svg {\n color: var(--colors-secondary-blue-base);\n}\n\n._dragOver_vtp8z_34 {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dragOver_vtp8z_34 svg {\n color: var(--colors-secondary-blue-base);\n}\n\n._hasError_vtp8z_43 {\n border: 2px dashed var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:hover {\n border: 2px dashed var(--colors-secondary-red-base);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:hover svg {\n color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:active, ._hasError_vtp8z_43:focus-within {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:active svg, ._hasError_vtp8z_43:focus-within svg {\n color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 svg {\n color: var(--colors-secondary-red-base);\n}\n\n._dropZone_vtp8z_1:has(input:disabled) {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n border-color: var(--colors-neutral-ink-lightest);\n color: var(--colors-neutral-ink-light);\n}\n._dropZone_vtp8z_1:has(input:disabled) svg {\n color: var(--colors-neutral-ink-lightest);\n}");
|
|
6
|
-
var styles = {"dropZone":"_dropZone_vtp8z_1","dragOver":"_dragOver_vtp8z_34","hasError":"_hasError_vtp8z_43"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=UploadFile.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.module.scss.cjs","sources":["../../../src/components/UploadFile/UploadFile.module.scss"],"sourcesContent":[".dropZone {\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: var(--sizes-base);\n border-radius: var(--radius-base);\n\n cursor: pointer;\n\n border: 2px dashed var(--colors-neutral-ink-lightest);\n background-color: var(--colors-neutral-grey-lightest);\n\n input[type='file'] {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n cursor: pointer;\n }\n\n &:hover {\n border: 2px dashed var(--colors-secondary-blue-base);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n }\n\n &:active,\n &:focus-within {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n }\n}\n\n.dragOver {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n}\n\n.hasError {\n border: 2px dashed var(--colors-secondary-red-base);\n\n &:hover {\n border: 2px dashed var(--colors-secondary-red-base);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n\n &:active,\n &:focus-within {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n\n &.dragOver {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n}\n\n.dropZone:has(input:disabled) {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n border-color: var(--colors-neutral-ink-lightest);\n color: var(--colors-neutral-ink-light);\n\n svg {\n color: var(--colors-neutral-ink-lightest);\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,gkFAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._dropZone_vtp8z_1 {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--sizes-base);\n border-radius: var(--radius-base);\n cursor: pointer;\n border: 2px dashed var(--colors-neutral-ink-lightest);\n background-color: var(--colors-neutral-grey-lightest);\n}\n._dropZone_vtp8z_1 input[type=file] {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n cursor: pointer;\n}\n._dropZone_vtp8z_1:hover {\n border: 2px dashed var(--colors-secondary-blue-base);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:hover svg {\n color: var(--colors-secondary-blue-base);\n}\n._dropZone_vtp8z_1:active, ._dropZone_vtp8z_1:focus-within {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dropZone_vtp8z_1:active svg, ._dropZone_vtp8z_1:focus-within svg {\n color: var(--colors-secondary-blue-base);\n}\n\n._dragOver_vtp8z_34 {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n}\n._dragOver_vtp8z_34 svg {\n color: var(--colors-secondary-blue-base);\n}\n\n._hasError_vtp8z_43 {\n border: 2px dashed var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:hover {\n border: 2px dashed var(--colors-secondary-red-base);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:hover svg {\n color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43:active, ._hasError_vtp8z_43:focus-within {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43:active svg, ._hasError_vtp8z_43:focus-within svg {\n color: var(--colors-secondary-red-base);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n}\n._hasError_vtp8z_43._dragOver_vtp8z_34 svg {\n color: var(--colors-secondary-red-base);\n}\n\n._dropZone_vtp8z_1:has(input:disabled) {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n border-color: var(--colors-neutral-ink-lightest);\n color: var(--colors-neutral-ink-light);\n}\n._dropZone_vtp8z_1:has(input:disabled) svg {\n color: var(--colors-neutral-ink-lightest);\n}");
|
|
4
|
-
var styles = {"dropZone":"_dropZone_vtp8z_1","dragOver":"_dragOver_vtp8z_34","hasError":"_hasError_vtp8z_43"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=UploadFile.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"UploadFile.module.scss.js","sources":["../../../src/components/UploadFile/UploadFile.module.scss"],"sourcesContent":[".dropZone {\n display: flex;\n align-items: center;\n justify-content: center;\n\n padding: var(--sizes-base);\n border-radius: var(--radius-base);\n\n cursor: pointer;\n\n border: 2px dashed var(--colors-neutral-ink-lightest);\n background-color: var(--colors-neutral-grey-lightest);\n\n input[type='file'] {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n cursor: pointer;\n }\n\n &:hover {\n border: 2px dashed var(--colors-secondary-blue-base);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n }\n\n &:active,\n &:focus-within {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n }\n}\n\n.dragOver {\n border: 2px dashed var(--colors-secondary-blue-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-blue-light);\n background-color: var(--colors-secondary-blue-lightest);\n\n svg {\n color: var(--colors-secondary-blue-base);\n }\n}\n\n.hasError {\n border: 2px dashed var(--colors-secondary-red-base);\n\n &:hover {\n border: 2px dashed var(--colors-secondary-red-base);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n\n &:active,\n &:focus-within {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n\n &.dragOver {\n border: 2px dashed var(--colors-secondary-red-base);\n box-shadow: 0 0 0 4px var(--colors-secondary-red-light);\n background-color: var(--colors-secondary-red-lightest);\n\n svg {\n color: var(--colors-secondary-red-base);\n }\n }\n}\n\n.dropZone:has(input:disabled) {\n cursor: not-allowed;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n border-color: var(--colors-neutral-ink-lightest);\n color: var(--colors-neutral-ink-light);\n\n svg {\n color: var(--colors-neutral-ink-lightest);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,gkFAAA;AACA,aAAA,CAAA,UAAA,CAAA,mBAAA,CAAA,UAAA,CAAA,oBAAA,CAAA,UAAA,CAAA,oBAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
|
-
|
|
5
|
-
___$insertStyle("._container_xscoy_1 {\n box-sizing: border-box;\n position: relative;\n padding: 14px 24px;\n}\n\n._contour_xscoy_7 {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n}\n._contour_xscoy_7:hover {\n border: 1px solid var(--colour-palette-base);\n background-color: var(--colour-palette-lightest);\n}\n._contour_xscoy_7 span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._active_xscoy_27 {\n background-color: var(--colour-palette-lightest);\n}\n\n._counterContainer_xscoy_31 {\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n}\n\n._counterActive_xscoy_43 {\n background-color: var(--colour-palette-base);\n}\n._counterActive_xscoy_43 ._counterText_xscoy_46 {\n color: #fff;\n}\n\n._counterText_xscoy_46 {\n line-height: 1;\n}\n\n._customIconWrapper_xscoy_54 {\n display: flex;\n align-items: center;\n margin-right: var(--sizes-sm);\n}\n._customIconWrapper_xscoy_54 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
6
|
-
var styles = {"container":"_container_xscoy_1","contour":"_contour_xscoy_7","active":"_active_xscoy_27","counterContainer":"_counterContainer_xscoy_31","counterActive":"_counterActive_xscoy_43","counterText":"_counterText_xscoy_46","customIconWrapper":"_customIconWrapper_xscoy_54"};
|
|
7
|
-
|
|
8
|
-
module.exports = styles;
|
|
9
|
-
//# sourceMappingURL=View.module.scss.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"View.module.scss.cjs","sources":["../../../src/components/View/View.module.scss"],"sourcesContent":[".container {\n box-sizing: border-box;\n position: relative;\n padding: 14px 24px;\n}\n\n.contour {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--colour-palette-base);\n background-color: var(--colour-palette-lightest);\n }\n\n span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.active {\n background-color: var(--colour-palette-lightest);\n}\n\n.counterContainer {\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n}\n\n.counterActive {\n background-color: var(--colour-palette-base);\n\n .counterText {\n color: #fff;\n }\n}\n\n.counterText {\n line-height: 1;\n}\n\n.customIconWrapper {\n display: flex;\n align-items: center;\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n"],"names":[],"mappings":";;;;AACE,eAAA,CAAA,oyCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,mBAAA,CAAA,6BAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
|
-
|
|
3
|
-
insertStyle("._container_xscoy_1 {\n box-sizing: border-box;\n position: relative;\n padding: 14px 24px;\n}\n\n._contour_xscoy_7 {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n}\n._contour_xscoy_7:hover {\n border: 1px solid var(--colour-palette-base);\n background-color: var(--colour-palette-lightest);\n}\n._contour_xscoy_7 span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n}\n\n._active_xscoy_27 {\n background-color: var(--colour-palette-lightest);\n}\n\n._counterContainer_xscoy_31 {\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n}\n\n._counterActive_xscoy_43 {\n background-color: var(--colour-palette-base);\n}\n._counterActive_xscoy_43 ._counterText_xscoy_46 {\n color: #fff;\n}\n\n._counterText_xscoy_46 {\n line-height: 1;\n}\n\n._customIconWrapper_xscoy_54 {\n display: flex;\n align-items: center;\n margin-right: var(--sizes-sm);\n}\n._customIconWrapper_xscoy_54 svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n}");
|
|
4
|
-
var styles = {"container":"_container_xscoy_1","contour":"_contour_xscoy_7","active":"_active_xscoy_27","counterContainer":"_counterContainer_xscoy_31","counterActive":"_counterActive_xscoy_43","counterText":"_counterText_xscoy_46","customIconWrapper":"_customIconWrapper_xscoy_54"};
|
|
5
|
-
|
|
6
|
-
export { styles as default };
|
|
7
|
-
//# sourceMappingURL=View.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"View.module.scss.js","sources":["../../../src/components/View/View.module.scss"],"sourcesContent":[".container {\n box-sizing: border-box;\n position: relative;\n padding: 14px 24px;\n}\n\n.contour {\n box-sizing: border-box;\n position: relative;\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 40px;\n border-radius: 4px;\n padding: 0 12px;\n border: 1px solid transparent;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--colour-palette-base);\n background-color: var(--colour-palette-lightest);\n }\n\n span {\n color: var(--custom-text-colour, var(--colors-neutral-ink-dark));\n }\n}\n\n.active {\n background-color: var(--colour-palette-lightest);\n}\n\n.counterContainer {\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n padding: 2px 4px;\n min-width: 20px;\n height: 20px;\n margin-left: 8px;\n}\n\n.counterActive {\n background-color: var(--colour-palette-base);\n\n .counterText {\n color: #fff;\n }\n}\n\n.counterText {\n line-height: 1;\n}\n\n.customIconWrapper {\n display: flex;\n align-items: center;\n margin-right: var(--sizes-sm);\n\n svg {\n height: var(--sizes-base);\n width: var(--sizes-base);\n }\n}\n"],"names":["___$insertStyle"],"mappings":";;AACEA,WAAA,CAAA,oyCAAA;AACA,aAAA,CAAA,WAAA,CAAA,oBAAA,CAAA,SAAA,CAAA,kBAAA,CAAA,QAAA,CAAA,kBAAA,CAAA,kBAAA,CAAA,4BAAA,CAAA,eAAA,CAAA,yBAAA,CAAA,aAAA,CAAA,uBAAA,CAAA,mBAAA,CAAA,6BAAA;;;;"}
|