@box/blueprint-web-assets 4.78.4 → 4.79.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.
Files changed (8) hide show
  1. package/dist/icons/Medium/ArrowArchedRight.js +1 -1
  2. package/dist/icons/Medium/ThumbsDown.js +1 -1
  3. package/dist/icons/Medium/ThumbsUp.js +1 -1
  4. package/dist/icons/MediumFilled/ArrowArchedRight.js +1 -1
  5. package/dist/icons/MediumFilled/ThumbsDown.js +1 -1
  6. package/dist/icons/MediumFilled/ThumbsUp.js +1 -1
  7. package/dist/tokens/mixins-modern.scss +171 -21
  8. package/package.json +2 -2
package/dist/icons/Medium/ArrowArchedRight.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgArrowArchedRight = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', d: "M13.164 4c.462 0 .784.184 1.293.634l7.063 6.403c.362.32.48.665.48.963 0 .298-.118.643-.48.955l-7.063 6.468c-.46.393-.841.577-1.312.577C12.48 20 12 19.55 12 18.935V15c-3-.5-6.221.56-7.787 3.303-.333.577-.676.697-1.194.697C2.5 19 2 18 2 17c0-4.64 2.929-8.293 9.496-8.294H12V5.12c0-.616.479-1.12 1.164-1.12ZM14 9.706a1 1 0 0 1-1 1h-1.504c-2.917 0-4.74.806-5.824 1.849-.64.614-1.277 1.66-1.585 2.637-.03.093.08.162.156.1 2.191-1.812 4.877-2.334 8.086-2.265l.835.14a1 1 0 0 1 .836.986v2.976l5.602-5.131L14 6.919v2.787Z" }) }));
3
+ const SvgArrowArchedRight = (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: "M12.264 5.23c0-1.983 2.293-2.975 3.634-1.574l6.479 6.77a2.297 2.297 0 0 1 0 3.147l-6.479 6.771c-1.34 1.401-3.633.409-3.634-1.573v-2.564c-.434-.069-1.337-.029-2.984.71-2.154.964-3.596 2.437-4.322 3.324a1.588 1.588 0 0 1-1.503.576 1.548 1.548 0 0 1-1.24-1.236c-.333-1.584-.553-4.634 1.522-7.671 1.304-1.908 3.266-2.96 4.993-3.546a16.055 16.055 0 0 1 3.534-.75V5.229Zm2.13 2.987c0 .86-.655 1.527-1.43 1.572a14.11 14.11 0 0 0-3.576.69c-1.508.513-2.986 1.359-3.919 2.724A7.527 7.527 0 0 0 4.14 17.9a14.107 14.107 0 0 1 4.303-3.03c3.292-1.474 4.88-.86 5.546-.237.315.294.405.677.405.959v3.178L20.871 12l-6.478-6.77v2.987Z" }) }));
4
4
  const ForwardRef = forwardRef(SvgArrowArchedRight);
5
5
  export default ForwardRef;
package/dist/icons/Medium/ThumbsDown.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgThumbsDown = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { stroke: props.color || '#909090', strokeWidth: 2, d: "M16.996 13c-2.274 0-3.692 3.637-4.682 6.914-.193.641-.788 1.121-1.442.976-2.907-.644-1.92-4.014-1.043-7.264A.497.497 0 0 0 9.35 13H5.7c-1.537 0-2.871-1.176-2.663-2.699.296-2.164 1.191-4.037 2.212-5.699 1.028-1.673 2.925-2.657 4.881-2.487 3.02.263 2.93.885 6.865.885m0 10c.334-.833 1-2.5 1-5s-.656-4.147-1-5m0 10h2.646c.818 0 1.554-.498 1.778-1.285.272-.959.576-2.337.576-3.715 0-1.378-.303-2.756-.576-3.715C21.196 3.498 20.46 3 19.642 3h-2.646" }) }));
3
+ const SvgThumbsDown = (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', fillRule: "evenodd", d: "M4.398 4.08c1.22-1.987 3.476-3.165 5.82-2.961 1.592.138 2.406.38 3.22.561.77.172 1.657.32 3.558.32h2.646c1.214 0 2.38.748 2.74 2.011.284 1.001.614 2.48.614 3.99 0 1.508-.33 2.987-.614 3.988-.36 1.263-1.526 2.011-2.74 2.012h-2.646c-.554 0-1.22.453-1.957 1.728-.7 1.212-1.276 2.846-1.768 4.475-.295.977-1.299 1.955-2.616 1.663-.933-.207-1.66-.665-2.13-1.374-.45-.681-.59-1.484-.594-2.252-.006-1.299.383-2.834.762-4.24H5.701c-1.967 0-3.966-1.55-3.654-3.834C2.369 7.809 3.34 5.8 4.398 4.08Zm5.647-.968c-1.569-.137-3.107.654-3.943 2.014-.984 1.603-1.803 3.34-2.073 5.311-.104.76.566 1.564 1.672 1.564h3.646c.982 0 1.706.93 1.448 1.886-.454 1.683-.87 3.182-.864 4.343.003.56.108.926.262 1.16.136.204.376.409.895.524.016.003.043.008.096-.03a.501.501 0 0 0 .173-.258c.498-1.648 1.126-3.472 1.95-4.898.673-1.163 1.632-2.325 2.968-2.642.32-.87.72-2.222.72-4.085 0-1.815-.371-3.134-.689-4.008-1.59-.033-2.49-.18-3.303-.36-.88-.196-1.532-.397-2.958-.521ZM18.418 4c.298.98.578 2.312.578 4 0 1.683-.283 3.02-.58 4h1.226c.422 0 .728-.25.816-.559.26-.918.538-2.195.538-3.441 0-1.247-.277-2.525-.538-3.443-.088-.309-.394-.557-.816-.557h-1.224Z", clipRule: "evenodd" }) }));
4
4
  const ForwardRef = forwardRef(SvgThumbsDown);
5
5
  export default ForwardRef;
package/dist/icons/Medium/ThumbsUp.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgThumbsUp = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { stroke: props.color || '#909090', strokeWidth: 2, d: "M8 10c2.275 0 3.692-3.637 4.682-6.914.194-.642.789-1.121 1.442-.976 2.907.645 1.92 4.021 1.044 7.263a.497.497 0 0 0 .48.627H19.3c1.535 0 2.869 1.172 2.664 2.694-.292 2.179-1.193 4.06-2.222 5.726-1.026 1.661-2.911 2.637-4.856 2.47C11.855 20.63 11.95 20 8 20m0-10c-.333.833-1 2.5-1 5s.667 4.147 1 5m0-10H5.354c-.818 0-1.554.498-1.777 1.285C3.304 12.244 3 13.622 3 15c0 1.378.304 2.756.577 3.715.223.787.96 1.285 1.777 1.285H8" }) }));
3
+ const SvgThumbsUp = (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', fillRule: "evenodd", d: "M11.725 2.797c.295-.977 1.299-1.955 2.616-1.663.934.207 1.661.666 2.13 1.376.451.682.59 1.484.593 2.253.007 1.3-.381 2.833-.76 4.237H19.3c1.965 0 3.961 1.546 3.655 3.827-.319 2.374-1.296 4.392-2.362 6.119-1.219 1.973-3.462 3.14-5.792 2.941-1.6-.137-2.415-.38-3.232-.564C10.798 21.151 9.907 21 8 21H5.354c-1.213 0-2.38-.748-2.74-2.011C2.33 17.988 2 16.509 2 15s.33-2.988.614-3.989c.36-1.264 1.527-2.01 2.74-2.01H8c.554 0 1.22-.454 1.957-1.73.7-1.211 1.276-2.845 1.768-4.474Zm2.087.32a.501.501 0 0 0-.172.258c-.498 1.648-1.127 3.472-1.952 4.898-.672 1.163-1.632 2.325-2.968 2.64C8.4 11.783 8 13.137 8 15c0 1.81.376 3.126.693 4.007 1.597.033 2.498.183 3.313.365.881.198 1.534.4 2.966.522 1.461.125 2.896-.556 3.755-1.752l.165-.247c.991-1.606 1.815-3.35 2.082-5.334.102-.76-.57-1.56-1.674-1.56h-3.652a1.497 1.497 0 0 1-1.446-1.888c.454-1.68.868-3.178.863-4.34-.003-.56-.108-.926-.262-1.16-.136-.206-.376-.412-.895-.527-.016-.003-.043-.007-.096.031ZM5.354 11c-.421 0-.728.249-.816.558C4.278 12.476 4 13.754 4 15c0 1.247.277 2.524.538 3.442.088.309.395.558.816.558h1.229A13.591 13.591 0 0 1 6 15c0-1.683.283-3.02.58-4H5.354Z", clipRule: "evenodd" }) }));
4
4
  const ForwardRef = forwardRef(SvgThumbsUp);
5
5
  export default ForwardRef;
package/dist/icons/MediumFilled/ArrowArchedRight.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgArrowArchedRight = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M13.146 20c.47 0 .851-.184 1.311-.577l7.063-6.468c.363-.312.48-.657.48-.955 0-.298-.117-.643-.48-.963l-7.063-6.404C13.95 4.184 13.626 4 13.164 4 12.48 4 12 4.504 12 5.12v3.586h-.504C4.929 8.707 2 12.36 2 17c0 1 .5 2 1.019 2 .518 0 .861-.12 1.194-.697C5.779 15.56 9 14.5 12 15v3.934c0 .617.48 1.066 1.146 1.066Z", clipRule: "evenodd" }) }));
3
+ const SvgArrowArchedRight = (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: "M12.303 5c0-1.803 2.198-2.685 3.445-1.383l6.696 7a2 2 0 0 1 0 2.765l-6.696 7c-1.247 1.301-3.444.42-3.445-1.384v-2.882a1.762 1.762 0 0 0-.233-.029c-.479-.03-1.369.072-2.843.733-2.202.986-3.667 2.5-4.393 3.394-.36.443-.912.633-1.426.55a1.432 1.432 0 0 1-1.18-1.118c-.336-1.542-.594-4.6 1.492-7.653 1.3-1.9 3.267-2.952 5.01-3.54 1.4-.472 2.72-.666 3.573-.746V5Z" }) }));
4
4
  const ForwardRef = forwardRef(SvgArrowArchedRight);
5
5
  export default ForwardRef;
package/dist/icons/MediumFilled/ThumbsDown.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgThumbsDown = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M18.996 8.5c0-1.578-.248-2.687-.522-3.5h1.286c.396 0 .655.215.734.458.245.758.502 1.843.502 3.042 0 1.199-.257 2.284-.502 3.042-.079.243-.337.458-.734.458h-1.287c.273-.814.523-1.928.523-3.5Zm-8.34 13.366c1.316.292 2.32-.686 2.616-1.663.492-1.63 1.067-3.263 1.767-4.474.737-1.276 1.403-1.729 1.957-1.729h2.764c1.12 0 2.249-.644 2.637-1.843.286-.885.6-2.185.6-3.657s-.314-2.772-.6-3.658C22.009 3.644 20.879 3 19.76 3h-2.764c-2.075 0-2.946-.177-3.788-.373L13 2.58c-.867-.204-1.822-.43-3.77-.527-1.648-.083-3.373.47-4.549 1.784-1.57 1.753-2.526 3.775-2.733 6.383C1.77 12.462 3.718 14 5.701 14h2.991c-.379 1.406-.767 2.942-.76 4.24.004.769.142 1.57.593 2.252.47.71 1.197 1.167 2.13 1.374Z", clipRule: "evenodd" }) }));
3
+ const SvgThumbsDown = (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', fillRule: "evenodd", d: "M18.996 8.5c0-1.578-.248-2.687-.522-3.5h1.286c.396 0 .655.215.734.458.245.758.502 1.843.502 3.042 0 1.199-.257 2.284-.502 3.042-.079.243-.337.458-.734.458h-1.287c.273-.814.523-1.928.523-3.5Zm-8.34 13.366c1.316.292 2.32-.686 2.616-1.663.492-1.63 1.067-3.263 1.767-4.475.737-1.275 1.403-1.728 1.957-1.728h2.764c1.12 0 2.249-.644 2.637-1.843.286-.885.6-2.185.6-3.657s-.314-2.772-.6-3.658C22.009 3.644 20.879 3 19.76 3h-2.764c-2.075 0-2.946-.177-3.788-.373L13 2.578c-.867-.204-1.822-.428-3.77-.526-1.648-.084-3.373.47-4.549 1.783-1.57 1.754-2.526 3.776-2.733 6.384C1.77 12.462 3.718 14 5.701 14h2.991c-.379 1.407-.767 2.942-.76 4.241.004.769.142 1.57.593 2.252.47.71 1.197 1.167 2.13 1.374Z", clipRule: "evenodd" }) }));
4
4
  const ForwardRef = forwardRef(SvgThumbsDown);
5
5
  export default ForwardRef;
package/dist/icons/MediumFilled/ThumbsUp.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { forwardRef } from 'react';
3
- const SvgThumbsUp = (props, ref) => (_jsx("svg", { width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", role: "img", ref: ref, ...props, children: _jsx("path", { fill: props.color || '#909090', fillRule: "evenodd", d: "M6 15.5c0 1.578.248 2.686.522 3.5H5.236c-.396 0-.655-.215-.733-.458C4.257 17.784 4 16.699 4 15.5c0-1.2.257-2.284.503-3.042.078-.243.337-.458.733-.458h1.287C6.25 12.814 6 13.927 6 15.5Zm8.34-13.367c-1.316-.291-2.32.686-2.615 1.663-.492 1.63-1.067 3.263-1.768 4.475C9.22 9.546 8.554 10 8 10H5.236c-1.119 0-2.249.644-2.636 1.842-.287.886-.6 2.186-.6 3.658 0 1.471.313 2.772.6 3.657C2.987 20.356 4.117 21 5.236 21H8c2.075 0 2.946.177 3.788.373l.208.048c.868.204 1.823.429 3.77.527 1.649.083 3.374-.47 4.55-1.784 1.569-1.753 2.525-3.775 2.732-6.383.178-2.243-1.77-3.781-3.753-3.781h-2.99c.378-1.407.767-2.942.76-4.24-.004-.77-.143-1.57-.594-2.252-.47-.71-1.196-1.168-2.13-1.375Z", clipRule: "evenodd" }) }));
3
+ const SvgThumbsUp = (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', fillRule: "evenodd", d: "M6 15.5c0 1.578.248 2.686.522 3.5H5.236c-.396 0-.655-.215-.733-.458C4.257 17.784 4 16.699 4 15.5c0-1.2.257-2.284.503-3.042.078-.243.337-.458.733-.458h1.287C6.25 12.814 6 13.927 6 15.5Zm8.34-13.367c-1.316-.291-2.32.686-2.615 1.663-.492 1.63-1.067 3.263-1.768 4.475C9.22 9.546 8.554 10 8 10H5.236c-1.119 0-2.249.644-2.636 1.842-.287.886-.6 2.186-.6 3.658 0 1.471.313 2.772.6 3.657C2.987 20.356 4.117 21 5.236 21H8c2.075 0 2.946.177 3.788.373l.208.048c.868.204 1.823.429 3.77.527 1.649.083 3.374-.47 4.55-1.784 1.569-1.753 2.525-3.775 2.732-6.383.178-2.243-1.77-3.781-3.753-3.781h-2.99c.378-1.407.767-2.942.76-4.24-.004-.77-.143-1.57-.594-2.252-.47-.71-1.196-1.168-2.13-1.375Z", clipRule: "evenodd" }) }));
4
4
  const ForwardRef = forwardRef(SvgThumbsUp);
5
5
  export default ForwardRef;
package/dist/tokens/mixins-modern.scss CHANGED
@@ -1,7 +1,15 @@
1
1
  @mixin bp-title-mondo {
2
2
  font-weight: var(--bp-font-weight-black);
3
3
  font-size: var(--bp-font-size-11);
4
- font-family: var(--bp-font-font-family);
4
+ font-family:
5
+ var(--bp-font-font-family),
6
+ -apple-system,
7
+ BlinkMacSystemFont,
8
+ 'San Francisco',
9
+ 'Segoe UI',
10
+ Roboto,
11
+ 'Helvetica Neue',
12
+ sans-serif;
5
13
  font-style: normal;
6
14
  line-height: var(--bp-font-line-height-07);
7
15
  letter-spacing: normal;
@@ -10,7 +18,15 @@
10
18
  @mixin bp-title-xlarge {
11
19
  font-weight: var(--bp-font-weight-black);
12
20
  font-size: var(--bp-font-size-10);
13
- font-family: var(--bp-font-font-family);
21
+ font-family:
22
+ var(--bp-font-font-family),
23
+ -apple-system,
24
+ BlinkMacSystemFont,
25
+ 'San Francisco',
26
+ 'Segoe UI',
27
+ Roboto,
28
+ 'Helvetica Neue',
29
+ sans-serif;
14
30
  font-style: normal;
15
31
  line-height: var(--bp-font-line-height-06);
16
32
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -19,7 +35,15 @@
19
35
  @mixin bp-title-large {
20
36
  font-weight: var(--bp-font-weight-bold);
21
37
  font-size: var(--bp-font-size-09);
22
- font-family: var(--bp-font-font-family);
38
+ font-family:
39
+ var(--bp-font-font-family),
40
+ -apple-system,
41
+ BlinkMacSystemFont,
42
+ 'San Francisco',
43
+ 'Segoe UI',
44
+ Roboto,
45
+ 'Helvetica Neue',
46
+ sans-serif;
23
47
  font-style: normal;
24
48
  line-height: var(--bp-font-line-height-05);
25
49
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -28,8 +52,15 @@
28
52
  @mixin bp-title-medium {
29
53
  font-weight: var(--bp-font-weight-bold);
30
54
  font-size: var(--bp-font-size-08);
31
- font-family: var(--bp-font-font-family);
32
- font-style: normal;
55
+ font-family:
56
+ var(--bp-font-font-family),
57
+ -apple-system,
58
+ BlinkMacSystemFont,
59
+ 'San Francisco',
60
+ 'Segoe UI',
61
+ Roboto,
62
+ 'Helvetica Neue',
63
+ sans-serif;
33
64
  line-height: var(--bp-font-line-height-05);
34
65
  letter-spacing: var(--bp-font-letter-spacing-01);
35
66
  }
@@ -37,8 +68,15 @@
37
68
  @mixin bp-title-small {
38
69
  font-weight: var(--bp-font-weight-bold);
39
70
  font-size: var(--bp-font-size-07);
40
- font-family: var(--bp-font-font-family);
41
- font-style: normal;
71
+ font-family:
72
+ var(--bp-font-font-family),
73
+ -apple-system,
74
+ BlinkMacSystemFont,
75
+ 'San Francisco',
76
+ 'Segoe UI',
77
+ Roboto,
78
+ 'Helvetica Neue',
79
+ sans-serif;
42
80
  line-height: var(--bp-font-line-height-04);
43
81
  letter-spacing: var(--bp-font-letter-spacing-01);
44
82
  }
@@ -46,7 +84,15 @@
46
84
  @mixin bp-subtitle {
47
85
  font-weight: var(--bp-font-weight-bold);
48
86
  font-size: var(--bp-font-size-06);
49
- font-family: var(--bp-font-font-family);
87
+ font-family:
88
+ var(--bp-font-font-family),
89
+ -apple-system,
90
+ BlinkMacSystemFont,
91
+ 'San Francisco',
92
+ 'Segoe UI',
93
+ Roboto,
94
+ 'Helvetica Neue',
95
+ sans-serif;
50
96
  font-style: normal;
51
97
  line-height: var(--bp-font-line-height-04);
52
98
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -55,7 +101,15 @@
55
101
  @mixin bp-body-large-bold {
56
102
  font-weight: var(--bp-font-weight-bold);
57
103
  font-size: var(--bp-font-size-07);
58
- font-family: var(--bp-font-font-family);
104
+ font-family:
105
+ var(--bp-font-font-family),
106
+ -apple-system,
107
+ BlinkMacSystemFont,
108
+ 'San Francisco',
109
+ 'Segoe UI',
110
+ Roboto,
111
+ 'Helvetica Neue',
112
+ sans-serif;
59
113
  font-style: normal;
60
114
  line-height: var(--bp-font-line-height-05);
61
115
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -64,7 +118,15 @@
64
118
  @mixin bp-body-large {
65
119
  font-weight: var(--bp-font-weight-regular);
66
120
  font-size: var(--bp-font-size-07);
67
- font-family: var(--bp-font-font-family);
121
+ font-family:
122
+ var(--bp-font-font-family),
123
+ -apple-system,
124
+ BlinkMacSystemFont,
125
+ 'San Francisco',
126
+ 'Segoe UI',
127
+ Roboto,
128
+ 'Helvetica Neue',
129
+ sans-serif;
68
130
  font-style: normal;
69
131
  line-height: var(--bp-font-line-height-05);
70
132
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -73,7 +135,15 @@
73
135
  @mixin bp-body-default-bold {
74
136
  font-weight: var(--bp-font-weight-bold);
75
137
  font-size: var(--bp-font-size-05);
76
- font-family: var(--bp-font-font-family);
138
+ font-family:
139
+ var(--bp-font-font-family),
140
+ -apple-system,
141
+ BlinkMacSystemFont,
142
+ 'San Francisco',
143
+ 'Segoe UI',
144
+ Roboto,
145
+ 'Helvetica Neue',
146
+ sans-serif;
77
147
  font-style: normal;
78
148
  line-height: var(--bp-font-line-height-04);
79
149
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -82,7 +152,15 @@
82
152
  @mixin bp-body-default-semibold {
83
153
  font-weight: var(--bp-font-weight-semibold);
84
154
  font-size: var(--bp-font-size-05);
85
- font-family: var(--bp-font-font-family);
155
+ font-family:
156
+ var(--bp-font-font-family),
157
+ -apple-system,
158
+ BlinkMacSystemFont,
159
+ 'San Francisco',
160
+ 'Segoe UI',
161
+ Roboto,
162
+ 'Helvetica Neue',
163
+ sans-serif;
86
164
  font-style: normal;
87
165
  line-height: var(--bp-font-line-height-04);
88
166
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -91,7 +169,15 @@
91
169
  @mixin bp-body-default {
92
170
  font-weight: var(--bp-font-weight-regular);
93
171
  font-size: var(--bp-font-size-05);
94
- font-family: var(--bp-font-font-family);
172
+ font-family:
173
+ var(--bp-font-font-family),
174
+ -apple-system,
175
+ BlinkMacSystemFont,
176
+ 'San Francisco',
177
+ 'Segoe UI',
178
+ Roboto,
179
+ 'Helvetica Neue',
180
+ sans-serif;
95
181
  font-style: normal;
96
182
  line-height: var(--bp-font-line-height-04);
97
183
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -100,7 +186,15 @@
100
186
  @mixin bp-body-small-semibold {
101
187
  font-weight: var(--bp-font-weight-semibold);
102
188
  font-size: var(--bp-font-size-04);
103
- font-family: var(--bp-font-font-family);
189
+ font-family:
190
+ var(--bp-font-font-family),
191
+ -apple-system,
192
+ BlinkMacSystemFont,
193
+ 'San Francisco',
194
+ 'Segoe UI',
195
+ Roboto,
196
+ 'Helvetica Neue',
197
+ sans-serif;
104
198
  font-style: normal;
105
199
  line-height: var(--bp-font-line-height-04);
106
200
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -109,7 +203,15 @@
109
203
  @mixin bp-body-small {
110
204
  font-weight: var(--bp-font-weight-regular);
111
205
  font-size: var(--bp-font-size-04);
112
- font-family: var(--bp-font-font-family);
206
+ font-family:
207
+ var(--bp-font-font-family),
208
+ -apple-system,
209
+ BlinkMacSystemFont,
210
+ 'San Francisco',
211
+ 'Segoe UI',
212
+ Roboto,
213
+ 'Helvetica Neue',
214
+ sans-serif;
113
215
  font-style: normal;
114
216
  line-height: var(--bp-font-line-height-04);
115
217
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -118,7 +220,15 @@
118
220
  @mixin bp-caption-bold {
119
221
  font-weight: var(--bp-font-weight-bold);
120
222
  font-size: var(--bp-font-size-03);
121
- font-family: var(--bp-font-font-family);
223
+ font-family:
224
+ var(--bp-font-font-family),
225
+ -apple-system,
226
+ BlinkMacSystemFont,
227
+ 'San Francisco',
228
+ 'Segoe UI',
229
+ Roboto,
230
+ 'Helvetica Neue',
231
+ sans-serif;
122
232
  font-style: normal;
123
233
  line-height: var(--bp-font-line-height-02);
124
234
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -127,7 +237,15 @@
127
237
  @mixin bp-caption-default {
128
238
  font-weight: var(--bp-font-weight-regular);
129
239
  font-size: var(--bp-font-size-03);
130
- font-family: var(--bp-font-font-family);
240
+ font-family:
241
+ var(--bp-font-font-family),
242
+ -apple-system,
243
+ BlinkMacSystemFont,
244
+ 'San Francisco',
245
+ 'Segoe UI',
246
+ Roboto,
247
+ 'Helvetica Neue',
248
+ sans-serif;
131
249
  font-style: normal;
132
250
  line-height: var(--bp-font-line-height-02);
133
251
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -136,7 +254,15 @@
136
254
  @mixin bp-label-bold {
137
255
  font-weight: var(--bp-font-weight-bold);
138
256
  font-size: var(--bp-font-size-02);
139
- font-family: var(--bp-font-font-family);
257
+ font-family:
258
+ var(--bp-font-font-family),
259
+ -apple-system,
260
+ BlinkMacSystemFont,
261
+ 'San Francisco',
262
+ 'Segoe UI',
263
+ Roboto,
264
+ 'Helvetica Neue',
265
+ sans-serif;
140
266
  font-style: normal;
141
267
  line-height: var(--bp-font-line-height-03);
142
268
  letter-spacing: var(--bp-font-letter-spacing-02);
@@ -145,7 +271,15 @@
145
271
  @mixin bp-label-default {
146
272
  font-weight: var(--bp-font-weight-regular);
147
273
  font-size: var(--bp-font-size-02);
148
- font-family: var(--bp-font-font-family);
274
+ font-family:
275
+ var(--bp-font-font-family),
276
+ -apple-system,
277
+ BlinkMacSystemFont,
278
+ 'San Francisco',
279
+ 'Segoe UI',
280
+ Roboto,
281
+ 'Helvetica Neue',
282
+ sans-serif;
149
283
  font-style: normal;
150
284
  line-height: var(--bp-font-line-height-03);
151
285
  letter-spacing: var(--bp-font-letter-spacing-02);
@@ -154,7 +288,15 @@
154
288
  @mixin bp-link-default {
155
289
  font-weight: var(--bp-font-weight-regular);
156
290
  font-size: var(--bp-font-size-05);
157
- font-family: var(--bp-font-font-family);
291
+ font-family:
292
+ var(--bp-font-font-family),
293
+ -apple-system,
294
+ BlinkMacSystemFont,
295
+ 'San Francisco',
296
+ 'Segoe UI',
297
+ Roboto,
298
+ 'Helvetica Neue',
299
+ sans-serif;
158
300
  font-style: normal;
159
301
  line-height: var(--bp-font-line-height-04);
160
302
  letter-spacing: var(--bp-font-letter-spacing-01);
@@ -168,7 +310,15 @@
168
310
  @mixin bp-notification-default {
169
311
  font-weight: var(--bp-font-weight-bold);
170
312
  font-size: var(--bp-font-size-01);
171
- font-family: var(--bp-font-font-family);
313
+ font-family:
314
+ var(--bp-font-font-family),
315
+ -apple-system,
316
+ BlinkMacSystemFont,
317
+ 'San Francisco',
318
+ 'Segoe UI',
319
+ Roboto,
320
+ 'Helvetica Neue',
321
+ sans-serif;
172
322
  font-style: normal;
173
323
  line-height: var(--bp-font-line-height-02);
174
324
  letter-spacing: var(--bp-font-letter-spacing-01);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@box/blueprint-web-assets",
3
- "version": "4.78.4",
3
+ "version": "4.79.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.15",
142
+ "@box/storybook-utils": "^0.14.16",
143
143
  "@types/react": "^18.0.0",
144
144
  "@types/react-dom": "^18.0.0",
145
145
  "chalk": "4.1.2",