@aivenio/aquarium 1.2.1 → 1.4.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 (198) hide show
  1. package/README.md +2 -2
  2. package/dist/_variables.scss +2 -1
  3. package/dist/_variables_timescale.scss +2 -1
  4. package/dist/atoms.cjs +670 -245
  5. package/dist/atoms.mjs +681 -258
  6. package/dist/src/common/Alert/Alert.d.ts +1 -1
  7. package/dist/src/common/Alert/Alert.js +6 -6
  8. package/dist/src/common/Banner/Banner.d.ts +1 -1
  9. package/dist/src/common/Banner/Banner.js +5 -5
  10. package/dist/src/common/Checkbox/Checkbox.js +12 -19
  11. package/dist/src/common/Chip/Chip.js +4 -4
  12. package/dist/src/common/DataList/DataList.d.ts +1 -1
  13. package/dist/src/common/DataList/DataList.js +4 -4
  14. package/dist/src/common/Dialog/Dialog.d.ts +2 -2
  15. package/dist/src/common/Dialog/Dialog.js +2 -2
  16. package/dist/src/common/DropdownMenu/DropdownMenu.js +4 -4
  17. package/dist/src/common/InputGroup/InputGroup.d.ts +1 -1
  18. package/dist/src/common/InputGroup/InputGroup.js +1 -1
  19. package/dist/src/common/Modal/Modal.d.ts +6 -0
  20. package/dist/src/common/Modal/Modal.js +14 -5
  21. package/dist/src/common/Popover/Popover.d.ts +1 -1
  22. package/dist/src/common/Popover/Popover.js +2 -2
  23. package/dist/src/common/PopoverDialog/PopoverDialog.js +4 -4
  24. package/dist/src/common/ProgressBar/ProgressBar.js +4 -4
  25. package/dist/src/common/RadioButton/RadioButton.js +7 -16
  26. package/dist/src/common/Section/Section.d.ts +1 -1
  27. package/dist/src/common/Section/Section.js +3 -3
  28. package/dist/src/common/Select/Select.d.ts +1 -1
  29. package/dist/src/common/Select/Select.js +6 -6
  30. package/dist/src/common/Stepper/Stepper.d.ts +33 -0
  31. package/dist/src/common/Stepper/Stepper.js +60 -0
  32. package/dist/src/common/Switch/Switch.d.ts +11 -0
  33. package/dist/src/common/Switch/Switch.js +28 -0
  34. package/dist/src/common/Table/Table.d.ts +5 -5
  35. package/dist/src/common/Table/Table.js +7 -7
  36. package/dist/src/common/Timeline/Timeline.js +2 -2
  37. package/dist/src/common/Typography/Typography.d.ts +1 -1
  38. package/dist/src/common/Typography/Typography.js +3 -3
  39. package/dist/src/common/index.d.ts +3 -1
  40. package/dist/src/common/index.js +4 -2
  41. package/dist/src/components/Alert/Alert.d.ts +7 -4
  42. package/dist/src/components/Alert/Alert.js +4 -4
  43. package/dist/src/components/Avatar/Avatar.js +2 -2
  44. package/dist/src/components/Badge/Badge.js +2 -2
  45. package/dist/src/components/Banner/Banner.d.ts +7 -4
  46. package/dist/src/components/Banner/Banner.js +5 -6
  47. package/dist/src/components/Box/Box.d.ts +6 -6
  48. package/dist/src/components/Box/Box.js +3 -3
  49. package/dist/src/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
  50. package/dist/src/components/Breadcrumbs/Breadcrumbs.js +5 -5
  51. package/dist/src/components/Button/Button.d.ts +1 -1
  52. package/dist/src/components/Button/Button.js +5 -5
  53. package/dist/src/components/Card/Card.d.ts +12 -5
  54. package/dist/src/components/Card/Card.js +15 -13
  55. package/dist/src/components/Carousel/Carousel.js +4 -4
  56. package/dist/src/components/Checkbox/Checkbox.d.ts +1 -1
  57. package/dist/src/components/Checkbox/Checkbox.js +5 -11
  58. package/dist/src/components/CheckboxGroup/CheckboxGroup.d.ts +4 -4
  59. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +3 -3
  60. package/dist/src/components/Chip/Chip.d.ts +1 -1
  61. package/dist/src/components/Chip/Chip.js +3 -3
  62. package/dist/src/components/ChoiceChip/ChoiceChip.js +3 -3
  63. package/dist/src/components/Combobox/Combobox.d.ts +1 -1
  64. package/dist/src/components/Combobox/Combobox.js +7 -7
  65. package/dist/src/components/Container/Container.d.ts +16 -0
  66. package/dist/src/components/Container/Container.js +18 -0
  67. package/dist/src/components/Context/Context.d.ts +1 -1
  68. package/dist/src/components/Context/Context.js +1 -1
  69. package/dist/src/components/ControlLabel/ControlLabel.d.ts +1 -1
  70. package/dist/src/components/ControlLabel/ControlLabel.js +4 -4
  71. package/dist/src/components/DataList/DataList.d.ts +1 -1
  72. package/dist/src/components/DataList/DataList.js +7 -7
  73. package/dist/src/components/DataTable/DataTable.d.ts +2 -2
  74. package/dist/src/components/DataTable/DataTable.js +7 -7
  75. package/dist/src/components/Dialog/Dialog.d.ts +2 -2
  76. package/dist/src/components/Dialog/Dialog.js +5 -5
  77. package/dist/src/components/Divider/Divider.js +1 -1
  78. package/dist/src/components/Dropdown/Dropdown.d.ts +5 -2
  79. package/dist/src/components/Dropdown/Dropdown.js +8 -8
  80. package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +3 -3
  81. package/dist/src/components/DropdownMenu/DropdownMenu.js +8 -8
  82. package/dist/src/components/DropdownMenu/utils.d.ts +1 -1
  83. package/dist/src/components/DropdownMenu/utils.js +1 -1
  84. package/dist/src/components/EmptyState/EmptyState.d.ts +2 -2
  85. package/dist/src/components/EmptyState/EmptyState.js +12 -12
  86. package/dist/src/components/Flexbox/Flexbox.d.ts +5 -5
  87. package/dist/src/components/Flexbox/Flexbox.js +1 -1
  88. package/dist/src/components/Flexbox/FlexboxItem.d.ts +4 -4
  89. package/dist/src/components/Flexbox/FlexboxItem.js +1 -1
  90. package/dist/src/components/Grid/Grid.d.ts +15 -15
  91. package/dist/src/components/Grid/Grid.js +1 -1
  92. package/dist/src/components/Grid/GridItem.d.ts +8 -8
  93. package/dist/src/components/Grid/GridItem.js +2 -2
  94. package/dist/src/components/Icon/Icon.d.ts +2 -2
  95. package/dist/src/components/Icon/Icon.js +1 -1
  96. package/dist/src/components/Input/Input.d.ts +1 -1
  97. package/dist/src/components/Input/Input.js +6 -6
  98. package/dist/src/components/ListItem/ListItem.js +2 -2
  99. package/dist/src/components/Modal/Modal.d.ts +8 -4
  100. package/dist/src/components/Modal/Modal.js +12 -10
  101. package/dist/src/components/MultiInput/InputChip.js +5 -5
  102. package/dist/src/components/MultiInput/MultiInput.d.ts +1 -1
  103. package/dist/src/components/MultiInput/MultiInput.js +7 -5
  104. package/dist/src/components/MultiSelect/MultiSelect.d.ts +2 -2
  105. package/dist/src/components/MultiSelect/MultiSelect.js +5 -5
  106. package/dist/src/components/NativeSelect/NativeSelect.d.ts +1 -2
  107. package/dist/src/components/NativeSelect/NativeSelect.js +29 -9
  108. package/dist/src/components/PageHeader/PageHeader.d.ts +2 -2
  109. package/dist/src/components/PageHeader/PageHeader.js +5 -5
  110. package/dist/src/components/Pagination/Pagination.js +4 -4
  111. package/dist/src/components/Pagination/usePagination.js +2 -2
  112. package/dist/src/components/Popover/Popover.d.ts +2 -2
  113. package/dist/src/components/Popover/Popover.js +2 -2
  114. package/dist/src/components/Popover/PopoverContext.d.ts +1 -1
  115. package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -1
  116. package/dist/src/components/Popover/PopoverWrapper.js +1 -1
  117. package/dist/src/components/PopoverDialog/PopoverDialog.d.ts +2 -2
  118. package/dist/src/components/PopoverDialog/PopoverDialog.js +2 -2
  119. package/dist/src/components/Portal/Portal.d.ts +1 -1
  120. package/dist/src/components/Portal/Portal.js +1 -1
  121. package/dist/src/components/ProgressBar/ProgressBar.js +1 -1
  122. package/dist/src/components/RadioButton/RadioButton.d.ts +1 -1
  123. package/dist/src/components/RadioButton/RadioButton.js +6 -12
  124. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.d.ts +4 -4
  125. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +4 -4
  126. package/dist/src/components/Section/Section.d.ts +1 -1
  127. package/dist/src/components/Section/Section.js +3 -3
  128. package/dist/src/components/SegmentedControl/SegmentedControl.js +4 -4
  129. package/dist/src/components/Select/Select.d.ts +2 -2
  130. package/dist/src/components/Select/Select.js +12 -12
  131. package/dist/src/components/Skeleton/Skeleton.js +2 -2
  132. package/dist/src/components/Stepper/Stepper.d.ts +24 -0
  133. package/dist/src/components/Stepper/Stepper.js +24 -0
  134. package/dist/src/components/Switch/Switch.d.ts +2 -4
  135. package/dist/src/components/Switch/Switch.js +7 -31
  136. package/dist/src/components/SwitchGroup/SwitchGroup.d.ts +4 -4
  137. package/dist/src/components/SwitchGroup/SwitchGroup.js +4 -4
  138. package/dist/src/components/Table/Table.d.ts +1 -1
  139. package/dist/src/components/Table/Table.js +2 -2
  140. package/dist/src/components/Tabs/Tabs.js +11 -11
  141. package/dist/src/components/TagLabel/TagLabel.js +2 -2
  142. package/dist/src/components/Tailwindify/Tailwindify.d.ts +26 -26
  143. package/dist/src/components/Tailwindify/Tailwindify.js +1 -1
  144. package/dist/src/components/Template/Template.d.ts +4 -4
  145. package/dist/src/components/Template/Template.js +1 -1
  146. package/dist/src/components/Textarea/Textarea.d.ts +1 -1
  147. package/dist/src/components/Textarea/Textarea.js +5 -5
  148. package/dist/src/components/Timeline/Timeline.js +7 -7
  149. package/dist/src/components/Tooltip/Tooltip.d.ts +2 -2
  150. package/dist/src/components/Tooltip/Tooltip.js +3 -3
  151. package/dist/src/components/Tooltip/useTooltipTriggerState.d.ts +1 -1
  152. package/dist/src/components/Tooltip/useTooltipTriggerState.js +1 -1
  153. package/dist/src/components/Typography/Typography.d.ts +28 -4
  154. package/dist/src/components/Typography/Typography.js +61 -21
  155. package/dist/src/components/index.d.ts +5 -3
  156. package/dist/src/components/index.js +6 -4
  157. package/dist/src/js/resolveTheme.d.ts +1 -1
  158. package/dist/src/system.d.ts +6 -6
  159. package/dist/src/system.js +6 -6
  160. package/dist/src/utils/Blueprint.js +2 -2
  161. package/dist/src/utils/breakpoints.d.ts +2 -2
  162. package/dist/src/utils/breakpoints.js +2 -2
  163. package/dist/src/utils/constants.js +2 -2
  164. package/dist/src/utils/createComponent.d.ts +1 -1
  165. package/dist/src/utils/createComponent.js +2 -2
  166. package/dist/src/utils/form/CharCounter/CharCounter.js +2 -2
  167. package/dist/src/utils/form/FormControl/FormControl.js +1 -1
  168. package/dist/src/utils/form/HelperText/HelperText.js +5 -5
  169. package/dist/src/utils/form/InputAdornment/InputAdornment.d.ts +1 -1
  170. package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
  171. package/dist/src/utils/form/Label/Label.d.ts +2 -2
  172. package/dist/src/utils/form/Label/Label.js +5 -5
  173. package/dist/src/utils/table/types.d.ts +6 -5
  174. package/dist/src/utils/table/types.js +1 -1
  175. package/dist/src/utils/table/useScrollTarget.d.ts +1 -1
  176. package/dist/src/utils/table/useScrollTarget.js +1 -1
  177. package/dist/src/utils/table/useTableSort.d.ts +1 -1
  178. package/dist/src/utils/table/useTableSort.js +1 -1
  179. package/dist/src/utils/tailwind.d.ts +2 -2
  180. package/dist/src/utils/tailwind.js +1 -1
  181. package/dist/src/utils/useStyle.d.ts +1 -1
  182. package/dist/src/utils/useStyle.js +3 -3
  183. package/dist/src/utils/useWindowSize.js +3 -3
  184. package/dist/styles.css +289 -75
  185. package/dist/styles_timescaledb.css +289 -76
  186. package/dist/system.cjs +1657 -1278
  187. package/dist/system.mjs +1562 -1185
  188. package/dist/tailwind.config.js +4 -1
  189. package/dist/tokens.json +260 -1
  190. package/dist/tsconfig.module.tsbuildinfo +1 -1
  191. package/dist/types/ActionType.d.ts +2 -2
  192. package/dist/types/IconProps.d.ts +2 -2
  193. package/dist/types/designTokens.d.ts +1 -1
  194. package/dist/types/tailwind.d.ts +3 -3
  195. package/dist/types/tailwindGenerated.d.ts +1 -1
  196. package/dist/types/utils.d.ts +1 -1
  197. package/dist/types/utils.js +1 -1
  198. package/package.json +30 -27
package/README.md CHANGED
@@ -13,8 +13,8 @@ Implementation of Aiven Aquarium design system, released as an npm package. Quic
13
13
  - Make sure to add the correct fonts in your app. [Inter](https://fonts.google.com/specimen/Inter) for Aiven theme.
14
14
  - Import the CSS to your app
15
15
 
16
- - Aiven theme with `import '@aivenio/aquarium/dist/styles.css`
17
- - If you used `THEME=X npm run build` for building, use `import '@aivenio/aquarium/dist/styles_X.css`
16
+ - Aiven theme with `import '@aivenio/aquarium/dist/styles.css'`
17
+ - If you used `THEME=X npm run build` for building, use `import '@aivenio/aquarium/dist/styles_X.css'`
18
18
 
19
19
  - Add React context component to the root of your React app
20
20
 
package/dist/_variables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 05 Jan 2023 14:09:51 GMT
3
+ // Generated on Mon, 30 Jan 2023 13:50:22 GMT
4
4
 
5
5
  $border-radius-none: 0px !default;
6
6
  $border-radius-sm: 0.125rem !default;
@@ -105,6 +105,7 @@ $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 5
105
105
  $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16) !default;
106
106
  $box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20) !default;
107
107
  $box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24) !default;
108
+ $box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1) !default;
108
109
  $screens-default: 0px !default;
109
110
  $screens-xs: 320px !default;
110
111
  $screens-sm: 672px !default;
package/dist/_variables_timescale.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 05 Jan 2023 14:09:52 GMT
3
+ // Generated on Mon, 30 Jan 2023 13:50:23 GMT
4
4
 
5
5
  $border-radius-none: 0px;
6
6
  $border-radius-sm: 0.125rem;
@@ -105,6 +105,7 @@ $box-shadow-16dp: 0px 16px 32px rgba(90, 91, 106, 0.12), 0px 8px 16px rgba(58, 5
105
105
  $box-shadow-8dp: 0px 8px 16px rgba(90, 91, 106, 0.16), 0px 4px 8px rgba(58, 58, 68, 0.16);
106
106
  $box-shadow-4dp: 0px 4px 8px rgba(90, 91, 106, 0.20), 0px 2px 4px rgba(58, 58, 68, 0.20);
107
107
  $box-shadow-2dp: 0px 2px 4px rgba(90, 91, 106, 0.24), 0px 1px 2px rgba(58, 58, 68, 0.24);
108
+ $box-shadow-white-inset: inset 0 0 0 3px rgba(255,255,255,1);
108
109
  $screens-default: 0px;
109
110
  $screens-xs: 320px;
110
111
  $screens-sm: 672px;