@viasat/beam-tokens 2.37.0 → 2.38.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-tokens",
3
- "version": "2.37.0",
3
+ "version": "2.38.1",
4
4
  "description": "Design tokens for the Beam Design System with support for CSS, SASS, and CSS-in-JS",
5
5
  "license": "MIT",
6
6
  "author": "Viasat",
package/themes/onefi.css CHANGED
@@ -2804,7 +2804,9 @@
2804
2804
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
2805
2805
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
2806
2806
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
2807
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
2807
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
2808
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
2809
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
2808
2810
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
2809
2811
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
2810
2812
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
@@ -3030,7 +3032,9 @@
3030
3032
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3031
3033
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3032
3034
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3033
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
3035
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3036
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3037
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3034
3038
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3035
3039
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3036
3040
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
@@ -3256,7 +3260,9 @@
3256
3260
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3257
3261
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3258
3262
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3259
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
3263
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3264
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3265
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3260
3266
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3261
3267
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3262
3268
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
package/tokens.css CHANGED
@@ -2554,7 +2554,9 @@
2554
2554
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
2555
2555
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
2556
2556
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
2557
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
2557
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
2558
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
2559
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
2558
2560
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
2559
2561
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
2560
2562
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
@@ -2781,7 +2783,9 @@
2781
2783
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
2782
2784
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
2783
2785
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
2784
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
2786
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
2787
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
2788
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
2785
2789
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
2786
2790
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
2787
2791
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
@@ -3008,7 +3012,9 @@
3008
3012
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3009
3013
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3010
3014
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3011
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
3015
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3016
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3017
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3012
3018
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3013
3019
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3014
3020
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
@@ -3235,7 +3241,9 @@
3235
3241
  --bm-comp-header-nav-item-typo-selected: var(--bm-sem-typo-label-sm);
3236
3242
  --bm-comp-helper-text-typo-sm: var(--bm-sem-typo-body-sm);
3237
3243
  --bm-comp-helper-text-typo-md: var(--bm-sem-typo-body-md);
3238
- --bm-comp-input-typo-default: var(--bm-sem-typo-compact-body-md);
3244
+ --bm-comp-input-typo-sm: var(--bm-sem-typo-compact-body-sm);
3245
+ --bm-comp-input-typo-md: var(--bm-sem-typo-compact-body-md);
3246
+ --bm-comp-input-typo-lg: var(--bm-sem-typo-compact-body-md);
3239
3247
  --bm-comp-input-typo-character-count: var(--bm-sem-typo-body-sm);
3240
3248
  --bm-comp-input-typo-label-choice: var(--bm-sem-typo-body-md);
3241
3249
  --bm-comp-label-typo-default: var(--bm-sem-typo-label-sm);
package/tokens.scss CHANGED
@@ -1316,6 +1316,7 @@ $bm-comp-pagination-color-fg-selected: var(
1316
1316
  $bm-comp-pagination-color-border-selected: var(
1317
1317
  --bm-comp-pagination-color-border-selected
1318
1318
  );
1319
+ $bm-comp-panel-color-bg: var(--bm-comp-panel-color-bg);
1319
1320
  $bm-comp-panel-color-heading: var(--bm-comp-panel-color-heading);
1320
1321
  $bm-comp-panel-color-description: var(--bm-comp-panel-color-description);
1321
1322
  $bm-comp-popover-color-bg: var(--bm-comp-popover-color-bg);
@@ -1868,8 +1869,12 @@ $bm-comp-helper-text-space-gap: var(--bm-comp-helper-text-space-gap);
1868
1869
  $bm-comp-helper-text-space-top: var(--bm-comp-helper-text-space-top);
1869
1870
  $bm-comp-helper-text-size-sm-icon: var(--bm-comp-helper-text-size-sm-icon);
1870
1871
  $bm-comp-helper-text-size-md-icon: var(--bm-comp-helper-text-size-md-icon);
1871
- $bm-comp-input-space-field-x: var(--bm-comp-input-space-field-x);
1872
- $bm-comp-input-space-field-y: var(--bm-comp-input-space-field-y);
1872
+ $bm-comp-input-space-field-x-sm: var(--bm-comp-input-space-field-x-sm);
1873
+ $bm-comp-input-space-field-x-md: var(--bm-comp-input-space-field-x-md);
1874
+ $bm-comp-input-space-field-x-lg: var(--bm-comp-input-space-field-x-lg);
1875
+ $bm-comp-input-space-field-y-sm: var(--bm-comp-input-space-field-y-sm);
1876
+ $bm-comp-input-space-field-y-md: var(--bm-comp-input-space-field-y-md);
1877
+ $bm-comp-input-space-field-y-lg: var(--bm-comp-input-space-field-y-lg);
1873
1878
  $bm-comp-input-space-field-gap: var(--bm-comp-input-space-field-gap);
1874
1879
  $bm-comp-input-space-choice-gap-inside: var(
1875
1880
  --bm-comp-input-space-choice-gap-inside
@@ -1881,9 +1886,13 @@ $bm-comp-input-space-choice-gap-items-x: var(
1881
1886
  --bm-comp-input-space-choice-gap-items-x
1882
1887
  );
1883
1888
  $bm-comp-input-space-choice-nudge: var(--bm-comp-input-space-choice-nudge);
1884
- $bm-comp-input-size-field-md-height: var(--bm-comp-input-size-field-md-height);
1889
+ $bm-comp-input-size-field-height-sm: var(--bm-comp-input-size-field-height-sm);
1890
+ $bm-comp-input-size-field-height-md: var(--bm-comp-input-size-field-height-md);
1891
+ $bm-comp-input-size-field-height-lg: var(--bm-comp-input-size-field-height-lg);
1885
1892
  $bm-comp-input-size-field-width: var(--bm-comp-input-size-field-width);
1886
- $bm-comp-input-size-field-icon: var(--bm-comp-input-size-field-icon);
1893
+ $bm-comp-input-size-field-icon-sm: var(--bm-comp-input-size-field-icon-sm);
1894
+ $bm-comp-input-size-field-icon-md: var(--bm-comp-input-size-field-icon-md);
1895
+ $bm-comp-input-size-field-icon-lg: var(--bm-comp-input-size-field-icon-lg);
1887
1896
  $bm-comp-input-size-field-text-area-height: var(
1888
1897
  --bm-comp-input-size-field-text-area-height
1889
1898
  );
@@ -2348,7 +2357,9 @@ $bm-comp-header-nav-item-typo-selected: var(
2348
2357
  );
2349
2358
  $bm-comp-helper-text-typo-sm: var(--bm-comp-helper-text-typo-sm);
2350
2359
  $bm-comp-helper-text-typo-md: var(--bm-comp-helper-text-typo-md);
2351
- $bm-comp-input-typo-default: var(--bm-comp-input-typo-default);
2360
+ $bm-comp-input-typo-sm: var(--bm-comp-input-typo-sm);
2361
+ $bm-comp-input-typo-md: var(--bm-comp-input-typo-md);
2362
+ $bm-comp-input-typo-lg: var(--bm-comp-input-typo-lg);
2352
2363
  $bm-comp-input-typo-character-count: var(--bm-comp-input-typo-character-count);
2353
2364
  $bm-comp-input-typo-label-choice: var(--bm-comp-input-typo-label-choice);
2354
2365
  $bm-comp-label-typo-default: var(--bm-comp-label-typo-default);
@@ -1172,19 +1172,29 @@ export declare const bmCompInputColorChoiceRadioSelectedInnerCircle = "var(--bm-
1172
1172
  export declare const bmCompInputColorChoiceRadioSelectedBgError = "var(--bm-comp-input-color-choice-radio-selected-bg-error)";
1173
1173
  export declare const bmCompInputColorChoiceRadioSelectedBorderError = "var(--bm-comp-input-color-choice-radio-selected-border-error)";
1174
1174
  export declare const bmCompInputColorChoiceRadioSelectedInnerCircleError = "var(--bm-comp-input-color-choice-radio-selected-inner-circle-error)";
1175
- export declare const bmCompInputTypoDefault = "var(--bm-comp-input-typo-default)";
1175
+ export declare const bmCompInputTypoSm = "var(--bm-comp-input-typo-sm)";
1176
+ export declare const bmCompInputTypoMd = "var(--bm-comp-input-typo-md)";
1177
+ export declare const bmCompInputTypoLg = "var(--bm-comp-input-typo-lg)";
1176
1178
  export declare const bmCompInputTypoCharacterCount = "var(--bm-comp-input-typo-character-count)";
1177
1179
  export declare const bmCompInputTypoLabelChoice = "var(--bm-comp-input-typo-label-choice)";
1178
- export declare const bmCompInputSpaceFieldX = "var(--bm-comp-input-space-field-x)";
1179
- export declare const bmCompInputSpaceFieldY = "var(--bm-comp-input-space-field-y)";
1180
+ export declare const bmCompInputSpaceFieldXSm = "var(--bm-comp-input-space-field-x-sm)";
1181
+ export declare const bmCompInputSpaceFieldXMd = "var(--bm-comp-input-space-field-x-md)";
1182
+ export declare const bmCompInputSpaceFieldXLg = "var(--bm-comp-input-space-field-x-lg)";
1183
+ export declare const bmCompInputSpaceFieldYSm = "var(--bm-comp-input-space-field-y-sm)";
1184
+ export declare const bmCompInputSpaceFieldYMd = "var(--bm-comp-input-space-field-y-md)";
1185
+ export declare const bmCompInputSpaceFieldYLg = "var(--bm-comp-input-space-field-y-lg)";
1180
1186
  export declare const bmCompInputSpaceFieldGap = "var(--bm-comp-input-space-field-gap)";
1181
1187
  export declare const bmCompInputSpaceChoiceGapInside = "var(--bm-comp-input-space-choice-gap-inside)";
1182
1188
  export declare const bmCompInputSpaceChoiceGapItemsY = "var(--bm-comp-input-space-choice-gap-items-y)";
1183
1189
  export declare const bmCompInputSpaceChoiceGapItemsX = "var(--bm-comp-input-space-choice-gap-items-x)";
1184
1190
  export declare const bmCompInputSpaceChoiceNudge = "var(--bm-comp-input-space-choice-nudge)";
1185
- export declare const bmCompInputSizeFieldMdHeight = "var(--bm-comp-input-size-field-md-height)";
1191
+ export declare const bmCompInputSizeFieldHeightSm = "var(--bm-comp-input-size-field-height-sm)";
1192
+ export declare const bmCompInputSizeFieldHeightMd = "var(--bm-comp-input-size-field-height-md)";
1193
+ export declare const bmCompInputSizeFieldHeightLg = "var(--bm-comp-input-size-field-height-lg)";
1186
1194
  export declare const bmCompInputSizeFieldWidth = "var(--bm-comp-input-size-field-width)";
1187
- export declare const bmCompInputSizeFieldIcon = "var(--bm-comp-input-size-field-icon)";
1195
+ export declare const bmCompInputSizeFieldIconSm = "var(--bm-comp-input-size-field-icon-sm)";
1196
+ export declare const bmCompInputSizeFieldIconMd = "var(--bm-comp-input-size-field-icon-md)";
1197
+ export declare const bmCompInputSizeFieldIconLg = "var(--bm-comp-input-size-field-icon-lg)";
1188
1198
  export declare const bmCompInputSizeFieldTextAreaHeight = "var(--bm-comp-input-size-field-text-area-height)";
1189
1199
  export declare const bmCompInputSizeChoiceCheckbox = "var(--bm-comp-input-size-choice-checkbox)";
1190
1200
  export declare const bmCompInputSizeChoiceRadio = "var(--bm-comp-input-size-choice-radio)";
@@ -1254,6 +1264,7 @@ export declare const bmCompPanelRadius = "var(--bm-comp-panel-radius)";
1254
1264
  export declare const bmCompPanelShadow = "var(--bm-comp-panel-shadow)";
1255
1265
  export declare const bmCompPanelTypoHeading = "var(--bm-comp-panel-typo-heading)";
1256
1266
  export declare const bmCompPanelTypoDescription = "var(--bm-comp-panel-typo-description)";
1267
+ export declare const bmCompPanelColorBg = "var(--bm-comp-panel-color-bg)";
1257
1268
  export declare const bmCompPanelColorHeading = "var(--bm-comp-panel-color-heading)";
1258
1269
  export declare const bmCompPanelColorDescription = "var(--bm-comp-panel-color-description)";
1259
1270
  export declare const bmCompPopoverColorBg = "var(--bm-comp-popover-color-bg)";
@@ -13439,7 +13439,19 @@ export declare const componentTokens: {
13439
13439
  };
13440
13440
  };
13441
13441
  typo: {
13442
- default: {
13442
+ sm: {
13443
+ type: string;
13444
+ value: string;
13445
+ attributes: {};
13446
+ path: string[];
13447
+ };
13448
+ md: {
13449
+ type: string;
13450
+ value: string;
13451
+ attributes: {};
13452
+ path: string[];
13453
+ };
13454
+ lg: {
13443
13455
  type: string;
13444
13456
  value: string;
13445
13457
  attributes: {};
@@ -13461,20 +13473,56 @@ export declare const componentTokens: {
13461
13473
  space: {
13462
13474
  field: {
13463
13475
  x: {
13464
- type: string;
13465
- value: string;
13466
- attributes: {
13467
- cssProperty: string;
13476
+ sm: {
13477
+ type: string;
13478
+ value: string;
13479
+ attributes: {
13480
+ cssProperty: string;
13481
+ };
13482
+ path: string[];
13483
+ };
13484
+ md: {
13485
+ type: string;
13486
+ value: string;
13487
+ attributes: {
13488
+ cssProperty: string;
13489
+ };
13490
+ path: string[];
13491
+ };
13492
+ lg: {
13493
+ type: string;
13494
+ value: string;
13495
+ attributes: {
13496
+ cssProperty: string;
13497
+ };
13498
+ path: string[];
13468
13499
  };
13469
- path: string[];
13470
13500
  };
13471
13501
  y: {
13472
- type: string;
13473
- value: string;
13474
- attributes: {
13475
- cssProperty: string;
13502
+ sm: {
13503
+ type: string;
13504
+ value: string;
13505
+ attributes: {
13506
+ cssProperty: string;
13507
+ };
13508
+ path: string[];
13509
+ };
13510
+ md: {
13511
+ type: string;
13512
+ value: string;
13513
+ attributes: {
13514
+ cssProperty: string;
13515
+ };
13516
+ path: string[];
13517
+ };
13518
+ lg: {
13519
+ type: string;
13520
+ value: string;
13521
+ attributes: {
13522
+ cssProperty: string;
13523
+ };
13524
+ path: string[];
13476
13525
  };
13477
- path: string[];
13478
13526
  };
13479
13527
  gap: {
13480
13528
  type: string;
@@ -13522,8 +13570,24 @@ export declare const componentTokens: {
13522
13570
  };
13523
13571
  size: {
13524
13572
  field: {
13525
- md: {
13526
- height: {
13573
+ height: {
13574
+ sm: {
13575
+ type: string;
13576
+ value: string;
13577
+ attributes: {
13578
+ cssProperty: string;
13579
+ };
13580
+ path: string[];
13581
+ };
13582
+ md: {
13583
+ type: string;
13584
+ value: string;
13585
+ attributes: {
13586
+ cssProperty: string;
13587
+ };
13588
+ path: string[];
13589
+ };
13590
+ lg: {
13527
13591
  type: string;
13528
13592
  value: string;
13529
13593
  attributes: {
@@ -13541,12 +13605,30 @@ export declare const componentTokens: {
13541
13605
  path: string[];
13542
13606
  };
13543
13607
  icon: {
13544
- type: string;
13545
- value: string;
13546
- attributes: {
13547
- cssProperty: string;
13608
+ sm: {
13609
+ type: string;
13610
+ value: string;
13611
+ attributes: {
13612
+ cssProperty: string;
13613
+ };
13614
+ path: string[];
13615
+ };
13616
+ md: {
13617
+ type: string;
13618
+ value: string;
13619
+ attributes: {
13620
+ cssProperty: string;
13621
+ };
13622
+ path: string[];
13623
+ };
13624
+ lg: {
13625
+ type: string;
13626
+ value: string;
13627
+ attributes: {
13628
+ cssProperty: string;
13629
+ };
13630
+ path: string[];
13548
13631
  };
13549
- path: string[];
13550
13632
  };
13551
13633
  "text-area": {
13552
13634
  height: {
@@ -14163,6 +14245,14 @@ export declare const componentTokens: {
14163
14245
  };
14164
14246
  };
14165
14247
  color: {
14248
+ bg: {
14249
+ value: string;
14250
+ type: string;
14251
+ attributes: {
14252
+ cssProperty: string;
14253
+ };
14254
+ path: string[];
14255
+ };
14166
14256
  heading: {
14167
14257
  value: string;
14168
14258
  type: string;