@box/blueprint-web-assets 4.72.1 → 4.73.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 (13) hide show
  1. package/dist/tokens/BP2/dark_mode_value/px-tokens.js +2 -2
  2. package/dist/tokens/BP2/dark_mode_value/tokens.css +2 -2
  3. package/dist/tokens/BP2/dark_mode_value/tokens.js +2 -2
  4. package/dist/tokens/BP2/dark_mode_value/tokens.json +2 -2
  5. package/dist/tokens/BP2/light_mode_value/px-tokens.js +2 -2
  6. package/dist/tokens/BP2/light_mode_value/tokens.css +2 -2
  7. package/dist/tokens/BP2/light_mode_value/tokens.js +2 -2
  8. package/dist/tokens/BP2/light_mode_value/tokens.json +2 -2
  9. package/dist/tokens/px-tokens.js +2 -2
  10. package/dist/tokens/tokens-css-vars.scss +2 -2
  11. package/dist/tokens/tokens.js +2 -2
  12. package/dist/tokens/tokens.json +2 -2
  13. package/package.json +2 -2
package/dist/tokens/BP2/dark_mode_value/px-tokens.js CHANGED
@@ -240,8 +240,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
240
240
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
241
241
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
242
242
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
243
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
244
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
243
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
244
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
245
245
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
246
246
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
247
247
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/BP2/dark_mode_value/tokens.css CHANGED
@@ -783,8 +783,8 @@
783
783
  --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
784
784
  --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
785
785
  --bp-surface-cta-surface-secondary: var(--bp-white-opacity-90);
786
- --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
787
- --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
786
+ --bp-surface-cta-surface-secondary-hover: var(--bp-white-opacity-60);
787
+ --bp-surface-cta-surface-secondary-pressed: var(--bp-white-opacity-30);
788
788
  --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
789
789
  --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
790
790
  --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
package/dist/tokens/BP2/dark_mode_value/tokens.js CHANGED
@@ -236,8 +236,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
236
236
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
237
237
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
238
238
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
239
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
240
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
239
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
240
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
241
241
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
242
242
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
243
243
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/BP2/dark_mode_value/tokens.json CHANGED
@@ -237,8 +237,8 @@
237
237
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
238
238
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
239
239
  "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
240
- "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
241
- "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
240
+ "BpSurfaceCtaSurfaceSecondaryHover": "rgba(255, 255, 255, 0.6)",
241
+ "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(255, 255, 255, 0.3)",
242
242
  "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
243
243
  "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
244
244
  "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
package/dist/tokens/BP2/light_mode_value/px-tokens.js CHANGED
@@ -241,8 +241,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
241
241
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
242
242
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
243
243
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
244
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
245
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
244
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
245
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
246
246
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
247
247
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
248
248
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/BP2/light_mode_value/tokens.css CHANGED
@@ -784,8 +784,8 @@
784
784
  --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
785
785
  --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
786
786
  --bp-surface-cta-surface-secondary: var(--bp-white-opacity-90);
787
- --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
788
- --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
787
+ --bp-surface-cta-surface-secondary-hover: var(--bp-white-opacity-60);
788
+ --bp-surface-cta-surface-secondary-pressed: var(--bp-white-opacity-30);
789
789
  --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
790
790
  --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
791
791
  --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
package/dist/tokens/BP2/light_mode_value/tokens.js CHANGED
@@ -237,8 +237,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
237
237
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
238
238
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
239
239
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
240
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
241
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
240
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
241
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
242
242
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
243
243
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
244
244
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/BP2/light_mode_value/tokens.json CHANGED
@@ -238,8 +238,8 @@
238
238
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
239
239
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
240
240
  "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
241
- "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
242
- "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
241
+ "BpSurfaceCtaSurfaceSecondaryHover": "rgba(255, 255, 255, 0.6)",
242
+ "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(255, 255, 255, 0.3)",
243
243
  "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
244
244
  "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
245
245
  "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
package/dist/tokens/px-tokens.js CHANGED
@@ -1079,8 +1079,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
1079
1079
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
1080
1080
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
1081
1081
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
1082
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
1083
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
1082
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
1083
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
1084
1084
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
1085
1085
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
1086
1086
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/tokens-css-vars.scss CHANGED
@@ -1572,8 +1572,8 @@
1572
1572
  --bp-surface-cta-surface-promo-hover: var(--bp-grimace-100);
1573
1573
  --bp-surface-cta-surface-promo-pressed: var(--bp-grimace-120);
1574
1574
  --bp-surface-cta-surface-secondary: var(--bp-white-opacity-90);
1575
- --bp-surface-cta-surface-secondary-hover: var(--bp-black-opacity-04);
1576
- --bp-surface-cta-surface-secondary-pressed: var(--bp-black-opacity-08);
1575
+ --bp-surface-cta-surface-secondary-hover: var(--bp-white-opacity-60);
1576
+ --bp-surface-cta-surface-secondary-pressed: var(--bp-white-opacity-30);
1577
1577
  --bp-surface-cta-surface-tertiary: var(--bp-black-opacity-00);
1578
1578
  --bp-surface-cta-surface-tertiary-hover: var(--bp-black-opacity-04);
1579
1579
  --bp-surface-cta-surface-tertiary-pressed: var(--bp-black-opacity-08);
package/dist/tokens/tokens.js CHANGED
@@ -1075,8 +1075,8 @@ export const bpSurfaceCtaSurfacePromoFocusPressed = '#3a1e9b';
1075
1075
  export const bpSurfaceCtaSurfacePromoHover = '#4826c2';
1076
1076
  export const bpSurfaceCtaSurfacePromoPressed = '#3a1e9b';
1077
1077
  export const bpSurfaceCtaSurfaceSecondary = 'rgba(255, 255, 255, 0.9)';
1078
- export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(0, 0, 0, 0.04)';
1079
- export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(0, 0, 0, 0.08)';
1078
+ export const bpSurfaceCtaSurfaceSecondaryHover = 'rgba(255, 255, 255, 0.6)';
1079
+ export const bpSurfaceCtaSurfaceSecondaryPressed = 'rgba(255, 255, 255, 0.3)';
1080
1080
  export const bpSurfaceCtaSurfaceTertiary = 'rgba(0, 0, 0, 0)';
1081
1081
  export const bpSurfaceCtaSurfaceTertiaryHover = 'rgba(0, 0, 0, 0.04)';
1082
1082
  export const bpSurfaceCtaSurfaceTertiaryPressed = 'rgba(0, 0, 0, 0.08)';
package/dist/tokens/tokens.json CHANGED
@@ -1058,8 +1058,8 @@
1058
1058
  "BpSurfaceCtaSurfacePromoHover": "#4826c2",
1059
1059
  "BpSurfaceCtaSurfacePromoPressed": "#3a1e9b",
1060
1060
  "BpSurfaceCtaSurfaceSecondary": "rgba(255, 255, 255, 0.9)",
1061
- "BpSurfaceCtaSurfaceSecondaryHover": "rgba(0, 0, 0, 0.04)",
1062
- "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(0, 0, 0, 0.08)",
1061
+ "BpSurfaceCtaSurfaceSecondaryHover": "rgba(255, 255, 255, 0.6)",
1062
+ "BpSurfaceCtaSurfaceSecondaryPressed": "rgba(255, 255, 255, 0.3)",
1063
1063
  "BpSurfaceCtaSurfaceTertiary": "rgba(0, 0, 0, 0)",
1064
1064
  "BpSurfaceCtaSurfaceTertiaryHover": "rgba(0, 0, 0, 0.04)",
1065
1065
  "BpSurfaceCtaSurfaceTertiaryPressed": "rgba(0, 0, 0, 0.08)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.72.1",
3
+ "version": "4.73.1",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "scripts": {
6
6
  "build-local-all": "yarn nx clone-repo && yarn build-local && nx run blueprint-web-assets:format-lint",
@@ -139,7 +139,7 @@
139
139
  }
140
140
  },
141
141
  "devDependencies": {
142
- "@box/storybook-utils": "^0.14.8",
142
+ "@box/storybook-utils": "^0.14.9",
143
143
  "@types/react": "^18.0.0",
144
144
  "@types/react-dom": "^18.0.0",
145
145
  "chalk": "4.1.2",