@hazelcast/ui 1.3.2-next.39 → 1.3.2-next.40

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.
package/lib/Button.d.ts CHANGED
@@ -4,7 +4,7 @@ import { TooltipProps } from './Tooltip';
4
4
  import { LinkRel, LinkTarget } from './Link';
5
5
  export declare type ButtonKind = 'primary' | 'secondary' | 'danger' | 'transparent';
6
6
  export declare type ButtonVariant = 'contained' | 'outlined' | 'text';
7
- export declare type ButtonColor = 'primary' | 'secondary' | 'warning';
7
+ export declare type ButtonColor = 'primary' | 'secondary' | 'warning' | 'brand';
8
8
  export declare type ButtonSize = 'medium' | 'small';
9
9
  export declare type ButtonAccessibleIconLeftProps = {
10
10
  iconLeft: IconProps['icon'];
@@ -160,6 +160,30 @@
160
160
  @include disabledButtonColor;
161
161
  }
162
162
  }
163
+
164
+ &Brand {
165
+ @include buttonColor(c.$colorBrand);
166
+
167
+ &:hover,
168
+ &.hover,
169
+ &:focus,
170
+ &.focus {
171
+ @include buttonColor(lighten(c.$colorBrand, 20%));
172
+ }
173
+
174
+ &:active,
175
+ &.active {
176
+ @include buttonColor(darken(c.$colorBrand, 10%));
177
+ }
178
+
179
+ &.variantContained {
180
+ color: c.$colorNeutralWhite;
181
+ }
182
+
183
+ &:disabled {
184
+ @include disabledButtonColor;
185
+ }
186
+ }
163
187
  }
164
188
 
165
189
  &.variant {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hazelcast/ui",
3
- "version": "1.3.2-next.39+8e33109",
3
+ "version": "1.3.2-next.40+e04d579",
4
4
  "description": "Hazelcast design system components",
5
5
  "author": "",
6
6
  "homepage": "https://github.com/hazelcast/frontend-shared#readme",
@@ -112,5 +112,5 @@
112
112
  "webpack": "^5.65.0",
113
113
  "yup": "^0.32.11"
114
114
  },
115
- "gitHead": "8e33109ba869520fa0c710c9b4de369e6dfd047f"
115
+ "gitHead": "e04d5795d44430adc664e504059ac6fc68f18918"
116
116
  }
@@ -23,4 +23,5 @@ $colorTextSecondary: #707482 !default;
23
23
  $colorTextSubdued: #69707d !default;
24
24
  $colorOverlayBackground: #f2f5f9 !default;
25
25
  $colorAccessibilityOutline: #9648bd !default;
26
+ $colorBrand: #00bac6 !default;
26
27
  $colorShadow: rgb(53 61 73 / 20%) !default;