@hopper-ui/tokens 5.1.2 → 5.1.3
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/CHANGELOG.md +10 -0
- package/dist/sharegate/tokens.css +11 -2
- package/dist/workleap/tokens.css +11 -2
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @hopper-ui/tokens
|
|
2
2
|
|
|
3
|
+
## 5.1.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 092c1a7: Add Card, Select, and Combobox component tokens for themeable branding:
|
|
8
|
+
- Add `comp-card` tokens for border radius, background color, border color, and box shadow across both variants (main, second-level)
|
|
9
|
+
- Migrate Card CSS from hardcoded semantic values to `--hop-comp-card-*` tokens
|
|
10
|
+
- Add `comp-select` tokens for active and hover states (background, border, text colors)
|
|
11
|
+
- Migrate Select and ComboBox CSS from hardcoded semantic values to `--hop-comp-select-*` and `--hop-comp-input-*` tokens.
|
|
12
|
+
|
|
3
13
|
## 5.1.2
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 11 Feb 2026
|
|
3
|
+
* Generated on Wed, 11 Feb 2026 19:58:27 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
8
|
--hop-comp-button-ghost-disabled-border-color: transparent;
|
|
8
9
|
--hop-comp-button-ghost-disabled-background-color: transparent;
|
|
9
10
|
--hop-comp-button-ghost-danger-border-color: transparent;
|
|
@@ -527,6 +528,7 @@
|
|
|
527
528
|
--hop-coastal-50: #d9efff;
|
|
528
529
|
--hop-coastal-25: #f0f8ff;
|
|
529
530
|
--hop-comp-field-border-radius: var(--hop-border-radius-2-5);
|
|
531
|
+
--hop-comp-card-main-box-shadow: var(--hop-shadow-none);
|
|
530
532
|
--hop-comp-button-danger-box-shadow: var(--hop-shadow-inset-bevel);
|
|
531
533
|
--hop-comp-button-upsell-box-shadow: var(--hop-shadow-inset-bevel);
|
|
532
534
|
--hop-comp-button-secondary-box-shadow: var(--hop-shadow-inset-bevel);
|
|
@@ -1250,9 +1252,16 @@
|
|
|
1250
1252
|
--hop-comp-field-border-color-hover: var(--hop-neutral-border-hover);
|
|
1251
1253
|
--hop-comp-field-border-color: var(--hop-neutral-border-weak);
|
|
1252
1254
|
--hop-comp-field-background-color-disabled: var(--hop-neutral-surface);
|
|
1253
|
-
--hop-comp-field-background-color-focus: var(--hop-neutral-surface-weak);
|
|
1254
1255
|
--hop-comp-field-background-color-hover: var(--hop-neutral-surface-weak-hover);
|
|
1255
1256
|
--hop-comp-field-background-color: var(--hop-neutral-surface-weak);
|
|
1257
|
+
--hop-comp-select-text-color-hover: var(--hop-neutral-text-press);
|
|
1258
|
+
--hop-comp-select-border-color-active: var(--hop-primary-border);
|
|
1259
|
+
--hop-comp-select-background-color-active: var(--hop-neutral-surface-weak-selected);
|
|
1260
|
+
--hop-comp-card-second-level-border-color: var(--hop-neutral-border-weakest);
|
|
1261
|
+
--hop-comp-card-second-level-background-color: var(--hop-neutral-surface);
|
|
1262
|
+
--hop-comp-card-main-border-color: var(--hop-neutral-surface-weakest);
|
|
1263
|
+
--hop-comp-card-main-background-color: var(--hop-neutral-surface-weakest);
|
|
1264
|
+
--hop-comp-card-border-radius: var(--hop-shape-rounded-lg);
|
|
1256
1265
|
--hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
|
|
1257
1266
|
--hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
|
|
1258
1267
|
--hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);
|
package/dist/workleap/tokens.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 11 Feb 2026
|
|
3
|
+
* Generated on Wed, 11 Feb 2026 19:58:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -522,6 +522,8 @@
|
|
|
522
522
|
--hop-coastal-75: #bae6ff;
|
|
523
523
|
--hop-coastal-50: #d9efff;
|
|
524
524
|
--hop-coastal-25: #f0f8ff;
|
|
525
|
+
--hop-comp-card-second-level-box-shadow: var(--hop-shadow-none);
|
|
526
|
+
--hop-comp-card-main-box-shadow: var(--hop-shadow-none);
|
|
525
527
|
--hop-comp-button-ghost-danger-box-shadow: var(--hop-shadow-none);
|
|
526
528
|
--hop-comp-button-ghost-secondary-box-shadow: var(--hop-shadow-none);
|
|
527
529
|
--hop-comp-button-ghost-primary-box-shadow: var(--hop-shadow-none);
|
|
@@ -1248,10 +1250,17 @@
|
|
|
1248
1250
|
--hop-comp-field-border-color-hover: var(--hop-neutral-border-hover);
|
|
1249
1251
|
--hop-comp-field-border-color: var(--hop-neutral-border);
|
|
1250
1252
|
--hop-comp-field-background-color-disabled: var(--hop-neutral-surface-disabled);
|
|
1251
|
-
--hop-comp-field-background-color-focus: var(--hop-neutral-surface);
|
|
1252
1253
|
--hop-comp-field-background-color-hover: var(--hop-neutral-surface-hover);
|
|
1253
1254
|
--hop-comp-field-background-color: var(--hop-neutral-surface);
|
|
1254
1255
|
--hop-comp-field-border-radius: var(--hop-shape-rounded-md);
|
|
1256
|
+
--hop-comp-select-text-color-hover: var(--hop-neutral-text-hover);
|
|
1257
|
+
--hop-comp-select-border-color-active: var(--hop-neutral-border-selected);
|
|
1258
|
+
--hop-comp-select-background-color-active: var(--hop-neutral-surface);
|
|
1259
|
+
--hop-comp-card-second-level-border-color: var(--hop-neutral-surface-weakest);
|
|
1260
|
+
--hop-comp-card-second-level-background-color: var(--hop-neutral-surface-weakest);
|
|
1261
|
+
--hop-comp-card-main-border-color: var(--hop-neutral-border-weak);
|
|
1262
|
+
--hop-comp-card-main-background-color: var(--hop-neutral-surface);
|
|
1263
|
+
--hop-comp-card-border-radius: var(--hop-shape-rounded-md);
|
|
1255
1264
|
--hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
|
|
1256
1265
|
--hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
|
|
1257
1266
|
--hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);
|