@hazelcast/ui 1.3.2-next.59 → 1.3.2-next.60

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.
@@ -26,6 +26,7 @@ ul.list {
26
26
  margin: 0;
27
27
 
28
28
  .content {
29
+ background: c.$colorOverlayBackground;
29
30
  padding: c.$grid c.$grid * 3;
30
31
  margin-top: c.$grid * 3;
31
32
  border: c.$borderWidth solid c.$colorNeutralLight;
@@ -48,7 +48,7 @@ $selectGroupHeading: ':global .hz-select-field__group-heading';
48
48
  box-sizing: border-box;
49
49
  border: c.$borderWidth solid c.$colorNeutralLight;
50
50
  border-radius: c.$borderRadius;
51
- background-color: c.$colorNeutralLighter;
51
+ background-color: c.$colorOverlayBackground;
52
52
  transition: none;
53
53
  }
54
54
 
@@ -74,6 +74,10 @@ $selectGroupHeading: ':global .hz-select-field__group-heading';
74
74
  #{$selectControl} {
75
75
  border-color: c.$colorError;
76
76
  }
77
+
78
+ label {
79
+ color: c.$colorError;
80
+ }
77
81
  }
78
82
 
79
83
  // We target select control specifically to avoid applying hover styles when hovering helper icon
@@ -132,7 +136,7 @@ $selectGroupHeading: ':global .hz-select-field__group-heading';
132
136
  margin-bottom: $menuMargin;
133
137
  border: c.$borderWidth solid c.$colorNeutralLight;
134
138
  border-radius: c.$borderRadius;
135
- background-color: c.$colorNeutralLighter;
139
+ background-color: c.$colorOverlayBackground;
136
140
  overflow: hidden;
137
141
  box-shadow: 0 c.$selectMenuShadowSize c.$selectMenuShadowBlur 0 c.$colorShadow;
138
142
  z-index: c.$zIndex1000;
@@ -23,7 +23,7 @@ $marginLeftWithIcon: c.$grid * 5;
23
23
  flex-direction: row;
24
24
  box-sizing: border-box;
25
25
  height: c.$inputHeight;
26
- background-color: c.$colorNeutralLighter;
26
+ background-color: c.$colorOverlayBackground;
27
27
  border-radius: c.$borderRadius;
28
28
  }
29
29
 
@@ -148,6 +148,10 @@ $marginLeftWithIcon: c.$grid * 5;
148
148
  }
149
149
  }
150
150
 
151
+ &.hasError label {
152
+ color: c.$colorError;
153
+ }
154
+
151
155
  input:focus,
152
156
  input.focus {
153
157
  // Do not remove outline for high-contrast modes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.59+f6fb03f",
3
+ "version": "1.3.2-next.60+5a14b5a",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -117,5 +117,5 @@
117
117
  "react": "^17 || ^18",
118
118
  "react-dom": "^17 || ^18"
119
119
  },
120
- "gitHead": "f6fb03ff8b2702adee648ec3786ecdd016cedc02"
120
+ "gitHead": "5a14b5a781d65b8837e6884b22009ef52d33cdbb"
121
121
  }
@@ -21,7 +21,7 @@ $colorErrorDark: #891b15 !default;
21
21
  $colorText: #041a3b !default;
22
22
  $colorTextSecondary: #707482 !default;
23
23
  $colorTextSubdued: #69707d !default;
24
- $colorOverlayBackground: #f2f5f9 !default;
24
+ $colorOverlayBackground: #f0f6ff !default;
25
25
  $colorAccessibilityOutline: #9648bd !default;
26
26
  $colorBrand: #00bac6 !default;
27
27
  $colorShadow: rgb(53 61 73 / 20%) !default;
@@ -5,7 +5,7 @@
5
5
 
6
6
  $grid: 0.25rem !default;
7
7
  $alertWidth: 350px !default;
8
- $borderRadius: $grid * 1.25 !default;
8
+ $borderRadius: $grid * 2 !default;
9
9
  $borderRadiusButtonSmall: $grid * 5 !default;
10
10
  $borderRadiusToast: 37px !default;
11
11
  $borderRadiusBadge: 37px !default;