@vectoriox/iox-ui 5.83.1 → 5.85.0

package/src/design-core/flavor-spec.generated.ts

@@ -521,6 +521,30 @@ export const SPEC_TIERS = {
       "type": "number",
       "group": "motion",
       "desc": ""
+    },
+    {
+      "name": "dur-hover",
+      "type": "duration",
+      "group": "motion",
+      "desc": "Hover colour: links, chips (≤150ms)"
+    },
+    {
+      "name": "ease-hover",
+      "type": "easing",
+      "group": "motion",
+      "desc": "Hover colour (ease)"
+    },
+    {
+      "name": "dur-press",
+      "type": "duration",
+      "group": "motion",
+      "desc": "A press, faster than its release"
+    },
+    {
+      "name": "dur-ui",
+      "type": "duration",
+      "group": "motion",
+      "desc": "UI motion ≤300ms: a linked card, the header"
     }
   ],
   "component": [
@@ -749,6 +773,11 @@ export const SPEC_TIERS = {
       "type": "effect",
       "default": "none"
     },
+    {
+      "name": "card-shadow-raise",
+      "type": "shadow",
+      "default": "var(--iox-card-shadow-hover)"
+    },
     {
       "name": "panel-bg",
       "type": "color",
@@ -879,6 +908,11 @@ export const SPEC_TIERS = {
       "type": "size",
       "default": "0px"
     },
+    {
+      "name": "dialog-edge",
+      "type": "color",
+      "default": "var(--iox-line)"
+    },
     {
       "name": "image-radius",
       "type": "radius",
@@ -914,6 +948,31 @@ export const SPEC_TIERS = {
       "type": "keyword",
       "default": "underline 2px var(--iox-accent-text)"
     },
+    {
+      "name": "link-underline-rest",
+      "type": "number",
+      "default": "1"
+    },
+    {
+      "name": "link-underline-thickness",
+      "type": "size",
+      "default": "max(1px, 0.06em)"
+    },
+    {
+      "name": "link-underline-offset",
+      "type": "size",
+      "default": "0.12em"
+    },
+    {
+      "name": "link-current-underline",
+      "type": "color",
+      "default": "var(--iox-accent-text)"
+    },
+    {
+      "name": "link-current-underline-thickness",
+      "type": "size",
+      "default": "2px"
+    },
     {
       "name": "tabbar-bg",
       "type": "color",
@@ -1233,6 +1292,11 @@ export const SPEC_TIERS = {
       "name": "video-play-size",
       "type": "size",
       "default": "64px"
+    },
+    {
+      "name": "slider-ease",
+      "type": "easing",
+      "default": "var(--iox-ease-standard)"
     }
   ]
 } as const;
@@ -1329,7 +1393,10 @@ export const SPEC_AXES = {
       "ease-spring": "linear",
       "dur-spring": "0ms",
       "hover-lift": "0px",
-      "press-scale": "1"
+      "press-scale": "1",
+      "dur-hover": "0ms",
+      "dur-press": "0ms",
+      "dur-ui": "0ms"
     },
     "snappy": {
       "label": "Snappy",
@@ -1340,7 +1407,10 @@ export const SPEC_AXES = {
       "ease-spring": "cubic-bezier(0.2, 0, 0, 1)",
       "dur-spring": "140ms",
       "hover-lift": "-2px",
-      "press-scale": "0.97"
+      "press-scale": "0.97",
+      "dur-hover": "80ms",
+      "dur-press": "60ms",
+      "dur-ui": "140ms"
     },
     "standard": {
       "label": "Standard",
@@ -1351,7 +1421,10 @@ export const SPEC_AXES = {
       "ease-spring": "cubic-bezier(0.2, 0, 0, 1)",
       "dur-spring": "200ms",
       "hover-lift": "-2px",
-      "press-scale": "0.98"
+      "press-scale": "0.98",
+      "dur-hover": "120ms",
+      "dur-press": "90ms",
+      "dur-ui": "200ms"
     },
     "calm": {
       "label": "Calm",
@@ -1362,7 +1435,10 @@ export const SPEC_AXES = {
       "ease-spring": "cubic-bezier(0.33, 0, 0.1, 1)",
       "dur-spring": "400ms",
       "hover-lift": "0px",
-      "press-scale": "0.98"
+      "press-scale": "0.98",
+      "dur-hover": "150ms",
+      "dur-press": "120ms",
+      "dur-ui": "300ms"
     },
     "lively": {
       "label": "Lively",
@@ -1373,12 +1449,16 @@ export const SPEC_AXES = {
       "ease-spring": "linear(0, 0.018, 0.0651, 0.132, 0.2115, 0.2974, 0.3852, 0.4714, 0.5535, 0.6296, 0.6987, 0.7603, 0.8142, 0.8605, 0.8996, 0.9321, 0.9585, 0.9794, 0.9957, 1.0079, 1.0167, 1.0226, 1.0262, 1.028, 1.0284, 1.0276, 1.0262, 1.0242, 1.0219, 1.0194, 1.0169, 1.0145, 1.0122, 1.0101, 1.0082, 1.0065, 1.005, 1.0037, 1.0026, 1.0018, 1)",
       "dur-spring": "470ms",
       "hover-lift": "-3px",
-      "press-scale": "0.97"
+      "press-scale": "0.97",
+      "dur-hover": "150ms",
+      "dur-press": "100ms",
+      "dur-ui": "280ms"
     }
   },
   "motionCommon": {
     "ease-enter": "cubic-bezier(0.05, 0.7, 0.1, 1)",
-    "ease-exit": "cubic-bezier(0.3, 0, 0.8, 0.15)"
+    "ease-exit": "cubic-bezier(0.3, 0, 0.8, 0.15)",
+    "ease-hover": "ease"
   },
   "modes": [
     "light",
@@ -2603,6 +2683,7 @@ export const SPEC_A11Y = {
     "dur-slow": "0ms",
     "dur-spring": "0ms",
     "ease-spring": "linear",
+    "dur-press": "0ms",
     "hover-lift": "0px",
     "press-scale": "1",
     "card-hover-x": "0px",
@@ -3775,10 +3856,11 @@ export const SPEC_FIELD_CLASS_BASELINE = {
     "font-family": "var(--iox-font-label)",
     "font-size": "var(--iox-badge-size)",
     "font-weight": "var(--iox-weight-label)",
-    "transition": "border-color var(--iox-dur-fast) var(--iox-ease-standard), background-color var(--iox-dur-fast) var(--iox-ease-standard), color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard), opacity var(--iox-dur-fast) var(--iox-ease-standard), transform var(--iox-dur-fast) var(--iox-ease-standard)"
+    "transition": "border-color var(--iox-dur-hover) var(--iox-ease-hover), background-color var(--iox-dur-hover) var(--iox-ease-hover), color var(--iox-dur-hover) var(--iox-ease-hover), box-shadow var(--iox-dur-hover) var(--iox-ease-hover), opacity var(--iox-dur-hover) var(--iox-ease-hover), transform var(--iox-dur-fast) var(--iox-ease-standard)"
   },
   ".iox-es-field .iox-field__chip:active:not(:has(:disabled))": {
-    "transform": "scale(var(--iox-press-scale))"
+    "transform": "scale(var(--iox-press-scale))",
+    "transition-duration": "var(--iox-dur-press)"
   },
   ".iox-es-field .iox-field__chip:hover:not(:has(:disabled))": {
     "border-color": "var(--iox-text)"
@@ -3848,7 +3930,8 @@ export const SPEC_FIELD_CLASS_BASELINE = {
     "transition": "background-color var(--iox-dur-fast) var(--iox-ease-standard), color var(--iox-dur-fast) var(--iox-ease-standard), border-color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard), opacity var(--iox-dur-fast) var(--iox-ease-standard), transform var(--iox-dur-fast) var(--iox-ease-standard)"
   },
   ".iox-es-field .iox-cal .iox-cal__day:active:not([aria-disabled='true'])": {
-    "transform": "scale(var(--iox-press-scale))"
+    "transform": "scale(var(--iox-press-scale))",
+    "transition-duration": "var(--iox-dur-press)"
   },
   ".iox-es-field .iox-cal .iox-cal__day:hover:not([aria-disabled='true'])": {
     "background-color": "var(--iox-surface-2)"
@@ -4987,6 +5070,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.98"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "120ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "90ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "200ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -5302,6 +5413,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "none"
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -5484,6 +5602,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "0px"
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -5533,6 +5658,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -5980,6 +6140,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   },
@@ -6774,6 +6941,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.98"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "150ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "120ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "300ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -7104,6 +7299,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "none"
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -7289,6 +7491,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "0px"
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -7341,6 +7550,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -7794,6 +8038,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   },
@@ -8593,6 +8844,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.98"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "120ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "90ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "200ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -8914,6 +9193,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "none"
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -9098,6 +9384,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "0px"
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -9147,6 +9440,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -9596,6 +9924,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   },
@@ -10408,6 +10743,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.97"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "150ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "100ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "280ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -10736,6 +11099,13 @@ export const SPEC_FLAVOR_PACKS = [
         "value": "var(--iox-blur-surface)",
         "overridden": true
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -10931,6 +11301,13 @@ export const SPEC_FLAVOR_PACKS = [
         "value": "var(--iox-border-width)",
         "overridden": true
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -10980,6 +11357,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -11442,6 +11854,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   },
@@ -12236,6 +12655,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.97"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "150ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "100ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "280ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -12561,6 +13008,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "none"
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -12745,6 +13199,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "0px"
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -12794,6 +13255,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -13250,6 +13746,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   },
@@ -14033,6 +14536,34 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "motion",
         "value": "0.97"
       },
+      {
+        "name": "dur-hover",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "80ms"
+      },
+      {
+        "name": "ease-hover",
+        "tier": "semantic",
+        "type": "easing",
+        "group": "motion",
+        "value": "ease"
+      },
+      {
+        "name": "dur-press",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "60ms"
+      },
+      {
+        "name": "dur-ui",
+        "tier": "semantic",
+        "type": "duration",
+        "group": "motion",
+        "value": "140ms"
+      },
       {
         "name": "button-font",
         "tier": "component",
@@ -14367,6 +14898,13 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "none"
       },
+      {
+        "name": "card-shadow-raise",
+        "tier": "component",
+        "type": "shadow",
+        "group": "components",
+        "value": "var(--iox-card-shadow-hover)"
+      },
       {
         "name": "panel-bg",
         "tier": "component",
@@ -14555,6 +15093,13 @@ export const SPEC_FLAVOR_PACKS = [
         "value": "var(--iox-border-width)",
         "overridden": true
       },
+      {
+        "name": "dialog-edge",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-line)"
+      },
       {
         "name": "image-radius",
         "tier": "component",
@@ -14606,6 +15151,41 @@ export const SPEC_FLAVOR_PACKS = [
         "group": "components",
         "value": "underline 2px var(--iox-accent-text)"
       },
+      {
+        "name": "link-underline-rest",
+        "tier": "component",
+        "type": "number",
+        "group": "components",
+        "value": "1"
+      },
+      {
+        "name": "link-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "max(1px, 0.06em)"
+      },
+      {
+        "name": "link-underline-offset",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "0.12em"
+      },
+      {
+        "name": "link-current-underline",
+        "tier": "component",
+        "type": "color",
+        "group": "components",
+        "value": "var(--iox-accent-text)"
+      },
+      {
+        "name": "link-current-underline-thickness",
+        "tier": "component",
+        "type": "size",
+        "group": "components",
+        "value": "2px"
+      },
       {
         "name": "tabbar-bg",
         "tier": "component",
@@ -15067,6 +15647,13 @@ export const SPEC_FLAVOR_PACKS = [
         "type": "size",
         "group": "components",
         "value": "64px"
+      },
+      {
+        "name": "slider-ease",
+        "tier": "component",
+        "type": "easing",
+        "group": "components",
+        "value": "var(--iox-ease-standard)"
       }
     ]
   }