@hopper-ui/tokens 5.1.8 → 5.1.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @hopper-ui/tokens
 
+## 5.1.9
+
+### Patch Changes
+
+- 171a611: - Updated Input and Card tokens for ShareGate theme
+  - Removed border-radius.2-5 from core tokens
+  - Removed tactility-card shadow from core tokens
+
 ## 5.1.8
 
 ### Patch Changes

package/dist/sharegate/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Apr 2026 16:44:07 GMT
+ * Generated on Wed, 15 Apr 2026 18:41:52 GMT
  */
 
 :root {
@@ -11,6 +11,8 @@
   --hop-comp-segmented-control-item-box-shadow-disabled: none;
   --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%);
   --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;
+  --hop-comp-card-second-level-box-shadow: 0 1px 0 1px rgba(255, 255, 255, 0.10), 0 -1px 3px 0 rgba(0, 0, 0, 0.12) inset;
+  --hop-comp-card-main-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.10), 0 1px 0 0 rgba(255, 255, 255, 0.40) inset, 0 -1px 0 0 rgba(0, 0, 0, 0.05) inset;
   --hop-comp-button-ghost-disabled-border-color: transparent;
   --hop-comp-button-ghost-disabled-background-color: transparent;
   --hop-comp-button-ghost-danger-border-color: transparent;
@@ -315,7 +317,6 @@
   --hop-space-20: 0.125rem;
   --hop-space-10: 0.0625rem;
   --hop-space-0: 0;
-  --hop-border-radius-2-5: 0.75rem;
   --hop-border-radius-9999: 624.9375rem;
   --hop-border-radius-4: 1.5rem;
   --hop-border-radius-3: 1rem;
@@ -358,7 +359,6 @@
   --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
   --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
   --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;
-  --hop-shadow-tactility-card: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
   --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;
   --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
   --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
@@ -585,9 +585,6 @@
   --hop-coastal-25: #f0f8ff;
   --hop-comp-radio-box-shadow: var(--hop-shadow-tactility-control);
   --hop-comp-checkbox-box-shadow: var(--hop-shadow-tactility-control);
-  --hop-comp-field-border-radius: var(--hop-border-radius-2-5);
-  --hop-comp-card-second-level-box-shadow: var(--hop-shadow-tactility-card);
-  --hop-comp-card-main-box-shadow: var(--hop-shadow-none);
   --hop-comp-button-danger-box-shadow: var(--hop-shadow-tactility-button);
   --hop-comp-button-upsell-box-shadow: var(--hop-shadow-tactility-button);
   --hop-comp-button-secondary-box-shadow: var(--hop-shadow-tactility-button);
@@ -1392,12 +1389,13 @@
   --hop-comp-field-border-color-focus: var(--hop-primary-border-focus);
   --hop-comp-field-border-color-hover: var(--hop-neutral-border-hover);
   --hop-comp-field-border-color: var(--hop-neutral-border-weak);
-  --hop-comp-field-background-color-disabled: var(--hop-neutral-surface);
-  --hop-comp-field-background-color-hover: var(--hop-neutral-surface-weak-hover);
-  --hop-comp-field-background-color: var(--hop-neutral-surface-weak);
-  --hop-comp-select-text-color-hover: var(--hop-neutral-text-press);
+  --hop-comp-field-background-color-disabled: var(--hop-neutral-surface-disabled);
+  --hop-comp-field-background-color-hover: var(--hop-neutral-surface-hover);
+  --hop-comp-field-background-color: var(--hop-neutral-surface);
+  --hop-comp-field-border-radius: var(--hop-shape-rounded-md);
+  --hop-comp-select-text-color-hover: var(--hop-neutral-text-hover);
   --hop-comp-select-border-color-active: var(--hop-primary-border);
-  --hop-comp-select-background-color-active: var(--hop-neutral-surface-weak-selected);
+  --hop-comp-select-background-color-active: var(--hop-neutral-surface);
   --hop-comp-control-border-color-error: var(--hop-danger-border-strong);
   --hop-comp-control-border-color-disabled: var(--hop-neutral-border-disabled);
   --hop-comp-control-border-color-focus: var(--hop-primary-border-focus);
@@ -1425,10 +1423,11 @@
   --hop-comp-segmented-control-text-color: var(--hop-neutral-text-weakest);
   --hop-comp-segmented-control-border-radius: var(--hop-shape-rounded-md);
   --hop-comp-card-second-level-border-color: var(--hop-neutral-border-weakest);
-  --hop-comp-card-second-level-background-color: var(--hop-neutral-surface);
-  --hop-comp-card-main-border-color: var(--hop-neutral-surface-weakest);
-  --hop-comp-card-main-background-color: var(--hop-neutral-surface-weakest);
-  --hop-comp-card-border-radius: var(--hop-shape-rounded-lg);
+  --hop-comp-card-second-level-background-color: var(--hop-neutral-surface-weakest);
+  --hop-comp-card-second-level-border-radius: var(--hop-shape-rounded-lg);
+  --hop-comp-card-main-border-color: var(--hop-neutral-border-weakest);
+  --hop-comp-card-main-background-color: var(--hop-neutral-surface);
+  --hop-comp-card-main-border-radius: var(--hop-shape-rounded-lg);
   --hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
   --hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
   --hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);

package/dist/workleap/tokens.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 09 Apr 2026 16:44:07 GMT
+ * Generated on Wed, 15 Apr 2026 18:41:53 GMT
  */
 
 :root {
@@ -311,7 +311,6 @@
   --hop-space-20: 0.125rem;
   --hop-space-10: 0.0625rem;
   --hop-space-0: 0;
-  --hop-border-radius-2-5: 0.75rem;
   --hop-border-radius-9999: 624.9375rem;
   --hop-border-radius-4: 1.5rem;
   --hop-border-radius-3: 1rem;
@@ -354,7 +353,6 @@
   --hop-font-family-secondary: 'Inter', Helvetica, Arial, sans-serif;
   --hop-font-family-primary: 'ABC Favorit', Helvetica, Arial, sans-serif;
   --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;
-  --hop-shadow-tactility-card: 0 12px 12px 0 rgba(0, 0, 0, 0.05);
   --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;
   --hop-shadow-lg: 0 10px 18px 8px rgba(60, 60, 60, 0.08);
   --hop-shadow-md: 0 4px 10px 4px rgba(60, 60, 60, 0.08);
@@ -1425,9 +1423,10 @@
   --hop-comp-segmented-control-border-radius: var(--hop-shape-rounded-md);
   --hop-comp-card-second-level-border-color: var(--hop-neutral-surface-weakest);
   --hop-comp-card-second-level-background-color: var(--hop-neutral-surface-weakest);
+  --hop-comp-card-second-level-border-radius: var(--hop-shape-rounded-md);
   --hop-comp-card-main-border-color: var(--hop-neutral-border-weak);
   --hop-comp-card-main-background-color: var(--hop-neutral-surface);
-  --hop-comp-card-border-radius: var(--hop-shape-rounded-md);
+  --hop-comp-card-main-border-radius: var(--hop-shape-rounded-md);
   --hop-comp-button-ghost-disabled-text-color: var(--hop-neutral-text-disabled);
   --hop-comp-button-disabled-border-color: var(--hop-neutral-surface-disabled);
   --hop-comp-button-disabled-background-color: var(--hop-neutral-surface-disabled);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hopper-ui/tokens",
   "author": "Workleap",
-  "version": "5.1.8",
+  "version": "5.1.9",
   "description": "The tokens package.",
   "license": "Apache-2.0",
   "repository": {