@hazelcast/ui 4.0.2 → 4.0.4

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 (45) hide show
  1. package/lib/components/Alert.module.css +14 -8
  2. package/lib/components/AppHeader/AppHeaderMenu/AppHeaderMenu.module.css +4 -0
  3. package/lib/components/Badge.module.css +23 -15
  4. package/lib/components/Button.module.css +31 -13
  5. package/lib/components/Calendar/Calendar.module.css +13 -13
  6. package/lib/components/Card.module.css +3 -3
  7. package/lib/components/Carousel.module.css +2 -2
  8. package/lib/components/ContextMenu.module.css +4 -4
  9. package/lib/components/Error.module.css +1 -1
  10. package/lib/components/Help.js +1 -2
  11. package/lib/components/Help.js.map +1 -1
  12. package/lib/components/Help.module.css +4 -0
  13. package/lib/components/IconButton.module.css +31 -13
  14. package/lib/components/Label.module.css +1 -1
  15. package/lib/components/Modal.d.ts +1 -0
  16. package/lib/components/Modal.js +2 -2
  17. package/lib/components/Modal.js.map +1 -1
  18. package/lib/components/Notification.module.css +13 -7
  19. package/lib/components/Overlay.module.css +2 -2
  20. package/lib/components/Pagination.module.css +11 -11
  21. package/lib/components/Popover.module.css +2 -2
  22. package/lib/components/Select/CheckableSelectField.js +2 -2
  23. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  24. package/lib/components/Select/CheckableSelectField.module.css +4 -0
  25. package/lib/components/Table/Cell.module.css +4 -4
  26. package/lib/components/Table/Header.module.css +10 -10
  27. package/lib/components/Table/Row.module.css +9 -9
  28. package/lib/components/Table/Table.module.css +2 -2
  29. package/lib/components/Table/TableContent.module.css +1 -1
  30. package/lib/components/Toast/Toast.module.css +13 -10
  31. package/lib/components/Tooltip.module.css +4 -4
  32. package/lib/hooks/index.d.ts +2 -0
  33. package/lib/hooks/index.js +1 -0
  34. package/lib/hooks/index.js.map +1 -1
  35. package/lib/hooks/useColorScheme.d.ts +7 -0
  36. package/lib/hooks/useColorScheme.js +23 -0
  37. package/lib/hooks/useColorScheme.js.map +1 -0
  38. package/lib/index.d.ts +2 -1
  39. package/lib/index.js +1 -1
  40. package/lib/index.js.map +1 -1
  41. package/lib/utils/colorScheme.d.ts +5 -0
  42. package/lib/utils/colorScheme.js +24 -0
  43. package/lib/utils/colorScheme.js.map +1 -0
  44. package/package.json +1 -1
  45. package/styles/variables.css +122 -18
@@ -22,7 +22,7 @@
22
22
  letter-spacing: var(--hive-letter-spacing-body-small);
23
23
  line-height: var(--hive-line-height-body-small);
24
24
  font-weight: var(--hive-font-weight-text-regular);
25
- color: var(--hive-color-text-secondary);
25
+ color: var(--hive-color-text-secondary-v4);
26
26
  }
27
27
 
28
28
  .buttons {
@@ -35,10 +35,10 @@
35
35
 
36
36
  /* Override Button styles */
37
37
  .button {
38
- color: var(--hive-color-text-secondary);
39
- background-color: var(--hive-color-neutral-lighter);
38
+ color: var(--hive-color-text-secondary-v4);
39
+ background-color: var(--hive-color-neutral-lighter-v4);
40
40
  border: 1px solid;
41
- border-color: var(--hive-color-neutral-light);
41
+ border-color: var(--hive-color-border-v4);
42
42
  height: var(--hive-input-height-small);
43
43
  border-radius: var(--hive-border-radius);
44
44
  font-family: var(--hive-font-family-text);
@@ -58,13 +58,13 @@
58
58
  &:hover,
59
59
  &:active,
60
60
  &.selected {
61
- color: var(--hive-color-text);
62
- border-color: var(--hive-color-primary);
61
+ color: var(--hive-color-text-v4);
62
+ border-color: var(--hive-color-primary-v4);
63
63
  }
64
64
 
65
65
  &:focus-visible {
66
- color: var(--hive-color-text);
67
- border-color: var(--hive-color-accessibility-outline);
66
+ color: var(--hive-color-text-v4);
67
+ border-color: var(--hive-color-primary-v4);
68
68
  }
69
69
  }
70
70
  }
@@ -73,16 +73,16 @@
73
73
  .iconButton {
74
74
  display: flex;
75
75
  align-items: center;
76
- background-color: var(--hive-color-neutral-lighter);
76
+ background-color: var(--hive-color-neutral-lighter-v4);
77
77
  border: 1px solid;
78
- border-color: var(--hive-color-neutral-light);
78
+ border-color: var(--hive-color-border-v4);
79
79
  height: var(--hive-input-height-small);
80
80
  padding: 0 calc(var(--hive-grid) * 2);
81
81
 
82
82
  &:hover,
83
83
  &:active,
84
84
  &.selected {
85
- border-color: var(--hive-color-primary);
85
+ border-color: var(--hive-color-primary-v4);
86
86
  }
87
87
 
88
88
  &:focus,
@@ -1,8 +1,8 @@
1
1
  .root {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- background: var(--hive-color-neutral-white);
4
+ background: var(--hive-color-neutral-white-v4);
5
5
  border-bottom-left-radius: 3px;
6
6
  border-bottom-right-radius: 3px;
7
- box-shadow: 0 1px 3px 0 rgb(0 0 0 / 17%);
7
+ box-shadow: var(--hive-shadow-popover-v4);
8
8
  }
@@ -75,9 +75,9 @@ export const CheckableSelectField = (props) => {
75
75
  React.createElement(TruncatedText, { text: option.label })));
76
76
  })) : (React.createElement("span", { className: styles.noOptionsMessage, "data-test": `${dataTest}-no-options-message` }, noOptionsMessage))),
77
77
  React.createElement("div", { className: styles.bottom },
78
- React.createElement(Link, { component: "button", "data-test": `${dataTest}-select-all`, onClick: () => {
78
+ React.createElement(Link, { component: "button", className: styles.actionLink, "data-test": `${dataTest}-select-all`, onClick: () => {
79
79
  onChange(filteredOptions.map(({ value }) => value));
80
80
  } }, "Select all"),
81
- React.createElement(Link, { component: "button", "data-test": `${dataTest}-select-none`, onClick: () => onChange([]) }, "Select none"))))));
81
+ React.createElement(Link, { className: styles.actionLink, component: "button", "data-test": `${dataTest}-select-none`, onClick: () => onChange([]) }, "Select none"))))));
82
82
  };
83
83
  //# sourceMappingURL=CheckableSelectField.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../../src/components/Select/CheckableSelectField.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../../src/components/Select/CheckableSelectField.tsx"],"names":[],"mappings":"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"}
@@ -85,6 +85,10 @@
85
85
  border-top: 1px solid var(--hive-color-border-v4);
86
86
  }
87
87
 
88
+ .actionLink {
89
+ color: var(--hive-color-link-v4) !important;
90
+ }
91
+
88
92
  .checkmark {
89
93
  width: 1rem;
90
94
  height: 1rem;
@@ -6,7 +6,7 @@
6
6
  height: calc(var(--hive-grid) * 6);
7
7
  padding-right: calc(var(--hive-grid) * 5);
8
8
  padding-left: calc(var(--hive-grid) * 5);
9
- color: var(--hive-color-text);
9
+ color: var(--hive-color-text-v4);
10
10
  background-color: inherit;
11
11
  flex-grow: 1;
12
12
  flex-basis: auto;
@@ -29,16 +29,16 @@
29
29
  }
30
30
 
31
31
  &.selected {
32
- background: hsl(from var(--hive-color-primary) h s calc(l + 30)) !important;
32
+ background: var(--hive-color-table-selection-v4) !important;
33
33
  }
34
34
 
35
35
  &:not(:last-of-type) {
36
- border-right: var(--hive-border-width) solid var(--hive-color-neutral-white);
36
+ border-right: var(--hive-border-width) solid var(--hive-color-table-separator-v4);
37
37
  }
38
38
  }
39
39
 
40
40
  .warningIcon {
41
- color: var(--hive-color-warning-dark);
41
+ color: var(--hive-color-warning-text-v4);
42
42
 
43
43
  &.left {
44
44
  margin-left: calc(var(--hive-grid) * 2);
@@ -23,7 +23,7 @@
23
23
 
24
24
  .resizing,
25
25
  &:hover .separator {
26
- background-color: var(--hive-color-primary);
26
+ background-color: var(--hive-color-primary-v4);
27
27
  }
28
28
  }
29
29
 
@@ -32,8 +32,8 @@
32
32
  flex-grow: 1;
33
33
  flex-basis: auto;
34
34
  flex-shrink: 0;
35
- background: var(--hive-color-neutral-gray);
36
- border-right: 1px solid var(--hive-color-neutral-white);
35
+ background: var(--hive-color-table-header-v4);
36
+ border-right: 1px solid var(--hive-color-table-separator-v4);
37
37
 
38
38
  .th {
39
39
  display: flex;
@@ -41,7 +41,7 @@
41
41
  height: calc(var(--hive-grid) * 12);
42
42
  padding-left: calc(var(--hive-grid) * 5);
43
43
  padding-right: calc(var(--hive-grid) * 5);
44
- color: var(--hive-color-text);
44
+ color: var(--hive-color-text-v4);
45
45
  box-sizing: border-box;
46
46
  font-family: var(--hive-font-family-text);
47
47
  font-size: var(--hive-font-size-body-small);
@@ -54,7 +54,7 @@
54
54
 
55
55
  .sortingIcon {
56
56
  flex-shrink: 0;
57
- color: var(--hive-color-primary);
57
+ color: var(--hive-color-primary-v4);
58
58
 
59
59
  &.left {
60
60
  margin-left: calc(var(--hive-grid) * 1.25);
@@ -65,7 +65,7 @@
65
65
  }
66
66
 
67
67
  &:not(.isSorted) {
68
- color: var(--hive-color-neutral);
68
+ color: var(--hive-color-text-secondary-v4);
69
69
  }
70
70
  }
71
71
 
@@ -76,15 +76,15 @@
76
76
  /* Do not remove outline for high-contrast modes */
77
77
  /* https://stackoverflow.com/a/52616313 */
78
78
  outline: var(--hive-outline-width) solid transparent;
79
- box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
79
+ box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-primary-v4);
80
80
 
81
81
  /* Put outline over resizer */
82
82
  z-index: var(--hive-z-index-1000);
83
- background-color: var(--hive-color-neutral-lighter);
83
+ background-color: var(--hive-color-table-row-hover-v4);
84
84
  }
85
85
 
86
86
  &:hover {
87
- background-color: var(--hive-color-neutral-gray-darker);
87
+ background-color: var(--hive-color-table-row-hover-v4);
88
88
  }
89
89
  }
90
90
 
@@ -116,7 +116,7 @@
116
116
  }
117
117
 
118
118
  .dragOver {
119
- box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
119
+ box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-primary-v4);
120
120
  }
121
121
 
122
122
  .dragIcon {
@@ -8,24 +8,24 @@
8
8
  font-weight: var(--hive-font-weight-text-regular);
9
9
 
10
10
  &:nth-child(even) {
11
- background-color: var(--hive-color-neutral-lighter);
11
+ background-color: var(--hive-color-table-row-even-v4);
12
12
  }
13
13
 
14
14
  &.clickable {
15
15
  cursor: pointer;
16
16
 
17
17
  &:focus-visible {
18
- box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
18
+ box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-primary-v4);
19
19
 
20
20
  /* Do not remove outline for high-contrast modes */
21
21
  /* https://stackoverflow.com/a/52616313 */
22
22
  outline: var(--hive-outline-width) solid transparent;
23
- background-color: #e2e7fa;
23
+ background-color: var(--hive-color-table-row-hover-v4);
24
24
  }
25
25
 
26
26
  &:hover {
27
27
  font-weight: bold;
28
- background-color: #e2e7fa;
28
+ background-color: var(--hive-color-table-row-hover-v4);
29
29
  }
30
30
  }
31
31
  }
@@ -41,7 +41,7 @@
41
41
  font-weight: var(--hive-font-weight-text-regular);
42
42
 
43
43
  &:nth-child(even) {
44
- background-color: var(--hive-color-neutral-lighter);
44
+ background-color: var(--hive-color-table-row-even-v4);
45
45
  }
46
46
 
47
47
  .link {
@@ -56,21 +56,21 @@
56
56
  font-weight: var(--hive-font-weight-text-regular);
57
57
 
58
58
  &:nth-child(even) {
59
- background-color: var(--hive-color-neutral-lighter);
59
+ background-color: var(--hive-color-table-row-even-v4);
60
60
  }
61
61
 
62
62
  &:focus-visible {
63
- box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
63
+ box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-primary-v4);
64
64
 
65
65
  /* Do not remove outline for high-contrast modes */
66
66
  /* https://stackoverflow.com/a/52616313 */
67
67
  outline: var(--hive-outline-width) solid transparent;
68
- background-color: #e2e7fa;
68
+ background-color: var(--hive-color-table-row-hover-v4);
69
69
  }
70
70
 
71
71
  &:hover {
72
72
  font-weight: bold;
73
- background-color: #e2e7fa;
73
+ background-color: var(--hive-color-table-row-hover-v4);
74
74
  }
75
75
  }
76
76
  }
@@ -1,7 +1,7 @@
1
1
  .container {
2
2
  display: block;
3
3
  overflow-x: auto;
4
- border: var(--hive-border-width) solid #d4d4d4;
4
+ border: var(--hive-border-width) solid var(--hive-color-border-v4);
5
5
  border-radius: var(--hive-border-radius);
6
6
 
7
7
  &.spaceBottom {
@@ -19,7 +19,7 @@
19
19
  }
20
20
 
21
21
  &:focus-visible {
22
- box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-accessibility-outline);
22
+ box-shadow: inset 0 0 0 var(--hive-outline-width) var(--hive-color-primary-v4);
23
23
  }
24
24
  }
25
25
 
@@ -17,5 +17,5 @@
17
17
  display: flex;
18
18
  align-items: center;
19
19
  justify-content: center;
20
- background: rgb(255 255 255 / 50%);
20
+ background: color-mix(in srgb, var(--hive-color-neutral-white-v4) 50%, transparent);
21
21
  }
@@ -19,8 +19,8 @@
19
19
  }
20
20
 
21
21
  .root {
22
- --toast-color: var(--hive-color-text);
23
- background-color: var(--hive-color-neutral-white);
22
+ --toast-color: light-dark(var(--hive-color-text), var(--hive-color-text-v4));
23
+ background-color: light-dark(var(--hive-color-neutral-white), var(--hive-color-neutral-white-v4));
24
24
  border-radius: var(--hive-border-radius);
25
25
  box-shadow:
26
26
  0 4px 6px -1px oklch(0 0 0 / 0.1),
@@ -32,16 +32,16 @@
32
32
  }
33
33
 
34
34
  .success {
35
- --toast-color: var(--hive-color-success-darkest);
35
+ --toast-color: var(--hive-color-success-text-v4);
36
36
  }
37
37
  .error {
38
- --toast-color: var(--hive-color-error);
38
+ --toast-color: var(--hive-color-error-text-v4);
39
39
  }
40
40
  .warn {
41
- --toast-color: var(--hive-color-warning-darkest);
41
+ --toast-color: var(--hive-color-warning-text-v4);
42
42
  }
43
43
  .info {
44
- --toast-color: var(--hive-color-info-darkest);
44
+ --toast-color: var(--hive-color-info-text-v4);
45
45
  }
46
46
 
47
47
  .root[data-state='open'] {
@@ -65,7 +65,10 @@
65
65
  padding: calc(var(--hive-grid) * 3);
66
66
  flex: 1;
67
67
  min-width: 0;
68
- background-color: lab(from var(--toast-color) 95% a b);
68
+ background-color: light-dark(
69
+ lab(from var(--toast-color) 95% a b),
70
+ color-mix(in oklab, var(--toast-color) 12%, var(--hive-color-neutral-white-v4))
71
+ );
69
72
  }
70
73
 
71
74
  .icon {
@@ -79,7 +82,7 @@
79
82
  font-size: var(--hive-font-size-body-small);
80
83
  line-height: 1.4;
81
84
  word-break: break-word;
82
- color: var(--hive-color-text);
85
+ color: light-dark(var(--hive-color-text), var(--hive-color-text-v4));
83
86
  }
84
87
 
85
88
  .closeButton {
@@ -88,11 +91,11 @@
88
91
  border: none;
89
92
  cursor: pointer;
90
93
  padding: 0;
91
- color: var(--hive-color-text-subdued);
94
+ color: light-dark(var(--hive-color-text-subdued), var(--hive-color-text-subdued-v4));
92
95
  line-height: 0;
93
96
  transition: color 150ms ease;
94
97
  }
95
98
 
96
99
  .closeButton:hover {
97
- color: var(--hive-color-text);
100
+ color: light-dark(var(--hive-color-text), var(--hive-color-text-v4));
98
101
  }
@@ -65,15 +65,15 @@
65
65
  position: relative;
66
66
  max-width: var(--hive-tooltip-max-width);
67
67
  padding: calc(var(--hive-grid) * 3);
68
- background: var(--hive-color-neutral-lighter);
69
- border: var(--hive-border-width) solid var(--hive-color-neutral-light);
68
+ background: light-dark(var(--hive-color-neutral-lighter), var(--hive-color-neutral-white-v4));
69
+ border: var(--hive-border-width) solid light-dark(var(--hive-color-neutral-light), var(--hive-color-border-v4));
70
70
  border-radius: var(--hive-border-radius);
71
- color: var(--hive-color-text);
71
+ color: light-dark(var(--hive-color-text), var(--hive-color-text-v4));
72
72
  word-break: break-word;
73
73
  text-align: center;
74
74
 
75
75
  /* Arrow color — overridden per variant */
76
- --tooltip-arrow-fill: var(--hive-color-neutral-light);
76
+ --tooltip-arrow-fill: light-dark(var(--hive-color-neutral-light), var(--hive-color-border-v4));
77
77
 
78
78
  /* Smooth in */
79
79
  will-change: transform, opacity;
@@ -3,3 +3,5 @@ export { useIsMounted } from './useIsMounted';
3
3
  export { useRefValue } from './useRefValue';
4
4
  export { useOpenCloseState } from './useOpenCloseState';
5
5
  export * from './usePersistedState';
6
+ export { applyColorScheme, COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme, useColorScheme, } from './useColorScheme';
7
+ export type { ColorScheme } from './useColorScheme';
@@ -4,4 +4,5 @@ export { useIsMounted } from './useIsMounted';
4
4
  export { useRefValue } from './useRefValue';
5
5
  export { useOpenCloseState } from './useOpenCloseState';
6
6
  export * from './usePersistedState';
7
+ export { applyColorScheme, COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme, useColorScheme, } from './useColorScheme';
7
8
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,qBAAqB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAA;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,cAAc,qBAAqB,CAAA;AACnC,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,6BAA6B,EAC7B,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,GACf,MAAM,kBAAkB,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { Dispatch, SetStateAction } from 'react';
2
+ import { type ColorScheme } from '../utils/colorScheme';
3
+ export { COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme } from '../utils/colorScheme';
4
+ export type { ColorScheme } from '../utils/colorScheme';
5
+ export declare const applyColorScheme: (scheme: ColorScheme) => void;
6
+ /** First visit follows the OS; once the user picks a scheme it is stored and wins from then on. */
7
+ export declare const useColorScheme: () => readonly [ColorScheme, Dispatch<SetStateAction<ColorScheme>>];
@@ -0,0 +1,23 @@
1
+ import { useEffect } from 'react';
2
+ import { createPersistedState } from './usePersistedState';
3
+ import { COLOR_SCHEME_STORAGE_KEY, getSystemColorScheme } from '../utils/colorScheme';
4
+ export { COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme } from '../utils/colorScheme';
5
+ const usePersistedColorScheme = createPersistedState(COLOR_SCHEME_STORAGE_KEY);
6
+ export const applyColorScheme = (scheme) => {
7
+ document.documentElement.style.colorScheme = scheme;
8
+ };
9
+ /** First visit follows the OS; once the user picks a scheme it is stored and wins from then on. */
10
+ export const useColorScheme = () => {
11
+ const [stored, setStoredScheme] = usePersistedColorScheme(getSystemColorScheme());
12
+ const scheme = stored === 'light' || stored === 'dark' ? stored : getSystemColorScheme();
13
+ const setScheme = (nextScheme) => {
14
+ const nextValue = typeof nextScheme === 'function' ? nextScheme(scheme) : nextScheme;
15
+ applyColorScheme(nextValue);
16
+ setStoredScheme(nextValue);
17
+ };
18
+ useEffect(() => {
19
+ applyColorScheme(scheme);
20
+ }, [scheme]);
21
+ return [scheme, setScheme];
22
+ };
23
+ //# sourceMappingURL=useColorScheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorScheme.js","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,wBAAwB,EAAE,oBAAoB,EAAoB,MAAM,sBAAsB,CAAA;AAEvG,OAAO,EAAE,wBAAwB,EAAE,6BAA6B,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAG3I,MAAM,uBAAuB,GAAG,oBAAoB,CAAc,wBAAwB,CAAC,CAAA;AAE3F,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,MAAmB,EAAE,EAAE;IACtD,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;AACrD,CAAC,CAAA;AAED,mGAAmG;AACnG,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,GAAG,uBAAuB,CAAC,oBAAoB,EAAE,CAAC,CAAA;IACjF,MAAM,MAAM,GAAgB,MAAM,KAAK,OAAO,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,EAAE,CAAA;IAErG,MAAM,SAAS,GAA0C,CAAC,UAAU,EAAE,EAAE;QACtE,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,CAAA;QACpF,gBAAgB,CAAC,SAAS,CAAC,CAAA;QAC3B,eAAe,CAAC,SAAS,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAC1B,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CAAC,MAAM,EAAE,SAAS,CAAU,CAAA;AACrC,CAAC,CAAA"}
package/lib/index.d.ts CHANGED
@@ -52,7 +52,8 @@ export { Toggle } from './components/Toggle';
52
52
  export { ToggleFormik } from './components/ToggleFormik';
53
53
  export { Tooltip } from './components/Tooltip';
54
54
  export { TruncatedText } from './components/TruncatedText';
55
- export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
55
+ export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement, applyColorScheme, COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme, useColorScheme, } from './hooks';
56
+ export type { ColorScheme } from './hooks';
56
57
  export { Cluster } from './icons/Cluster';
57
58
  export { PlusCircle } from './icons/PlusCircle';
58
59
  export { Streaming } from './icons/Streaming';
package/lib/index.js CHANGED
@@ -51,7 +51,7 @@ export { Toggle } from './components/Toggle';
51
51
  export { ToggleFormik } from './components/ToggleFormik';
52
52
  export { Tooltip } from './components/Tooltip';
53
53
  export { TruncatedText } from './components/TruncatedText';
54
- export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement } from './hooks';
54
+ export { useOpenCloseState, useRefValue, useIsMounted, useOnClickOutside, containsElement, applyColorScheme, COLOR_SCHEME_STORAGE_KEY, getColorSchemeBootstrapScript, getSystemColorScheme, initializeColorScheme, useColorScheme, } from './hooks';
55
55
  // icons
56
56
  export { Cluster } from './icons/Cluster';
57
57
  export { PlusCircle } from './icons/PlusCircle';
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,5 @@
1
+ export type ColorScheme = 'light' | 'dark';
2
+ export declare const COLOR_SCHEME_STORAGE_KEY = "hive-color-scheme";
3
+ export declare const getSystemColorScheme: () => ColorScheme;
4
+ export declare const initializeColorScheme: () => ColorScheme;
5
+ export declare const getColorSchemeBootstrapScript: () => string;
@@ -0,0 +1,24 @@
1
+ export const COLOR_SCHEME_STORAGE_KEY = 'hive-color-scheme';
2
+ export const getSystemColorScheme = () => { var _a; return typeof window !== 'undefined' && ((_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, '(prefers-color-scheme: dark)').matches) ? 'dark' : 'light'; };
3
+ const initializeColorSchemeForKey = (storageKey) => {
4
+ var _a, _b;
5
+ let storedScheme;
6
+ try {
7
+ storedScheme = JSON.parse((_a = window.localStorage.getItem(storageKey)) !== null && _a !== void 0 ? _a : 'null');
8
+ }
9
+ catch (_c) {
10
+ storedScheme = undefined;
11
+ }
12
+ let scheme = 'light';
13
+ if (storedScheme === 'light' || storedScheme === 'dark') {
14
+ scheme = storedScheme;
15
+ }
16
+ else if ((_b = window.matchMedia) === null || _b === void 0 ? void 0 : _b.call(window, '(prefers-color-scheme: dark)').matches) {
17
+ scheme = 'dark';
18
+ }
19
+ document.documentElement.style.colorScheme = scheme;
20
+ return scheme;
21
+ };
22
+ export const initializeColorScheme = () => initializeColorSchemeForKey(COLOR_SCHEME_STORAGE_KEY);
23
+ export const getColorSchemeBootstrapScript = () => `(${initializeColorSchemeForKey.toString()})(${JSON.stringify(COLOR_SCHEME_STORAGE_KEY)});`;
24
+ //# sourceMappingURL=colorScheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colorScheme.js","sourceRoot":"","sources":["../../src/utils/colorScheme.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,wBAAwB,GAAG,mBAAmB,CAAA;AAE3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAgB,EAAE,WACpD,OAAA,OAAO,MAAM,KAAK,WAAW,KAAI,MAAA,MAAM,CAAC,UAAU,uDAAG,8BAA8B,EAAE,OAAO,CAAA,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAA,EAAA,CAAA;AAEjH,MAAM,2BAA2B,GAAG,CAAC,UAAkB,EAAe,EAAE;;IACtE,IAAI,YAAqB,CAAA;IAEzB,IAAI,CAAC;QACH,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,MAAA,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,UAAU,CAAC,mCAAI,MAAM,CAAY,CAAA;IACzF,CAAC;IAAC,WAAM,CAAC;QACP,YAAY,GAAG,SAAS,CAAA;IAC1B,CAAC;IAED,IAAI,MAAM,GAAgB,OAAO,CAAA;IACjC,IAAI,YAAY,KAAK,OAAO,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;QACxD,MAAM,GAAG,YAAY,CAAA;IACvB,CAAC;SAAM,IAAI,MAAA,MAAM,CAAC,UAAU,uDAAG,8BAA8B,EAAE,OAAO,EAAE,CAAC;QACvE,MAAM,GAAG,MAAM,CAAA;IACjB,CAAC;IAED,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,GAAG,MAAM,CAAA;IACnD,OAAO,MAAM,CAAA;AACf,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAgB,EAAE,CAAC,2BAA2B,CAAC,wBAAwB,CAAC,CAAA;AAE7G,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAW,EAAE,CACxD,IAAI,2BAA2B,CAAC,QAAQ,EAAE,KAAK,IAAI,CAAC,SAAS,CAAC,wBAAwB,CAAC,IAAI,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "4.0.2",
3
+ "version": "4.0.4",
4
4
  "description": "Hazelcast design system components and utilities",
5
5
  "homepage": "https://github.com/hazelcast/hive#readme",
6
6
  "bugs": {