@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.
Files changed (135) hide show
  1. package/dist/components/Accordion/Accordion.cjs +16 -19
  2. package/dist/components/Accordion/Accordion.cjs.map +1 -1
  3. package/dist/components/Accordion/Accordion.js +16 -19
  4. package/dist/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/components/Accordion/styled.cjs +49 -0
  6. package/dist/components/Accordion/styled.cjs.map +1 -0
  7. package/dist/components/Accordion/styled.d.ts +26 -0
  8. package/dist/components/Accordion/styled.js +34 -0
  9. package/dist/components/Accordion/styled.js.map +1 -0
  10. package/dist/components/Action/Action.d.ts +4 -4
  11. package/dist/components/Card/Card.cjs +9 -36
  12. package/dist/components/Card/Card.cjs.map +1 -1
  13. package/dist/components/Card/Card.d.ts +5 -10
  14. package/dist/components/Card/Card.js +2 -29
  15. package/dist/components/Card/Card.js.map +1 -1
  16. package/dist/components/Card/index.d.ts +0 -1
  17. package/dist/components/Card/styled.cjs +50 -0
  18. package/dist/components/Card/styled.cjs.map +1 -0
  19. package/dist/components/Card/styled.d.ts +16 -0
  20. package/dist/components/Card/styled.js +40 -0
  21. package/dist/components/Card/styled.js.map +1 -0
  22. package/dist/components/CardHeader/CardHeader.cjs +3 -3
  23. package/dist/components/CardHeader/CardHeader.cjs.map +1 -1
  24. package/dist/components/CardHeader/CardHeader.js +3 -3
  25. package/dist/components/CardHeader/CardHeader.js.map +1 -1
  26. package/dist/components/CardHeader/styled.cjs +15 -0
  27. package/dist/components/CardHeader/styled.cjs.map +1 -0
  28. package/dist/components/CardHeader/styled.d.ts +2 -0
  29. package/dist/components/CardHeader/styled.js +8 -0
  30. package/dist/components/CardHeader/styled.js.map +1 -0
  31. package/dist/components/DimensionsInput/DimensionsInput.d.ts +10 -10
  32. package/dist/components/Dropdown/styled.cjs +1 -12
  33. package/dist/components/Dropdown/styled.cjs.map +1 -1
  34. package/dist/components/Dropdown/styled.d.ts +10 -4
  35. package/dist/components/Dropdown/styled.js +1 -12
  36. package/dist/components/Dropdown/styled.js.map +1 -1
  37. package/dist/components/FilterTag/styled.d.ts +1 -1
  38. package/dist/components/Flex/FlexCol/FlexCol.d.ts +1 -1
  39. package/dist/components/Flex/FlexRow/FlexRow.d.ts +1 -1
  40. package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +2 -2
  41. package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs +1 -1
  42. package/dist/components/Modal/components/Dialog/styles/baseStyles.cjs.map +1 -1
  43. package/dist/components/Modal/components/Dialog/styles/baseStyles.js +1 -1
  44. package/dist/components/Modal/components/Dialog/styles/baseStyles.js.map +1 -1
  45. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs +2 -2
  46. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.cjs.map +1 -1
  47. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js +2 -2
  48. package/dist/components/Modal/components/Dialog/styles/modalTypeStyles.js.map +1 -1
  49. package/dist/components/Pagination/styled.d.ts +11 -11
  50. package/dist/components/PhoneInput/index.d.ts +10 -10
  51. package/dist/components/Search/Search.d.ts +10 -10
  52. package/dist/components/Search/styled.d.ts +10 -10
  53. package/dist/components/SimpleTable/SimpleTable.cjs +7 -20
  54. package/dist/components/SimpleTable/SimpleTable.cjs.map +1 -1
  55. package/dist/components/SimpleTable/SimpleTable.d.ts +7 -9
  56. package/dist/components/SimpleTable/SimpleTable.js +2 -15
  57. package/dist/components/SimpleTable/SimpleTable.js.map +1 -1
  58. package/dist/components/SimpleTable/styled.cjs +34 -0
  59. package/dist/components/SimpleTable/styled.cjs.map +1 -0
  60. package/dist/components/SimpleTable/styled.d.ts +15 -0
  61. package/dist/components/SimpleTable/styled.js +23 -0
  62. package/dist/components/SimpleTable/styled.js.map +1 -0
  63. package/dist/components/Text/Text.d.ts +1 -1
  64. package/dist/components/TextField/TextField.d.ts +10 -10
  65. package/dist/components/TextField/index.d.ts +10 -10
  66. package/dist/components/ToastsLayout/ToastsLayout.cjs +45 -9
  67. package/dist/components/ToastsLayout/ToastsLayout.cjs.map +1 -1
  68. package/dist/components/ToastsLayout/ToastsLayout.d.ts +4 -0
  69. package/dist/components/ToastsLayout/ToastsLayout.js +46 -10
  70. package/dist/components/ToastsLayout/ToastsLayout.js.map +1 -1
  71. package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs +2 -2
  72. package/dist/components/ToastsLayout/ToastsLayout.module.scss.cjs.map +1 -1
  73. package/dist/components/ToastsLayout/ToastsLayout.module.scss.js +2 -2
  74. package/dist/components/ToastsLayout/ToastsLayout.module.scss.js.map +1 -1
  75. package/dist/components/ToastsLayout/components/Toast.cjs +28 -23
  76. package/dist/components/ToastsLayout/components/Toast.cjs.map +1 -1
  77. package/dist/components/ToastsLayout/components/Toast.d.ts +5 -1
  78. package/dist/components/ToastsLayout/components/Toast.js +28 -23
  79. package/dist/components/ToastsLayout/components/Toast.js.map +1 -1
  80. package/dist/components/ToastsLayout/components/Toast.module.scss.cjs +9 -0
  81. package/dist/components/ToastsLayout/components/Toast.module.scss.cjs.map +1 -0
  82. package/dist/components/ToastsLayout/components/Toast.module.scss.js +7 -0
  83. package/dist/components/ToastsLayout/components/Toast.module.scss.js.map +1 -0
  84. package/dist/components/ToastsLayout/index.d.ts +1 -1
  85. package/dist/components/ToastsLayout/types.d.ts +1 -2
  86. package/dist/components/UploadFile/UploadFile.cjs +2 -7
  87. package/dist/components/UploadFile/UploadFile.cjs.map +1 -1
  88. package/dist/components/UploadFile/UploadFile.js +2 -7
  89. package/dist/components/UploadFile/UploadFile.js.map +1 -1
  90. package/dist/components/UploadFile/styled.cjs +54 -0
  91. package/dist/components/UploadFile/styled.cjs.map +1 -0
  92. package/dist/components/UploadFile/styled.d.ts +4 -0
  93. package/dist/components/UploadFile/styled.js +48 -0
  94. package/dist/components/UploadFile/styled.js.map +1 -0
  95. package/dist/components/View/View.cjs +9 -37
  96. package/dist/components/View/View.cjs.map +1 -1
  97. package/dist/components/View/View.js +7 -35
  98. package/dist/components/View/View.js.map +1 -1
  99. package/dist/components/View/styled.cjs +53 -0
  100. package/dist/components/View/styled.cjs.map +1 -0
  101. package/dist/components/View/styled.d.ts +37 -0
  102. package/dist/components/View/styled.js +41 -0
  103. package/dist/components/View/styled.js.map +1 -0
  104. package/dist/components/ViewTab/ViewTab.d.ts +1 -1
  105. package/dist/components/index.d.ts +2 -2
  106. package/package.json +1 -1
  107. package/dist/components/Accordion/Accordion.module.scss.cjs +0 -9
  108. package/dist/components/Accordion/Accordion.module.scss.cjs.map +0 -1
  109. package/dist/components/Accordion/Accordion.module.scss.js +0 -7
  110. package/dist/components/Accordion/Accordion.module.scss.js.map +0 -1
  111. package/dist/components/Card/Card.module.scss.cjs +0 -9
  112. package/dist/components/Card/Card.module.scss.cjs.map +0 -1
  113. package/dist/components/Card/Card.module.scss.js +0 -7
  114. package/dist/components/Card/Card.module.scss.js.map +0 -1
  115. package/dist/components/CardHeader/CardHeader.module.scss.cjs +0 -9
  116. package/dist/components/CardHeader/CardHeader.module.scss.cjs.map +0 -1
  117. package/dist/components/CardHeader/CardHeader.module.scss.js +0 -7
  118. package/dist/components/CardHeader/CardHeader.module.scss.js.map +0 -1
  119. package/dist/components/SimpleTable/SimpleTable.module.scss.cjs +0 -9
  120. package/dist/components/SimpleTable/SimpleTable.module.scss.cjs.map +0 -1
  121. package/dist/components/SimpleTable/SimpleTable.module.scss.js +0 -7
  122. package/dist/components/SimpleTable/SimpleTable.module.scss.js.map +0 -1
  123. package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs +0 -18
  124. package/dist/components/ToastsLayout/components/ToastTransitionItem.cjs.map +0 -1
  125. package/dist/components/ToastsLayout/components/ToastTransitionItem.d.ts +0 -12
  126. package/dist/components/ToastsLayout/components/ToastTransitionItem.js +0 -12
  127. package/dist/components/ToastsLayout/components/ToastTransitionItem.js.map +0 -1
  128. package/dist/components/UploadFile/UploadFile.module.scss.cjs +0 -9
  129. package/dist/components/UploadFile/UploadFile.module.scss.cjs.map +0 -1
  130. package/dist/components/UploadFile/UploadFile.module.scss.js +0 -7
  131. package/dist/components/UploadFile/UploadFile.module.scss.js.map +0 -1
  132. package/dist/components/View/View.module.scss.cjs +0 -9
  133. package/dist/components/View/View.module.scss.cjs.map +0 -1
  134. package/dist/components/View/View.module.scss.js +0 -7
  135. 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;;;;"}