@viasat/beam-tokens 2.30.0 → 2.36.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/components/ActionList.css +1 -1
- package/components/Avatar.css +6 -6
- package/components/Badge.css +4 -4
- package/components/Button.css +43 -49
- package/components/Chip.css +11 -11
- package/components/CloseButton.css +2 -8
- package/components/EmptyState.css +2 -2
- package/components/FileUpload.css +6 -6
- package/components/Header.css +2 -2
- package/components/Input.css +8 -8
- package/components/Link.css +8 -8
- package/components/Pagination.css +1 -1
- package/components/ProgressBar.css +2 -2
- package/components/Slider.css +6 -6
- package/components/Spinner.css +2 -2
- package/components/Stepper.css +10 -10
- package/index.cjs +2 -2
- package/index.js +1342 -1350
- package/package.json +1 -1
- package/themes/onefi.css +1415 -4698
- package/tokens.css +719 -438
- package/tokens.scss +216 -1784
- package/types/configs/components/sd.components.config.d.ts +2 -1
- package/types/configs/dimensions/sd.dimension.config.d.ts +2 -1
- package/types/lib/js/tokens.d.ts +6 -14
- package/types/lib/js/tokensObj.d.ts +41 -25
- package/types/lib/storybook-token-table/tokens.d.ts +46 -33
- package/types/utils/constants/token-types.d.ts +2 -0
|
@@ -3,7 +3,8 @@ import { OutPutFilesPaths, CommonConfig } from '../../utils';
|
|
|
3
3
|
export declare const COMMON_CONFIG: CommonConfig;
|
|
4
4
|
/**
|
|
5
5
|
* Filters tokens to only include component tokens (bm.comp.*)
|
|
6
|
-
* This excludes
|
|
6
|
+
* This excludes product-type alias tokens (bm.alias.*) which are emitted
|
|
7
|
+
* separately (tokens.css / enterprise.css / consumer.css).
|
|
7
8
|
*/
|
|
8
9
|
export declare const tokenFilter: (token: TransformedToken) => boolean;
|
|
9
10
|
declare const ComponentsConfig: Config[];
|
|
@@ -3,7 +3,8 @@ import { OutPutFilesPaths, CommonConfig } from '../../utils';
|
|
|
3
3
|
export declare const COMMON_CONFIG: CommonConfig;
|
|
4
4
|
/**
|
|
5
5
|
* Token filter to identify valid dimension tokens.
|
|
6
|
-
* Excludes font-size and
|
|
6
|
+
* Excludes font-size and product-type alias tokens (emitted separately in
|
|
7
|
+
* the product-type enterprise/consumer outputs).
|
|
7
8
|
*/
|
|
8
9
|
export declare const tokenFilter: (token: TransformedToken) => boolean;
|
|
9
10
|
/** Dimension Style Dictionary Configuration */
|
package/types/lib/js/tokens.d.ts
CHANGED
|
@@ -127,6 +127,7 @@ export declare const bmPrimitiveColorGrayAlpha300 = "var(--bm-primitive-color-gr
|
|
|
127
127
|
export declare const bmPrimitiveColorGrayAlpha400 = "var(--bm-primitive-color-gray-alpha-400)";
|
|
128
128
|
export declare const bmPrimitiveColorGrayAlpha500 = "var(--bm-primitive-color-gray-alpha-500)";
|
|
129
129
|
export declare const bmPrimitiveColorGrayAlpha600 = "var(--bm-primitive-color-gray-alpha-600)";
|
|
130
|
+
export declare const bmPrimitiveColorGrayAlpha650 = "var(--bm-primitive-color-gray-alpha-650)";
|
|
130
131
|
export declare const bmPrimitiveColorGrayAlpha700 = "var(--bm-primitive-color-gray-alpha-700)";
|
|
131
132
|
export declare const bmPrimitiveColorGrayAlpha800 = "var(--bm-primitive-color-gray-alpha-800)";
|
|
132
133
|
export declare const bmPrimitiveColorGrayAlpha900 = "var(--bm-primitive-color-gray-alpha-900)";
|
|
@@ -138,6 +139,7 @@ export declare const bmPrimitiveColorWhiteAlpha300 = "var(--bm-primitive-color-w
|
|
|
138
139
|
export declare const bmPrimitiveColorWhiteAlpha400 = "var(--bm-primitive-color-white-alpha-400)";
|
|
139
140
|
export declare const bmPrimitiveColorWhiteAlpha500 = "var(--bm-primitive-color-white-alpha-500)";
|
|
140
141
|
export declare const bmPrimitiveColorWhiteAlpha600 = "var(--bm-primitive-color-white-alpha-600)";
|
|
142
|
+
export declare const bmPrimitiveColorWhiteAlpha650 = "var(--bm-primitive-color-white-alpha-650)";
|
|
141
143
|
export declare const bmPrimitiveColorWhiteAlpha700 = "var(--bm-primitive-color-white-alpha-700)";
|
|
142
144
|
export declare const bmPrimitiveColorWhiteAlpha800 = "var(--bm-primitive-color-white-alpha-800)";
|
|
143
145
|
export declare const bmPrimitiveColorWhiteAlpha900 = "var(--bm-primitive-color-white-alpha-900)";
|
|
@@ -339,7 +341,10 @@ export declare const bmSemColorLinkPrimaryInverse = "var(--bm-sem-color-link-pri
|
|
|
339
341
|
export declare const bmSemColorLinkSecondary = "var(--bm-sem-color-link-secondary)";
|
|
340
342
|
export declare const bmSemColorLinkSecondaryInverse = "var(--bm-sem-color-link-secondary-inverse)";
|
|
341
343
|
export declare const bmSemColorActionPrimary = "var(--bm-sem-color-action-primary)";
|
|
344
|
+
export declare const bmSemColorActionPrimaryHover = "var(--bm-sem-color-action-primary-hover)";
|
|
345
|
+
export declare const bmSemColorActionPrimaryActive = "var(--bm-sem-color-action-primary-active)";
|
|
342
346
|
export declare const bmSemColorActionOnPrimary = "var(--bm-sem-color-action-onPrimary)";
|
|
347
|
+
export declare const bmSemColorActionSecondary = "var(--bm-sem-color-action-secondary)";
|
|
343
348
|
export declare const bmSemColorActionNeutral = "var(--bm-sem-color-action-neutral)";
|
|
344
349
|
export declare const bmSemColorActionNeutralSubtle = "var(--bm-sem-color-action-neutral-subtle)";
|
|
345
350
|
export declare const bmSemColorActionDestructive = "var(--bm-sem-color-action-destructive)";
|
|
@@ -387,8 +392,7 @@ export declare const bmSemRadiusSm = "var(--bm-sem-radius-sm)";
|
|
|
387
392
|
export declare const bmSemRadiusMd = "var(--bm-sem-radius-md)";
|
|
388
393
|
export declare const bmSemRadiusLg = "var(--bm-sem-radius-lg)";
|
|
389
394
|
export declare const bmSemRadiusRound = "var(--bm-sem-radius-round)";
|
|
390
|
-
export declare const
|
|
391
|
-
export declare const bmSemRadiusActionLg = "var(--bm-sem-radius-action-lg)";
|
|
395
|
+
export declare const bmSemRadiusActionDefault = "var(--bm-sem-radius-action-default)";
|
|
392
396
|
export declare const bmSemRadiusInputSm = "var(--bm-sem-radius-input-sm)";
|
|
393
397
|
export declare const bmSemRadiusInputMd = "var(--bm-sem-radius-input-md)";
|
|
394
398
|
export declare const bmSemRadiusInputLg = "var(--bm-sem-radius-input-lg)";
|
|
@@ -630,18 +634,6 @@ export declare const bmDatavizColorDivergingOpt290 = "var(--bm-dataviz-color-div
|
|
|
630
634
|
export declare const bmDatavizColorDivergingOpt2100 = "var(--bm-dataviz-color-diverging-opt2-100)";
|
|
631
635
|
export declare const bmDatavizColorDivergingOpt2Mid = "var(--bm-dataviz-color-diverging-opt2-mid)";
|
|
632
636
|
export declare const bmDatavizOpacityArea = "var(--bm-dataviz-opacity-area)";
|
|
633
|
-
export declare const bmUtilityCompBtnRadiusContainer = "var(--bm-utility-comp-btn-radius-container)";
|
|
634
|
-
export declare const bmUtilityCompBtnRadiusFocus = "var(--bm-utility-comp-btn-radius-focus)";
|
|
635
|
-
export declare const bmUtilityCompBtnSpaceSmX = "var(--bm-utility-comp-btn-space-sm-x)";
|
|
636
|
-
export declare const bmUtilityCompBtnSpaceMdX = "var(--bm-utility-comp-btn-space-md-x)";
|
|
637
|
-
export declare const bmUtilityCompBtnSpaceLgX = "var(--bm-utility-comp-btn-space-lg-x)";
|
|
638
|
-
export declare const bmUtilityCompBadgeRadius = "var(--bm-utility-comp-badge-radius)";
|
|
639
|
-
export declare const bmUtilityCompBadgeSpaceX = "var(--bm-utility-comp-badge-space-x)";
|
|
640
|
-
export declare const bmUtilityCompChipRadiusContainer = "var(--bm-utility-comp-chip-radius-container)";
|
|
641
|
-
export declare const bmUtilityCompChipRadiusFocus = "var(--bm-utility-comp-chip-radius-focus)";
|
|
642
|
-
export declare const bmUtilityCompChipSpaceSmX = "var(--bm-utility-comp-chip-space-sm-x)";
|
|
643
|
-
export declare const bmUtilityCompChipSpaceMdX = "var(--bm-utility-comp-chip-space-md-x)";
|
|
644
|
-
export declare const bmUtilityCompChipSpaceLgX = "var(--bm-utility-comp-chip-space-lg-x)";
|
|
645
637
|
export declare const bmCompAccordionColorHeading = "var(--bm-comp-accordion-color-heading)";
|
|
646
638
|
export declare const bmCompAccordionColorBody = "var(--bm-comp-accordion-color-body)";
|
|
647
639
|
export declare const bmCompAccordionColorIcon = "var(--bm-comp-accordion-color-icon)";
|
|
@@ -1053,6 +1053,14 @@ export declare const primitiveTokens: {
|
|
|
1053
1053
|
};
|
|
1054
1054
|
path: string[];
|
|
1055
1055
|
};
|
|
1056
|
+
"650": {
|
|
1057
|
+
type: string;
|
|
1058
|
+
value: string;
|
|
1059
|
+
attributes: {
|
|
1060
|
+
cssProperty: string;
|
|
1061
|
+
};
|
|
1062
|
+
path: string[];
|
|
1063
|
+
};
|
|
1056
1064
|
"700": {
|
|
1057
1065
|
type: string;
|
|
1058
1066
|
value: string;
|
|
@@ -1143,6 +1151,14 @@ export declare const primitiveTokens: {
|
|
|
1143
1151
|
};
|
|
1144
1152
|
path: string[];
|
|
1145
1153
|
};
|
|
1154
|
+
"650": {
|
|
1155
|
+
type: string;
|
|
1156
|
+
value: string;
|
|
1157
|
+
attributes: {
|
|
1158
|
+
cssProperty: string;
|
|
1159
|
+
};
|
|
1160
|
+
path: string[];
|
|
1161
|
+
};
|
|
1146
1162
|
"700": {
|
|
1147
1163
|
type: string;
|
|
1148
1164
|
value: string;
|
|
@@ -3886,7 +3902,31 @@ export declare const semanticTokens: {
|
|
|
3886
3902
|
path: string[];
|
|
3887
3903
|
comment: string;
|
|
3888
3904
|
};
|
|
3905
|
+
"primary-hover": {
|
|
3906
|
+
type: string;
|
|
3907
|
+
value: string;
|
|
3908
|
+
attributes: {
|
|
3909
|
+
cssProperty: string;
|
|
3910
|
+
};
|
|
3911
|
+
path: string[];
|
|
3912
|
+
};
|
|
3913
|
+
"primary-active": {
|
|
3914
|
+
type: string;
|
|
3915
|
+
value: string;
|
|
3916
|
+
attributes: {
|
|
3917
|
+
cssProperty: string;
|
|
3918
|
+
};
|
|
3919
|
+
path: string[];
|
|
3920
|
+
};
|
|
3889
3921
|
onPrimary: {
|
|
3922
|
+
type: string;
|
|
3923
|
+
value: string;
|
|
3924
|
+
attributes: {
|
|
3925
|
+
cssProperty: string;
|
|
3926
|
+
};
|
|
3927
|
+
path: string[];
|
|
3928
|
+
};
|
|
3929
|
+
secondary: {
|
|
3890
3930
|
type: string;
|
|
3891
3931
|
value: string;
|
|
3892
3932
|
description: string;
|
|
@@ -4964,31 +5004,7 @@ export declare const semanticTokens: {
|
|
|
4964
5004
|
comment: string;
|
|
4965
5005
|
};
|
|
4966
5006
|
action: {
|
|
4967
|
-
|
|
4968
|
-
type: string;
|
|
4969
|
-
value: string;
|
|
4970
|
-
description: string;
|
|
4971
|
-
attributes: {
|
|
4972
|
-
type: string;
|
|
4973
|
-
value: string;
|
|
4974
|
-
description: string;
|
|
4975
|
-
filePath: string;
|
|
4976
|
-
isSource: boolean;
|
|
4977
|
-
original: {
|
|
4978
|
-
type: string;
|
|
4979
|
-
value: string;
|
|
4980
|
-
description: string;
|
|
4981
|
-
};
|
|
4982
|
-
name: string;
|
|
4983
|
-
attributes: {};
|
|
4984
|
-
path: string[];
|
|
4985
|
-
comment: string;
|
|
4986
|
-
cssProperty: string;
|
|
4987
|
-
};
|
|
4988
|
-
path: string[];
|
|
4989
|
-
comment: string;
|
|
4990
|
-
};
|
|
4991
|
-
lg: {
|
|
5007
|
+
default: {
|
|
4992
5008
|
type: string;
|
|
4993
5009
|
value: string;
|
|
4994
5010
|
description: string;
|
|
@@ -2327,7 +2327,52 @@ export declare const semanticTokens: {
|
|
|
2327
2327
|
path: string[];
|
|
2328
2328
|
comment: string;
|
|
2329
2329
|
};
|
|
2330
|
+
"primary-hover": {
|
|
2331
|
+
type: string;
|
|
2332
|
+
value: string;
|
|
2333
|
+
filePath: string;
|
|
2334
|
+
isSource: boolean;
|
|
2335
|
+
original: {
|
|
2336
|
+
type: string;
|
|
2337
|
+
value: string;
|
|
2338
|
+
};
|
|
2339
|
+
name: string;
|
|
2340
|
+
attributes: {
|
|
2341
|
+
tokenCSSName: string;
|
|
2342
|
+
};
|
|
2343
|
+
path: string[];
|
|
2344
|
+
};
|
|
2345
|
+
"primary-active": {
|
|
2346
|
+
type: string;
|
|
2347
|
+
value: string;
|
|
2348
|
+
filePath: string;
|
|
2349
|
+
isSource: boolean;
|
|
2350
|
+
original: {
|
|
2351
|
+
type: string;
|
|
2352
|
+
value: string;
|
|
2353
|
+
};
|
|
2354
|
+
name: string;
|
|
2355
|
+
attributes: {
|
|
2356
|
+
tokenCSSName: string;
|
|
2357
|
+
};
|
|
2358
|
+
path: string[];
|
|
2359
|
+
};
|
|
2330
2360
|
onPrimary: {
|
|
2361
|
+
type: string;
|
|
2362
|
+
value: string;
|
|
2363
|
+
filePath: string;
|
|
2364
|
+
isSource: boolean;
|
|
2365
|
+
original: {
|
|
2366
|
+
type: string;
|
|
2367
|
+
value: string;
|
|
2368
|
+
};
|
|
2369
|
+
name: string;
|
|
2370
|
+
attributes: {
|
|
2371
|
+
tokenCSSName: string;
|
|
2372
|
+
};
|
|
2373
|
+
path: string[];
|
|
2374
|
+
};
|
|
2375
|
+
secondary: {
|
|
2331
2376
|
type: string;
|
|
2332
2377
|
value: string;
|
|
2333
2378
|
description: string;
|
|
@@ -3783,39 +3828,7 @@ export declare const semanticTokens: {
|
|
|
3783
3828
|
comment: string;
|
|
3784
3829
|
};
|
|
3785
3830
|
action: {
|
|
3786
|
-
|
|
3787
|
-
type: string;
|
|
3788
|
-
value: string;
|
|
3789
|
-
description: string;
|
|
3790
|
-
filePath: string;
|
|
3791
|
-
isSource: boolean;
|
|
3792
|
-
original: {
|
|
3793
|
-
type: string;
|
|
3794
|
-
value: string;
|
|
3795
|
-
description: string;
|
|
3796
|
-
};
|
|
3797
|
-
name: string;
|
|
3798
|
-
attributes: {
|
|
3799
|
-
type: string;
|
|
3800
|
-
value: string;
|
|
3801
|
-
description: string;
|
|
3802
|
-
filePath: string;
|
|
3803
|
-
isSource: boolean;
|
|
3804
|
-
original: {
|
|
3805
|
-
type: string;
|
|
3806
|
-
value: string;
|
|
3807
|
-
description: string;
|
|
3808
|
-
};
|
|
3809
|
-
name: string;
|
|
3810
|
-
attributes: {};
|
|
3811
|
-
path: string[];
|
|
3812
|
-
comment: string;
|
|
3813
|
-
tokenCSSName: string;
|
|
3814
|
-
};
|
|
3815
|
-
path: string[];
|
|
3816
|
-
comment: string;
|
|
3817
|
-
};
|
|
3818
|
-
lg: {
|
|
3831
|
+
default: {
|
|
3819
3832
|
type: string;
|
|
3820
3833
|
value: string;
|
|
3821
3834
|
description: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { TOKEN_CATEGORY } from './types';
|
|
2
2
|
export declare const TOKEN_CATEGORIES_SEM: {
|
|
3
3
|
readonly sem: "sem";
|
|
4
|
+
readonly alias: "alias";
|
|
4
5
|
readonly utility: "utility";
|
|
5
6
|
readonly expressive: "expressive";
|
|
6
7
|
readonly theme: "theme";
|
|
@@ -14,6 +15,7 @@ export declare const TOKEN_CATEGORIES_SEM: {
|
|
|
14
15
|
export declare const TOKEN_CATEGORIES: {
|
|
15
16
|
readonly comp: "comp";
|
|
16
17
|
readonly sem: "sem";
|
|
18
|
+
readonly alias: "alias";
|
|
17
19
|
readonly utility: "utility";
|
|
18
20
|
readonly expressive: "expressive";
|
|
19
21
|
readonly theme: "theme";
|