@box/blueprint-web-assets 4.71.11 → 4.72.2
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/icons/Logo/MicrosoftExcel.js +1 -1
- package/dist/icons/Logo/MicrosoftPowerPoint.js +1 -1
- package/dist/icons/Logo/MicrosoftWord.js +1 -1
- package/dist/icons/Medium/Element.d.ts +3 -0
- package/dist/icons/Medium/Element.js +5 -0
- package/dist/icons/Medium/index.d.ts +1 -0
- package/dist/icons/Medium/index.js +1 -0
- package/dist/icons/MediumFilled/Element.d.ts +3 -0
- package/dist/icons/MediumFilled/Element.js +5 -0
- package/dist/icons/MediumFilled/index.d.ts +1 -0
- package/dist/icons/MediumFilled/index.js +1 -0
- package/dist/tokens/BP2/dark_mode_value/px-tokens.d.ts +2 -3
- package/dist/tokens/BP2/dark_mode_value/px-tokens.js +4 -5
- package/dist/tokens/BP2/dark_mode_value/tokens.css +4 -5
- package/dist/tokens/BP2/dark_mode_value/tokens.d.ts +2 -3
- package/dist/tokens/BP2/dark_mode_value/tokens.js +4 -5
- package/dist/tokens/BP2/dark_mode_value/tokens.json +4 -5
- package/dist/tokens/BP2/light_mode_value/px-tokens.d.ts +2 -3
- package/dist/tokens/BP2/light_mode_value/px-tokens.js +4 -5
- package/dist/tokens/BP2/light_mode_value/tokens.css +4 -5
- package/dist/tokens/BP2/light_mode_value/tokens.d.ts +2 -3
- package/dist/tokens/BP2/light_mode_value/tokens.js +4 -5
- package/dist/tokens/BP2/light_mode_value/tokens.json +4 -5
- package/dist/tokens/px-tokens.d.ts +2 -3
- package/dist/tokens/px-tokens.js +2 -3
- package/dist/tokens/tokens-css-vars.scss +4 -5
- package/dist/tokens/tokens.d.ts +2 -3
- package/dist/tokens/tokens.js +2 -3
- package/dist/tokens/tokens.json +4 -5
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", {
|
|
3
|
+
const SvgMicrosoftExcel = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#185C37", d: "m18.409 15.518-8.19-1.445v10.68a.883.883 0 0 0 .883.883h14.132a.883.883 0 0 0 .883-.884v-3.934l-7.708-5.3Z" }), _jsx("path", { fill: "#21A366", d: "M18.409 6.364h-7.307a.883.883 0 0 0-.883.884v3.934L18.409 16l4.336 1.445L26.117 16v-4.818L18.41 6.364Z" }), _jsx("path", { fill: "#107C41", d: "M10.219 11.182h8.19V16h-8.19v-4.818Z" }), _jsx("path", { d: "M16.08 10.219h-5.86v12.044h5.862a.886.886 0 0 0 .883-.883V11.102a.886.886 0 0 0-.883-.883Z", opacity: 0.1 }), _jsx("path", { d: "M15.599 10.7h-5.38v12.045h5.38a.886.886 0 0 0 .883-.883V11.584a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.599 10.7h-5.38v11.081h5.38a.886.886 0 0 0 .883-.883v-9.314a.887.887 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.117 10.7h-4.898v11.081h4.898a.886.886 0 0 0 .883-.883v-9.314a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftExcel_svg__b)", d: "M15.117 10.7H6.284a.883.883 0 0 0-.883.884v8.832c0 .488.395.883.883.883h8.833a.883.883 0 0 0 .883-.883v-8.832a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "m8.136 18.87 1.858-2.878-1.702-2.863H9.66l.929 1.83c.086.175.144.304.176.39h.012c.061-.14.125-.274.193-.405l.993-1.814h1.257l-1.746 2.846 1.79 2.894h-1.337l-1.073-2.01a1.68 1.68 0 0 1-.128-.267h-.016a1.269 1.269 0 0 1-.125.26L9.482 18.87H8.136Z" }), _jsx("path", { fill: "#33C481", d: "M25.234 6.364H18.41v4.818h7.708V7.248a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#107C41", d: "M18.409 16h7.708v4.818H18.41V16Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftExcel_svg__b", x1: 7.242, x2: 14.159, y1: 10.011, y2: 21.989, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#18884F" }), _jsx("stop", { offset: 0.5, stopColor: "#117E43" }), _jsx("stop", { offset: 1, stopColor: "#0B6631" })] }) })] }));
|
|
4
4
|
const ForwardRef = forwardRef(SvgMicrosoftExcel);
|
|
5
5
|
export default ForwardRef;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
const SvgMicrosoftPowerPoint = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em",
|
|
3
|
+
const SvgMicrosoftPowerPoint = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#ED6C47", d: "M17.492 16.529 16.047 5.927h-.108a9.558 9.558 0 0 0-9.53 9.53v.108l11.084.964Z" }), _jsx("path", { fill: "#FF8F6B", d: "M16.155 5.927h-.108v9.638l4.819 1.928 4.818-1.928v-.108a9.558 9.558 0 0 0-9.53-9.53Z" }), _jsx("path", { fill: "#D35230", d: "M25.684 15.565v.106a9.559 9.559 0 0 1-9.531 9.531h-.212a9.559 9.559 0 0 1-9.532-9.531v-.106h19.275Z" }), _jsx("path", { d: "M16.529 10.665v10.283a.888.888 0 0 1-.882.882H8.684a9.451 9.451 0 0 1-2.274-6.158v-.213a9.423 9.423 0 0 1 1.55-5.194 6.65 6.65 0 0 1 .338-.482h7.349a.889.889 0 0 1 .882.882Z", opacity: 0.1 }), _jsx("path", { d: "M16.047 11.146V21.43a.887.887 0 0 1-.882.882H9.122a8.263 8.263 0 0 1-.438-.482 9.451 9.451 0 0 1-2.274-6.158v-.212a9.423 9.423 0 0 1 1.551-5.195h7.204a.889.889 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { d: "M16.047 11.146v9.32a.889.889 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h7.204a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { d: "M15.565 11.146v9.32a.888.888 0 0 1-.882.881H8.298a9.451 9.451 0 0 1-1.889-5.676v-.212a9.423 9.423 0 0 1 1.552-5.195h6.722a.888.888 0 0 1 .882.882Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftPowerPoint_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "M10.36 12.62a2.428 2.428 0 0 1 1.61.472 1.687 1.687 0 0 1 .56 1.365 1.9 1.9 0 0 1-.277 1.02 1.845 1.845 0 0 1-.784.693 2.662 2.662 0 0 1-1.18.247H9.173v2.077H8.028V12.62h2.333Zm-1.189 2.9h.985c.313.023.622-.07.871-.26a.965.965 0 0 0 .295-.76c0-.647-.377-.97-1.129-.97H9.171v1.99Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftPowerPoint_svg__b", x1: 6.805, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#CA4C28" }), _jsx("stop", { offset: 0.5, stopColor: "#C5401E" }), _jsx("stop", { offset: 1, stopColor: "#B62F14" })] }) })] }));
|
|
4
4
|
const ForwardRef = forwardRef(SvgMicrosoftPowerPoint);
|
|
5
5
|
export default ForwardRef;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
const SvgMicrosoftWord = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em",
|
|
3
|
+
const SvgMicrosoftWord = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 32 32", role: "img", ref: ref, ...props, children: [_jsxs("g", { children: [_jsx("path", { fill: "#41A5EE", d: "M24.801 5.927H10.666a.883.883 0 0 0-.884.884v3.935l8.192 2.41 7.71-2.41V6.811a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#2B7CD3", d: "M25.684 10.746H9.782v4.819l8.192 1.446 7.71-1.446v-4.819Z" }), _jsx("path", { fill: "#185ABD", d: "M9.782 15.565v4.819l7.71.963 8.192-.963v-4.819H9.782Z" }), _jsx("path", { fill: "#103F91", d: "M10.666 25.203H24.8a.883.883 0 0 0 .883-.884v-3.935H9.782v3.935a.883.883 0 0 0 .884.884Z" }), _jsx("path", { d: "M15.645 9.782H9.782V21.83h5.863a.886.886 0 0 0 .884-.883v-10.28a.886.886 0 0 0-.884-.884Z", opacity: 0.1 }), _jsx("path", { d: "M15.164 10.264H9.782v12.047h5.382a.886.886 0 0 0 .883-.883v-10.28a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M15.164 10.264H9.782v11.084h5.382a.886.886 0 0 0 .883-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { d: "M14.682 10.264h-4.9v11.084h4.9a.886.886 0 0 0 .883-.884v-9.316a.886.886 0 0 0-.883-.884Z", opacity: 0.2 }), _jsx("path", { fill: "url(#MicrosoftWord_svg__b)", d: "M14.682 10.264H5.847a.883.883 0 0 0-.883.884v8.834c0 .488.395.884.883.884h8.835a.883.883 0 0 0 .883-.884v-8.834a.883.883 0 0 0-.883-.884Z" }), _jsx("path", { fill: "#fff", d: "M8.588 17.039c.018.136.03.255.035.356h.02c.008-.096.024-.212.048-.348.024-.136.046-.251.066-.345l.93-4.008h1.2l.964 3.948c.056.245.096.494.12.745h.016c.018-.243.052-.484.1-.723l.769-3.972h1.093l-1.35 5.744h-1.277l-.916-3.804a8.845 8.845 0 0 1-.152-.814h-.016a8.59 8.59 0 0 1-.062.417c-.031.184-.056.32-.075.408l-.86 3.792h-1.3l-1.357-5.741h1.113l.837 4.016c.02.083.037.193.054.329Z" })] }), _jsx("defs", { children: _jsxs("linearGradient", { id: "MicrosoftWord_svg__b", x1: 6.806, x2: 13.723, y1: 9.574, y2: 21.556, gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#2368C4" }), _jsx("stop", { offset: 0.5, stopColor: "#1A5DBE" }), _jsx("stop", { offset: 1, stopColor: "#1146AC" })] }) })] }));
|
|
4
4
|
const ForwardRef = forwardRef(SvgMicrosoftWord);
|
|
5
5
|
export default ForwardRef;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgElement = (props, ref) => (_jsxs("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: [_jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M6.5 13a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9Zm0 2a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Z", clipRule: "evenodd" }), _jsx("path", { fill: props.color || '#909090', d: "M21 12a1 1 0 0 1 1 1v4a5 5 0 0 1-5 5h-4a1 1 0 0 1 0-2h4a3 3 0 0 0 3-3v-4a1 1 0 0 1 1-1ZM11 2a1 1 0 1 1 0 2H7a3 3 0 0 0-3 3v4a1 1 0 0 1-2 0V7a5 5 0 0 1 5-5h4Z" }), _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M16.086 2a2 2 0 0 1 2.828 0L22 5.086a2 2 0 0 1 0 2.828L18.914 11a2 2 0 0 1-2.828 0L13 7.914a2 2 0 0 1 0-2.828L16.086 2Zm-1.672 4.5L17.5 9.586 20.586 6.5 17.5 3.414 14.414 6.5Z", clipRule: "evenodd" })] }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgElement);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -61,6 +61,7 @@ export { default as ConditionalSplit } from './ConditionalSplit';
|
|
|
61
61
|
export { default as DashedSquareBubble } from './DashedSquareBubble';
|
|
62
62
|
export { default as Download } from './Download';
|
|
63
63
|
export { default as Duplicate } from './Duplicate';
|
|
64
|
+
export { default as Element } from './Element';
|
|
64
65
|
export { default as Ellipsis } from './Ellipsis';
|
|
65
66
|
export { default as Eye } from './Eye';
|
|
66
67
|
export { default as EyeCrossed } from './EyeCrossed';
|
|
@@ -61,6 +61,7 @@ export { default as ConditionalSplit } from './ConditionalSplit';
|
|
|
61
61
|
export { default as DashedSquareBubble } from './DashedSquareBubble';
|
|
62
62
|
export { default as Download } from './Download';
|
|
63
63
|
export { default as Duplicate } from './Duplicate';
|
|
64
|
+
export { default as Element } from './Element';
|
|
64
65
|
export { default as Ellipsis } from './Ellipsis';
|
|
65
66
|
export { default as Eye } from './Eye';
|
|
66
67
|
export { default as EyeCrossed } from './EyeCrossed';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
const SvgElement = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M6.5 13a4.5 4.5 0 1 1 0 9 4.5 4.5 0 0 1 0-9ZM21 12a1 1 0 0 1 1 1v4a5 5 0 0 1-5 5h-4a1 1 0 0 1 0-2h4a3 3 0 0 0 3-3v-4a1 1 0 0 1 1-1ZM11 2a1 1 0 1 1 0 2H7a3 3 0 0 0-3 3v4a1 1 0 0 1-2 0V7a5 5 0 0 1 5-5h4Zm5.086 0a2 2 0 0 1 2.828 0L22 5.086a2 2 0 0 1 0 2.828L18.914 11a2 2 0 0 1-2.828 0L13 7.914a2 2 0 0 1 0-2.828L16.086 2Z" }) }));
|
|
4
|
+
const ForwardRef = forwardRef(SvgElement);
|
|
5
|
+
export default ForwardRef;
|
|
@@ -11,6 +11,7 @@ export { default as Collapse } from './Collapse';
|
|
|
11
11
|
export { default as Collections } from './Collections';
|
|
12
12
|
export { default as Comment } from './Comment';
|
|
13
13
|
export { default as Duplicate } from './Duplicate';
|
|
14
|
+
export { default as Element } from './Element';
|
|
14
15
|
export { default as Expand } from './Expand';
|
|
15
16
|
export { default as Favorites } from './Favorites';
|
|
16
17
|
export { default as File } from './File';
|
|
@@ -11,6 +11,7 @@ export { default as Collapse } from './Collapse';
|
|
|
11
11
|
export { default as Collections } from './Collections';
|
|
12
12
|
export { default as Comment } from './Comment';
|
|
13
13
|
export { default as Duplicate } from './Duplicate';
|
|
14
|
+
export { default as Element } from './Element';
|
|
14
15
|
export { default as Expand } from './Expand';
|
|
15
16
|
export { default as Favorites } from './Favorites';
|
|
16
17
|
export { default as File } from './File';
|
|
@@ -222,9 +222,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
222
222
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
223
223
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
224
224
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
225
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
226
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
227
225
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
226
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
227
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
228
228
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
229
229
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
230
230
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -314,7 +314,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
314
314
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
315
315
|
export const bpSurfaceListItemSmallSurface: string;
|
|
316
316
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
317
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
318
317
|
export const bpSurfaceListItemSurface: string;
|
|
319
318
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
320
319
|
export const bpSurfaceListItemSurfaceLoading: string;
|
|
@@ -222,9 +222,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
|
|
|
222
222
|
export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
|
|
223
223
|
export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
|
|
224
224
|
export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
|
|
225
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
226
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
227
225
|
export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
|
|
226
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
227
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
228
228
|
export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
|
|
229
229
|
export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
|
|
230
230
|
export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -285,8 +285,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
285
285
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
286
286
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
287
287
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
288
|
-
export const bpSurfaceGhostSurface = '
|
|
289
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
288
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
289
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
290
290
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
291
291
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
292
292
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -314,7 +314,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
314
314
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
315
315
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
316
316
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
317
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
318
317
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
319
318
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
320
319
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
@@ -765,9 +765,9 @@
|
|
|
765
765
|
--bp-surface-content-switcher-surface: var(--bp-gray-10);
|
|
766
766
|
--bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
|
|
767
767
|
--bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
|
|
768
|
-
--bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
769
|
-
--bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
770
768
|
--bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
|
|
769
|
+
--bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
770
|
+
--bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
771
771
|
--bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
|
|
772
772
|
--bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
|
|
773
773
|
--bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
|
|
@@ -827,8 +827,8 @@
|
|
|
827
827
|
--bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
|
|
828
828
|
--bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
|
|
829
829
|
--bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
|
|
830
|
-
--bp-surface-ghost-surface: var(--bp-
|
|
831
|
-
--bp-surface-ghost-surface-secondary: var(--bp-
|
|
830
|
+
--bp-surface-ghost-surface: var(--bp-black-opacity-08);
|
|
831
|
+
--bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
|
|
832
832
|
--bp-surface-icon-button-surface: var(--bp-black-opacity-00);
|
|
833
833
|
--bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
|
|
834
834
|
--bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
|
|
@@ -856,7 +856,6 @@
|
|
|
856
856
|
--bp-surface-item-surface-selected: var(--bp-box-blue-05);
|
|
857
857
|
--bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
|
|
858
858
|
--bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
|
|
859
|
-
--bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
|
|
860
859
|
--bp-surface-list-item-surface: var(--bp-gray-white);
|
|
861
860
|
--bp-surface-list-item-surface-hover: var(--bp-gray-white);
|
|
862
861
|
--bp-surface-list-item-surface-loading: var(--bp-gray-05);
|
|
@@ -218,9 +218,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
218
218
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
219
219
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
220
220
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
221
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
222
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
223
221
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
222
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
223
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
224
224
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
225
225
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
226
226
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -310,7 +310,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
310
310
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
311
311
|
export const bpSurfaceListItemSmallSurface: string;
|
|
312
312
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
313
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
314
313
|
export const bpSurfaceListItemSurface: string;
|
|
315
314
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
316
315
|
export const bpSurfaceListItemSurfaceLoading: string;
|
|
@@ -218,9 +218,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
|
|
|
218
218
|
export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
|
|
219
219
|
export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
|
|
220
220
|
export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
|
|
221
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
222
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
223
221
|
export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
|
|
222
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
223
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
224
224
|
export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
|
|
225
225
|
export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
|
|
226
226
|
export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -281,8 +281,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
281
281
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
282
282
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
283
283
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
284
|
-
export const bpSurfaceGhostSurface = '
|
|
285
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
284
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
285
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
286
286
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
287
287
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
288
288
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -310,7 +310,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
310
310
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
311
311
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
312
312
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
313
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
314
313
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
315
314
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
316
315
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
@@ -219,9 +219,9 @@
|
|
|
219
219
|
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
220
220
|
"BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
|
|
221
221
|
"BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
|
|
222
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
223
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
224
222
|
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
223
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
224
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
225
225
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
226
226
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
227
227
|
"BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -282,8 +282,8 @@
|
|
|
282
282
|
"BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
|
|
283
283
|
"BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
|
|
284
284
|
"BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
|
|
285
|
-
"BpSurfaceGhostSurface": "
|
|
286
|
-
"BpSurfaceGhostSurfaceSecondary": "
|
|
285
|
+
"BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
|
|
286
|
+
"BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
|
|
287
287
|
"BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
|
|
288
288
|
"BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
289
289
|
"BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -311,7 +311,6 @@
|
|
|
311
311
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
312
312
|
"BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
|
|
313
313
|
"BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
314
|
-
"BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
315
314
|
"BpSurfaceListItemSurface": "#ffffff",
|
|
316
315
|
"BpSurfaceListItemSurfaceHover": "#ffffff",
|
|
317
316
|
"BpSurfaceListItemSurfaceLoading": "#f4f4f4",
|
|
@@ -223,9 +223,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
223
223
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
224
224
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
225
225
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
226
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
227
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
228
226
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
227
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
228
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
229
229
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
230
230
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
231
231
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -315,7 +315,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
315
315
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
316
316
|
export const bpSurfaceListItemSmallSurface: string;
|
|
317
317
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
318
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
319
318
|
export const bpSurfaceListItemSurface: string;
|
|
320
319
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
321
320
|
export const bpSurfaceListItemSurfaceLoading: string;
|
|
@@ -223,9 +223,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
|
|
|
223
223
|
export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
|
|
224
224
|
export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
|
|
225
225
|
export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
|
|
226
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
227
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
228
226
|
export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
|
|
227
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
228
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
229
229
|
export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
|
|
230
230
|
export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
|
|
231
231
|
export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -286,8 +286,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
286
286
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
287
287
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
288
288
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
289
|
-
export const bpSurfaceGhostSurface = '
|
|
290
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
289
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
290
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
291
291
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
292
292
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
293
293
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -315,7 +315,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
315
315
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
316
316
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
317
317
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
318
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
319
318
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
320
319
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
321
320
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
@@ -766,9 +766,9 @@
|
|
|
766
766
|
--bp-surface-content-switcher-surface: var(--bp-gray-10);
|
|
767
767
|
--bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
|
|
768
768
|
--bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
|
|
769
|
-
--bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
770
|
-
--bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
771
769
|
--bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
|
|
770
|
+
--bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
771
|
+
--bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
772
772
|
--bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
|
|
773
773
|
--bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
|
|
774
774
|
--bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
|
|
@@ -828,8 +828,8 @@
|
|
|
828
828
|
--bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
|
|
829
829
|
--bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
|
|
830
830
|
--bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
|
|
831
|
-
--bp-surface-ghost-surface: var(--bp-
|
|
832
|
-
--bp-surface-ghost-surface-secondary: var(--bp-
|
|
831
|
+
--bp-surface-ghost-surface: var(--bp-black-opacity-08);
|
|
832
|
+
--bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
|
|
833
833
|
--bp-surface-icon-button-surface: var(--bp-black-opacity-00);
|
|
834
834
|
--bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
|
|
835
835
|
--bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
|
|
@@ -857,7 +857,6 @@
|
|
|
857
857
|
--bp-surface-item-surface-selected: var(--bp-box-blue-05);
|
|
858
858
|
--bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
|
|
859
859
|
--bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
|
|
860
|
-
--bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
|
|
861
860
|
--bp-surface-list-item-surface: var(--bp-gray-white);
|
|
862
861
|
--bp-surface-list-item-surface-hover: var(--bp-gray-white);
|
|
863
862
|
--bp-surface-list-item-surface-loading: var(--bp-gray-05);
|
|
@@ -219,9 +219,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
219
219
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
220
220
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
221
221
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
222
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
223
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
224
222
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
223
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
224
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
225
225
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
226
226
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
227
227
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -311,7 +311,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
311
311
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
312
312
|
export const bpSurfaceListItemSmallSurface: string;
|
|
313
313
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
314
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
315
314
|
export const bpSurfaceListItemSurface: string;
|
|
316
315
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
317
316
|
export const bpSurfaceListItemSurfaceLoading: string;
|
|
@@ -219,9 +219,9 @@ export const bpSurfaceComboboxSurface = '#ffffff';
|
|
|
219
219
|
export const bpSurfaceContentSwitcherSurface = '#e8e8e8';
|
|
220
220
|
export const bpSurfaceContentSwitcherSurfaceHover = '#f4f4f4';
|
|
221
221
|
export const bpSurfaceContentSwitcherSurfaceSelected = '#ffffff';
|
|
222
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
223
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
224
222
|
export const bpSurfaceCtaDestructiveSurfaceTertiary = 'rgba(237, 55, 87, 0)';
|
|
223
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover = 'rgba(237, 55, 87, 0.04)';
|
|
224
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed = 'rgba(237, 55, 87, 0.12)';
|
|
225
225
|
export const bpSurfaceCtaSurfaceIcon = 'rgba(0, 0, 0, 0)';
|
|
226
226
|
export const bpSurfaceCtaSurfaceIconHover = 'rgba(0, 0, 0, 0.04)';
|
|
227
227
|
export const bpSurfaceCtaSurfaceIconPressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -282,8 +282,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
282
282
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
283
283
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
284
284
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
285
|
-
export const bpSurfaceGhostSurface = '
|
|
286
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
285
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
286
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
287
287
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
288
288
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
289
289
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -311,7 +311,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
311
311
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
312
312
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
313
313
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
314
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
315
314
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
316
315
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
317
316
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
@@ -220,9 +220,9 @@
|
|
|
220
220
|
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
221
221
|
"BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
|
|
222
222
|
"BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
|
|
223
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
224
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
225
223
|
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
224
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
225
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
226
226
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
227
227
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
228
228
|
"BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -283,8 +283,8 @@
|
|
|
283
283
|
"BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
|
|
284
284
|
"BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
|
|
285
285
|
"BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
|
|
286
|
-
"BpSurfaceGhostSurface": "
|
|
287
|
-
"BpSurfaceGhostSurfaceSecondary": "
|
|
286
|
+
"BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
|
|
287
|
+
"BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
|
|
288
288
|
"BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
|
|
289
289
|
"BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
290
290
|
"BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -312,7 +312,6 @@
|
|
|
312
312
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
313
313
|
"BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
|
|
314
314
|
"BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
315
|
-
"BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
316
315
|
"BpSurfaceListItemSurface": "#ffffff",
|
|
317
316
|
"BpSurfaceListItemSurfaceHover": "#ffffff",
|
|
318
317
|
"BpSurfaceListItemSurfaceLoading": "#f4f4f4",
|
|
@@ -1045,9 +1045,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
1045
1045
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
1046
1046
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
1047
1047
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
1048
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
1049
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
1050
1048
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
1049
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
1050
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
1051
1051
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
1052
1052
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
1053
1053
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -1137,7 +1137,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
1137
1137
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
1138
1138
|
export const bpSurfaceListItemSmallSurface: string;
|
|
1139
1139
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
1140
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
1141
1140
|
export const bpSurfaceListItemSurface: string;
|
|
1142
1141
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
1143
1142
|
export const bpSurfaceListItemSurfaceLoading: string;
|
package/dist/tokens/px-tokens.js
CHANGED
|
@@ -1124,8 +1124,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
1124
1124
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
1125
1125
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
1126
1126
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
1127
|
-
export const bpSurfaceGhostSurface = '
|
|
1128
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
1127
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
1128
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
1129
1129
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
1130
1130
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
1131
1131
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -1153,7 +1153,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
1153
1153
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
1154
1154
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
1155
1155
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
1156
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
1157
1156
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
1158
1157
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
1159
1158
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
|
@@ -1554,9 +1554,9 @@
|
|
|
1554
1554
|
--bp-surface-content-switcher-surface: var(--bp-gray-10);
|
|
1555
1555
|
--bp-surface-content-switcher-surface-hover: var(--bp-gray-05);
|
|
1556
1556
|
--bp-surface-content-switcher-surface-selected: var(--bp-gray-white);
|
|
1557
|
-
--bp-surface-cta-destructive-surface-teratiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
1558
|
-
--bp-surface-cta-destructive-surface-teratiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
1559
1557
|
--bp-surface-cta-destructive-surface-tertiary: var(--bp-watermelon-red-opacity-00);
|
|
1558
|
+
--bp-surface-cta-destructive-surface-tertiary-hover: var(--bp-watermelon-red-opacity-04);
|
|
1559
|
+
--bp-surface-cta-destructive-surface-tertiary-pressed: var(--bp-watermelon-red-opacity-12);
|
|
1560
1560
|
--bp-surface-cta-surface-icon: var(--bp-black-opacity-00);
|
|
1561
1561
|
--bp-surface-cta-surface-icon-hover: var(--bp-black-opacity-04);
|
|
1562
1562
|
--bp-surface-cta-surface-icon-pressed: var(--bp-black-opacity-08);
|
|
@@ -1616,8 +1616,8 @@
|
|
|
1616
1616
|
--bp-surface-filter-chip-surface-single-hover: var(--bp-black-opacity-08);
|
|
1617
1617
|
--bp-surface-filter-chip-surface-single-on: var(--bp-box-blue-100);
|
|
1618
1618
|
--bp-surface-filter-chip-surface-single-on-hover: var(--bp-box-blue-100);
|
|
1619
|
-
--bp-surface-ghost-surface: var(--bp-
|
|
1620
|
-
--bp-surface-ghost-surface-secondary: var(--bp-
|
|
1619
|
+
--bp-surface-ghost-surface: var(--bp-black-opacity-08);
|
|
1620
|
+
--bp-surface-ghost-surface-secondary: var(--bp-black-opacity-04);
|
|
1621
1621
|
--bp-surface-icon-button-surface: var(--bp-black-opacity-00);
|
|
1622
1622
|
--bp-surface-icon-button-surface-hover: var(--bp-black-opacity-04);
|
|
1623
1623
|
--bp-surface-icon-button-surface-pressed: var(--bp-black-opacity-08);
|
|
@@ -1645,7 +1645,6 @@
|
|
|
1645
1645
|
--bp-surface-item-surface-selected: var(--bp-box-blue-05);
|
|
1646
1646
|
--bp-surface-list-item-small-surface: var(--bp-white-opacity-00);
|
|
1647
1647
|
--bp-surface-list-item-small-surface-hover: var(--bp-black-opacity-04);
|
|
1648
|
-
--bp-surface-list-item-small-surface-pressed: var(--bp-black-opacity-08);
|
|
1649
1648
|
--bp-surface-list-item-surface: var(--bp-gray-white);
|
|
1650
1649
|
--bp-surface-list-item-surface-hover: var(--bp-gray-white);
|
|
1651
1650
|
--bp-surface-list-item-surface-loading: var(--bp-gray-05);
|
package/dist/tokens/tokens.d.ts
CHANGED
|
@@ -1041,9 +1041,9 @@ export const bpSurfaceComboboxSurface: string;
|
|
|
1041
1041
|
export const bpSurfaceContentSwitcherSurface: string;
|
|
1042
1042
|
export const bpSurfaceContentSwitcherSurfaceHover: string;
|
|
1043
1043
|
export const bpSurfaceContentSwitcherSurfaceSelected: string;
|
|
1044
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryHover: string;
|
|
1045
|
-
export const bpSurfaceCtaDestructiveSurfaceTeratiaryPressed: string;
|
|
1046
1044
|
export const bpSurfaceCtaDestructiveSurfaceTertiary: string;
|
|
1045
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryHover: string;
|
|
1046
|
+
export const bpSurfaceCtaDestructiveSurfaceTertiaryPressed: string;
|
|
1047
1047
|
export const bpSurfaceCtaSurfaceIcon: string;
|
|
1048
1048
|
export const bpSurfaceCtaSurfaceIconHover: string;
|
|
1049
1049
|
export const bpSurfaceCtaSurfaceIconPressed: string;
|
|
@@ -1133,7 +1133,6 @@ export const bpSurfaceItemSurfaceHover: string;
|
|
|
1133
1133
|
export const bpSurfaceItemSurfaceSelected: string;
|
|
1134
1134
|
export const bpSurfaceListItemSmallSurface: string;
|
|
1135
1135
|
export const bpSurfaceListItemSmallSurfaceHover: string;
|
|
1136
|
-
export const bpSurfaceListItemSmallSurfacePressed: string;
|
|
1137
1136
|
export const bpSurfaceListItemSurface: string;
|
|
1138
1137
|
export const bpSurfaceListItemSurfaceHover: string;
|
|
1139
1138
|
export const bpSurfaceListItemSurfaceLoading: string;
|
package/dist/tokens/tokens.js
CHANGED
|
@@ -1120,8 +1120,8 @@ export const bpSurfaceFilterChipSurfaceSingle = 'rgba(0, 0, 0, 0.04)';
|
|
|
1120
1120
|
export const bpSurfaceFilterChipSurfaceSingleHover = 'rgba(0, 0, 0, 0.08)';
|
|
1121
1121
|
export const bpSurfaceFilterChipSurfaceSingleOn = '#0061d5';
|
|
1122
1122
|
export const bpSurfaceFilterChipSurfaceSingleOnHover = '#0061d5';
|
|
1123
|
-
export const bpSurfaceGhostSurface = '
|
|
1124
|
-
export const bpSurfaceGhostSurfaceSecondary = '
|
|
1123
|
+
export const bpSurfaceGhostSurface = 'rgba(0, 0, 0, 0.08)';
|
|
1124
|
+
export const bpSurfaceGhostSurfaceSecondary = 'rgba(0, 0, 0, 0.04)';
|
|
1125
1125
|
export const bpSurfaceIconButtonSurface = 'rgba(0, 0, 0, 0)';
|
|
1126
1126
|
export const bpSurfaceIconButtonSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
1127
1127
|
export const bpSurfaceIconButtonSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
@@ -1149,7 +1149,6 @@ export const bpSurfaceItemSurfaceHover = '#ffffff';
|
|
|
1149
1149
|
export const bpSurfaceItemSurfaceSelected = '#f2f7fd';
|
|
1150
1150
|
export const bpSurfaceListItemSmallSurface = 'rgba(255, 255, 255, 0)';
|
|
1151
1151
|
export const bpSurfaceListItemSmallSurfaceHover = 'rgba(0, 0, 0, 0.04)';
|
|
1152
|
-
export const bpSurfaceListItemSmallSurfacePressed = 'rgba(0, 0, 0, 0.08)';
|
|
1153
1152
|
export const bpSurfaceListItemSurface = '#ffffff';
|
|
1154
1153
|
export const bpSurfaceListItemSurfaceHover = '#ffffff';
|
|
1155
1154
|
export const bpSurfaceListItemSurfaceLoading = '#f4f4f4';
|
package/dist/tokens/tokens.json
CHANGED
|
@@ -1040,9 +1040,9 @@
|
|
|
1040
1040
|
"BpSurfaceContentSwitcherSurface": "#e8e8e8",
|
|
1041
1041
|
"BpSurfaceContentSwitcherSurfaceHover": "#f4f4f4",
|
|
1042
1042
|
"BpSurfaceContentSwitcherSurfaceSelected": "#ffffff",
|
|
1043
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
1044
|
-
"BpSurfaceCtaDestructiveSurfaceTeratiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
1045
1043
|
"BpSurfaceCtaDestructiveSurfaceTertiary": "rgba(237, 55, 87, 0)",
|
|
1044
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryHover": "rgba(237, 55, 87, 0.04)",
|
|
1045
|
+
"BpSurfaceCtaDestructiveSurfaceTertiaryPressed": "rgba(237, 55, 87, 0.12)",
|
|
1046
1046
|
"BpSurfaceCtaSurfaceIcon": "rgba(0, 0, 0, 0)",
|
|
1047
1047
|
"BpSurfaceCtaSurfaceIconHover": "rgba(0, 0, 0, 0.04)",
|
|
1048
1048
|
"BpSurfaceCtaSurfaceIconPressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -1103,8 +1103,8 @@
|
|
|
1103
1103
|
"BpSurfaceFilterChipSurfaceSingleHover": "rgba(0, 0, 0, 0.08)",
|
|
1104
1104
|
"BpSurfaceFilterChipSurfaceSingleOn": "#0061d5",
|
|
1105
1105
|
"BpSurfaceFilterChipSurfaceSingleOnHover": "#0061d5",
|
|
1106
|
-
"BpSurfaceGhostSurface": "
|
|
1107
|
-
"BpSurfaceGhostSurfaceSecondary": "
|
|
1106
|
+
"BpSurfaceGhostSurface": "rgba(0, 0, 0, 0.08)",
|
|
1107
|
+
"BpSurfaceGhostSurfaceSecondary": "rgba(0, 0, 0, 0.04)",
|
|
1108
1108
|
"BpSurfaceIconButtonSurface": "rgba(0, 0, 0, 0)",
|
|
1109
1109
|
"BpSurfaceIconButtonSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
1110
1110
|
"BpSurfaceIconButtonSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
@@ -1132,7 +1132,6 @@
|
|
|
1132
1132
|
"BpSurfaceItemSurfaceSelected": "#f2f7fd",
|
|
1133
1133
|
"BpSurfaceListItemSmallSurface": "rgba(255, 255, 255, 0)",
|
|
1134
1134
|
"BpSurfaceListItemSmallSurfaceHover": "rgba(0, 0, 0, 0.04)",
|
|
1135
|
-
"BpSurfaceListItemSmallSurfacePressed": "rgba(0, 0, 0, 0.08)",
|
|
1136
1135
|
"BpSurfaceListItemSurface": "#ffffff",
|
|
1137
1136
|
"BpSurfaceListItemSurfaceHover": "#ffffff",
|
|
1138
1137
|
"BpSurfaceListItemSurfaceLoading": "#f4f4f4",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/blueprint-web-assets",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.72.2",
|
|
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.
|
|
142
|
+
"@box/storybook-utils": "^0.14.8",
|
|
143
143
|
"@types/react": "^18.0.0",
|
|
144
144
|
"@types/react-dom": "^18.0.0",
|
|
145
145
|
"chalk": "4.1.2",
|