@hopper-ui/tokens 5.1.3 → 5.1.5

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 (4) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/sharegate/tokens.css +85 -7
  3. package/dist/workleap/tokens.css +80 -2
  4. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @hopper-ui/tokens
2
2
 
3
+ ## 5.1.5
4
+
5
+ ### Patch Changes
6
+
7
+ - 60c7679: Add Segmented Control and Switch component tokens for themeable branding:
8
+ - Add `comp-control` tokens for background and border colors across all states (default, hover, press, selected, disabled, error, focus)
9
+ - Add `comp-segmented-control` tokens for border radius, text color, icon color, and box shadow across states (default, selected)
10
+ - Add `comp-switch` tokens for border radius, track filter, track box shadow, thumb filter, background color, and icon colors across all states (default, hover, press, selected, disabled)
11
+ - Migrate SegmentedControl and SegmentedControlItem CSS from hardcoded semantic values to `--hop-comp-control-*` and `--hop-comp-segmented-control-*` tokens
12
+ - Migrate Switch CSS from hardcoded semantic values to `--hop-comp-control-*` and `--hop-comp-switch-*` tokens
13
+
14
+ ## 5.1.4
15
+
16
+ ### Patch Changes
17
+
18
+ - 64874a1: Add Mark, Label component tokens and tactility shadows for themeable branding:
19
+ - Add `comp-mark` tokens for background, border, check icon colors across all states (default, hover, press, focus, selected, disabled, error)
20
+ - Add `comp-checkbox` and `comp-radio` tokens for border radius and box shadow overrides
21
+ - Add `comp-label` tokens for text and icon colors across all states (default, hover, press, selected, disabled, focus, error)
22
+ - Migrate Checkbox and Radio CSS from hardcoded semantic values to `--hop-comp-mark-*` and `--hop-comp-label-*` tokens
23
+ - Rename `inset-bevel` shadow to `tactility-button` and add `tactility-card` and `tactility-control` shadow tokens
24
+
3
25
  ## 5.1.3
4
26
 
5
27
  ### Patch Changes
package/dist/sharegate/tokens.css CHANGED
@@ -1,10 +1,16 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 11 Feb 2026 19:58:27 GMT
3
+ * Generated on Tue, 17 Feb 2026 20:56:44 GMT
4
4
  */
5
5
 
6
6
  :root {
7
- --hop-comp-card-second-level-box-shadow: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
7
+ --hop-comp-switch-thumb-filter-selected: none;
8
+ --hop-comp-switch-thumb-filter: drop-shadow(2.5px 2.5px 5px rgb(0 0 0 / 5%)) drop-shadow(-2.5px -2.5px 5px rgb(255 255 255 / 50%));
9
+ --hop-comp-switch-track-box-shadow: 0.5px 1.5px 5px 0 rgb(0 0 0 / 10%) inset, -2.5px 2.5px 5px 0 rgb(255 255 255 / 50%) inset;
10
+ --hop-comp-switch-track-filter: drop-shadow(1.5px 1.5px 1.5px rgb(0 0 0 / 3%));
11
+ --hop-comp-segmented-control-item-box-shadow-disabled: none;
12
+ --hop-comp-segmented-control-item-box-shadow-selected: -2.5px -2.5px 5px 0 rgb(255 255 255 / 50%), 2.5px 2.5px 5px 0 rgb(0 0 0 / 5%);
13
+ --hop-comp-segmented-control-box-shadow: 1.5px 1.5px 1.5px 0 rgb(0 0 0 / 3%), 0.5px 1.5px 5px 0 rgb(0 0 0 / 10%) inset, -2.5px 2.5px 5px 0 rgb(255 255 255 / 50%) inset;
8
14
  --hop-comp-button-ghost-disabled-border-color: transparent;
9
15
  --hop-comp-button-ghost-disabled-background-color: transparent;
10
16
  --hop-comp-button-ghost-danger-border-color: transparent;
@@ -351,7 +357,9 @@
351
357
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
352
358
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
353
359
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
354
- --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
360
+ --hop-shadow-tactility-control: 1.5px 1.5px 1.5px 0 rgba(0, 0, 0, 0.03), -5px -5px 20px 0 rgba(255, 255, 255, 0.2), 0.5px 1.5px 5px 0 rgba(0, 0, 0, 0.1) inset, -2.5px 2.5px 5px 0 rgba(255, 255, 255, 0.5) inset;
361
+ --hop-shadow-tactility-card: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
362
+ --hop-shadow-tactility-button: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
355
363
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
356
364
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
357
365
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
@@ -527,12 +535,15 @@
527
535
  --hop-coastal-75: #bae6ff;
528
536
  --hop-coastal-50: #d9efff;
529
537
  --hop-coastal-25: #f0f8ff;
538
+ --hop-comp-radio-box-shadow: var(--hop-shadow-tactility-control);
539
+ --hop-comp-checkbox-box-shadow: var(--hop-shadow-tactility-control);
530
540
  --hop-comp-field-border-radius: var(--hop-border-radius-2-5);
541
+ --hop-comp-card-second-level-box-shadow: var(--hop-shadow-tactility-card);
531
542
  --hop-comp-card-main-box-shadow: var(--hop-shadow-none);
532
- --hop-comp-button-danger-box-shadow: var(--hop-shadow-inset-bevel);
533
- --hop-comp-button-upsell-box-shadow: var(--hop-shadow-inset-bevel);
534
- --hop-comp-button-secondary-box-shadow: var(--hop-shadow-inset-bevel);
535
- --hop-comp-button-primary-box-shadow: var(--hop-shadow-inset-bevel);
543
+ --hop-comp-button-danger-box-shadow: var(--hop-shadow-tactility-button);
544
+ --hop-comp-button-upsell-box-shadow: var(--hop-shadow-tactility-button);
545
+ --hop-comp-button-secondary-box-shadow: var(--hop-shadow-tactility-button);
546
+ --hop-comp-button-primary-box-shadow: var(--hop-shadow-tactility-button);
536
547
  --hop-shape-rounded-sm: var(--hop-border-radius-1);
537
548
  --hop-shape-rounded-md: var(--hop-border-radius-2);
538
549
  --hop-shape-rounded-lg: var(--hop-border-radius-3);
@@ -1237,6 +1248,47 @@
1237
1248
  --hop-space-stack-md: var(--hop-space-160);
1238
1249
  --hop-space-stack-sm: var(--hop-space-80);
1239
1250
  --hop-space-stack-xs: var(--hop-space-40);
1251
+ --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1252
+ --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1253
+ --hop-comp-mark-indicator-color: var(--hop-neutral-icon-selected);
1254
+ --hop-comp-mark-border-color-error-focus: var(--hop-danger-border-press);
1255
+ --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1256
+ --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1257
+ --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1258
+ --hop-comp-mark-border-color-error-press: var(--hop-danger-border-press);
1259
+ --hop-comp-mark-border-color-error: var(--hop-danger-border-strong);
1260
+ --hop-comp-mark-border-color-disabled: var(--hop-neutral-border-disabled);
1261
+ --hop-comp-mark-border-color-focus: var(--hop-primary-border-focus);
1262
+ --hop-comp-mark-border-color-selected: var(--hop-primary-border-selected);
1263
+ --hop-comp-mark-border-color-press: var(--hop-neutral-border-press);
1264
+ --hop-comp-mark-border-color-hover: var(--hop-neutral-border-hover);
1265
+ --hop-comp-mark-border-color: var(--hop-neutral-border);
1266
+ --hop-comp-mark-background-color-error: var(--hop-danger-surface-strong);
1267
+ --hop-comp-mark-background-color-disabled: var(--hop-neutral-surface-disabled);
1268
+ --hop-comp-mark-background-color-selected: var(--hop-primary-surface-selected);
1269
+ --hop-comp-mark-background-color-press: var(--hop-neutral-surface-press);
1270
+ --hop-comp-mark-background-color-hover: var(--hop-neutral-surface-hover);
1271
+ --hop-comp-mark-background-color: var(--hop-neutral-surface);
1272
+ --hop-comp-radio-border-radius: var(--hop-shape-circle);
1273
+ --hop-comp-checkbox-border-radius: var(--hop-shape-rounded-sm);
1274
+ --hop-comp-label-icon-color-error-press: var(--hop-danger-icon-weak-press);
1275
+ --hop-comp-label-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1276
+ --hop-comp-label-icon-color-error: var(--hop-danger-icon-weak);
1277
+ --hop-comp-label-icon-color-focus: var(--hop-neutral-icon-hover);
1278
+ --hop-comp-label-icon-color-disabled: var(--hop-neutral-icon-disabled);
1279
+ --hop-comp-label-icon-color-selected: var(--hop-neutral-icon);
1280
+ --hop-comp-label-icon-color-press: var(--hop-neutral-icon-press);
1281
+ --hop-comp-label-icon-color-hover: var(--hop-neutral-icon-hover);
1282
+ --hop-comp-label-icon-color: var(--hop-neutral-icon);
1283
+ --hop-comp-label-text-color-error-press: var(--hop-danger-text-weak-press);
1284
+ --hop-comp-label-text-color-error-hover: var(--hop-danger-text-weak-hover);
1285
+ --hop-comp-label-text-color-error: var(--hop-danger-text-weak);
1286
+ --hop-comp-label-text-color-focus: var(--hop-neutral-text-hover);
1287
+ --hop-comp-label-text-color-disabled: var(--hop-neutral-text-disabled);
1288
+ --hop-comp-label-text-color-selected: var(--hop-neutral-text);
1289
+ --hop-comp-label-text-color-press: var(--hop-neutral-text-press);
1290
+ --hop-comp-label-text-color-hover: var(--hop-neutral-text-hover);
1291
+ --hop-comp-label-text-color: var(--hop-neutral-text);
1240
1292
  --hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
1241
1293
  --hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
1242
1294
  --hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
@@ -1257,6 +1309,32 @@
1257
1309
  --hop-comp-select-text-color-hover: var(--hop-neutral-text-press);
1258
1310
  --hop-comp-select-border-color-active: var(--hop-primary-border);
1259
1311
  --hop-comp-select-background-color-active: var(--hop-neutral-surface-weak-selected);
1312
+ --hop-comp-control-border-color-error: var(--hop-danger-border-strong);
1313
+ --hop-comp-control-border-color-disabled: var(--hop-neutral-border-disabled);
1314
+ --hop-comp-control-border-color-focus: var(--hop-primary-border-focus);
1315
+ --hop-comp-control-border-color-selected: var(--hop-primary-border-selected);
1316
+ --hop-comp-control-border-color-press: var(--hop-neutral-border);
1317
+ --hop-comp-control-border-color-hover: var(--hop-neutral-border-weak);
1318
+ --hop-comp-control-border-color: var(--hop-neutral-border-weakest);
1319
+ --hop-comp-control-background-color-error: var(--hop-danger-surface-strong);
1320
+ --hop-comp-control-background-color-disabled: var(--hop-neutral-surface-disabled);
1321
+ --hop-comp-control-background-color-selected: var(--hop-neutral-surface);
1322
+ --hop-comp-control-background-color-press: var(--hop-neutral-surface-press);
1323
+ --hop-comp-control-background-color-hover: var(--hop-neutral-surface-hover);
1324
+ --hop-comp-control-background-color: var(--hop-neutral-surface-weakest);
1325
+ --hop-comp-switch-icon-color-disabled: var(--hop-neutral-icon-disabled);
1326
+ --hop-comp-switch-icon-color-selected: var(--hop-neutral-icon-selected);
1327
+ --hop-comp-switch-icon-color-press: var(--hop-neutral-icon-strong);
1328
+ --hop-comp-switch-icon-color-hover: var(--hop-neutral-icon-strong);
1329
+ --hop-comp-switch-icon-color: var(--hop-neutral-icon-strong);
1330
+ --hop-comp-switch-background-color-selected: var(--hop-primary-surface-selected);
1331
+ --hop-comp-switch-border-radius: var(--hop-shape-pill);
1332
+ --hop-comp-segmented-control-item-border-radius: var(--hop-shape-rounded-sm);
1333
+ --hop-comp-segmented-control-icon-color-selected: var(--hop-neutral-icon);
1334
+ --hop-comp-segmented-control-icon-color: var(--hop-neutral-icon-weakest);
1335
+ --hop-comp-segmented-control-text-color-selected: var(--hop-neutral-text);
1336
+ --hop-comp-segmented-control-text-color: var(--hop-neutral-text-weakest);
1337
+ --hop-comp-segmented-control-border-radius: var(--hop-shape-rounded-md);
1260
1338
  --hop-comp-card-second-level-border-color: var(--hop-neutral-border-weakest);
1261
1339
  --hop-comp-card-second-level-background-color: var(--hop-neutral-surface);
1262
1340
  --hop-comp-card-main-border-color: var(--hop-neutral-surface-weakest);
package/dist/workleap/tokens.css CHANGED
@@ -1,9 +1,16 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 11 Feb 2026 19:58:27 GMT
3
+ * Generated on Tue, 17 Feb 2026 20:56:44 GMT
4
4
  */
5
5
 
6
6
  :root {
7
+ --hop-comp-switch-thumb-filter-selected: none;
8
+ --hop-comp-switch-thumb-filter: none;
9
+ --hop-comp-switch-track-box-shadow: none;
10
+ --hop-comp-switch-track-filter: none;
11
+ --hop-comp-segmented-control-item-box-shadow-disabled: none;
12
+ --hop-comp-segmented-control-item-box-shadow-selected: none;
13
+ --hop-comp-segmented-control-box-shadow: none;
7
14
  --hop-comp-button-ghost-disabled-border-color: transparent;
8
15
  --hop-comp-button-ghost-disabled-background-color: transparent;
9
16
  --hop-comp-button-ghost-danger-border-color: transparent;
@@ -346,7 +353,9 @@
346
353
  --hop-font-family-tertiary: 'ABC Favorit Mono', Consolas, 'SF Mono', monospace;
347
354
  --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
348
355
  --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
349
- --hop-shadow-inset-bevel: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
356
+ --hop-shadow-tactility-control: 1.5px 1.5px 1.5px 0 rgba(0, 0, 0, 0.03), -5px -5px 20px 0 rgba(255, 255, 255, 0.2), 0.5px 1.5px 5px 0 rgba(0, 0, 0, 0.1) inset, -2.5px 2.5px 5px 0 rgba(255, 255, 255, 0.5) inset;
357
+ --hop-shadow-tactility-card: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
358
+ --hop-shadow-tactility-button: 0 2px 1px 0 rgba(255, 255, 255, 0.25) inset, 0 -2px 2px 0 rgba(0, 0, 0, 0.25) inset;
350
359
  --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
351
360
  --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
352
361
  --hop-shadow-sm: 0 1px 6px 0 rgba(60, 60, 60, 0.10);
@@ -522,6 +531,8 @@
522
531
  --hop-coastal-75: #bae6ff;
523
532
  --hop-coastal-50: #d9efff;
524
533
  --hop-coastal-25: #f0f8ff;
534
+ --hop-comp-radio-box-shadow: var(--hop-shadow-none);
535
+ --hop-comp-checkbox-box-shadow: var(--hop-shadow-none);
525
536
  --hop-comp-card-second-level-box-shadow: var(--hop-shadow-none);
526
537
  --hop-comp-card-main-box-shadow: var(--hop-shadow-none);
527
538
  --hop-comp-button-ghost-danger-box-shadow: var(--hop-shadow-none);
@@ -1235,6 +1246,47 @@
1235
1246
  --hop-space-stack-md: var(--hop-space-160);
1236
1247
  --hop-space-stack-sm: var(--hop-space-80);
1237
1248
  --hop-space-stack-xs: var(--hop-space-40);
1249
+ --hop-comp-mark-indicator-color-error: var(--hop-danger-icon-strong);
1250
+ --hop-comp-mark-indicator-color-disabled: var(--hop-neutral-icon-disabled);
1251
+ --hop-comp-mark-indicator-color: var(--hop-neutral-icon-selected);
1252
+ --hop-comp-mark-border-color-error-focus: var(--hop-danger-border-press);
1253
+ --hop-comp-mark-background-color-error-focus: var(--hop-danger-surface);
1254
+ --hop-comp-mark-background-color-error-press: var(--hop-danger-surface-weak-press);
1255
+ --hop-comp-mark-background-color-error-hover: var(--hop-danger-surface-weak-hover);
1256
+ --hop-comp-mark-border-color-error-press: var(--hop-danger-border-press);
1257
+ --hop-comp-mark-border-color-error: var(--hop-danger-border-strong);
1258
+ --hop-comp-mark-border-color-disabled: var(--hop-neutral-border-disabled);
1259
+ --hop-comp-mark-border-color-focus: var(--hop-primary-border-focus);
1260
+ --hop-comp-mark-border-color-selected: var(--hop-neutral-border-selected);
1261
+ --hop-comp-mark-border-color-press: var(--hop-neutral-border-press);
1262
+ --hop-comp-mark-border-color-hover: var(--hop-neutral-border-hover);
1263
+ --hop-comp-mark-border-color: var(--hop-neutral-border);
1264
+ --hop-comp-mark-background-color-error: var(--hop-danger-surface-strong);
1265
+ --hop-comp-mark-background-color-disabled: var(--hop-neutral-surface-disabled);
1266
+ --hop-comp-mark-background-color-selected: var(--hop-neutral-surface-selected);
1267
+ --hop-comp-mark-background-color-press: var(--hop-neutral-surface-press);
1268
+ --hop-comp-mark-background-color-hover: var(--hop-neutral-surface-hover);
1269
+ --hop-comp-mark-background-color: var(--hop-neutral-surface);
1270
+ --hop-comp-radio-border-radius: var(--hop-shape-circle);
1271
+ --hop-comp-checkbox-border-radius: var(--hop-shape-rounded-sm);
1272
+ --hop-comp-label-icon-color-error-press: var(--hop-danger-icon-weak-press);
1273
+ --hop-comp-label-icon-color-error-hover: var(--hop-danger-icon-weak-hover);
1274
+ --hop-comp-label-icon-color-error: var(--hop-danger-icon-weak);
1275
+ --hop-comp-label-icon-color-focus: var(--hop-neutral-icon-hover);
1276
+ --hop-comp-label-icon-color-disabled: var(--hop-neutral-icon-disabled);
1277
+ --hop-comp-label-icon-color-selected: var(--hop-neutral-icon);
1278
+ --hop-comp-label-icon-color-press: var(--hop-neutral-icon-press);
1279
+ --hop-comp-label-icon-color-hover: var(--hop-neutral-icon-hover);
1280
+ --hop-comp-label-icon-color: var(--hop-neutral-icon);
1281
+ --hop-comp-label-text-color-error-press: var(--hop-danger-text-weak-press);
1282
+ --hop-comp-label-text-color-error-hover: var(--hop-danger-text-weak-hover);
1283
+ --hop-comp-label-text-color-error: var(--hop-danger-text-weak);
1284
+ --hop-comp-label-text-color-focus: var(--hop-neutral-text-hover);
1285
+ --hop-comp-label-text-color-disabled: var(--hop-neutral-text-disabled);
1286
+ --hop-comp-label-text-color-selected: var(--hop-neutral-text);
1287
+ --hop-comp-label-text-color-press: var(--hop-neutral-text-press);
1288
+ --hop-comp-label-text-color-hover: var(--hop-neutral-text-hover);
1289
+ --hop-comp-label-text-color: var(--hop-neutral-text);
1238
1290
  --hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
1239
1291
  --hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
1240
1292
  --hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
@@ -1256,6 +1308,32 @@
1256
1308
  --hop-comp-select-text-color-hover: var(--hop-neutral-text-hover);
1257
1309
  --hop-comp-select-border-color-active: var(--hop-neutral-border-selected);
1258
1310
  --hop-comp-select-background-color-active: var(--hop-neutral-surface);
1311
+ --hop-comp-control-border-color-error: var(--hop-danger-border-strong);
1312
+ --hop-comp-control-border-color-disabled: var(--hop-neutral-border-disabled);
1313
+ --hop-comp-control-border-color-focus: var(--hop-primary-border-focus);
1314
+ --hop-comp-control-border-color-selected: var(--hop-neutral-border-selected);
1315
+ --hop-comp-control-border-color-press: var(--hop-neutral-border-press);
1316
+ --hop-comp-control-border-color-hover: var(--hop-neutral-border-hover);
1317
+ --hop-comp-control-border-color: var(--hop-neutral-border);
1318
+ --hop-comp-control-background-color-error: var(--hop-danger-surface-strong);
1319
+ --hop-comp-control-background-color-disabled: var(--hop-neutral-surface);
1320
+ --hop-comp-control-background-color-selected: var(--hop-neutral-surface-selected);
1321
+ --hop-comp-control-background-color-press: var(--hop-neutral-surface-press);
1322
+ --hop-comp-control-background-color-hover: var(--hop-neutral-surface-hover);
1323
+ --hop-comp-control-background-color: var(--hop-neutral-surface);
1324
+ --hop-comp-switch-icon-color-disabled: var(--hop-neutral-icon-disabled);
1325
+ --hop-comp-switch-icon-color-selected: var(--hop-neutral-icon-selected);
1326
+ --hop-comp-switch-icon-color-press: var(--hop-neutral-icon-press);
1327
+ --hop-comp-switch-icon-color-hover: var(--hop-neutral-icon-hover);
1328
+ --hop-comp-switch-icon-color: var(--hop-neutral-icon);
1329
+ --hop-comp-switch-background-color-selected: var(--hop-neutral-surface-selected);
1330
+ --hop-comp-switch-border-radius: var(--hop-shape-pill);
1331
+ --hop-comp-segmented-control-item-border-radius: var(--hop-shape-rounded-sm);
1332
+ --hop-comp-segmented-control-icon-color-selected: var(--hop-neutral-icon-selected);
1333
+ --hop-comp-segmented-control-icon-color: var(--hop-neutral-icon);
1334
+ --hop-comp-segmented-control-text-color-selected: var(--hop-neutral-text-selected);
1335
+ --hop-comp-segmented-control-text-color: var(--hop-neutral-text);
1336
+ --hop-comp-segmented-control-border-radius: var(--hop-shape-rounded-md);
1259
1337
  --hop-comp-card-second-level-border-color: var(--hop-neutral-surface-weakest);
1260
1338
  --hop-comp-card-second-level-background-color: var(--hop-neutral-surface-weakest);
1261
1339
  --hop-comp-card-main-border-color: var(--hop-neutral-border-weak);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hopper-ui/tokens",
3
3
  "author": "Workleap",
4
- "version": "5.1.3",
4
+ "version": "5.1.5",
5
5
  "description": "The tokens package.",
6
6
  "license": "Apache-2.0",
7
7
  "repository": {