carbon-react 104.7.0 → 104.7.1

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 (8) hide show
  1. package/lib/components/button/button-types.style.js +9 -9
  2. package/lib/components/loader/loader-square.style.js +1 -1
  3. package/lib/components/navigation-bar/navigation-bar.style.js +1 -0
  4. package/lib/style/themes/base/base-theme.config.d.ts +1 -0
  5. package/lib/style/themes/base/base-theme.config.js +1 -0
  6. package/lib/style/themes/base/index.d.ts +1 -0
  7. package/lib/style/themes/sage/index.d.ts +1 -0
  8. package/package.json +1 -1
package/lib/components/button/button-types.style.js CHANGED
@@ -30,7 +30,7 @@ var _default = (isDisabled, destructive) => ({
30
30
 
31
31
  ${isDisabled ? `
32
32
  background: var(--colorsActionDisabled500);
33
- ${makeColors("var(--colorsYin030)")};
33
+ ${makeColors("var(--colorsActionMajorYin030)")};
34
34
  &:hover {
35
35
  background: var(--colorsActionDisabled500);
36
36
  }
@@ -44,7 +44,7 @@ var _default = (isDisabled, destructive) => ({
44
44
 
45
45
  ${isDisabled ? `
46
46
  background: var(--colorsActionDisabled500);
47
- ${makeColors("var(--colorsYin030)")};
47
+ ${makeColors("var(--colorsActionMajorYin030)")};
48
48
  &:hover {
49
49
  background: var(--colorsActionDisabled500);
50
50
  }
@@ -72,11 +72,11 @@ var _default = (isDisabled, destructive) => ({
72
72
 
73
73
  ${isDisabled ? `
74
74
  border-color: var(--colorsActionDisabled500);
75
- ${makeColors("var(--colorsYin030)")};
75
+ ${makeColors("var(--colorsActionMajorYin030)")};
76
76
  &:hover {
77
77
  background: transparent;
78
78
  border-color: var(--colorsActionDisabled500);
79
- ${makeColors("var(--colorsYin030)")};
79
+ ${makeColors("var(--colorsActionMajorYin030)")};
80
80
  }
81
81
  ` : ""}
82
82
  `,
@@ -98,10 +98,10 @@ var _default = (isDisabled, destructive) => ({
98
98
  ` : ""}
99
99
 
100
100
  ${isDisabled ? `
101
- ${makeColors("var(--colorsYin030)")};
101
+ ${makeColors("var(--colorsActionMajorYin030)")};
102
102
  &:hover {
103
103
  background: var(--colorsActionMajorTransparent);
104
- ${makeColors("var(--colorsYin030)")};
104
+ ${makeColors("var(--colorsActionMajorYin030)")};
105
105
  }
106
106
  ` : ""}
107
107
  `,
@@ -119,7 +119,7 @@ var _default = (isDisabled, destructive) => ({
119
119
 
120
120
  ${isDisabled ? `
121
121
  border-color: var(--colorsActionDisabled500);
122
- ${makeColors("var(--colorsYin030)")};
122
+ ${makeColors("var(--colorsActionMinorYin030)")};
123
123
  &:hover {
124
124
  background-color: transparent;
125
125
  }
@@ -136,10 +136,10 @@ var _default = (isDisabled, destructive) => ({
136
136
 
137
137
  ${isDisabled ? `
138
138
  background: var(--colorsActionDisabled500);
139
- ${makeColors("var(--colorsYin030)")};
139
+ ${makeColors("var(--colorsActionMajorYin030)")};
140
140
  &:hover {
141
141
  background: var(--colorsActionDisabled500);
142
- ${makeColors("var(--colorsYin030)")};
142
+ ${makeColors("var(--colorsActionMajorYin030)")};
143
143
  }
144
144
  ` : ""}
145
145
  `
package/lib/components/loader/loader-square.style.js CHANGED
@@ -67,7 +67,7 @@ const StyledLoaderSquare = _styledComponents.default.div`
67
67
  ${getDimentions(size)}
68
68
 
69
69
  ${isInsideButton && (0, _styledComponents.css)`
70
- background-color: ${isActive ? "var(--colorsYang100)" : "var(--colorsSemanticNeutral500)"};
70
+ background-color: ${isActive ? "var(--colorsUtilityYang100)" : "var(--colorsSemanticNeutral500)"};
71
71
  `}
72
72
 
73
73
  &:nth-of-type(1) {
package/lib/components/navigation-bar/navigation-bar.style.js CHANGED
@@ -62,6 +62,7 @@ const StyledNavigationBar = _styledComponents.default.nav`
62
62
  theme
63
63
  }) => (0, _styledComponents.css)`
64
64
  min-height: 40px;
65
+ z-index: ${theme.zIndex.nav};
65
66
 
66
67
  ${navigationType === "light" && (0, _styledComponents.css)`
67
68
  background-color: ${theme.navigationBar.light.background};
package/lib/style/themes/base/base-theme.config.d.ts CHANGED
@@ -349,6 +349,7 @@ declare function _default(palette: any): {
349
349
  smallOverlay: number;
350
350
  overlay: number;
351
351
  popover: number;
352
+ nav: number;
352
353
  modal: number;
353
354
  header: number;
354
355
  fullScreenModal: number;
package/lib/style/themes/base/base-theme.config.js CHANGED
@@ -370,6 +370,7 @@ var _default = palette => {
370
370
  smallOverlay: 10,
371
371
  overlay: 1000,
372
372
  popover: 2000,
373
+ nav: 2999,
373
374
  modal: 3000,
374
375
  header: 4000,
375
376
  fullScreenModal: 5000,
package/lib/style/themes/base/index.d.ts CHANGED
@@ -365,6 +365,7 @@ export interface ThemeObject {
365
365
  smallOverlay: number;
366
366
  overlay: number;
367
367
  popover: number;
368
+ nav: number;
368
369
  modal: number;
369
370
  header: number;
370
371
  fullScreenModal: number;
package/lib/style/themes/sage/index.d.ts CHANGED
@@ -637,6 +637,7 @@ declare var _default: {
637
637
  smallOverlay: number;
638
638
  overlay: number;
639
639
  popover: number;
640
+ nav: number;
640
641
  modal: number;
641
642
  header: number;
642
643
  fullScreenModal: number;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "104.7.0",
3
+ "version": "104.7.1",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "engineStrict": true,
6
6
  "engines": {