@hazelcast/ui 4.0.2 → 4.0.3

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 (42) 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/Notification.module.css +13 -7
  16. package/lib/components/Overlay.module.css +2 -2
  17. package/lib/components/Pagination.module.css +11 -11
  18. package/lib/components/Popover.module.css +2 -2
  19. package/lib/components/Select/CheckableSelectField.js +2 -2
  20. package/lib/components/Select/CheckableSelectField.js.map +1 -1
  21. package/lib/components/Select/CheckableSelectField.module.css +4 -0
  22. package/lib/components/Table/Cell.module.css +4 -4
  23. package/lib/components/Table/Header.module.css +10 -10
  24. package/lib/components/Table/Row.module.css +9 -9
  25. package/lib/components/Table/Table.module.css +2 -2
  26. package/lib/components/Table/TableContent.module.css +1 -1
  27. package/lib/components/Toast/Toast.module.css +13 -10
  28. package/lib/components/Tooltip.module.css +4 -4
  29. package/lib/hooks/index.d.ts +2 -0
  30. package/lib/hooks/index.js +1 -0
  31. package/lib/hooks/index.js.map +1 -1
  32. package/lib/hooks/useColorScheme.d.ts +7 -0
  33. package/lib/hooks/useColorScheme.js +23 -0
  34. package/lib/hooks/useColorScheme.js.map +1 -0
  35. package/lib/index.d.ts +2 -1
  36. package/lib/index.js +1 -1
  37. package/lib/index.js.map +1 -1
  38. package/lib/utils/colorScheme.d.ts +5 -0
  39. package/lib/utils/colorScheme.js +24 -0
  40. package/lib/utils/colorScheme.js.map +1 -0
  41. package/package.json +1 -1
  42. package/styles/variables.css +122 -18
@@ -1 +1 @@
1
- {"version":3,"file":"CheckableSelectField.js","sourceRoot":"","sources":["../../../src/components/Select/CheckableSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyB,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAiB,MAAM,OAAO,CAAA;AACnG,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,GAAG,MAAM,YAAY,CAAA;AAE5B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,MAAM,MAAM,mCAAmC,CAAA;AAyCtD,MAAM,SAAS,GAAG,CAAC,EAAE,OAAO,EAAkB,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,CAAC,CAAA;IAEvE,OAAO,OAAO,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,UAAU,GAAI,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,SAAS,EAAE,UAAU,GAAI,CAAA;AACtF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAqC,KAA8B,EAAE,EAAE;IACzG,MAAM,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,eAAe,GAAG,QAAQ,EAC1B,KAAK,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,KAAK,EACL,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,WAAW,EAAE,QAAQ,EACrB,gBAAgB,GAAG,cAAc,EACjC,iBAAiB,GAAG,eAAe,EACnC,gBAAgB,GAAG,YAAY,EAC/B,EAAE,EAAE,MAAM,EACV,aAAa,EACb,gBAAgB,GAAG,EAAE,EACrB,cAAc,EACd,cAAc,GACf,GAAG,KAAK,CAAA;IACT,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;IACnB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAClD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC,CAAA;IAE5E,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAkC,EAAE,EAAE;QACrC,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;YACtB,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACvD,MAAM,eAAe,GAAG,OAAO,CAAC,GAAG,EAAE;QACnC,MAAM,KAAK,GAAG,WAAW,CAAC,WAAW,EAAE,CAAA;QAEvC,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;YAC/B,IAAI,aAAa,EAAE,CAAC;gBAClB,OAAO,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,CAAA;YACrC,CAAC;YAED,OAAO,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;QACnD,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAA;IAEzC,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,eAAe,KAAK,WAAW,EAAE,CAAC;YACpC,OAAO,WAAW,CAAA;QACpB,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACvB,OAAO,iBAAiB,CAAA;QAC1B,CAAC;QACD,IAAI,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC;YACpC,OAAO,gBAAgB,CAAA;QACzB,CAAC;QAED,OAAO,GAAG,KAAK,CAAC,MAAM,WAAW,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,MAAM,EAAE,CAAA;QACV,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEtB,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,MAAM,CAAC,UAAU,EAAE,OAAO,EAAE,iBAAiB;YAC3D,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,MAAM,IAAI,EAAE,EAChB,SAAS,EAAE,aAAa,EACxB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,EACpB,KAAK,EAAG,KAAgB,IAAI,EAAE,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,GAAG,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE;oBACvC,CAAC,MAAM,CAAC,wBAAwB,CAAC,EAAE,eAAe,KAAK,WAAW;iBACnE,CAAC,EACF,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,EACd,QAAQ,QACR,QAAQ,EAAE,QAAQ,eACP,GAAG,QAAQ,SAAS,EAC/B,KAAK,EAAE,aAAa,EAAE,EACtB,sBAAsB,EAAE,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjD,iBAAiB,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,GACnD,CACE;QAEN,oBAAC,OAAO,IACN,kBAAkB,QAClB,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,EACd,SAAS,EAAE,MAAM,CAAC,KAAK;YAGvB,6BAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,eAAa,GAAG,QAAQ,WAAW;gBAChE,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;oBAC1B,gBAAgB,CAAC,cAAc;oBAChC,oBAAC,SAAS,IACR,QAAQ,EAAC,QAAQ,EACjB,SAAS,EAAE,MAAM,CAAC,WAAW,EAC7B,IAAI,EAAC,yBAAyB,eACnB,GAAG,QAAQ,SAAS,EAC/B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC/C,KAAK,EAAE,WAAW,EAClB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,GACxB;oBACD,gBAAgB,CAAC,YAAY,CAC1B;gBACN,6BAAK,SAAS,EAAE,MAAM,CAAC,OAAO,IAC3B,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAC5B,eAAe,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;oBAC7B,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAE5C,OAAO,CACL,gCACE,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,IAAI,EAAE,MAAM,CAAC,KAAK,eACP,GAAG,QAAQ,SAAS,EAC/B,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAC,EACpE,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,SAAS,EAAE,CAAC;gCACd,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;4BACzD,CAAC;iCAAM,CAAC;gCACN,QAAQ,CAAC,CAAC,GAAG,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAA;4BACpC,CAAC;wBACH,CAAC;wBAED,oBAAC,SAAS,IAAC,OAAO,EAAE,SAAS,GAAI;wBACjC,oBAAC,aAAa,IAAC,IAAI,EAAE,MAAM,CAAC,KAAK,GAAI,CAC9B,CACV,CAAA;gBACH,CAAC,CAAC,CACH,CAAC,CAAC,CAAC,CACF,8BAAM,SAAS,EAAE,MAAM,CAAC,gBAAgB,eAAa,GAAG,QAAQ,qBAAqB,IAClF,gBAAgB,CACZ,CACR,CACG;gBACN,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM;oBAC3B,oBAAC,IAAI,IACH,SAAS,EAAC,QAAQ,eACP,GAAG,QAAQ,aAAa,EACnC,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;wBACrD,CAAC,iBAGI;oBACP,oBAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,eAAY,GAAG,QAAQ,cAAc,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,kBAEnF,CACH,CACF,CACE,CACT,CACJ,CAAA;AACH,CAAC,CAAA"}
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":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAC5E,OAAO,EACL,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,gBAAgB,EAChB,iBAAiB,EACjB,sBAAsB,EACtB,oBAAoB,EACpB,0BAA0B,GAC3B,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EACL,UAAU,EACV,QAAQ,EACR,GAAG,EACH,OAAO,EACP,kBAAkB,EAClB,4BAA4B,EAC5B,UAAU,EACV,QAAQ,EACR,aAAa,EACb,sBAAsB,GACvB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAC9D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAExE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EACL,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,gBAAgB,EAChB,wBAAwB,EACxB,6BAA6B,EAC7B,oBAAoB,EACpB,qBAAqB,EACrB,cAAc,GACf,MAAM,SAAS,CAAA;AAGhB,QAAQ;AACR,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAEzC,WAAW;AACX,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,UAAU;AACV,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC1E,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA"}
@@ -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.3",
4
4
  "description": "Hazelcast design system components and utilities",
5
5
  "homepage": "https://github.com/hazelcast/hive#readme",
6
6
  "bugs": {
@@ -53,24 +53,128 @@
53
53
  /* ─── HIVE 4.0 colors (opt-in, OKLCH) ─────────────────────────── */
54
54
  /* Mirror of $color*V4 Sass tokens in styles/constants/_colors.scss */
55
55
 
56
- --hive-color-primary-v4: oklch(0.77 0.14 175);
57
- --hive-color-neutral-white-v4: oklch(1 0 0);
58
- --hive-color-neutral-v4: oklch(0.89 0 0);
59
- --hive-color-neutral-lighter-v4: oklch(0.99 0 0);
60
- --hive-color-success-v4: oklch(0.84 0.06 151);
61
- --hive-color-info-v4: oklch(0.78 0.06 250);
62
- --hive-color-warning-v4: oklch(0.87 0.09 95);
63
- --hive-color-error-v4: oklch(0.55 0.21 27);
64
- --hive-color-text-v4: oklch(0.33 0.002 17);
65
- --hive-color-text-secondary-v4: oklch(0.42 0.002 17);
66
- --hive-color-text-subdued-v4: oklch(0.42 0.002 17);
67
- --hive-color-brand-v4: oklch(0.77 0.14 175);
68
- --hive-color-brand-primary-v4: oklch(0.95 0.22 124);
69
- --hive-color-secondary-v4: oklch(0.92 0 0);
70
- --hive-color-border-v4: oklch(0.81 0 0);
71
- --hive-color-surface-hover-v4: oklch(0.97 0 0);
72
- --hive-color-surface-active-v4: oklch(0.94 0 0);
73
- --hive-color-link-v4: oklch(0.6 0.21 264);
56
+ /* Dark values from the "Design System HIVE" Figma dark prototype */
57
+ color-scheme: light;
58
+
59
+ --hive-color-primary-v4-light-mode: oklch(0.77 0.14 175);
60
+ --hive-color-primary-v4-dark-mode: #00d4aa;
61
+ --hive-color-primary-v4: light-dark(var(--hive-color-primary-v4-light-mode), var(--hive-color-primary-v4-dark-mode));
62
+ --hive-color-neutral-white-v4-light-mode: oklch(1 0 0);
63
+ --hive-color-neutral-white-v4-dark-mode: #2a2d3a;
64
+ --hive-color-neutral-white-v4: light-dark(var(--hive-color-neutral-white-v4-light-mode), var(--hive-color-neutral-white-v4-dark-mode));
65
+ --hive-color-neutral-v4-light-mode: oklch(0.89 0 0);
66
+ --hive-color-neutral-v4-dark-mode: #3c4043;
67
+ --hive-color-neutral-v4: light-dark(var(--hive-color-neutral-v4-light-mode), var(--hive-color-neutral-v4-dark-mode));
68
+ --hive-color-neutral-lighter-v4-light-mode: oklch(0.99 0 0);
69
+ --hive-color-neutral-lighter-v4-dark-mode: #1e1e2e;
70
+ --hive-color-neutral-lighter-v4: light-dark(
71
+ var(--hive-color-neutral-lighter-v4-light-mode),
72
+ var(--hive-color-neutral-lighter-v4-dark-mode)
73
+ );
74
+ --hive-color-success-v4-light-mode: oklch(0.84 0.06 151);
75
+ --hive-color-success-v4-dark-mode: #a9d6b9;
76
+ --hive-color-success-v4: light-dark(var(--hive-color-success-v4-light-mode), var(--hive-color-success-v4-dark-mode));
77
+ --hive-color-info-v4-light-mode: oklch(0.78 0.06 250);
78
+ --hive-color-info-v4-dark-mode: #a6bfd9;
79
+ --hive-color-info-v4: light-dark(var(--hive-color-info-v4-light-mode), var(--hive-color-info-v4-dark-mode));
80
+ --hive-color-warning-v4-light-mode: oklch(0.87 0.09 95);
81
+ --hive-color-warning-v4-dark-mode: #e6d699;
82
+ --hive-color-warning-v4: light-dark(var(--hive-color-warning-v4-light-mode), var(--hive-color-warning-v4-dark-mode));
83
+ --hive-color-error-v4-light-mode: oklch(0.55 0.21 27);
84
+ --hive-color-error-v4-dark-mode: #ff5f56;
85
+ --hive-color-error-v4: light-dark(var(--hive-color-error-v4-light-mode), var(--hive-color-error-v4-dark-mode));
86
+ --hive-color-text-v4-light-mode: oklch(0.33 0.002 17);
87
+ --hive-color-text-v4-dark-mode: #fafafa;
88
+ --hive-color-text-v4: light-dark(var(--hive-color-text-v4-light-mode), var(--hive-color-text-v4-dark-mode));
89
+ --hive-color-text-secondary-v4-light-mode: oklch(0.42 0.002 17);
90
+ --hive-color-text-secondary-v4-dark-mode: #a4abb6;
91
+ --hive-color-text-secondary-v4: light-dark(var(--hive-color-text-secondary-v4-light-mode), var(--hive-color-text-secondary-v4-dark-mode));
92
+ --hive-color-text-subdued-v4-light-mode: oklch(0.42 0.002 17);
93
+ --hive-color-text-subdued-v4-dark-mode: #a4abb6;
94
+ --hive-color-text-subdued-v4: light-dark(var(--hive-color-text-subdued-v4-light-mode), var(--hive-color-text-subdued-v4-dark-mode));
95
+ --hive-color-brand-v4-light-mode: oklch(0.77 0.14 175);
96
+ --hive-color-brand-v4-dark-mode: #00d4aa;
97
+ --hive-color-brand-v4: light-dark(var(--hive-color-brand-v4-light-mode), var(--hive-color-brand-v4-dark-mode));
98
+ --hive-color-brand-primary-v4-light-mode: oklch(0.95 0.22 124);
99
+ --hive-color-brand-primary-v4-dark-mode: #c6ff3a;
100
+ --hive-color-brand-primary-v4: light-dark(var(--hive-color-brand-primary-v4-light-mode), var(--hive-color-brand-primary-v4-dark-mode));
101
+ --hive-color-secondary-v4-light-mode: oklch(0.92 0 0);
102
+ --hive-color-secondary-v4-dark-mode: #3c4043;
103
+ --hive-color-secondary-v4: light-dark(var(--hive-color-secondary-v4-light-mode), var(--hive-color-secondary-v4-dark-mode));
104
+ --hive-color-border-v4-light-mode: oklch(0.81 0 0);
105
+ /* Figma #3c4043 is 1.57:1; lightened to meet WCAG 1.4.11 (3:1) */
106
+ --hive-color-border-v4-dark-mode: #747679;
107
+ --hive-color-border-v4: light-dark(var(--hive-color-border-v4-light-mode), var(--hive-color-border-v4-dark-mode));
108
+ /* TODO(hzc-8220): hover, active and link have no dark value in Figma yet */
109
+
110
+ --hive-color-surface-hover-v4-light-mode: oklch(0.97 0 0);
111
+ --hive-color-surface-hover-v4-dark-mode: rgb(60 64 67 / 0.5);
112
+ --hive-color-surface-hover-v4: light-dark(var(--hive-color-surface-hover-v4-light-mode), var(--hive-color-surface-hover-v4-dark-mode));
113
+ --hive-color-surface-active-v4-light-mode: oklch(0.94 0 0);
114
+ --hive-color-surface-active-v4-dark-mode: #3c4043;
115
+ --hive-color-surface-active-v4: light-dark(var(--hive-color-surface-active-v4-light-mode), var(--hive-color-surface-active-v4-dark-mode));
116
+ --hive-color-link-v4-light-mode: oklch(0.6 0.21 264);
117
+ --hive-color-link-v4-dark-mode: oklch(0.69 0.21 264);
118
+ --hive-color-link-v4: light-dark(var(--hive-color-link-v4-light-mode), var(--hive-color-link-v4-dark-mode));
119
+
120
+ /* Light values keep what v4 components render today */
121
+ --hive-color-text-on-primary-v4-light-mode: var(--hive-color-text-v4-light-mode);
122
+ --hive-color-text-on-primary-v4-dark-mode: #0a0a0a;
123
+ --hive-color-text-on-primary-v4: light-dark(
124
+ var(--hive-color-text-on-primary-v4-light-mode),
125
+ var(--hive-color-text-on-primary-v4-dark-mode)
126
+ );
127
+ --hive-color-text-on-error-v4-light-mode: var(--hive-color-neutral-white-v4-light-mode);
128
+ --hive-color-text-on-error-v4-dark-mode: var(--hive-color-neutral-white-v4-light-mode);
129
+ --hive-color-text-on-error-v4: light-dark(var(--hive-color-text-on-error-v4-light-mode), var(--hive-color-text-on-error-v4-dark-mode));
130
+ --hive-color-success-text-v4-light-mode: var(--hive-color-success-darkest);
131
+ --hive-color-success-text-v4-dark-mode: var(--hive-color-success-v4-dark-mode);
132
+ --hive-color-success-text-v4: light-dark(var(--hive-color-success-text-v4-light-mode), var(--hive-color-success-text-v4-dark-mode));
133
+ --hive-color-info-text-v4-light-mode: var(--hive-color-info-darkest);
134
+ --hive-color-info-text-v4-dark-mode: #8ec5ff;
135
+ --hive-color-info-text-v4: light-dark(var(--hive-color-info-text-v4-light-mode), var(--hive-color-info-text-v4-dark-mode));
136
+ --hive-color-warning-text-v4-light-mode: var(--hive-color-warning-darkest);
137
+ --hive-color-warning-text-v4-dark-mode: var(--hive-color-warning-v4-dark-mode);
138
+ --hive-color-warning-text-v4: light-dark(var(--hive-color-warning-text-v4-light-mode), var(--hive-color-warning-text-v4-dark-mode));
139
+ --hive-color-error-text-v4-light-mode: var(--hive-color-error);
140
+ /* Figma #ff5f56 is 3.9:1 on tinted surfaces; lifted for 4.5:1 */
141
+ --hive-color-error-text-v4-dark-mode: oklch(from var(--hive-color-error-v4-dark-mode) calc(l + 0.14) c h);
142
+ --hive-color-error-text-v4: light-dark(var(--hive-color-error-text-v4-light-mode), var(--hive-color-error-text-v4-dark-mode));
143
+ --hive-color-overlay-background-v4-light-mode: var(--hive-color-neutral-white-v4-light-mode);
144
+ --hive-color-overlay-background-v4-dark-mode: var(--hive-color-neutral-lighter-v4-dark-mode);
145
+ --hive-color-overlay-background-v4: light-dark(
146
+ var(--hive-color-overlay-background-v4-light-mode),
147
+ var(--hive-color-overlay-background-v4-dark-mode)
148
+ );
149
+ --hive-color-table-row-hover-v4-light-mode: #e2e7fa;
150
+ --hive-color-table-row-hover-v4-dark-mode: var(--hive-color-surface-hover-v4-dark-mode);
151
+ --hive-color-table-row-hover-v4: light-dark(
152
+ var(--hive-color-table-row-hover-v4-light-mode),
153
+ var(--hive-color-table-row-hover-v4-dark-mode)
154
+ );
155
+ --hive-color-table-header-v4-light-mode: var(--hive-color-neutral-gray);
156
+ --hive-color-table-header-v4-dark-mode: var(--hive-color-neutral-white-v4-dark-mode);
157
+ --hive-color-table-header-v4: light-dark(var(--hive-color-table-header-v4-light-mode), var(--hive-color-table-header-v4-dark-mode));
158
+ --hive-color-table-row-even-v4-light-mode: var(--hive-color-neutral-lighter);
159
+ --hive-color-table-row-even-v4-dark-mode: var(--hive-color-neutral-white-v4-dark-mode);
160
+ --hive-color-table-row-even-v4: light-dark(var(--hive-color-table-row-even-v4-light-mode), var(--hive-color-table-row-even-v4-dark-mode));
161
+ --hive-color-table-separator-v4-light-mode: var(--hive-color-neutral-white);
162
+ --hive-color-table-separator-v4-dark-mode: var(--hive-color-border-v4-dark-mode);
163
+ --hive-color-table-separator-v4: light-dark(
164
+ var(--hive-color-table-separator-v4-light-mode),
165
+ var(--hive-color-table-separator-v4-dark-mode)
166
+ );
167
+ --hive-color-table-selection-v4-light-mode: hsl(from var(--hive-color-primary) h s calc(l + 30));
168
+ --hive-color-table-selection-v4-dark-mode: color-mix(
169
+ in oklab,
170
+ var(--hive-color-primary-v4-dark-mode) 25%,
171
+ var(--hive-color-neutral-lighter-v4-dark-mode)
172
+ );
173
+ --hive-color-table-selection-v4: light-dark(
174
+ var(--hive-color-table-selection-v4-light-mode),
175
+ var(--hive-color-table-selection-v4-dark-mode)
176
+ );
177
+ --hive-shadow-popover-v4: 0 1px 3px oklch(0 0 0 / 0.17);
74
178
  --hive-shadow-button-v4: 0 1px 3px oklch(0 0 0 / 0.1), 0 1px 2px oklch(0 0 0 / 0.1);
75
179
 
76
180
  /* ─── Spacing ─────────────────────────────────────────────────── */