@viasat/beam-tokens 2.38.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.
Files changed (10) hide show
  1. package/components/Input.css +42 -10
  2. package/components/Panel.css +2 -0
  3. package/index.cjs +2 -2
  4. package/index.js +404 -393
  5. package/package.json +1 -1
  6. package/themes/onefi.css +9 -3
  7. package/tokens.css +12 -4
  8. package/tokens.scss +16 -5
  9. package/types/lib/js/tokens.d.ts +16 -5
  10. package/types/lib/js/tokensObj.d.ts +108 -18
package/components/Input.css CHANGED
@@ -90,7 +90,15 @@
90
90
  --bm-sem-color-surface-negative-strong,
91
91
  #cc2429
92
92
  );
93
- --bm-comp-input-typo-default: var(
93
+ --bm-comp-input-typo-sm: var(
94
+ --bm-sem-typo-compact-body-sm,
95
+ 400 0.875rem/1rem "Source Sans Pro"
96
+ );
97
+ --bm-comp-input-typo-md: var(
98
+ --bm-sem-typo-compact-body-md,
99
+ 400 1rem/1.25rem "Source Sans Pro"
100
+ );
101
+ --bm-comp-input-typo-lg: var(
94
102
  --bm-sem-typo-compact-body-md,
95
103
  400 1rem/1.25rem "Source Sans Pro"
96
104
  );
@@ -102,8 +110,12 @@
102
110
  --bm-sem-typo-body-md,
103
111
  400 1rem/1.5rem "Source Sans Pro"
104
112
  );
105
- --bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);
106
- --bm-comp-input-space-field-y: var(--bm-sem-space-50, 0.5rem);
113
+ --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
114
+ --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
115
+ --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
116
+ --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
117
+ --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
118
+ --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
107
119
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
108
120
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
109
121
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
@@ -112,9 +124,13 @@
112
124
  --bm-primitive-dimension-12,
113
125
  0.125rem
114
126
  );
115
- --bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);
127
+ --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
128
+ --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
129
+ --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
116
130
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
117
- --bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);
131
+ --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
132
+ --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
133
+ --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
118
134
  --bm-comp-input-size-field-text-area-height: var(
119
135
  --bm-primitive-dimension-475,
120
136
  4.75rem
@@ -259,7 +275,15 @@
259
275
  --bm-sem-color-surface-negative-strong,
260
276
  #f67378
261
277
  );
262
- --bm-comp-input-typo-default: var(
278
+ --bm-comp-input-typo-sm: var(
279
+ --bm-sem-typo-compact-body-sm,
280
+ 400 0.875rem/1rem "Source Sans Pro"
281
+ );
282
+ --bm-comp-input-typo-md: var(
283
+ --bm-sem-typo-compact-body-md,
284
+ 400 1rem/1.25rem "Source Sans Pro"
285
+ );
286
+ --bm-comp-input-typo-lg: var(
263
287
  --bm-sem-typo-compact-body-md,
264
288
  400 1rem/1.25rem "Source Sans Pro"
265
289
  );
@@ -271,8 +295,12 @@
271
295
  --bm-sem-typo-body-md,
272
296
  400 1rem/1.5rem "Source Sans Pro"
273
297
  );
274
- --bm-comp-input-space-field-x: var(--bm-sem-space-100, 1rem);
275
- --bm-comp-input-space-field-y: var(--bm-sem-space-50, 0.5rem);
298
+ --bm-comp-input-space-field-x-sm: var(--bm-sem-space-75, 0.75rem);
299
+ --bm-comp-input-space-field-x-md: var(--bm-sem-space-100, 1rem);
300
+ --bm-comp-input-space-field-x-lg: var(--bm-sem-space-125, 1.25rem);
301
+ --bm-comp-input-space-field-y-sm: var(--bm-sem-space-25, 0.25rem);
302
+ --bm-comp-input-space-field-y-md: var(--bm-sem-space-50, 0.5rem);
303
+ --bm-comp-input-space-field-y-lg: var(--bm-sem-space-75, 0.75rem);
276
304
  --bm-comp-input-space-field-gap: var(--bm-sem-space-50, 0.5rem);
277
305
  --bm-comp-input-space-choice-gap-inside: var(--bm-sem-space-50, 0.5rem);
278
306
  --bm-comp-input-space-choice-gap-items-y: var(--bm-sem-space-50, 0.5rem);
@@ -281,9 +309,13 @@
281
309
  --bm-primitive-dimension-12,
282
310
  0.125rem
283
311
  );
284
- --bm-comp-input-size-field-md-height: var(--bm-sem-size-height-md, 2.5rem);
312
+ --bm-comp-input-size-field-height-sm: var(--bm-sem-size-height-sm, 2rem);
313
+ --bm-comp-input-size-field-height-md: var(--bm-sem-size-height-md, 2.5rem);
314
+ --bm-comp-input-size-field-height-lg: var(--bm-sem-size-height-lg, 3rem);
285
315
  --bm-comp-input-size-field-width: var(--bm-primitive-dimension-1800, 18rem);
286
- --bm-comp-input-size-field-icon: var(--bm-sem-size-icon-md, 1.25rem);
316
+ --bm-comp-input-size-field-icon-sm: var(--bm-sem-size-icon-sm, 1rem);
317
+ --bm-comp-input-size-field-icon-md: var(--bm-sem-size-icon-md, 1.25rem);
318
+ --bm-comp-input-size-field-icon-lg: var(--bm-sem-size-icon-md, 1.25rem);
287
319
  --bm-comp-input-size-field-text-area-height: var(
288
320
  --bm-primitive-dimension-475,
289
321
  4.75rem
package/components/Panel.css CHANGED
@@ -34,6 +34,7 @@
34
34
  --bm-sem-typo-body-sm,
35
35
  400 0.875rem/1.25rem "Source Sans Pro"
36
36
  );
37
+ --bm-comp-panel-color-bg: var(--bm-sem-color-surface-01, #ffffff);
37
38
  --bm-comp-panel-color-heading: var(--bm-sem-color-text-primary, #141d24);
38
39
  --bm-comp-panel-color-description: var(
39
40
  --bm-sem-color-text-secondary,
@@ -76,6 +77,7 @@
76
77
  --bm-sem-typo-body-sm,
77
78
  400 0.875rem/1.25rem "Source Sans Pro"
78
79
  );
80
+ --bm-comp-panel-color-bg: var(--bm-sem-color-surface-01, #202e39);
79
81
  --bm-comp-panel-color-heading: var(--bm-sem-color-text-primary, #ffffff);
80
82
  --bm-comp-panel-color-description: var(
81
83
  --bm-sem-color-text-secondary,