@aivenio/aquarium 1.24.0 → 1.25.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 (134) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +2 -3
  4. package/dist/atoms.mjs +2 -3
  5. package/dist/src/atoms/Alert/Alert.d.ts +2 -2
  6. package/dist/src/atoms/Banner/Banner.d.ts +6 -6
  7. package/dist/src/atoms/Card/Card.d.ts +6 -6
  8. package/dist/src/atoms/Card/Card.js +1 -1
  9. package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
  10. package/dist/src/atoms/DataList/DataList.js +2 -2
  11. package/dist/src/atoms/Dialog/Dialog.d.ts +1 -1
  12. package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +5 -5
  13. package/dist/src/atoms/Modal/Modal.d.ts +3 -3
  14. package/dist/src/atoms/Navigation/Navigation.d.ts +1 -1
  15. package/dist/src/atoms/PageHeader/PageHeader.d.ts +4 -2
  16. package/dist/src/atoms/PageHeader/PageHeader.js +3 -3
  17. package/dist/src/atoms/ProgressBar/ProgressBar.d.ts +2 -2
  18. package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
  19. package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
  20. package/dist/src/atoms/Section/Section.d.ts +1 -1
  21. package/dist/src/atoms/Select/Select.d.ts +23 -23
  22. package/dist/src/atoms/Select/Select.js +3 -3
  23. package/dist/src/atoms/Stepper/Stepper.d.ts +2 -2
  24. package/dist/src/atoms/Switch/Switch.d.ts +1 -1
  25. package/dist/src/atoms/Table/Table.d.ts +4 -4
  26. package/dist/src/atoms/Table/Table.js +2 -2
  27. package/dist/src/atoms/Toast/Toast.d.ts +1 -1
  28. package/dist/src/atoms/Typography/Typography.d.ts +1 -1
  29. package/dist/src/atoms/Typography/Typography.js +7 -5
  30. package/dist/src/charts/BarChart/BarChart.d.ts +2 -2
  31. package/dist/src/charts/lib/utils.d.ts +1 -1
  32. package/dist/src/js/resolveTheme.d.ts +4 -2
  33. package/dist/src/molecules/Alert/Alert.d.ts +2 -1
  34. package/dist/src/molecules/Alert/Alert.js +1 -1
  35. package/dist/src/molecules/Badge/Badge.d.ts +2 -2
  36. package/dist/src/molecules/Banner/Banner.d.ts +2 -1
  37. package/dist/src/molecules/Banner/Banner.js +1 -1
  38. package/dist/src/molecules/Box/Box.d.ts +17 -17
  39. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
  40. package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
  41. package/dist/src/molecules/Button/Button.d.ts +8 -8
  42. package/dist/src/molecules/Button/Button.js +4 -4
  43. package/dist/src/molecules/Card/Card.d.ts +11 -10
  44. package/dist/src/molecules/Card/Card.js +5 -3
  45. package/dist/src/molecules/Card/Compact.d.ts +2 -2
  46. package/dist/src/molecules/Card/Compact.js +5 -3
  47. package/dist/src/molecules/Carousel/Carousel.js +20 -12
  48. package/dist/src/molecules/Chip/Chip.d.ts +3 -3
  49. package/dist/src/molecules/Combobox/Combobox.d.ts +4 -4
  50. package/dist/src/molecules/Combobox/Combobox.js +1 -1
  51. package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
  52. package/dist/src/molecules/DataList/DataList.d.ts +2 -2
  53. package/dist/src/molecules/DataTable/DataTable.d.ts +2 -2
  54. package/dist/src/molecules/Dialog/Dialog.js +8 -6
  55. package/dist/src/molecules/Dropdown/Dropdown.d.ts +1 -1
  56. package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
  57. package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +6 -6
  58. package/dist/src/molecules/Element/Element.d.ts +2 -2
  59. package/dist/src/molecules/EmptyState/EmptyState.d.ts +1 -1
  60. package/dist/src/molecules/Flexbox/Flexbox.d.ts +7 -7
  61. package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +7 -7
  62. package/dist/src/molecules/Grid/Grid.d.ts +7 -7
  63. package/dist/src/molecules/Grid/GridItem.d.ts +7 -7
  64. package/dist/src/molecules/Input/Input.js +7 -5
  65. package/dist/src/molecules/LineClamp/LineClamp.d.ts +15 -15
  66. package/dist/src/molecules/ListItem/ListItem.js +4 -4
  67. package/dist/src/molecules/Modal/Modal.js +8 -6
  68. package/dist/src/molecules/MultiInput/InputChip.d.ts +2 -2
  69. package/dist/src/molecules/MultiInput/InputChip.js +2 -2
  70. package/dist/src/molecules/MultiInput/MultiInput.d.ts +5 -5
  71. package/dist/src/molecules/MultiInput/MultiInput.js +9 -5
  72. package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +4 -4
  73. package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -4
  74. package/dist/src/molecules/NativeSelect/NativeSelect.js +12 -8
  75. package/dist/src/molecules/Navigation/Navigation.d.ts +2 -2
  76. package/dist/src/molecules/PageHeader/PageHeader.d.ts +44 -8
  77. package/dist/src/molecules/PageHeader/PageHeader.js +18 -6
  78. package/dist/src/molecules/Pagination/usePagination.d.ts +1 -1
  79. package/dist/src/molecules/Pagination/usePagination.js +1 -1
  80. package/dist/src/molecules/Popover/Popover.d.ts +2 -2
  81. package/dist/src/molecules/Popover/Popover.js +1 -1
  82. package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +1 -1
  83. package/dist/src/molecules/ProgressBar/ProgressBar.d.ts +1 -1
  84. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.d.ts +4 -3
  85. package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +1 -1
  86. package/dist/src/molecules/Section/Section.d.ts +1 -1
  87. package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +3 -3
  88. package/dist/src/molecules/SegmentedControl/SegmentedControl.js +2 -2
  89. package/dist/src/molecules/Select/Select.d.ts +2 -2
  90. package/dist/src/molecules/Select/Select.js +5 -3
  91. package/dist/src/molecules/Stepper/Stepper.d.ts +1 -1
  92. package/dist/src/molecules/Switch/Switch.d.ts +1 -1
  93. package/dist/src/molecules/Tabs/Tabs.d.ts +13 -9
  94. package/dist/src/molecules/Tabs/Tabs.js +26 -17
  95. package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
  96. package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +5 -5
  97. package/dist/src/molecules/Tailwindify/Tailwindify.js +7 -4
  98. package/dist/src/molecules/Template/Template.d.ts +1 -1
  99. package/dist/src/molecules/Textarea/Textarea.d.ts +3 -3
  100. package/dist/src/molecules/Timeline/Timeline.d.ts +3 -3
  101. package/dist/src/molecules/Toast/Toast.spec.js +2 -2
  102. package/dist/src/molecules/Toast/types.d.ts +5 -5
  103. package/dist/src/molecules/Toast/types.js +1 -1
  104. package/dist/src/molecules/Tooltip/Tooltip.d.ts +1 -1
  105. package/dist/src/molecules/Tooltip/Tooltip.js +5 -3
  106. package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +9 -5
  107. package/dist/src/molecules/Typography/Typography.d.ts +4 -4
  108. package/dist/src/molecules/Typography/Typography.js +9 -9
  109. package/dist/src/molecules/index.d.ts +2 -2
  110. package/dist/src/system.js +9 -5
  111. package/dist/src/utils/form/FormControl/FormControl.js +2 -2
  112. package/dist/src/utils/form/HelperText/HelperText.js +4 -4
  113. package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
  114. package/dist/src/utils/form/Label/Label.d.ts +3 -3
  115. package/dist/src/utils/form/Label/Label.js +12 -10
  116. package/dist/src/utils/object.d.ts +1 -1
  117. package/dist/src/utils/positioner.d.ts +1 -1
  118. package/dist/src/utils/table/types.d.ts +9 -9
  119. package/dist/src/utils/table/useTableSort.d.ts +1 -1
  120. package/dist/src/utils/table/utils.d.ts +1 -1
  121. package/dist/src/utils/tailwind.js +6 -4
  122. package/dist/src/utils/themeVariableSamples.d.ts +2 -0
  123. package/dist/src/utils/themeVariableSamples.js +146 -0
  124. package/dist/src/utils/useStyle.d.ts +3 -3
  125. package/dist/src/utils/useStyle.js +30 -22
  126. package/dist/system.cjs +47 -14
  127. package/dist/system.mjs +47 -14
  128. package/dist/tsconfig.module.tsbuildinfo +1 -1
  129. package/dist/types/DimensionProps.d.ts +1 -1
  130. package/dist/types/designTokens.d.ts +2 -2
  131. package/dist/types/designTokens.js +6 -4
  132. package/dist/types/tailwind.d.ts +1 -1
  133. package/dist/types/utils.d.ts +5 -5
  134. package/package.json +11 -13
package/dist/types/DimensionProps.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  declare type RelativeSize = `${number}%`;
2
- export declare type LimitedCssDimension = number | RelativeSize | 'auto';
2
+ export declare type LimitedCssDimension = RelativeSize | number | 'auto';
3
3
  export {};
package/dist/types/designTokens.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  export declare type TypographyFontWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
2
- export declare type TypographyTextTransform = 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'initial' | 'inherit';
2
+ export declare type TypographyTextTransform = 'capitalize' | 'inherit' | 'initial' | 'lowercase' | 'none' | 'uppercase';
3
3
  export declare type TypographyCSSStyles = {
4
4
  fontFamily: string;
5
5
  fontWeight: TypographyFontWeight;
@@ -20,7 +20,7 @@ export interface Typography {
20
20
  sizes: TypographySize[];
21
21
  }
22
22
  export declare type HexColorString = string;
23
- export declare type ColorIntent = 'primary' | 'secondary' | 'grey' | 'info' | 'success' | 'warning' | 'error';
23
+ export declare type ColorIntent = 'error' | 'grey' | 'info' | 'primary' | 'secondary' | 'success' | 'warning';
24
24
  export declare type ColorWeight = 0 | 5 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100;
25
25
  export declare type ColorName = `${ColorIntent}-${ColorWeight}`;
26
26
  export declare type Colors = {
package/dist/types/designTokens.js CHANGED
@@ -1,5 +1,7 @@
1
- // These types are imported from https://github.com/mrmartineau/design-system-utils/blob/cc51d3299b7b44aa841d8f2695a3752297190db4/src/types.ts
2
- // as a starting point.
3
- // The types should be edited for our purposes, no need to stick with the old ones
1
+ /*
2
+ * These types are imported from https://github.com/mrmartineau/design-system-utils/blob/cc51d3299b7b44aa841d8f2695a3752297190db4/src/types.ts
3
+ * as a starting point.
4
+ * The types should be edited for our purposes, no need to stick with the old ones
5
+ */
4
6
  export {};
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduVG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvZGVzaWduVG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDhJQUE4STtBQUM5SSx1QkFBdUI7QUFDdkIsa0ZBQWtGIn0=
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVzaWduVG9rZW5zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHlwZXMvZGVzaWduVG9rZW5zLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUcifQ==
package/dist/types/tailwind.d.ts CHANGED
@@ -35,7 +35,7 @@ declare type ClassNamesObject = {
35
35
  [key: string]: boolean;
36
36
  };
37
37
  export declare type TailwindClassNamesObject<T extends ClassNamesObject> = {
38
- [K in keyof T & string]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
38
+ [K in string & keyof T]: K extends ValidTailwindClassesString<K> ? T[K] : ValidTailwindClassesString<K>;
39
39
  };
40
40
  export declare type TailwindClassNamesArray<UnvalidatedItems extends unknown[], Validated extends unknown[] = []> = UnvalidatedItems extends [] ? Validated : UnvalidatedItems extends [infer Head, ...infer Rest] ? Head extends string ? Head extends ValidTailwindClassesString<Head> ? TailwindClassNamesArray<Rest, [...Validated, Head]> : ValidTailwindClassesString<Head> : never : never;
41
41
  export declare type TailwindClassParameterValue<S> = S extends string ? ValidTailwindClassesString<S> : S extends any[] ? TailwindClassNamesArray<S> : S extends ClassNamesObject ? TailwindClassNamesObject<S> : never;
package/dist/types/utils.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import { type ElementType, type ReactElement, type ReactNode } from 'react';
2
2
  export declare const isComponentType: <T>(c: ReactNode, type: ElementType<T>) => c is ReactElement<T, string | import("react").JSXElementConstructor<any>>;
3
- export declare type Either<A, B> = (Partial<Record<keyof B, never>> & A) | (Partial<Record<keyof A, never>> & B);
3
+ export declare type Either<A, B> = (A & Partial<Record<keyof B, never>>) | (B & Partial<Record<keyof A, never>>);
4
4
  export declare type AllOrNone<T> = T | {
5
5
  [K in keyof T]?: never;
6
6
  };
7
7
  export declare type AcceptEmpty = boolean | null | undefined;
8
- export declare type EmptyOrOneOrMore<T> = React.ReactElement<T> | AcceptEmpty | Array<React.ReactElement<T> | AcceptEmpty>;
9
- export declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = Pick<T, Exclude<keyof T, Keys>> & {
10
- [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>;
11
- }[Keys];
8
+ export declare type EmptyOrOneOrMore<T> = AcceptEmpty | Array<AcceptEmpty | React.ReactElement<T>> | React.ReactElement<T>;
9
+ export declare type RequireAtLeastOne<T, Keys extends keyof T = keyof T> = {
10
+ [K in Keys]-?: Partial<Pick<T, Exclude<Keys, K>>> & Required<Pick<T, K>>;
11
+ }[Keys] & Pick<T, Exclude<keyof T, Keys>>;
12
12
  export declare type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aivenio/aquarium",
3
- "version": "1.24.0",
3
+ "version": "1.25.0",
4
4
  "description": "Aiven Aquarium design system",
5
5
  "main": "dist/system.cjs",
6
6
  "module": "dist/system.mjs",
@@ -48,13 +48,11 @@
48
48
  "test:coverage": "jest --coverage",
49
49
  "test:all": "npm run eslint && npm run test",
50
50
  "test:update": "jest --updateSnapshot",
51
- "prettier:write": "echo 'Deprecated command! Use \"npm run eslint:fix\" instead.' && exit 1",
52
- "prettier:check": "echo 'Deprecated command! Use \"npm run eslint\" instead.' && exit 1",
53
51
  "eslint": "npm run eslint:prebuild && npm run eslint:check:src && npm run eslint:check:tools",
54
52
  "eslint:prebuild": "npm run build:tailwind && npm run build:tailwind:json && npm run build:ds:icons",
55
53
  "eslint:fix": "npm run eslint:check:src -- --fix && npm run eslint:check:tools -- --fix",
56
54
  "eslint:check:src": "eslint --config .eslintrc.js \"{src,types}/**/*.{ts,tsx}\"",
57
- "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{ts,tsx}\"",
55
+ "eslint:check:tools": "eslint --config tools/figma/.eslintrc \"tools/**/*.{mjs,ts,tsx}\"",
58
56
  "start:storybook": "STORYBOOK_THEME=$THEME storybook dev -p 6006",
59
57
  "start": "npm run build:generated && npm run start:storybook",
60
58
  "figma:cached": "echo 'WARNING: Using local cache!' && USE_CACHE=true npm run figma",
@@ -66,14 +64,14 @@
66
64
  "build": "npm run build:ds",
67
65
  "build:ds": "npm run build:ds:style-dictionary && npm run build:tailwind && npm run build:tailwind:timescale && npm run build:tailwind:json && npm run build:ds:icons && npm run build:ds:module && npm run build:copy-files",
68
66
  "build:ds:module": "npm run build:ds:tsc && cp tailwind.config.js dist/ && npm run build:ds:bundle -- --format=cjs --out-extension:.js=.cjs && npm run build:ds:bundle -- --format=esm --out-extension:.js=.mjs",
69
- "build:ds:bundle": "node tools/esbuild.js",
70
- "build:ds:icons": "node tools/svgIconsToDistModules.js",
67
+ "build:ds:bundle": "node tools/esbuild.mjs",
68
+ "build:ds:icons": "node tools/svgIconsToDistModules.mjs",
71
69
  "build:ds:tsc": "tsc --project tsconfig.module.json && tsc-alias --project tsconfig.module.json",
72
70
  "build:tailwind": "postcss src/main.css -o dist/styles.css",
73
- "build:tailwind:json": "NODE_PATH=./ node tools/resolveTailwindConfig.js > tailwind.theme.json",
71
+ "build:tailwind:json": "node tools/resolveTailwindConfig.mjs > tailwind.theme.json",
74
72
  "build:ds:style-dictionary": "npm run build:tailwind:sass && npm run build:tailwind:sass:timescale",
75
- "build:tailwind:sass": "NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
76
- "build:tailwind:sass:timescale": "THEME=timescale NODE_PATH=./ style-dictionary build --config ./style-dictionary.config.js",
73
+ "build:tailwind:sass": "style-dictionary build --config ./style-dictionary.config.js",
74
+ "build:tailwind:sass:timescale": "THEME=timescale style-dictionary build --config ./style-dictionary.config.js",
77
75
  "build:tailwind:timescale": "THEME=timescale postcss src/main.css -o dist/styles_timescaledb.css",
78
76
  "build:copy-files": "echo 'Copying files that are not included by TS' && cp tailwind.theme.json dist/ && mkdir -p dist/src/js/ && cp src/js/resolveTheme.d.ts dist/src/js/",
79
77
  "clean": "rm -rf .cache dist/",
@@ -84,7 +82,7 @@
84
82
  "devDependencies": {
85
83
  "@actions/core": "^1.10.0",
86
84
  "@aitodotai/json-stringify-pretty-compact": "^1.3.0",
87
- "@aivenio/eslint-config-aiven": "^3.3.0",
85
+ "@aivenio/eslint-config-aiven": "^4.0.2",
88
86
  "@babel/core": "^7.13.10",
89
87
  "@babel/preset-env": "^7.20.2",
90
88
  "@babel/preset-react": "^7.18.6",
@@ -116,8 +114,8 @@
116
114
  "@types/react": "^17.0.58",
117
115
  "@types/react-dom": "^17.0.20",
118
116
  "@types/tailwindcss": "^3.1.0",
119
- "@typescript-eslint/eslint-plugin": "^5.59.6",
120
- "@typescript-eslint/parser": "^5.59.6",
117
+ "@typescript-eslint/eslint-plugin": "^5.59.11",
118
+ "@typescript-eslint/parser": "^5.59.11",
121
119
  "@zerollup/ts-transform-paths": "^1.7.18",
122
120
  "arg": "^5.0.0",
123
121
  "autoprefixer": "^10.3.2",
@@ -129,7 +127,7 @@
129
127
  "cssnano": "^4.1.10",
130
128
  "csstype": "^3.1.2",
131
129
  "esbuild": "^0.15.8",
132
- "eslint": "^8.40.0",
130
+ "eslint": "^8.42.0",
133
131
  "eslint-import-resolver-typescript": "^3.5.5",
134
132
  "eslint-plugin-design-system": "file:contrib/dev/eslint",
135
133
  "eslint-plugin-jsx-a11y": "^6.7.1",