@veeqo/ui 14.9.1 → 14.10.0-beta-2

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 (215) hide show
  1. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs +2 -2
  2. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.cjs.map +1 -1
  3. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/DodecadeCalendar.js +1 -1
  4. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs +2 -2
  5. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.cjs.map +1 -1
  6. package/dist/components/Calendars/components/subcomponents/CalendarGrid/subCalendars/YearCalendar.js +1 -1
  7. package/dist/components/DataTable/DataTable.cjs +3 -3
  8. package/dist/components/DataTable/DataTable.cjs.map +1 -1
  9. package/dist/components/DataTable/DataTable.d.ts +4 -4
  10. package/dist/components/DataTable/DataTable.js +3 -3
  11. package/dist/components/DataTable/DataTable.js.map +1 -1
  12. package/dist/components/DataTable/components/ActionBar.cjs +3 -8
  13. package/dist/components/DataTable/components/ActionBar.cjs.map +1 -1
  14. package/dist/components/DataTable/components/ActionBar.js +3 -7
  15. package/dist/components/DataTable/components/ActionBar.js.map +1 -1
  16. package/dist/components/DataTable/components/Cell.cjs +15 -4
  17. package/dist/components/DataTable/components/Cell.cjs.map +1 -1
  18. package/dist/components/DataTable/components/Cell.d.ts +6 -2
  19. package/dist/components/DataTable/components/Cell.js +15 -4
  20. package/dist/components/DataTable/components/Cell.js.map +1 -1
  21. package/dist/components/DataTable/components/ColumnDivider.cjs +4 -6
  22. package/dist/components/DataTable/components/ColumnDivider.cjs.map +1 -1
  23. package/dist/components/DataTable/components/ColumnDivider.d.ts +0 -1
  24. package/dist/components/DataTable/components/ColumnDivider.js +5 -5
  25. package/dist/components/DataTable/components/ColumnDivider.js.map +1 -1
  26. package/dist/components/DataTable/components/ColumnHeader.cjs +8 -9
  27. package/dist/components/DataTable/components/ColumnHeader.cjs.map +1 -1
  28. package/dist/components/DataTable/components/ColumnHeader.d.ts +16 -6
  29. package/dist/components/DataTable/components/ColumnHeader.js +7 -8
  30. package/dist/components/DataTable/components/ColumnHeader.js.map +1 -1
  31. package/dist/components/DataTable/components/DataTable.module.scss.cjs +9 -0
  32. package/dist/components/DataTable/components/DataTable.module.scss.cjs.map +1 -0
  33. package/dist/components/DataTable/components/DataTable.module.scss.js +7 -0
  34. package/dist/components/DataTable/components/DataTable.module.scss.js.map +1 -0
  35. package/dist/components/DataTable/components/EmptyBodyContent.cjs +13 -5
  36. package/dist/components/DataTable/components/EmptyBodyContent.cjs.map +1 -1
  37. package/dist/components/DataTable/components/EmptyBodyContent.d.ts +10 -3
  38. package/dist/components/DataTable/components/EmptyBodyContent.js +12 -4
  39. package/dist/components/DataTable/components/EmptyBodyContent.js.map +1 -1
  40. package/dist/components/DataTable/components/Header.cjs +16 -4
  41. package/dist/components/DataTable/components/Header.cjs.map +1 -1
  42. package/dist/components/DataTable/components/Header.d.ts +2 -1
  43. package/dist/components/DataTable/components/Header.js +16 -4
  44. package/dist/components/DataTable/components/Header.js.map +1 -1
  45. package/dist/components/DataTable/components/LoadingCellContent.cjs +7 -7
  46. package/dist/components/DataTable/components/LoadingCellContent.cjs.map +1 -1
  47. package/dist/components/DataTable/components/LoadingCellContent.d.ts +5 -1
  48. package/dist/components/DataTable/components/LoadingCellContent.js +6 -6
  49. package/dist/components/DataTable/components/LoadingCellContent.js.map +1 -1
  50. package/dist/components/DataTable/components/NoWrap.cjs +7 -3
  51. package/dist/components/DataTable/components/NoWrap.cjs.map +1 -1
  52. package/dist/components/DataTable/components/NoWrap.d.ts +6 -1
  53. package/dist/components/DataTable/components/NoWrap.js +6 -2
  54. package/dist/components/DataTable/components/NoWrap.js.map +1 -1
  55. package/dist/components/DataTable/components/Row.cjs +21 -24
  56. package/dist/components/DataTable/components/Row.cjs.map +1 -1
  57. package/dist/components/DataTable/components/Row.d.ts +5 -2
  58. package/dist/components/DataTable/components/Row.js +20 -23
  59. package/dist/components/DataTable/components/Row.js.map +1 -1
  60. package/dist/components/DataTable/components/ScrollContainer.cjs +7 -3
  61. package/dist/components/DataTable/components/ScrollContainer.cjs.map +1 -1
  62. package/dist/components/DataTable/components/ScrollContainer.d.ts +6 -1
  63. package/dist/components/DataTable/components/ScrollContainer.js +6 -2
  64. package/dist/components/DataTable/components/ScrollContainer.js.map +1 -1
  65. package/dist/components/DataTable/components/StickyHead.cjs +3 -11
  66. package/dist/components/DataTable/components/StickyHead.cjs.map +1 -1
  67. package/dist/components/DataTable/components/StickyHead.d.ts +2 -1
  68. package/dist/components/DataTable/components/StickyHead.js +3 -11
  69. package/dist/components/DataTable/components/StickyHead.js.map +1 -1
  70. package/dist/components/DataTable/components/TableGrid.cjs +49 -5
  71. package/dist/components/DataTable/components/TableGrid.cjs.map +1 -1
  72. package/dist/components/DataTable/components/TableGrid.d.ts +10 -3
  73. package/dist/components/DataTable/components/TableGrid.js +48 -4
  74. package/dist/components/DataTable/components/TableGrid.js.map +1 -1
  75. package/dist/components/DataTable/components/Truncate.cjs +7 -3
  76. package/dist/components/DataTable/components/Truncate.cjs.map +1 -1
  77. package/dist/components/DataTable/components/Truncate.d.ts +6 -1
  78. package/dist/components/DataTable/components/Truncate.js +6 -2
  79. package/dist/components/DataTable/components/Truncate.js.map +1 -1
  80. package/dist/components/DataTable/components/Wrapper.cjs +11 -8
  81. package/dist/components/DataTable/components/Wrapper.cjs.map +1 -1
  82. package/dist/components/DataTable/components/Wrapper.d.ts +5 -2
  83. package/dist/components/DataTable/components/Wrapper.js +10 -7
  84. package/dist/components/DataTable/components/Wrapper.js.map +1 -1
  85. package/dist/components/DataTable/constants.cjs +0 -2
  86. package/dist/components/DataTable/constants.cjs.map +1 -1
  87. package/dist/components/DataTable/constants.js +1 -2
  88. package/dist/components/DataTable/constants.js.map +1 -1
  89. package/dist/components/DataTable/hooks/useTableId.cjs +23 -0
  90. package/dist/components/DataTable/hooks/useTableId.cjs.map +1 -0
  91. package/dist/components/DataTable/hooks/useTableId.d.ts +13 -0
  92. package/dist/components/DataTable/hooks/useTableId.js +21 -0
  93. package/dist/components/DataTable/hooks/useTableId.js.map +1 -0
  94. package/dist/components/DataTable/utils/generateTableCss.cjs +44 -80
  95. package/dist/components/DataTable/utils/generateTableCss.cjs.map +1 -1
  96. package/dist/components/DataTable/utils/generateTableCss.d.ts +7 -1
  97. package/dist/components/DataTable/utils/generateTableCss.js +44 -80
  98. package/dist/components/DataTable/utils/generateTableCss.js.map +1 -1
  99. package/dist/components/DateInputField/DateInputField.cjs +1 -1
  100. package/dist/components/DateInputField/DateInputField.js +1 -1
  101. package/dist/components/DatePicker/DatePicker.cjs +1 -1
  102. package/dist/components/DatePicker/DatePicker.js +1 -1
  103. package/dist/components/DateRangePicker/DateRangePicker.cjs +1 -1
  104. package/dist/components/DateRangePicker/DateRangePicker.js +1 -1
  105. package/dist/components/Grid/Grid.cjs +24 -0
  106. package/dist/components/Grid/Grid.cjs.map +1 -0
  107. package/dist/components/Grid/Grid.d.ts +3 -0
  108. package/dist/components/Grid/Grid.js +18 -0
  109. package/dist/components/Grid/Grid.js.map +1 -0
  110. package/dist/components/Grid/Grid.module.scss.cjs +9 -0
  111. package/dist/components/Grid/Grid.module.scss.cjs.map +1 -0
  112. package/dist/components/Grid/Grid.module.scss.js +7 -0
  113. package/dist/components/Grid/Grid.module.scss.js.map +1 -0
  114. package/dist/components/Grid/index.d.ts +2 -3
  115. package/dist/components/LegacyDataTable/LegacyDataTable.d.ts +1 -1
  116. package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs +9 -0
  117. package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.cjs.map +1 -0
  118. package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js +7 -0
  119. package/dist/components/LegacyDataTable/LegacyDataTable.module.scss.js.map +1 -0
  120. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs +8 -8
  121. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs.map +1 -1
  122. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js +8 -7
  123. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js.map +1 -1
  124. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs +9 -0
  125. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.cjs.map +1 -0
  126. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js +7 -0
  127. package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.module.scss.js.map +1 -0
  128. package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs +8 -5
  129. package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs.map +1 -1
  130. package/dist/components/LegacyDataTable/SpecificState/SpecificState.js +8 -5
  131. package/dist/components/LegacyDataTable/SpecificState/SpecificState.js.map +1 -1
  132. package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.cjs +9 -0
  133. package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.cjs.map +1 -0
  134. package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.js +7 -0
  135. package/dist/components/LegacyDataTable/SpecificState/SpecificState.module.scss.js.map +1 -0
  136. package/dist/components/LegacyDataTable/StickyHeader.cjs.map +1 -1
  137. package/dist/components/LegacyDataTable/StickyHeader.js.map +1 -1
  138. package/dist/components/LegacyDataTable/cells/ClickableCell.cjs +6 -8
  139. package/dist/components/LegacyDataTable/cells/ClickableCell.cjs.map +1 -1
  140. package/dist/components/LegacyDataTable/cells/ClickableCell.d.ts +1 -1
  141. package/dist/components/LegacyDataTable/cells/ClickableCell.js +4 -5
  142. package/dist/components/LegacyDataTable/cells/ClickableCell.js.map +1 -1
  143. package/dist/components/LegacyDataTable/cells/EditableCell.cjs +5 -8
  144. package/dist/components/LegacyDataTable/cells/EditableCell.cjs.map +1 -1
  145. package/dist/components/LegacyDataTable/cells/EditableCell.d.ts +1 -1
  146. package/dist/components/LegacyDataTable/cells/EditableCell.js +3 -5
  147. package/dist/components/LegacyDataTable/cells/EditableCell.js.map +1 -1
  148. package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs +9 -0
  149. package/dist/components/LegacyDataTable/cells/cells.module.scss.cjs.map +1 -0
  150. package/dist/components/LegacyDataTable/cells/cells.module.scss.js +7 -0
  151. package/dist/components/LegacyDataTable/cells/cells.module.scss.js.map +1 -0
  152. package/dist/components/LegacyDataTable/styled.cjs +121 -104
  153. package/dist/components/LegacyDataTable/styled.cjs.map +1 -1
  154. package/dist/components/LegacyDataTable/styled.d.ts +40 -28
  155. package/dist/components/LegacyDataTable/styled.js +120 -103
  156. package/dist/components/LegacyDataTable/styled.js.map +1 -1
  157. package/dist/components/Search/Search.cjs +16 -10
  158. package/dist/components/Search/Search.cjs.map +1 -1
  159. package/dist/components/Search/Search.d.ts +1 -1
  160. package/dist/components/Search/Search.js +16 -10
  161. package/dist/components/Search/Search.js.map +1 -1
  162. package/dist/components/Search/Search.module.scss.cjs +9 -0
  163. package/dist/components/Search/Search.module.scss.cjs.map +1 -0
  164. package/dist/components/Search/Search.module.scss.js +7 -0
  165. package/dist/components/Search/Search.module.scss.js.map +1 -0
  166. package/dist/components/Stepper/Stepper.cjs +15 -8
  167. package/dist/components/Stepper/Stepper.cjs.map +1 -1
  168. package/dist/components/Stepper/Stepper.d.ts +1 -8
  169. package/dist/components/Stepper/Stepper.js +15 -8
  170. package/dist/components/Stepper/Stepper.js.map +1 -1
  171. package/dist/components/Stepper/Stepper.module.scss.cjs +9 -0
  172. package/dist/components/Stepper/Stepper.module.scss.cjs.map +1 -0
  173. package/dist/components/Stepper/Stepper.module.scss.js +7 -0
  174. package/dist/components/Stepper/Stepper.module.scss.js.map +1 -0
  175. package/dist/components/Stepper/types.d.ts +8 -0
  176. package/dist/components/Toggle/Toggle.cjs +11 -5
  177. package/dist/components/Toggle/Toggle.cjs.map +1 -1
  178. package/dist/components/Toggle/Toggle.js +11 -5
  179. package/dist/components/Toggle/Toggle.js.map +1 -1
  180. package/dist/components/Toggle/Toggle.module.scss.cjs +9 -0
  181. package/dist/components/Toggle/Toggle.module.scss.cjs.map +1 -0
  182. package/dist/components/Toggle/Toggle.module.scss.js +7 -0
  183. package/dist/components/Toggle/Toggle.module.scss.js.map +1 -0
  184. package/dist/index.cjs +10 -10
  185. package/dist/index.js +1 -1
  186. package/package.json +1 -1
  187. package/dist/components/Grid/index.cjs +0 -20
  188. package/dist/components/Grid/index.cjs.map +0 -1
  189. package/dist/components/Grid/index.js +0 -14
  190. package/dist/components/Grid/index.js.map +0 -1
  191. package/dist/components/LegacyDataTable/SpecificState/styled.cjs +0 -21
  192. package/dist/components/LegacyDataTable/SpecificState/styled.cjs.map +0 -1
  193. package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +0 -17
  194. package/dist/components/LegacyDataTable/SpecificState/styled.js +0 -12
  195. package/dist/components/LegacyDataTable/SpecificState/styled.js.map +0 -1
  196. package/dist/components/LegacyDataTable/cells/styled.cjs +0 -14
  197. package/dist/components/LegacyDataTable/cells/styled.cjs.map +0 -1
  198. package/dist/components/LegacyDataTable/cells/styled.d.ts +0 -1
  199. package/dist/components/LegacyDataTable/cells/styled.js +0 -8
  200. package/dist/components/LegacyDataTable/cells/styled.js.map +0 -1
  201. package/dist/components/Search/styled.cjs +0 -45
  202. package/dist/components/Search/styled.cjs.map +0 -1
  203. package/dist/components/Search/styled.d.ts +0 -308
  204. package/dist/components/Search/styled.js +0 -37
  205. package/dist/components/Search/styled.js.map +0 -1
  206. package/dist/components/Stepper/styled.cjs +0 -33
  207. package/dist/components/Stepper/styled.cjs.map +0 -1
  208. package/dist/components/Stepper/styled.d.ts +0 -12
  209. package/dist/components/Stepper/styled.js +0 -25
  210. package/dist/components/Stepper/styled.js.map +0 -1
  211. package/dist/components/Toggle/styled.cjs +0 -20
  212. package/dist/components/Toggle/styled.cjs.map +0 -1
  213. package/dist/components/Toggle/styled.d.ts +0 -12
  214. package/dist/components/Toggle/styled.js +0 -11
  215. package/dist/components/Toggle/styled.js.map +0 -1
@@ -1,25 +0,0 @@
1
- import styled from 'styled-components';
2
- import { theme } from '../../theme/index.js';
3
- import { inputFocusStyles } from '../../utils/forms/inputStyles.js';
4
- import { Stack } from '../Stack/Stack.js';
5
-
6
- const { colors: { neutral, secondary }, radius, } = theme;
7
- const ContainerStack = styled(Stack).withConfig({
8
- shouldForwardProp: (prop) => !['hasError', 'compact'].includes(prop),
9
- }) `
10
- --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};
11
- --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};
12
-
13
- box-sizing: border-box;
14
- display: inline-flex;
15
- background-color: var(--background-color);
16
- border: ${theme.sizes.line} solid var(--border-color);
17
- border-radius: ${radius.base};
18
-
19
- height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};
20
- `;
21
- const StepButton = styled.button.withConfig({ displayName: "vui--StepButton", componentId: "vui--1j6prbe" }) `appearance:none;border:0;background-color:transparent;border-radius:${radius.base};cursor:pointer;height:100%;aspect-ratio:1;&:hover{background-color:${neutral.grey.light};}${inputFocusStyles}`;
22
- const StepperDivider = styled.div.withConfig({ displayName: "vui--StepperDivider", componentId: "vui--19ho080" }) `width:${theme.sizes.line};background-color:${neutral.ink.lightest};height:${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};`;
23
-
24
- export { ContainerStack, StepButton, StepperDivider };
25
- //# sourceMappingURL=styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../src/components/Stepper/styled.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { theme } from '../../theme';\nimport { inputFocusStyles } from '../../utils/forms/inputStyles';\nimport { Stack } from '../Stack';\nimport { FormComponentProps } from '../types';\n\nconst {\n colors: { neutral, secondary },\n radius,\n} = theme;\n\nexport const ContainerStack = styled(Stack).withConfig({\n shouldForwardProp: (prop) => !['hasError', 'compact'].includes(prop),\n})<FormComponentProps>`\n --background-color: ${({ disabled }) => (disabled ? neutral.grey.light : 'white')};\n --border-color: ${({ hasError }) => (hasError ? secondary.red.base : neutral.ink.lightest)};\n\n box-sizing: border-box;\n display: inline-flex;\n background-color: var(--background-color);\n border: ${theme.sizes.line} solid var(--border-color);\n border-radius: ${radius.base};\n\n height: ${({ compact }) => (compact ? theme.sizes[8] : theme.sizes[10])};\n`;\n\nexport const StepButton = styled.button`\n appearance: none;\n border: 0;\n background-color: transparent;\n border-radius: ${radius.base};\n cursor: pointer;\n\n height: 100%;\n aspect-ratio: 1;\n\n &:hover {\n background-color: ${neutral.grey.light};\n }\n\n ${inputFocusStyles}\n`;\n\nexport const StepperDivider = styled.div<Pick<FormComponentProps, 'compact'>>`\n width: ${theme.sizes.line};\n background-color: ${neutral.ink.lightest};\n height: ${({ compact }) => (compact ? theme.sizes[4] : theme.sizes[6])};\n`;\n"],"names":[],"mappings":";;;;;AAMA,MAAM,EACJ,MAAM,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,EAC9B,MAAM,GACP,GAAG,KAAK;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC;AACrD,IAAA,iBAAiB,EAAE,CAAC,IAAI,KAAK,CAAC,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;AACrE,CAAA,CAAC,CAAoB;wBACE,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAC,CAAA;oBAC/D,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAA;;;;;YAKhF,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA;AACT,iBAAA,EAAA,MAAM,CAAC,IAAI,CAAA;;YAElB,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;;MAG5D,UAAU,GAAG,MAAM,CAAC,MAAM,oJAIpB,MAAM,CAAC,IAAI,CAAA,oEAAA,EAON,OAAO,CAAC,IAAI,CAAC,KAAK,CAAA,EAAA,EAGtC,gBAAgB;MAGP,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,MAAA,EAC7B,KAAK,CAAC,KAAK,CAAC,IAAI,CAAA,kBAAA,EACL,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAA,QAAA,EAC9B,CAAC,EAAE,OAAO,EAAE,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA;;;;"}
@@ -1,20 +0,0 @@
1
- 'use strict';
2
-
3
- var styled = require('styled-components');
4
- var BaseContainer = require('../BaseContainer/BaseContainer.cjs');
5
- var index = require('../../theme/index.cjs');
6
-
7
- function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
8
-
9
- var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
10
-
11
- const Slider = styled__default.default.span.withConfig({ displayName: "vui--Slider", componentId: "vui--x03mdi" }) `content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({ disabled, switched }) => disabled && switched ? index.theme.colors.secondary.blue.lightest : 'white'};-webkit-transition:0.3s;transition:0.3s;}`;
12
- const Input = styled__default.default.input.withConfig({ displayName: "vui--Input", componentId: "vui--1ccelw2" }) `width:100%;height:100%;border-radius:${index.theme.radius.base};z-index:2;margin:0;cursor:${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};&:focus-visible + ${Slider}{box-shadow:0 0 0 4px ${index.theme.colors.brand.blue.light};}&:checked + ${Slider}{background-color:#0079d1;}&:disabled + ${Slider}{background-color:${index.theme.colors.neutral.grey.base};}&:checked:disabled + ${Slider}{background-color:${index.theme.colors.secondary.blue.light};}`;
13
- const Switch = styled__default.default.span.withConfig({ displayName: "vui--Switch", componentId: "vui--13yy1uj" }) `display:flex;position:relative;height:${({ small }) => (small ? '28px' : '36px')};width:${({ small }) => (small ? '56px' : '72px')};z-index:1;input{position:absolute;opacity:0;}${Slider}:after{height:${({ small }) => (small ? '22px' : '28px')};width:${({ small }) => (small ? '22px' : '28px')};left:${({ small }) => (small ? '3px' : '4px')};bottom:${({ small }) => (small ? '3px' : '4px')};}${Input}:checked + ${Slider}{&:after,svg{-webkit-transform:translateX(${({ small }) => (small ? '28px' : '36px')});-ms-transform:translateX(${({ small }) => (small ? '28px' : '36px')});transform:translateX(${({ small }) => (small ? '28px' : '36px')});}}`;
14
- const Wrapper = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--Wrapper", componentId: "vui--69792q" }) `display:inline-block;user-select:none;`;
15
-
16
- exports.Input = Input;
17
- exports.Slider = Slider;
18
- exports.Switch = Switch;
19
- exports.Wrapper = Wrapper;
20
- //# sourceMappingURL=styled.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.cjs","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ToggleProps } from './types';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Slider = styled.span<{ switched?: boolean; disabled?: boolean }>`\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 18px;\n background-color: #cdd1d5;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n background-color: ${({ disabled, switched }) =>\n disabled && switched ? theme.colors.secondary.blue.lightest : 'white'};\n -webkit-transition: 0.3s;\n transition: 0.3s;\n }\n`;\n\nconst Input = styled.input`\n width: 100%;\n height: 100%;\n border-radius: ${theme.radius.base};\n z-index: 2;\n margin: 0;\n\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n\n &:focus-visible + ${Slider} {\n box-shadow: 0 0 0 4px ${theme.colors.brand.blue.light};\n }\n\n &:checked + ${Slider} {\n background-color: #0079d1;\n }\n\n &:disabled + ${Slider} {\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:checked:disabled + ${Slider} {\n background-color: ${theme.colors.secondary.blue.light};\n }\n`;\n\nconst Switch = styled.span<ToggleProps>`\n display: flex;\n position: relative;\n height: ${({ small }) => (small ? '28px' : '36px')};\n width: ${({ small }) => (small ? '56px' : '72px')};\n z-index: 1;\n\n input {\n position: absolute;\n opacity: 0;\n }\n\n // configure size and animation\n ${Slider}:after {\n height: ${({ small }) => (small ? '22px' : '28px')};\n width: ${({ small }) => (small ? '22px' : '28px')};\n left: ${({ small }) => (small ? '3px' : '4px')};\n bottom: ${({ small }) => (small ? '3px' : '4px')};\n }\n\n ${Input}:checked + ${Slider} {\n &:after,\n svg {\n -webkit-transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n -ms-transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n }\n }\n`;\n\nconst Wrapper = styled(BaseContainer)<{ disabled?: boolean }>`\n display: inline-block;\n user-select: none;\n`;\n\nexport { Switch, Slider, Input, Wrapper };\n"],"names":["styled","theme","BaseContainer"],"mappings":";;;;;;;;;;AAMA,MAAM,MAAM,GAAGA,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uNAAA,EAgBF,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KACzC,QAAQ,IAAI,QAAQ,GAAGC,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AAM3E,MAAM,KAAK,GAAGD,uBAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAGPC,WAAK,CAAC,MAAM,CAAC,IAAI,CAAA,2BAAA,EAIxB,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA,mBAAA,EAE9C,MAAM,CAAA,sBAAA,EACAA,WAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAA,cAAA,EAGzC,MAAM,CAAA,wCAAA,EAIL,MAAM,CAAA,kBAAA,EACCA,WAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,uBAAA,EAG7B,MAAM,qBACPA,WAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAIzD,MAAM,MAAM,GAAGD,uBAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAGd,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,OAAA,EACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,8CAAA,EAS/C,MAAM,CAAA,cAAA,EACI,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,UACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,MAAA,EACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,WACpC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAA,EAAA,EAGhD,KAAK,cAAc,MAAM,CAAA,0CAAA,EAGS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,2BAAA,EAC5C,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,uBAAA,EAC5C,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAKtE,MAAM,OAAO,GAAGA,uBAAM,CAACE,2BAAa,CAAC;;;;;;;"}
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import { ToggleProps } from './types';
3
- declare const Slider: import("styled-components").StyledComponent<"span", any, {
4
- switched?: boolean | undefined;
5
- disabled?: boolean | undefined;
6
- }, never>;
7
- declare const Input: import("styled-components").StyledComponent<"input", any, {}, never>;
8
- declare const Switch: import("styled-components").StyledComponent<"span", any, ToggleProps, never>;
9
- declare const Wrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../BaseContainer").BaseContainerProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
10
- disabled?: boolean | undefined;
11
- }, never>;
12
- export { Switch, Slider, Input, Wrapper };
@@ -1,11 +0,0 @@
1
- import styled from 'styled-components';
2
- import { BaseContainer } from '../BaseContainer/BaseContainer.js';
3
- import { theme } from '../../theme/index.js';
4
-
5
- const Slider = styled.span.withConfig({ displayName: "vui--Slider", componentId: "vui--x03mdi" }) `content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:18px;background-color:#cdd1d5;-webkit-transition:0.3s;transition:0.3s;&:after{content:'';position:absolute;border-radius:50%;background-color:${({ disabled, switched }) => disabled && switched ? theme.colors.secondary.blue.lightest : 'white'};-webkit-transition:0.3s;transition:0.3s;}`;
6
- const Input = styled.input.withConfig({ displayName: "vui--Input", componentId: "vui--1ccelw2" }) `width:100%;height:100%;border-radius:${theme.radius.base};z-index:2;margin:0;cursor:${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};&:focus-visible + ${Slider}{box-shadow:0 0 0 4px ${theme.colors.brand.blue.light};}&:checked + ${Slider}{background-color:#0079d1;}&:disabled + ${Slider}{background-color:${theme.colors.neutral.grey.base};}&:checked:disabled + ${Slider}{background-color:${theme.colors.secondary.blue.light};}`;
7
- const Switch = styled.span.withConfig({ displayName: "vui--Switch", componentId: "vui--13yy1uj" }) `display:flex;position:relative;height:${({ small }) => (small ? '28px' : '36px')};width:${({ small }) => (small ? '56px' : '72px')};z-index:1;input{position:absolute;opacity:0;}${Slider}:after{height:${({ small }) => (small ? '22px' : '28px')};width:${({ small }) => (small ? '22px' : '28px')};left:${({ small }) => (small ? '3px' : '4px')};bottom:${({ small }) => (small ? '3px' : '4px')};}${Input}:checked + ${Slider}{&:after,svg{-webkit-transform:translateX(${({ small }) => (small ? '28px' : '36px')});-ms-transform:translateX(${({ small }) => (small ? '28px' : '36px')});transform:translateX(${({ small }) => (small ? '28px' : '36px')});}}`;
8
- const Wrapper = styled(BaseContainer).withConfig({ displayName: "vui--Wrapper", componentId: "vui--69792q" }) `display:inline-block;user-select:none;`;
9
-
10
- export { Input, Slider, Switch, Wrapper };
11
- //# sourceMappingURL=styled.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styled.js","sources":["../../../src/components/Toggle/styled.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { ToggleProps } from './types';\nimport { BaseContainer } from '../BaseContainer';\nimport { theme } from '../../theme';\n\nconst Slider = styled.span<{ switched?: boolean; disabled?: boolean }>`\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 18px;\n background-color: #cdd1d5;\n -webkit-transition: 0.3s;\n transition: 0.3s;\n\n &:after {\n content: '';\n position: absolute;\n border-radius: 50%;\n background-color: ${({ disabled, switched }) =>\n disabled && switched ? theme.colors.secondary.blue.lightest : 'white'};\n -webkit-transition: 0.3s;\n transition: 0.3s;\n }\n`;\n\nconst Input = styled.input`\n width: 100%;\n height: 100%;\n border-radius: ${theme.radius.base};\n z-index: 2;\n margin: 0;\n\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'pointer')};\n\n &:focus-visible + ${Slider} {\n box-shadow: 0 0 0 4px ${theme.colors.brand.blue.light};\n }\n\n &:checked + ${Slider} {\n background-color: #0079d1;\n }\n\n &:disabled + ${Slider} {\n background-color: ${theme.colors.neutral.grey.base};\n }\n\n &:checked:disabled + ${Slider} {\n background-color: ${theme.colors.secondary.blue.light};\n }\n`;\n\nconst Switch = styled.span<ToggleProps>`\n display: flex;\n position: relative;\n height: ${({ small }) => (small ? '28px' : '36px')};\n width: ${({ small }) => (small ? '56px' : '72px')};\n z-index: 1;\n\n input {\n position: absolute;\n opacity: 0;\n }\n\n // configure size and animation\n ${Slider}:after {\n height: ${({ small }) => (small ? '22px' : '28px')};\n width: ${({ small }) => (small ? '22px' : '28px')};\n left: ${({ small }) => (small ? '3px' : '4px')};\n bottom: ${({ small }) => (small ? '3px' : '4px')};\n }\n\n ${Input}:checked + ${Slider} {\n &:after,\n svg {\n -webkit-transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n -ms-transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n transform: translateX(${({ small }) => (small ? '28px' : '36px')});\n }\n }\n`;\n\nconst Wrapper = styled(BaseContainer)<{ disabled?: boolean }>`\n display: inline-block;\n user-select: none;\n`;\n\nexport { Switch, Slider, Input, Wrapper };\n"],"names":[],"mappings":";;;;AAMA,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,CAAA,CAAA,CAAA,uNAAA,EAgBF,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KACzC,QAAQ,IAAI,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,QAAQ,GAAG,OAAO;AAM3E,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,YAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,qCAAA,EAGP,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA,2BAAA,EAIxB,CAAC,EAAE,QAAQ,EAAE,MAAM,QAAQ,GAAG,aAAa,GAAG,SAAS,CAAC,CAAA,mBAAA,EAE9C,MAAM,CAAA,sBAAA,EACA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAA,cAAA,EAGzC,MAAM,CAAA,wCAAA,EAIL,MAAM,CAAA,kBAAA,EACC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAA,uBAAA,EAG7B,MAAM,qBACP,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK;AAIzD,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,sCAAA,EAGd,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,OAAA,EACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,8CAAA,EAS/C,MAAM,CAAA,cAAA,EACI,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,UACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,MAAA,EACzC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,WACpC,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,CAAA,EAAA,EAGhD,KAAK,cAAc,MAAM,CAAA,0CAAA,EAGS,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,2BAAA,EAC5C,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA,uBAAA,EAC5C,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,GAAG,MAAM,GAAG,MAAM,CAAC;AAKtE,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,CAAC;;;;"}