@box/blueprint-web-assets 5.8.0 → 5.9.0
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/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +8 -0
- package/dist/tokens/BP2/dark_mode_value/px-tokens.js +8 -0
- package/dist/tokens/BP2/dark_mode_value/tokens.css +8 -0
- package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +8 -0
- package/dist/tokens/BP2/dark_mode_value/tokens.js +8 -0
- package/dist/tokens/BP2/dark_mode_value/tokens.json +9 -1
- package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +8 -0
- package/dist/tokens/BP2/light_mode_value/px-tokens.js +8 -0
- package/dist/tokens/BP2/light_mode_value/tokens.css +8 -0
- package/dist/tokens/BP2/light_mode_value/tokens.d.ts +8 -0
- package/dist/tokens/BP2/light_mode_value/tokens.js +8 -0
- package/dist/tokens/BP2/light_mode_value/tokens.json +9 -1
- package/dist/tokens/px-tokens.d.ts +8 -0
- package/dist/tokens/px-tokens.js +8 -0
- package/dist/tokens/tokens-css-vars.scss +8 -0
- package/dist/tokens/tokens.d.ts +8 -0
- package/dist/tokens/tokens.js +8 -0
- package/dist/tokens/tokens.json +9 -1
- package/package.json +2 -2
|
@@ -1206,3 +1206,11 @@ export const bpScaleDefault: string;
|
|
|
1206
1206
|
export const bpScaleExtraSmall: string;
|
|
1207
1207
|
export const bpScaleLarge: string;
|
|
1208
1208
|
export const bpScaleSmall: string;
|
|
1209
|
+
export const bpDisabledOpacity: number;
|
|
1210
|
+
export const bpZIndexAbove: number;
|
|
1211
|
+
export const bpZIndexBelow: number;
|
|
1212
|
+
export const bpZIndexModal: number;
|
|
1213
|
+
export const bpZIndexNotification: string;
|
|
1214
|
+
export const bpZIndexPopover: number;
|
|
1215
|
+
export const bpZIndexSidepanel: number;
|
|
1216
|
+
export const bpZIndexTooltip: string;
|
|
@@ -1206,3 +1206,11 @@ export const bpScaleDefault = '1.00';
|
|
|
1206
1206
|
export const bpScaleExtraSmall = '0.90';
|
|
1207
1207
|
export const bpScaleLarge = '1.12';
|
|
1208
1208
|
export const bpScaleSmall = '0.98';
|
|
1209
|
+
export const bpDisabledOpacity = 0.6;
|
|
1210
|
+
export const bpZIndexAbove = 1;
|
|
1211
|
+
export const bpZIndexBelow = -1;
|
|
1212
|
+
export const bpZIndexModal = 370;
|
|
1213
|
+
export const bpZIndexNotification = '2147483647';
|
|
1214
|
+
export const bpZIndexPopover = 380;
|
|
1215
|
+
export const bpZIndexSidepanel = 360;
|
|
1216
|
+
export const bpZIndexTooltip = '2147483647';
|
|
@@ -702,6 +702,14 @@
|
|
|
702
702
|
--bp-scale-extra-small: 0.9;
|
|
703
703
|
--bp-scale-large: 1.12;
|
|
704
704
|
--bp-scale-small: 0.98;
|
|
705
|
+
--bp-disabled-opacity: 0.6;
|
|
706
|
+
--bp-z-index-above: 1;
|
|
707
|
+
--bp-z-index-below: -1;
|
|
708
|
+
--bp-z-index-modal: 370;
|
|
709
|
+
--bp-z-index-notification: 2147483647;
|
|
710
|
+
--bp-z-index-popover: 380;
|
|
711
|
+
--bp-z-index-sidepanel: 360;
|
|
712
|
+
--bp-z-index-tooltip: 2147483647;
|
|
705
713
|
--bp-background-background: var(--bp-gray-100);
|
|
706
714
|
--bp-background-background-light-blue: var(--bp-box-blue-10);
|
|
707
715
|
--bp-background-background-light-dark-blue: var(--bp-dark-blue-10);
|
|
@@ -1202,3 +1202,11 @@ export const bpScaleDefault: string;
|
|
|
1202
1202
|
export const bpScaleExtraSmall: string;
|
|
1203
1203
|
export const bpScaleLarge: string;
|
|
1204
1204
|
export const bpScaleSmall: string;
|
|
1205
|
+
export const bpDisabledOpacity: number;
|
|
1206
|
+
export const bpZIndexAbove: number;
|
|
1207
|
+
export const bpZIndexBelow: number;
|
|
1208
|
+
export const bpZIndexModal: number;
|
|
1209
|
+
export const bpZIndexNotification: string;
|
|
1210
|
+
export const bpZIndexPopover: number;
|
|
1211
|
+
export const bpZIndexSidepanel: number;
|
|
1212
|
+
export const bpZIndexTooltip: string;
|
|
@@ -1202,3 +1202,11 @@ export const bpScaleDefault = '1.00';
|
|
|
1202
1202
|
export const bpScaleExtraSmall = '0.90';
|
|
1203
1203
|
export const bpScaleLarge = '1.12';
|
|
1204
1204
|
export const bpScaleSmall = '0.98';
|
|
1205
|
+
export const bpDisabledOpacity = 0.6;
|
|
1206
|
+
export const bpZIndexAbove = 1;
|
|
1207
|
+
export const bpZIndexBelow = -1;
|
|
1208
|
+
export const bpZIndexModal = 370;
|
|
1209
|
+
export const bpZIndexNotification = '2147483647';
|
|
1210
|
+
export const bpZIndexPopover = 380;
|
|
1211
|
+
export const bpZIndexSidepanel = 360;
|
|
1212
|
+
export const bpZIndexTooltip = '2147483647';
|
|
@@ -1202,5 +1202,13 @@
|
|
|
1202
1202
|
"BpScaleDefault": "1.00",
|
|
1203
1203
|
"BpScaleExtraSmall": "0.90",
|
|
1204
1204
|
"BpScaleLarge": "1.12",
|
|
1205
|
-
"BpScaleSmall": "0.98"
|
|
1205
|
+
"BpScaleSmall": "0.98",
|
|
1206
|
+
"BpDisabledOpacity": 0.6,
|
|
1207
|
+
"BpZIndexAbove": 1,
|
|
1208
|
+
"BpZIndexBelow": -1,
|
|
1209
|
+
"BpZIndexModal": 370,
|
|
1210
|
+
"BpZIndexNotification": "2147483647",
|
|
1211
|
+
"BpZIndexPopover": 380,
|
|
1212
|
+
"BpZIndexSidepanel": 360,
|
|
1213
|
+
"BpZIndexTooltip": "2147483647"
|
|
1206
1214
|
}
|
|
@@ -1206,3 +1206,11 @@ export const bpScaleDefault: string;
|
|
|
1206
1206
|
export const bpScaleExtraSmall: string;
|
|
1207
1207
|
export const bpScaleLarge: string;
|
|
1208
1208
|
export const bpScaleSmall: string;
|
|
1209
|
+
export const bpDisabledOpacity: number;
|
|
1210
|
+
export const bpZIndexAbove: number;
|
|
1211
|
+
export const bpZIndexBelow: number;
|
|
1212
|
+
export const bpZIndexModal: number;
|
|
1213
|
+
export const bpZIndexNotification: string;
|
|
1214
|
+
export const bpZIndexPopover: number;
|
|
1215
|
+
export const bpZIndexSidepanel: number;
|
|
1216
|
+
export const bpZIndexTooltip: string;
|
|
@@ -1206,3 +1206,11 @@ export const bpScaleDefault = '1.00';
|
|
|
1206
1206
|
export const bpScaleExtraSmall = '0.90';
|
|
1207
1207
|
export const bpScaleLarge = '1.12';
|
|
1208
1208
|
export const bpScaleSmall = '0.98';
|
|
1209
|
+
export const bpDisabledOpacity = 0.6;
|
|
1210
|
+
export const bpZIndexAbove = 1;
|
|
1211
|
+
export const bpZIndexBelow = -1;
|
|
1212
|
+
export const bpZIndexModal = 370;
|
|
1213
|
+
export const bpZIndexNotification = '2147483647';
|
|
1214
|
+
export const bpZIndexPopover = 380;
|
|
1215
|
+
export const bpZIndexSidepanel = 360;
|
|
1216
|
+
export const bpZIndexTooltip = '2147483647';
|
|
@@ -701,6 +701,14 @@
|
|
|
701
701
|
--bp-scale-extra-small: 0.9;
|
|
702
702
|
--bp-scale-large: 1.12;
|
|
703
703
|
--bp-scale-small: 0.98;
|
|
704
|
+
--bp-disabled-opacity: 0.6;
|
|
705
|
+
--bp-z-index-above: 1;
|
|
706
|
+
--bp-z-index-below: -1;
|
|
707
|
+
--bp-z-index-modal: 370;
|
|
708
|
+
--bp-z-index-notification: 2147483647;
|
|
709
|
+
--bp-z-index-popover: 380;
|
|
710
|
+
--bp-z-index-sidepanel: 360;
|
|
711
|
+
--bp-z-index-tooltip: 2147483647;
|
|
704
712
|
--bp-background-background: var(--bp-gray-white);
|
|
705
713
|
--bp-background-background-light-blue: var(--bp-box-blue-10);
|
|
706
714
|
--bp-background-background-light-dark-blue: var(--bp-dark-blue-10);
|
|
@@ -1202,3 +1202,11 @@ export const bpScaleDefault: string;
|
|
|
1202
1202
|
export const bpScaleExtraSmall: string;
|
|
1203
1203
|
export const bpScaleLarge: string;
|
|
1204
1204
|
export const bpScaleSmall: string;
|
|
1205
|
+
export const bpDisabledOpacity: number;
|
|
1206
|
+
export const bpZIndexAbove: number;
|
|
1207
|
+
export const bpZIndexBelow: number;
|
|
1208
|
+
export const bpZIndexModal: number;
|
|
1209
|
+
export const bpZIndexNotification: string;
|
|
1210
|
+
export const bpZIndexPopover: number;
|
|
1211
|
+
export const bpZIndexSidepanel: number;
|
|
1212
|
+
export const bpZIndexTooltip: string;
|
|
@@ -1202,3 +1202,11 @@ export const bpScaleDefault = '1.00';
|
|
|
1202
1202
|
export const bpScaleExtraSmall = '0.90';
|
|
1203
1203
|
export const bpScaleLarge = '1.12';
|
|
1204
1204
|
export const bpScaleSmall = '0.98';
|
|
1205
|
+
export const bpDisabledOpacity = 0.6;
|
|
1206
|
+
export const bpZIndexAbove = 1;
|
|
1207
|
+
export const bpZIndexBelow = -1;
|
|
1208
|
+
export const bpZIndexModal = 370;
|
|
1209
|
+
export const bpZIndexNotification = '2147483647';
|
|
1210
|
+
export const bpZIndexPopover = 380;
|
|
1211
|
+
export const bpZIndexSidepanel = 360;
|
|
1212
|
+
export const bpZIndexTooltip = '2147483647';
|
|
@@ -1202,5 +1202,13 @@
|
|
|
1202
1202
|
"BpScaleDefault": "1.00",
|
|
1203
1203
|
"BpScaleExtraSmall": "0.90",
|
|
1204
1204
|
"BpScaleLarge": "1.12",
|
|
1205
|
-
"BpScaleSmall": "0.98"
|
|
1205
|
+
"BpScaleSmall": "0.98",
|
|
1206
|
+
"BpDisabledOpacity": 0.6,
|
|
1207
|
+
"BpZIndexAbove": 1,
|
|
1208
|
+
"BpZIndexBelow": -1,
|
|
1209
|
+
"BpZIndexModal": 370,
|
|
1210
|
+
"BpZIndexNotification": "2147483647",
|
|
1211
|
+
"BpZIndexPopover": 380,
|
|
1212
|
+
"BpZIndexSidepanel": 360,
|
|
1213
|
+
"BpZIndexTooltip": "2147483647"
|
|
1206
1214
|
}
|
|
@@ -2028,3 +2028,11 @@ export const bpScaleDefault: string;
|
|
|
2028
2028
|
export const bpScaleExtraSmall: string;
|
|
2029
2029
|
export const bpScaleLarge: string;
|
|
2030
2030
|
export const bpScaleSmall: string;
|
|
2031
|
+
export const bpDisabledOpacity: number;
|
|
2032
|
+
export const bpZIndexAbove: number;
|
|
2033
|
+
export const bpZIndexBelow: number;
|
|
2034
|
+
export const bpZIndexModal: number;
|
|
2035
|
+
export const bpZIndexNotification: string;
|
|
2036
|
+
export const bpZIndexPopover: number;
|
|
2037
|
+
export const bpZIndexSidepanel: number;
|
|
2038
|
+
export const bpZIndexTooltip: string;
|
package/dist/tokens/px-tokens.js
CHANGED
|
@@ -2030,3 +2030,11 @@ export const bpScaleDefault = '1.00';
|
|
|
2030
2030
|
export const bpScaleExtraSmall = '0.90';
|
|
2031
2031
|
export const bpScaleLarge = '1.12';
|
|
2032
2032
|
export const bpScaleSmall = '0.98';
|
|
2033
|
+
export const bpDisabledOpacity = 0.6;
|
|
2034
|
+
export const bpZIndexAbove = 1;
|
|
2035
|
+
export const bpZIndexBelow = -1;
|
|
2036
|
+
export const bpZIndexModal = 370;
|
|
2037
|
+
export const bpZIndexNotification = '2147483647';
|
|
2038
|
+
export const bpZIndexPopover = 380;
|
|
2039
|
+
export const bpZIndexSidepanel = 360;
|
|
2040
|
+
export const bpZIndexTooltip = '2147483647';
|
|
@@ -1489,6 +1489,14 @@
|
|
|
1489
1489
|
--bp-scale-extra-small: 0.9;
|
|
1490
1490
|
--bp-scale-large: 1.12;
|
|
1491
1491
|
--bp-scale-small: 0.98;
|
|
1492
|
+
--bp-disabled-opacity: 0.6;
|
|
1493
|
+
--bp-z-index-above: 1;
|
|
1494
|
+
--bp-z-index-below: -1;
|
|
1495
|
+
--bp-z-index-modal: 370;
|
|
1496
|
+
--bp-z-index-notification: 2147483647;
|
|
1497
|
+
--bp-z-index-popover: 380;
|
|
1498
|
+
--bp-z-index-sidepanel: 360;
|
|
1499
|
+
--bp-z-index-tooltip: 2147483647;
|
|
1492
1500
|
--bp-background-background: var(--bp-gray-white);
|
|
1493
1501
|
--bp-background-background-light-blue: var(--bp-box-blue-10);
|
|
1494
1502
|
--bp-background-background-light-dark-blue: var(--bp-dark-blue-10);
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -2024,3 +2024,11 @@ export const bpScaleDefault: string;
|
|
|
2024
2024
|
export const bpScaleExtraSmall: string;
|
|
2025
2025
|
export const bpScaleLarge: string;
|
|
2026
2026
|
export const bpScaleSmall: string;
|
|
2027
|
+
export const bpDisabledOpacity: number;
|
|
2028
|
+
export const bpZIndexAbove: number;
|
|
2029
|
+
export const bpZIndexBelow: number;
|
|
2030
|
+
export const bpZIndexModal: number;
|
|
2031
|
+
export const bpZIndexNotification: string;
|
|
2032
|
+
export const bpZIndexPopover: number;
|
|
2033
|
+
export const bpZIndexSidepanel: number;
|
|
2034
|
+
export const bpZIndexTooltip: string;
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -2026,3 +2026,11 @@ export const bpScaleDefault = '1.00';
|
|
|
2026
2026
|
export const bpScaleExtraSmall = '0.90';
|
|
2027
2027
|
export const bpScaleLarge = '1.12';
|
|
2028
2028
|
export const bpScaleSmall = '0.98';
|
|
2029
|
+
export const bpDisabledOpacity = 0.6;
|
|
2030
|
+
export const bpZIndexAbove = 1;
|
|
2031
|
+
export const bpZIndexBelow = -1;
|
|
2032
|
+
export const bpZIndexModal = 370;
|
|
2033
|
+
export const bpZIndexNotification = '2147483647';
|
|
2034
|
+
export const bpZIndexPopover = 380;
|
|
2035
|
+
export const bpZIndexSidepanel = 360;
|
|
2036
|
+
export const bpZIndexTooltip = '2147483647';
|
package/dist/tokens/tokens.json
CHANGED
|
@@ -2022,5 +2022,13 @@
|
|
|
2022
2022
|
"BpScaleDefault": "1.00",
|
|
2023
2023
|
"BpScaleExtraSmall": "0.90",
|
|
2024
2024
|
"BpScaleLarge": "1.12",
|
|
2025
|
-
"BpScaleSmall": "0.98"
|
|
2025
|
+
"BpScaleSmall": "0.98",
|
|
2026
|
+
"BpDisabledOpacity": 0.6,
|
|
2027
|
+
"BpZIndexAbove": 1,
|
|
2028
|
+
"BpZIndexBelow": -1,
|
|
2029
|
+
"BpZIndexModal": 370,
|
|
2030
|
+
"BpZIndexNotification": "2147483647",
|
|
2031
|
+
"BpZIndexPopover": 380,
|
|
2032
|
+
"BpZIndexSidepanel": 360,
|
|
2033
|
+
"BpZIndexTooltip": "2147483647"
|
|
2026
2034
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.0",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"build-storybook": "nx run blueprint-web-assets:build-storybook",
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
}
|
|
156
156
|
},
|
|
157
157
|
"devDependencies": {
|
|
158
|
-
"@box/storybook-utils": "^1.2.
|
|
158
|
+
"@box/storybook-utils": "^1.2.31",
|
|
159
159
|
"@figma/code-connect": "1.4.4",
|
|
160
160
|
"@types/react": "^18.0.0",
|
|
161
161
|
"@types/react-dom": "^18.0.0",
|