@hopper-ui/tokens 5.1.1 → 5.1.2
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 +8 -0
- package/dist/sharegate/tokens.css +20 -1
- package/dist/workleap/tokens.css +20 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @hopper-ui/tokens
|
|
2
2
|
|
|
3
|
+
## 5.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 8dc9376: Add Input component tokens for themeable branding:
|
|
8
|
+
- Add `-comp-field` tokens for background, border, text, icon, placeholder, and prefill colors across all states (default, hover, focus, disabled, error)
|
|
9
|
+
- Migrate Input, InputGroup, TextArea, TextField, SearchField, NumberField, and RemainingCharacterCount CSS from hardcoded semantic values to `--hop-comp-field-*` tokens.
|
|
10
|
+
|
|
3
11
|
## 5.1.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 11 Feb 2026 16:01:41 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -526,6 +526,7 @@
|
|
|
526
526
|
--hop-coastal-75: #bae6ff;
|
|
527
527
|
--hop-coastal-50: #d9efff;
|
|
528
528
|
--hop-coastal-25: #f0f8ff;
|
|
529
|
+
--hop-comp-field-border-radius: var(--hop-border-radius-2-5);
|
|
529
530
|
--hop-comp-button-danger-box-shadow: var(--hop-shadow-inset-bevel);
|
|
530
531
|
--hop-comp-button-upsell-box-shadow: var(--hop-shadow-inset-bevel);
|
|
531
532
|
--hop-comp-button-secondary-box-shadow: var(--hop-shadow-inset-bevel);
|
|
@@ -1234,6 +1235,24 @@
|
|
|
1234
1235
|
--hop-space-stack-md: var(--hop-space-160);
|
|
1235
1236
|
--hop-space-stack-sm: var(--hop-space-80);
|
|
1236
1237
|
--hop-space-stack-xs: var(--hop-space-40);
|
|
1238
|
+
--hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
|
|
1239
|
+
--hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
|
|
1240
|
+
--hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
|
|
1241
|
+
--hop-comp-field-icon-color-press: var(--hop-neutral-icon-press);
|
|
1242
|
+
--hop-comp-field-icon-color-hover: var(--hop-neutral-icon-hover);
|
|
1243
|
+
--hop-comp-field-icon-color: var(--hop-neutral-icon);
|
|
1244
|
+
--hop-comp-field-text-color-error: var(--hop-danger-text-weak);
|
|
1245
|
+
--hop-comp-field-text-color-disabled: var(--hop-neutral-text-disabled);
|
|
1246
|
+
--hop-comp-field-text-color: var(--hop-neutral-text);
|
|
1247
|
+
--hop-comp-field-border-color-disabled: var(--hop-neutral-border-disabled);
|
|
1248
|
+
--hop-comp-field-border-color-error: var(--hop-danger-border-strong);
|
|
1249
|
+
--hop-comp-field-border-color-focus: var(--hop-primary-border-focus);
|
|
1250
|
+
--hop-comp-field-border-color-hover: var(--hop-neutral-border-hover);
|
|
1251
|
+
--hop-comp-field-border-color: var(--hop-neutral-border-weak);
|
|
1252
|
+
--hop-comp-field-background-color-disabled: var(--hop-neutral-surface);
|
|
1253
|
+
--hop-comp-field-background-color-focus: var(--hop-neutral-surface-weak);
|
|
1254
|
+
--hop-comp-field-background-color-hover: var(--hop-neutral-surface-weak-hover);
|
|
1255
|
+
--hop-comp-field-background-color: var(--hop-neutral-surface-weak);
|
|
1237
1256
|
--hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
|
|
1238
1257
|
--hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
|
|
1239
1258
|
--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
|
|
3
|
+
* Generated on Wed, 11 Feb 2026 16:01:42 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -1233,6 +1233,25 @@
|
|
|
1233
1233
|
--hop-space-stack-md: var(--hop-space-160);
|
|
1234
1234
|
--hop-space-stack-sm: var(--hop-space-80);
|
|
1235
1235
|
--hop-space-stack-xs: var(--hop-space-40);
|
|
1236
|
+
--hop-comp-field-prefill-color: var(--hop-neutral-text-weak);
|
|
1237
|
+
--hop-comp-field-placeholder-color: var(--hop-neutral-text-weakest);
|
|
1238
|
+
--hop-comp-field-icon-color-disabled: var(--hop-neutral-icon-disabled);
|
|
1239
|
+
--hop-comp-field-icon-color-press: var(--hop-neutral-icon-press);
|
|
1240
|
+
--hop-comp-field-icon-color-hover: var(--hop-neutral-icon-hover);
|
|
1241
|
+
--hop-comp-field-icon-color: var(--hop-neutral-icon);
|
|
1242
|
+
--hop-comp-field-text-color-error: var(--hop-danger-text-weak);
|
|
1243
|
+
--hop-comp-field-text-color-disabled: var(--hop-neutral-text-disabled);
|
|
1244
|
+
--hop-comp-field-text-color: var(--hop-neutral-text);
|
|
1245
|
+
--hop-comp-field-border-color-disabled: var(--hop-neutral-border-disabled);
|
|
1246
|
+
--hop-comp-field-border-color-error: var(--hop-danger-border-strong);
|
|
1247
|
+
--hop-comp-field-border-color-focus: var(--hop-primary-border-focus);
|
|
1248
|
+
--hop-comp-field-border-color-hover: var(--hop-neutral-border-hover);
|
|
1249
|
+
--hop-comp-field-border-color: var(--hop-neutral-border);
|
|
1250
|
+
--hop-comp-field-background-color-disabled: var(--hop-neutral-surface-disabled);
|
|
1251
|
+
--hop-comp-field-background-color-focus: var(--hop-neutral-surface);
|
|
1252
|
+
--hop-comp-field-background-color-hover: var(--hop-neutral-surface-hover);
|
|
1253
|
+
--hop-comp-field-background-color: var(--hop-neutral-surface);
|
|
1254
|
+
--hop-comp-field-border-radius: var(--hop-shape-rounded-md);
|
|
1236
1255
|
--hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
|
|
1237
1256
|
--hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
|
|
1238
1257
|
--hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);
|