@vectoriox/iox-ui 5.85.0 → 5.86.1

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 (31) hide show
  1. package/actions-core/index.d.ts +30 -2
  2. package/design-core/index.d.ts +1488 -224
  3. package/fesm2022/vectoriox-iox-ui-actions-core.mjs +136 -70
  4. package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
  5. package/fesm2022/vectoriox-iox-ui-design-core.mjs +1751 -279
  6. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  7. package/fesm2022/vectoriox-iox-ui-forms-core.mjs +27 -4
  8. package/fesm2022/vectoriox-iox-ui-forms-core.mjs.map +1 -1
  9. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +223 -12
  10. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  11. package/fesm2022/vectoriox-iox-ui-scene-core.mjs +3 -4
  12. package/fesm2022/vectoriox-iox-ui-scene-core.mjs.map +1 -1
  13. package/fesm2022/vectoriox-iox-ui.mjs +1272 -69
  14. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  15. package/forms-core/index.d.ts +23 -4
  16. package/generation-core/index.d.ts +5 -1
  17. package/index.d.ts +426 -22
  18. package/package.json +1 -1
  19. package/src/actions-core/action.model.ts +1 -1
  20. package/src/actions-core/dialog-opener.ts +9 -3
  21. package/src/actions-core/element-actions.ts +25 -1
  22. package/src/actions-core/popover-opener.ts +50 -0
  23. package/src/actions-core/public-api.ts +1 -0
  24. package/src/design-core/flavor-spec.generated.ts +1750 -277
  25. package/src/forms-core/submit-lifecycle.ts +30 -3
  26. package/src/generation-core/baseline-roles.ts +1 -0
  27. package/src/generation-core/node-baselines.generated.ts +214 -8
  28. package/src/generation-core/pictures.ts +8 -4
  29. package/src/scene-core/scroll-driver.ts +2 -1
  30. package/styles/iox-design.css +216 -14
  31. package/styles/iox-forms.css +24 -2
package/fesm2022/vectoriox-iox-ui-design-core.mjs CHANGED
@@ -906,6 +906,151 @@ const SPEC_TIERS = {
906
906
  "type": "size",
907
907
  "default": "0px"
908
908
  },
909
+ {
910
+ "name": "tooltip-bg",
911
+ "type": "color",
912
+ "default": "var(--iox-text)"
913
+ },
914
+ {
915
+ "name": "tooltip-ink",
916
+ "type": "color",
917
+ "default": "var(--iox-bg)"
918
+ },
919
+ {
920
+ "name": "tooltip-radius",
921
+ "type": "radius",
922
+ "default": "var(--iox-radius-xs)"
923
+ },
924
+ {
925
+ "name": "tooltip-shadow",
926
+ "type": "shadow",
927
+ "default": "var(--iox-shadow-md)"
928
+ },
929
+ {
930
+ "name": "tooltip-size",
931
+ "type": "size",
932
+ "default": "var(--iox-size-small)"
933
+ },
934
+ {
935
+ "name": "tooltip-scale",
936
+ "type": "number",
937
+ "default": "0.97"
938
+ },
939
+ {
940
+ "name": "tooltip-ease",
941
+ "type": "easing",
942
+ "default": "var(--iox-ease-enter)"
943
+ },
944
+ {
945
+ "name": "tooltip-dur-in",
946
+ "type": "duration",
947
+ "default": "125ms"
948
+ },
949
+ {
950
+ "name": "tooltip-dur-out",
951
+ "type": "duration",
952
+ "default": "80ms"
953
+ },
954
+ {
955
+ "name": "popover-bg",
956
+ "type": "color",
957
+ "default": "var(--iox-surface)"
958
+ },
959
+ {
960
+ "name": "popover-border",
961
+ "type": "color",
962
+ "default": "var(--iox-line)"
963
+ },
964
+ {
965
+ "name": "popover-border-width",
966
+ "type": "size",
967
+ "default": "var(--iox-border-width)"
968
+ },
969
+ {
970
+ "name": "popover-radius",
971
+ "type": "radius",
972
+ "default": "var(--iox-radius-lg)"
973
+ },
974
+ {
975
+ "name": "popover-shadow",
976
+ "type": "shadow",
977
+ "default": "var(--iox-shadow-lg)"
978
+ },
979
+ {
980
+ "name": "popover-pad",
981
+ "type": "spacing",
982
+ "default": "var(--iox-space-pad)"
983
+ },
984
+ {
985
+ "name": "popover-scale",
986
+ "type": "number",
987
+ "default": "0.95"
988
+ },
989
+ {
990
+ "name": "popover-ease",
991
+ "type": "easing",
992
+ "default": "var(--iox-ease-enter)"
993
+ },
994
+ {
995
+ "name": "popover-dur-in",
996
+ "type": "duration",
997
+ "default": "200ms"
998
+ },
999
+ {
1000
+ "name": "popover-dur-out",
1001
+ "type": "duration",
1002
+ "default": "140ms"
1003
+ },
1004
+ {
1005
+ "name": "sheet-ease",
1006
+ "type": "easing",
1007
+ "default": "cubic-bezier(0.32, 0.72, 0, 1)"
1008
+ },
1009
+ {
1010
+ "name": "sheet-dur-in",
1011
+ "type": "duration",
1012
+ "default": "500ms"
1013
+ },
1014
+ {
1015
+ "name": "sheet-dur-out",
1016
+ "type": "duration",
1017
+ "default": "280ms"
1018
+ },
1019
+ {
1020
+ "name": "toast-bg",
1021
+ "type": "color",
1022
+ "default": "var(--iox-text)"
1023
+ },
1024
+ {
1025
+ "name": "toast-ink",
1026
+ "type": "color",
1027
+ "default": "var(--iox-bg)"
1028
+ },
1029
+ {
1030
+ "name": "toast-radius",
1031
+ "type": "radius",
1032
+ "default": "var(--iox-radius-md)"
1033
+ },
1034
+ {
1035
+ "name": "toast-shadow",
1036
+ "type": "shadow",
1037
+ "default": "var(--iox-shadow-lg)"
1038
+ },
1039
+ {
1040
+ "name": "toast-ease",
1041
+ "type": "easing",
1042
+ "default": "ease"
1043
+ },
1044
+ {
1045
+ "name": "toast-dur-in",
1046
+ "type": "duration",
1047
+ "default": "400ms"
1048
+ },
1049
+ {
1050
+ "name": "toast-dur-out",
1051
+ "type": "duration",
1052
+ "default": "220ms"
1053
+ },
909
1054
  {
910
1055
  "name": "dialog-edge",
911
1056
  "type": "color",
@@ -1392,7 +1537,15 @@ const SPEC_AXES = {
1392
1537
  "press-scale": "1",
1393
1538
  "dur-hover": "0ms",
1394
1539
  "dur-press": "0ms",
1395
- "dur-ui": "0ms"
1540
+ "dur-ui": "0ms",
1541
+ "tooltip-dur-in": "0ms",
1542
+ "tooltip-dur-out": "0ms",
1543
+ "popover-dur-in": "0ms",
1544
+ "popover-dur-out": "0ms",
1545
+ "sheet-dur-in": "0ms",
1546
+ "sheet-dur-out": "0ms",
1547
+ "toast-dur-in": "0ms",
1548
+ "toast-dur-out": "0ms"
1396
1549
  },
1397
1550
  "snappy": {
1398
1551
  "label": "Snappy",
@@ -1406,7 +1559,15 @@ const SPEC_AXES = {
1406
1559
  "press-scale": "0.97",
1407
1560
  "dur-hover": "80ms",
1408
1561
  "dur-press": "60ms",
1409
- "dur-ui": "140ms"
1562
+ "dur-ui": "140ms",
1563
+ "tooltip-dur-in": "100ms",
1564
+ "tooltip-dur-out": "70ms",
1565
+ "popover-dur-in": "160ms",
1566
+ "popover-dur-out": "110ms",
1567
+ "sheet-dur-in": "400ms",
1568
+ "sheet-dur-out": "240ms",
1569
+ "toast-dur-in": "320ms",
1570
+ "toast-dur-out": "180ms"
1410
1571
  },
1411
1572
  "standard": {
1412
1573
  "label": "Standard",
@@ -1420,7 +1581,15 @@ const SPEC_AXES = {
1420
1581
  "press-scale": "0.98",
1421
1582
  "dur-hover": "120ms",
1422
1583
  "dur-press": "90ms",
1423
- "dur-ui": "200ms"
1584
+ "dur-ui": "200ms",
1585
+ "tooltip-dur-in": "125ms",
1586
+ "tooltip-dur-out": "80ms",
1587
+ "popover-dur-in": "200ms",
1588
+ "popover-dur-out": "140ms",
1589
+ "sheet-dur-in": "500ms",
1590
+ "sheet-dur-out": "280ms",
1591
+ "toast-dur-in": "400ms",
1592
+ "toast-dur-out": "220ms"
1424
1593
  },
1425
1594
  "calm": {
1426
1595
  "label": "Calm",
@@ -1434,7 +1603,15 @@ const SPEC_AXES = {
1434
1603
  "press-scale": "0.98",
1435
1604
  "dur-hover": "150ms",
1436
1605
  "dur-press": "120ms",
1437
- "dur-ui": "300ms"
1606
+ "dur-ui": "300ms",
1607
+ "tooltip-dur-in": "160ms",
1608
+ "tooltip-dur-out": "110ms",
1609
+ "popover-dur-in": "260ms",
1610
+ "popover-dur-out": "180ms",
1611
+ "sheet-dur-in": "600ms",
1612
+ "sheet-dur-out": "340ms",
1613
+ "toast-dur-in": "480ms",
1614
+ "toast-dur-out": "280ms"
1438
1615
  },
1439
1616
  "lively": {
1440
1617
  "label": "Lively",
@@ -1448,7 +1625,15 @@ const SPEC_AXES = {
1448
1625
  "press-scale": "0.97",
1449
1626
  "dur-hover": "150ms",
1450
1627
  "dur-press": "100ms",
1451
- "dur-ui": "280ms"
1628
+ "dur-ui": "280ms",
1629
+ "tooltip-dur-in": "140ms",
1630
+ "tooltip-dur-out": "90ms",
1631
+ "popover-dur-in": "220ms",
1632
+ "popover-dur-out": "150ms",
1633
+ "sheet-dur-in": "500ms",
1634
+ "sheet-dur-out": "280ms",
1635
+ "toast-dur-in": "400ms",
1636
+ "toast-dur-out": "220ms"
1452
1637
  }
1453
1638
  },
1454
1639
  "motionCommon": {
@@ -3359,6 +3544,54 @@ const SPEC_ELEMENT_STYLES = [
3359
3544
  "borderColor": "var(--iox-dialog-border)"
3360
3545
  }
3361
3546
  },
3547
+ {
3548
+ "id": "popover",
3549
+ "label": "Popover",
3550
+ "group": "Overlays",
3551
+ "appliesTo": [
3552
+ "Popover"
3553
+ ],
3554
+ "base": {
3555
+ "backgroundColor": "var(--iox-popover-bg)",
3556
+ "color": "var(--iox-text)",
3557
+ "borderRadius": "var(--iox-popover-radius)",
3558
+ "boxShadow": "var(--iox-popover-shadow)",
3559
+ "padding": "var(--iox-popover-pad)",
3560
+ "borderWidth": "var(--iox-popover-border-width)",
3561
+ "borderStyle": "solid",
3562
+ "borderColor": "var(--iox-popover-border)"
3563
+ }
3564
+ },
3565
+ {
3566
+ "id": "tooltip",
3567
+ "label": "Tooltip",
3568
+ "group": "Floating",
3569
+ "appliesTo": [],
3570
+ "base": {
3571
+ "backgroundColor": "var(--iox-tooltip-bg)",
3572
+ "color": "var(--iox-tooltip-ink)",
3573
+ "borderRadius": "var(--iox-tooltip-radius)",
3574
+ "boxShadow": "var(--iox-tooltip-shadow)",
3575
+ "fontFamily": "var(--iox-font-body)",
3576
+ "fontSize": "var(--iox-tooltip-size)",
3577
+ "fontWeight": "var(--iox-weight-strong)"
3578
+ }
3579
+ },
3580
+ {
3581
+ "id": "toast",
3582
+ "label": "Toast",
3583
+ "group": "Floating",
3584
+ "appliesTo": [],
3585
+ "base": {
3586
+ "backgroundColor": "var(--iox-toast-bg)",
3587
+ "color": "var(--iox-toast-ink)",
3588
+ "borderRadius": "var(--iox-toast-radius)",
3589
+ "boxShadow": "var(--iox-toast-shadow)",
3590
+ "fontFamily": "var(--iox-font-body)",
3591
+ "fontSize": "var(--iox-size-body)",
3592
+ "fontWeight": "var(--iox-weight-strong)"
3593
+ }
3594
+ },
3362
3595
  {
3363
3596
  "id": "form",
3364
3597
  "label": "Form",
@@ -3619,6 +3852,7 @@ const SPEC_DEFAULT_ELEMENT_STYLE = {
3619
3852
  "Divider": "rule",
3620
3853
  "Icon": "icon",
3621
3854
  "Dialog": "dialog",
3855
+ "Popover": "popover",
3622
3856
  "Form": "form",
3623
3857
  "Field": "field",
3624
3858
  "FormSuccess": "notice-success",
@@ -3937,6 +4171,26 @@ const SPEC_FIELD_CLASS_BASELINE = {
3937
4171
  "outline-offset": "2px"
3938
4172
  }
3939
4173
  };
4174
+ const SPEC_FLOATING_BASELINE = {
4175
+ ".iox-es-tooltip": {
4176
+ "background-color": "var(--iox-tooltip-bg)",
4177
+ "color": "var(--iox-tooltip-ink)",
4178
+ "border-radius": "var(--iox-tooltip-radius)",
4179
+ "box-shadow": "var(--iox-tooltip-shadow)",
4180
+ "font-family": "var(--iox-font-body)",
4181
+ "font-size": "var(--iox-tooltip-size)",
4182
+ "font-weight": "var(--iox-weight-strong)"
4183
+ },
4184
+ ".iox-es-toast": {
4185
+ "background-color": "var(--iox-toast-bg)",
4186
+ "color": "var(--iox-toast-ink)",
4187
+ "border-radius": "var(--iox-toast-radius)",
4188
+ "box-shadow": "var(--iox-toast-shadow)",
4189
+ "font-family": "var(--iox-font-body)",
4190
+ "font-size": "var(--iox-size-body)",
4191
+ "font-weight": "var(--iox-weight-strong)"
4192
+ }
4193
+ };
3940
4194
  const SPEC_INK_SCOPES = [
3941
4195
  {
3942
4196
  "styles": [
@@ -5582,196 +5836,399 @@ const SPEC_FLAVOR_PACKS = [
5582
5836
  "value": "0px"
5583
5837
  },
5584
5838
  {
5585
- "name": "dialog-edge",
5839
+ "name": "tooltip-bg",
5586
5840
  "tier": "component",
5587
5841
  "type": "color",
5588
5842
  "group": "components",
5589
- "value": "var(--iox-line)"
5843
+ "value": "var(--iox-text)"
5590
5844
  },
5591
5845
  {
5592
- "name": "image-radius",
5846
+ "name": "tooltip-ink",
5847
+ "tier": "component",
5848
+ "type": "color",
5849
+ "group": "components",
5850
+ "value": "var(--iox-bg)"
5851
+ },
5852
+ {
5853
+ "name": "tooltip-radius",
5593
5854
  "tier": "component",
5594
5855
  "type": "radius",
5595
5856
  "group": "components",
5596
- "value": "var(--iox-radius-md)"
5857
+ "value": "var(--iox-radius-xs)"
5597
5858
  },
5598
5859
  {
5599
- "name": "image-hover-scale",
5860
+ "name": "tooltip-shadow",
5600
5861
  "tier": "component",
5601
- "type": "number",
5862
+ "type": "shadow",
5602
5863
  "group": "components",
5603
- "value": "1"
5864
+ "value": "var(--iox-shadow-md)"
5604
5865
  },
5605
5866
  {
5606
- "name": "link-color",
5867
+ "name": "tooltip-size",
5607
5868
  "tier": "component",
5608
- "type": "color",
5869
+ "type": "size",
5609
5870
  "group": "components",
5610
- "value": "var(--iox-accent-text)"
5871
+ "value": "var(--iox-size-small)"
5611
5872
  },
5612
5873
  {
5613
- "name": "link-hover-color",
5874
+ "name": "tooltip-scale",
5614
5875
  "tier": "component",
5615
- "type": "color",
5876
+ "type": "number",
5616
5877
  "group": "components",
5617
- "value": "var(--iox-text)"
5878
+ "value": "0.97"
5618
5879
  },
5619
5880
  {
5620
- "name": "link-decoration",
5881
+ "name": "tooltip-ease",
5621
5882
  "tier": "component",
5622
- "type": "keyword",
5883
+ "type": "easing",
5623
5884
  "group": "components",
5624
- "value": "underline"
5885
+ "value": "var(--iox-ease-enter)"
5625
5886
  },
5626
5887
  {
5627
- "name": "link-current-color",
5888
+ "name": "tooltip-dur-in",
5628
5889
  "tier": "component",
5629
- "type": "color",
5890
+ "type": "duration",
5630
5891
  "group": "components",
5631
- "value": "var(--iox-text)"
5892
+ "value": "125ms"
5632
5893
  },
5633
5894
  {
5634
- "name": "link-current-decoration",
5895
+ "name": "tooltip-dur-out",
5635
5896
  "tier": "component",
5636
- "type": "keyword",
5897
+ "type": "duration",
5637
5898
  "group": "components",
5638
- "value": "underline 2px var(--iox-accent-text)"
5899
+ "value": "80ms"
5639
5900
  },
5640
5901
  {
5641
- "name": "link-underline-rest",
5902
+ "name": "popover-bg",
5642
5903
  "tier": "component",
5643
- "type": "number",
5904
+ "type": "color",
5644
5905
  "group": "components",
5645
- "value": "1"
5906
+ "value": "var(--iox-surface)"
5646
5907
  },
5647
5908
  {
5648
- "name": "link-underline-thickness",
5909
+ "name": "popover-border",
5649
5910
  "tier": "component",
5650
- "type": "size",
5911
+ "type": "color",
5651
5912
  "group": "components",
5652
- "value": "max(1px, 0.06em)"
5913
+ "value": "var(--iox-line)"
5653
5914
  },
5654
5915
  {
5655
- "name": "link-underline-offset",
5916
+ "name": "popover-border-width",
5656
5917
  "tier": "component",
5657
5918
  "type": "size",
5658
5919
  "group": "components",
5659
- "value": "0.12em"
5920
+ "value": "var(--iox-border-width)"
5660
5921
  },
5661
5922
  {
5662
- "name": "link-current-underline",
5923
+ "name": "popover-radius",
5663
5924
  "tier": "component",
5664
- "type": "color",
5925
+ "type": "radius",
5665
5926
  "group": "components",
5666
- "value": "var(--iox-accent-text)"
5927
+ "value": "var(--iox-radius-lg)"
5667
5928
  },
5668
5929
  {
5669
- "name": "link-current-underline-thickness",
5930
+ "name": "popover-shadow",
5670
5931
  "tier": "component",
5671
- "type": "size",
5932
+ "type": "shadow",
5672
5933
  "group": "components",
5673
- "value": "2px"
5934
+ "value": "var(--iox-shadow-lg)"
5674
5935
  },
5675
5936
  {
5676
- "name": "tabbar-bg",
5937
+ "name": "popover-pad",
5677
5938
  "tier": "component",
5678
- "type": "color",
5939
+ "type": "spacing",
5679
5940
  "group": "components",
5680
- "value": "var(--iox-nav-bg)"
5941
+ "value": "var(--iox-space-pad)"
5681
5942
  },
5682
5943
  {
5683
- "name": "tabbar-border",
5944
+ "name": "popover-scale",
5684
5945
  "tier": "component",
5685
- "type": "color",
5946
+ "type": "number",
5686
5947
  "group": "components",
5687
- "value": "var(--iox-nav-border)"
5948
+ "value": "0.95"
5688
5949
  },
5689
5950
  {
5690
- "name": "tabbar-border-width",
5951
+ "name": "popover-ease",
5691
5952
  "tier": "component",
5692
- "type": "size",
5953
+ "type": "easing",
5693
5954
  "group": "components",
5694
- "value": "var(--iox-border-width) 0px 0px 0px"
5955
+ "value": "var(--iox-ease-enter)"
5695
5956
  },
5696
5957
  {
5697
- "name": "tabbar-radius",
5958
+ "name": "popover-dur-in",
5698
5959
  "tier": "component",
5699
- "type": "radius",
5960
+ "type": "duration",
5700
5961
  "group": "components",
5701
- "value": "0px"
5962
+ "value": "200ms"
5702
5963
  },
5703
5964
  {
5704
- "name": "tabbar-shadow",
5965
+ "name": "popover-dur-out",
5705
5966
  "tier": "component",
5706
- "type": "shadow",
5967
+ "type": "duration",
5707
5968
  "group": "components",
5708
- "value": "none"
5969
+ "value": "140ms"
5709
5970
  },
5710
5971
  {
5711
- "name": "tabbar-backdrop",
5972
+ "name": "sheet-ease",
5712
5973
  "tier": "component",
5713
- "type": "effect",
5974
+ "type": "easing",
5714
5975
  "group": "components",
5715
- "value": "var(--iox-nav-backdrop)"
5976
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
5716
5977
  },
5717
5978
  {
5718
- "name": "tabbar-inset",
5979
+ "name": "sheet-dur-in",
5719
5980
  "tier": "component",
5720
- "type": "size",
5981
+ "type": "duration",
5721
5982
  "group": "components",
5722
- "value": "0px"
5983
+ "value": "500ms"
5723
5984
  },
5724
5985
  {
5725
- "name": "tabbar-height",
5986
+ "name": "sheet-dur-out",
5726
5987
  "tier": "component",
5727
- "type": "size",
5988
+ "type": "duration",
5728
5989
  "group": "components",
5729
- "value": "64px"
5990
+ "value": "280ms"
5730
5991
  },
5731
5992
  {
5732
- "name": "tabbar-item-ink",
5993
+ "name": "toast-bg",
5733
5994
  "tier": "component",
5734
5995
  "type": "color",
5735
5996
  "group": "components",
5736
- "value": "var(--iox-text-muted)"
5997
+ "value": "var(--iox-text)"
5737
5998
  },
5738
5999
  {
5739
- "name": "tabbar-item-current-ink",
6000
+ "name": "toast-ink",
5740
6001
  "tier": "component",
5741
6002
  "type": "color",
5742
6003
  "group": "components",
5743
- "value": "var(--iox-accent-text)"
6004
+ "value": "var(--iox-bg)"
5744
6005
  },
5745
6006
  {
5746
- "name": "tabbar-indicator",
6007
+ "name": "toast-radius",
5747
6008
  "tier": "component",
5748
- "type": "color",
6009
+ "type": "radius",
5749
6010
  "group": "components",
5750
- "value": "var(--iox-surface-2)"
6011
+ "value": "var(--iox-radius-md)"
5751
6012
  },
5752
6013
  {
5753
- "name": "tabbar-label-size",
6014
+ "name": "toast-shadow",
5754
6015
  "tier": "component",
5755
- "type": "size",
6016
+ "type": "shadow",
5756
6017
  "group": "components",
5757
- "value": "var(--iox-size-label)"
6018
+ "value": "var(--iox-shadow-lg)"
5758
6019
  },
5759
6020
  {
5760
- "name": "accordion-gap",
6021
+ "name": "toast-ease",
5761
6022
  "tier": "component",
5762
- "type": "spacing",
6023
+ "type": "easing",
5763
6024
  "group": "components",
5764
- "value": "0px"
6025
+ "value": "ease"
5765
6026
  },
5766
6027
  {
5767
- "name": "accordion-item-bg",
6028
+ "name": "toast-dur-in",
5768
6029
  "tier": "component",
5769
- "type": "color",
6030
+ "type": "duration",
5770
6031
  "group": "components",
5771
- "value": "var(--iox-section-bg)"
6032
+ "value": "400ms"
5772
6033
  },
5773
6034
  {
5774
- "name": "accordion-item-border",
6035
+ "name": "toast-dur-out",
6036
+ "tier": "component",
6037
+ "type": "duration",
6038
+ "group": "components",
6039
+ "value": "220ms"
6040
+ },
6041
+ {
6042
+ "name": "dialog-edge",
6043
+ "tier": "component",
6044
+ "type": "color",
6045
+ "group": "components",
6046
+ "value": "var(--iox-line)"
6047
+ },
6048
+ {
6049
+ "name": "image-radius",
6050
+ "tier": "component",
6051
+ "type": "radius",
6052
+ "group": "components",
6053
+ "value": "var(--iox-radius-md)"
6054
+ },
6055
+ {
6056
+ "name": "image-hover-scale",
6057
+ "tier": "component",
6058
+ "type": "number",
6059
+ "group": "components",
6060
+ "value": "1"
6061
+ },
6062
+ {
6063
+ "name": "link-color",
6064
+ "tier": "component",
6065
+ "type": "color",
6066
+ "group": "components",
6067
+ "value": "var(--iox-accent-text)"
6068
+ },
6069
+ {
6070
+ "name": "link-hover-color",
6071
+ "tier": "component",
6072
+ "type": "color",
6073
+ "group": "components",
6074
+ "value": "var(--iox-text)"
6075
+ },
6076
+ {
6077
+ "name": "link-decoration",
6078
+ "tier": "component",
6079
+ "type": "keyword",
6080
+ "group": "components",
6081
+ "value": "underline"
6082
+ },
6083
+ {
6084
+ "name": "link-current-color",
6085
+ "tier": "component",
6086
+ "type": "color",
6087
+ "group": "components",
6088
+ "value": "var(--iox-text)"
6089
+ },
6090
+ {
6091
+ "name": "link-current-decoration",
6092
+ "tier": "component",
6093
+ "type": "keyword",
6094
+ "group": "components",
6095
+ "value": "underline 2px var(--iox-accent-text)"
6096
+ },
6097
+ {
6098
+ "name": "link-underline-rest",
6099
+ "tier": "component",
6100
+ "type": "number",
6101
+ "group": "components",
6102
+ "value": "1"
6103
+ },
6104
+ {
6105
+ "name": "link-underline-thickness",
6106
+ "tier": "component",
6107
+ "type": "size",
6108
+ "group": "components",
6109
+ "value": "max(1px, 0.06em)"
6110
+ },
6111
+ {
6112
+ "name": "link-underline-offset",
6113
+ "tier": "component",
6114
+ "type": "size",
6115
+ "group": "components",
6116
+ "value": "0.12em"
6117
+ },
6118
+ {
6119
+ "name": "link-current-underline",
6120
+ "tier": "component",
6121
+ "type": "color",
6122
+ "group": "components",
6123
+ "value": "var(--iox-accent-text)"
6124
+ },
6125
+ {
6126
+ "name": "link-current-underline-thickness",
6127
+ "tier": "component",
6128
+ "type": "size",
6129
+ "group": "components",
6130
+ "value": "2px"
6131
+ },
6132
+ {
6133
+ "name": "tabbar-bg",
6134
+ "tier": "component",
6135
+ "type": "color",
6136
+ "group": "components",
6137
+ "value": "var(--iox-nav-bg)"
6138
+ },
6139
+ {
6140
+ "name": "tabbar-border",
6141
+ "tier": "component",
6142
+ "type": "color",
6143
+ "group": "components",
6144
+ "value": "var(--iox-nav-border)"
6145
+ },
6146
+ {
6147
+ "name": "tabbar-border-width",
6148
+ "tier": "component",
6149
+ "type": "size",
6150
+ "group": "components",
6151
+ "value": "var(--iox-border-width) 0px 0px 0px"
6152
+ },
6153
+ {
6154
+ "name": "tabbar-radius",
6155
+ "tier": "component",
6156
+ "type": "radius",
6157
+ "group": "components",
6158
+ "value": "0px"
6159
+ },
6160
+ {
6161
+ "name": "tabbar-shadow",
6162
+ "tier": "component",
6163
+ "type": "shadow",
6164
+ "group": "components",
6165
+ "value": "none"
6166
+ },
6167
+ {
6168
+ "name": "tabbar-backdrop",
6169
+ "tier": "component",
6170
+ "type": "effect",
6171
+ "group": "components",
6172
+ "value": "var(--iox-nav-backdrop)"
6173
+ },
6174
+ {
6175
+ "name": "tabbar-inset",
6176
+ "tier": "component",
6177
+ "type": "size",
6178
+ "group": "components",
6179
+ "value": "0px"
6180
+ },
6181
+ {
6182
+ "name": "tabbar-height",
6183
+ "tier": "component",
6184
+ "type": "size",
6185
+ "group": "components",
6186
+ "value": "64px"
6187
+ },
6188
+ {
6189
+ "name": "tabbar-item-ink",
6190
+ "tier": "component",
6191
+ "type": "color",
6192
+ "group": "components",
6193
+ "value": "var(--iox-text-muted)"
6194
+ },
6195
+ {
6196
+ "name": "tabbar-item-current-ink",
6197
+ "tier": "component",
6198
+ "type": "color",
6199
+ "group": "components",
6200
+ "value": "var(--iox-accent-text)"
6201
+ },
6202
+ {
6203
+ "name": "tabbar-indicator",
6204
+ "tier": "component",
6205
+ "type": "color",
6206
+ "group": "components",
6207
+ "value": "var(--iox-surface-2)"
6208
+ },
6209
+ {
6210
+ "name": "tabbar-label-size",
6211
+ "tier": "component",
6212
+ "type": "size",
6213
+ "group": "components",
6214
+ "value": "var(--iox-size-label)"
6215
+ },
6216
+ {
6217
+ "name": "accordion-gap",
6218
+ "tier": "component",
6219
+ "type": "spacing",
6220
+ "group": "components",
6221
+ "value": "0px"
6222
+ },
6223
+ {
6224
+ "name": "accordion-item-bg",
6225
+ "tier": "component",
6226
+ "type": "color",
6227
+ "group": "components",
6228
+ "value": "var(--iox-section-bg)"
6229
+ },
6230
+ {
6231
+ "name": "accordion-item-border",
5775
6232
  "tier": "component",
5776
6233
  "type": "color",
5777
6234
  "group": "components",
@@ -7364,111 +7821,314 @@ const SPEC_FLAVOR_PACKS = [
7364
7821
  "overridden": true
7365
7822
  },
7366
7823
  {
7367
- "name": "field-ink",
7824
+ "name": "field-ink",
7825
+ "tier": "component",
7826
+ "type": "color",
7827
+ "group": "components",
7828
+ "value": "var(--iox-text)"
7829
+ },
7830
+ {
7831
+ "name": "field-border",
7832
+ "tier": "component",
7833
+ "type": "color",
7834
+ "group": "components",
7835
+ "value": "var(--iox-line-strong)",
7836
+ "overridden": true
7837
+ },
7838
+ {
7839
+ "name": "field-border-width",
7840
+ "tier": "component",
7841
+ "type": "size",
7842
+ "group": "components",
7843
+ "value": "var(--iox-border-width)"
7844
+ },
7845
+ {
7846
+ "name": "field-radius",
7847
+ "tier": "component",
7848
+ "type": "radius",
7849
+ "group": "components",
7850
+ "value": "2px",
7851
+ "overridden": true
7852
+ },
7853
+ {
7854
+ "name": "field-pad",
7855
+ "tier": "component",
7856
+ "type": "spacing",
7857
+ "group": "components",
7858
+ "value": "12px 14px"
7859
+ },
7860
+ {
7861
+ "name": "field-focus",
7862
+ "tier": "component",
7863
+ "type": "shadow",
7864
+ "group": "components",
7865
+ "value": "var(--iox-focus-ring)"
7866
+ },
7867
+ {
7868
+ "name": "field-label-size",
7869
+ "tier": "component",
7870
+ "type": "size",
7871
+ "group": "components",
7872
+ "value": "var(--iox-size-small)"
7873
+ },
7874
+ {
7875
+ "name": "field-label-weight",
7876
+ "tier": "component",
7877
+ "type": "number",
7878
+ "group": "components",
7879
+ "value": "var(--iox-weight-strong)"
7880
+ },
7881
+ {
7882
+ "name": "dialog-bg",
7883
+ "tier": "component",
7884
+ "type": "color",
7885
+ "group": "components",
7886
+ "value": "var(--iox-surface)"
7887
+ },
7888
+ {
7889
+ "name": "dialog-radius",
7890
+ "tier": "component",
7891
+ "type": "radius",
7892
+ "group": "components",
7893
+ "value": "var(--iox-radius-xl)"
7894
+ },
7895
+ {
7896
+ "name": "dialog-shadow",
7897
+ "tier": "component",
7898
+ "type": "shadow",
7899
+ "group": "components",
7900
+ "value": "var(--iox-shadow-lg)"
7901
+ },
7902
+ {
7903
+ "name": "dialog-backdrop",
7904
+ "tier": "component",
7905
+ "type": "effect",
7906
+ "group": "components",
7907
+ "value": "none"
7908
+ },
7909
+ {
7910
+ "name": "dialog-pad",
7911
+ "tier": "component",
7912
+ "type": "spacing",
7913
+ "group": "components",
7914
+ "value": "var(--iox-space-pad)"
7915
+ },
7916
+ {
7917
+ "name": "dialog-border",
7918
+ "tier": "component",
7919
+ "type": "color",
7920
+ "group": "components",
7921
+ "value": "transparent"
7922
+ },
7923
+ {
7924
+ "name": "dialog-border-width",
7925
+ "tier": "component",
7926
+ "type": "size",
7927
+ "group": "components",
7928
+ "value": "0px"
7929
+ },
7930
+ {
7931
+ "name": "tooltip-bg",
7932
+ "tier": "component",
7933
+ "type": "color",
7934
+ "group": "components",
7935
+ "value": "var(--iox-text)"
7936
+ },
7937
+ {
7938
+ "name": "tooltip-ink",
7939
+ "tier": "component",
7940
+ "type": "color",
7941
+ "group": "components",
7942
+ "value": "var(--iox-bg)"
7943
+ },
7944
+ {
7945
+ "name": "tooltip-radius",
7946
+ "tier": "component",
7947
+ "type": "radius",
7948
+ "group": "components",
7949
+ "value": "var(--iox-radius-xs)"
7950
+ },
7951
+ {
7952
+ "name": "tooltip-shadow",
7953
+ "tier": "component",
7954
+ "type": "shadow",
7955
+ "group": "components",
7956
+ "value": "var(--iox-shadow-md)"
7957
+ },
7958
+ {
7959
+ "name": "tooltip-size",
7960
+ "tier": "component",
7961
+ "type": "size",
7962
+ "group": "components",
7963
+ "value": "var(--iox-size-small)"
7964
+ },
7965
+ {
7966
+ "name": "tooltip-scale",
7967
+ "tier": "component",
7968
+ "type": "number",
7969
+ "group": "components",
7970
+ "value": "0.97"
7971
+ },
7972
+ {
7973
+ "name": "tooltip-ease",
7974
+ "tier": "component",
7975
+ "type": "easing",
7976
+ "group": "components",
7977
+ "value": "var(--iox-ease-enter)"
7978
+ },
7979
+ {
7980
+ "name": "tooltip-dur-in",
7981
+ "tier": "component",
7982
+ "type": "duration",
7983
+ "group": "components",
7984
+ "value": "160ms"
7985
+ },
7986
+ {
7987
+ "name": "tooltip-dur-out",
7988
+ "tier": "component",
7989
+ "type": "duration",
7990
+ "group": "components",
7991
+ "value": "110ms"
7992
+ },
7993
+ {
7994
+ "name": "popover-bg",
7995
+ "tier": "component",
7996
+ "type": "color",
7997
+ "group": "components",
7998
+ "value": "var(--iox-surface)"
7999
+ },
8000
+ {
8001
+ "name": "popover-border",
8002
+ "tier": "component",
8003
+ "type": "color",
8004
+ "group": "components",
8005
+ "value": "var(--iox-line)"
8006
+ },
8007
+ {
8008
+ "name": "popover-border-width",
8009
+ "tier": "component",
8010
+ "type": "size",
8011
+ "group": "components",
8012
+ "value": "var(--iox-border-width)"
8013
+ },
8014
+ {
8015
+ "name": "popover-radius",
8016
+ "tier": "component",
8017
+ "type": "radius",
8018
+ "group": "components",
8019
+ "value": "var(--iox-radius-lg)"
8020
+ },
8021
+ {
8022
+ "name": "popover-shadow",
8023
+ "tier": "component",
8024
+ "type": "shadow",
8025
+ "group": "components",
8026
+ "value": "var(--iox-shadow-lg)"
8027
+ },
8028
+ {
8029
+ "name": "popover-pad",
8030
+ "tier": "component",
8031
+ "type": "spacing",
8032
+ "group": "components",
8033
+ "value": "var(--iox-space-pad)"
8034
+ },
8035
+ {
8036
+ "name": "popover-scale",
7368
8037
  "tier": "component",
7369
- "type": "color",
8038
+ "type": "number",
7370
8039
  "group": "components",
7371
- "value": "var(--iox-text)"
8040
+ "value": "0.95"
7372
8041
  },
7373
8042
  {
7374
- "name": "field-border",
8043
+ "name": "popover-ease",
7375
8044
  "tier": "component",
7376
- "type": "color",
8045
+ "type": "easing",
7377
8046
  "group": "components",
7378
- "value": "var(--iox-line-strong)",
7379
- "overridden": true
8047
+ "value": "var(--iox-ease-enter)"
7380
8048
  },
7381
8049
  {
7382
- "name": "field-border-width",
8050
+ "name": "popover-dur-in",
7383
8051
  "tier": "component",
7384
- "type": "size",
8052
+ "type": "duration",
7385
8053
  "group": "components",
7386
- "value": "var(--iox-border-width)"
8054
+ "value": "260ms"
7387
8055
  },
7388
8056
  {
7389
- "name": "field-radius",
8057
+ "name": "popover-dur-out",
7390
8058
  "tier": "component",
7391
- "type": "radius",
8059
+ "type": "duration",
7392
8060
  "group": "components",
7393
- "value": "2px",
7394
- "overridden": true
8061
+ "value": "180ms"
7395
8062
  },
7396
8063
  {
7397
- "name": "field-pad",
8064
+ "name": "sheet-ease",
7398
8065
  "tier": "component",
7399
- "type": "spacing",
8066
+ "type": "easing",
7400
8067
  "group": "components",
7401
- "value": "12px 14px"
8068
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
7402
8069
  },
7403
8070
  {
7404
- "name": "field-focus",
8071
+ "name": "sheet-dur-in",
7405
8072
  "tier": "component",
7406
- "type": "shadow",
8073
+ "type": "duration",
7407
8074
  "group": "components",
7408
- "value": "var(--iox-focus-ring)"
8075
+ "value": "600ms"
7409
8076
  },
7410
8077
  {
7411
- "name": "field-label-size",
8078
+ "name": "sheet-dur-out",
7412
8079
  "tier": "component",
7413
- "type": "size",
8080
+ "type": "duration",
7414
8081
  "group": "components",
7415
- "value": "var(--iox-size-small)"
8082
+ "value": "340ms"
7416
8083
  },
7417
8084
  {
7418
- "name": "field-label-weight",
8085
+ "name": "toast-bg",
7419
8086
  "tier": "component",
7420
- "type": "number",
8087
+ "type": "color",
7421
8088
  "group": "components",
7422
- "value": "var(--iox-weight-strong)"
8089
+ "value": "var(--iox-text)"
7423
8090
  },
7424
8091
  {
7425
- "name": "dialog-bg",
8092
+ "name": "toast-ink",
7426
8093
  "tier": "component",
7427
8094
  "type": "color",
7428
8095
  "group": "components",
7429
- "value": "var(--iox-surface)"
8096
+ "value": "var(--iox-bg)"
7430
8097
  },
7431
8098
  {
7432
- "name": "dialog-radius",
8099
+ "name": "toast-radius",
7433
8100
  "tier": "component",
7434
8101
  "type": "radius",
7435
8102
  "group": "components",
7436
- "value": "var(--iox-radius-xl)"
8103
+ "value": "var(--iox-radius-md)"
7437
8104
  },
7438
8105
  {
7439
- "name": "dialog-shadow",
8106
+ "name": "toast-shadow",
7440
8107
  "tier": "component",
7441
8108
  "type": "shadow",
7442
8109
  "group": "components",
7443
8110
  "value": "var(--iox-shadow-lg)"
7444
8111
  },
7445
8112
  {
7446
- "name": "dialog-backdrop",
7447
- "tier": "component",
7448
- "type": "effect",
7449
- "group": "components",
7450
- "value": "none"
7451
- },
7452
- {
7453
- "name": "dialog-pad",
8113
+ "name": "toast-ease",
7454
8114
  "tier": "component",
7455
- "type": "spacing",
8115
+ "type": "easing",
7456
8116
  "group": "components",
7457
- "value": "var(--iox-space-pad)"
8117
+ "value": "ease"
7458
8118
  },
7459
8119
  {
7460
- "name": "dialog-border",
8120
+ "name": "toast-dur-in",
7461
8121
  "tier": "component",
7462
- "type": "color",
8122
+ "type": "duration",
7463
8123
  "group": "components",
7464
- "value": "transparent"
8124
+ "value": "480ms"
7465
8125
  },
7466
8126
  {
7467
- "name": "dialog-border-width",
8127
+ "name": "toast-dur-out",
7468
8128
  "tier": "component",
7469
- "type": "size",
8129
+ "type": "duration",
7470
8130
  "group": "components",
7471
- "value": "0px"
8131
+ "value": "280ms"
7472
8132
  },
7473
8133
  {
7474
8134
  "name": "dialog-edge",
@@ -9245,123 +9905,326 @@ const SPEC_FLAVOR_PACKS = [
9245
9905
  "overridden": true
9246
9906
  },
9247
9907
  {
9248
- "name": "nav-pad",
9908
+ "name": "nav-pad",
9909
+ "tier": "component",
9910
+ "type": "spacing",
9911
+ "group": "components",
9912
+ "value": "16px var(--iox-space-gutter)"
9913
+ },
9914
+ {
9915
+ "name": "field-bg",
9916
+ "tier": "component",
9917
+ "type": "color",
9918
+ "group": "components",
9919
+ "value": "var(--iox-surface)"
9920
+ },
9921
+ {
9922
+ "name": "field-ink",
9923
+ "tier": "component",
9924
+ "type": "color",
9925
+ "group": "components",
9926
+ "value": "var(--iox-text)"
9927
+ },
9928
+ {
9929
+ "name": "field-border",
9930
+ "tier": "component",
9931
+ "type": "color",
9932
+ "group": "components",
9933
+ "value": "var(--iox-line-strong)"
9934
+ },
9935
+ {
9936
+ "name": "field-border-width",
9937
+ "tier": "component",
9938
+ "type": "size",
9939
+ "group": "components",
9940
+ "value": "var(--iox-border-width)"
9941
+ },
9942
+ {
9943
+ "name": "field-radius",
9944
+ "tier": "component",
9945
+ "type": "radius",
9946
+ "group": "components",
9947
+ "value": "var(--iox-radius-sm)"
9948
+ },
9949
+ {
9950
+ "name": "field-pad",
9951
+ "tier": "component",
9952
+ "type": "spacing",
9953
+ "group": "components",
9954
+ "value": "12px 14px"
9955
+ },
9956
+ {
9957
+ "name": "field-focus",
9958
+ "tier": "component",
9959
+ "type": "shadow",
9960
+ "group": "components",
9961
+ "value": "var(--iox-focus-ring)"
9962
+ },
9963
+ {
9964
+ "name": "field-label-size",
9965
+ "tier": "component",
9966
+ "type": "size",
9967
+ "group": "components",
9968
+ "value": "var(--iox-size-small)"
9969
+ },
9970
+ {
9971
+ "name": "field-label-weight",
9972
+ "tier": "component",
9973
+ "type": "number",
9974
+ "group": "components",
9975
+ "value": "var(--iox-weight-strong)"
9976
+ },
9977
+ {
9978
+ "name": "dialog-bg",
9979
+ "tier": "component",
9980
+ "type": "color",
9981
+ "group": "components",
9982
+ "value": "var(--iox-surface)"
9983
+ },
9984
+ {
9985
+ "name": "dialog-radius",
9986
+ "tier": "component",
9987
+ "type": "radius",
9988
+ "group": "components",
9989
+ "value": "var(--iox-radius-xl)"
9990
+ },
9991
+ {
9992
+ "name": "dialog-shadow",
9993
+ "tier": "component",
9994
+ "type": "shadow",
9995
+ "group": "components",
9996
+ "value": "var(--iox-shadow-lg)"
9997
+ },
9998
+ {
9999
+ "name": "dialog-backdrop",
10000
+ "tier": "component",
10001
+ "type": "effect",
10002
+ "group": "components",
10003
+ "value": "none"
10004
+ },
10005
+ {
10006
+ "name": "dialog-pad",
10007
+ "tier": "component",
10008
+ "type": "spacing",
10009
+ "group": "components",
10010
+ "value": "var(--iox-space-pad)"
10011
+ },
10012
+ {
10013
+ "name": "dialog-border",
10014
+ "tier": "component",
10015
+ "type": "color",
10016
+ "group": "components",
10017
+ "value": "transparent"
10018
+ },
10019
+ {
10020
+ "name": "dialog-border-width",
10021
+ "tier": "component",
10022
+ "type": "size",
10023
+ "group": "components",
10024
+ "value": "0px"
10025
+ },
10026
+ {
10027
+ "name": "tooltip-bg",
10028
+ "tier": "component",
10029
+ "type": "color",
10030
+ "group": "components",
10031
+ "value": "var(--iox-text)"
10032
+ },
10033
+ {
10034
+ "name": "tooltip-ink",
10035
+ "tier": "component",
10036
+ "type": "color",
10037
+ "group": "components",
10038
+ "value": "var(--iox-bg)"
10039
+ },
10040
+ {
10041
+ "name": "tooltip-radius",
10042
+ "tier": "component",
10043
+ "type": "radius",
10044
+ "group": "components",
10045
+ "value": "var(--iox-radius-xs)"
10046
+ },
10047
+ {
10048
+ "name": "tooltip-shadow",
10049
+ "tier": "component",
10050
+ "type": "shadow",
10051
+ "group": "components",
10052
+ "value": "var(--iox-shadow-md)"
10053
+ },
10054
+ {
10055
+ "name": "tooltip-size",
10056
+ "tier": "component",
10057
+ "type": "size",
10058
+ "group": "components",
10059
+ "value": "var(--iox-size-small)"
10060
+ },
10061
+ {
10062
+ "name": "tooltip-scale",
10063
+ "tier": "component",
10064
+ "type": "number",
10065
+ "group": "components",
10066
+ "value": "0.97"
10067
+ },
10068
+ {
10069
+ "name": "tooltip-ease",
10070
+ "tier": "component",
10071
+ "type": "easing",
10072
+ "group": "components",
10073
+ "value": "var(--iox-ease-enter)"
10074
+ },
10075
+ {
10076
+ "name": "tooltip-dur-in",
10077
+ "tier": "component",
10078
+ "type": "duration",
10079
+ "group": "components",
10080
+ "value": "125ms"
10081
+ },
10082
+ {
10083
+ "name": "tooltip-dur-out",
10084
+ "tier": "component",
10085
+ "type": "duration",
10086
+ "group": "components",
10087
+ "value": "80ms"
10088
+ },
10089
+ {
10090
+ "name": "popover-bg",
10091
+ "tier": "component",
10092
+ "type": "color",
10093
+ "group": "components",
10094
+ "value": "var(--iox-surface)"
10095
+ },
10096
+ {
10097
+ "name": "popover-border",
10098
+ "tier": "component",
10099
+ "type": "color",
10100
+ "group": "components",
10101
+ "value": "var(--iox-line)"
10102
+ },
10103
+ {
10104
+ "name": "popover-border-width",
10105
+ "tier": "component",
10106
+ "type": "size",
10107
+ "group": "components",
10108
+ "value": "var(--iox-border-width)"
10109
+ },
10110
+ {
10111
+ "name": "popover-radius",
10112
+ "tier": "component",
10113
+ "type": "radius",
10114
+ "group": "components",
10115
+ "value": "var(--iox-radius-lg)"
10116
+ },
10117
+ {
10118
+ "name": "popover-shadow",
9249
10119
  "tier": "component",
9250
- "type": "spacing",
10120
+ "type": "shadow",
9251
10121
  "group": "components",
9252
- "value": "16px var(--iox-space-gutter)"
10122
+ "value": "var(--iox-shadow-lg)"
9253
10123
  },
9254
10124
  {
9255
- "name": "field-bg",
10125
+ "name": "popover-pad",
9256
10126
  "tier": "component",
9257
- "type": "color",
10127
+ "type": "spacing",
9258
10128
  "group": "components",
9259
- "value": "var(--iox-surface)"
10129
+ "value": "var(--iox-space-pad)"
9260
10130
  },
9261
10131
  {
9262
- "name": "field-ink",
10132
+ "name": "popover-scale",
9263
10133
  "tier": "component",
9264
- "type": "color",
10134
+ "type": "number",
9265
10135
  "group": "components",
9266
- "value": "var(--iox-text)"
10136
+ "value": "0.95"
9267
10137
  },
9268
10138
  {
9269
- "name": "field-border",
10139
+ "name": "popover-ease",
9270
10140
  "tier": "component",
9271
- "type": "color",
10141
+ "type": "easing",
9272
10142
  "group": "components",
9273
- "value": "var(--iox-line-strong)"
10143
+ "value": "var(--iox-ease-enter)"
9274
10144
  },
9275
10145
  {
9276
- "name": "field-border-width",
10146
+ "name": "popover-dur-in",
9277
10147
  "tier": "component",
9278
- "type": "size",
10148
+ "type": "duration",
9279
10149
  "group": "components",
9280
- "value": "var(--iox-border-width)"
10150
+ "value": "200ms"
9281
10151
  },
9282
10152
  {
9283
- "name": "field-radius",
10153
+ "name": "popover-dur-out",
9284
10154
  "tier": "component",
9285
- "type": "radius",
10155
+ "type": "duration",
9286
10156
  "group": "components",
9287
- "value": "var(--iox-radius-sm)"
10157
+ "value": "140ms"
9288
10158
  },
9289
10159
  {
9290
- "name": "field-pad",
10160
+ "name": "sheet-ease",
9291
10161
  "tier": "component",
9292
- "type": "spacing",
10162
+ "type": "easing",
9293
10163
  "group": "components",
9294
- "value": "12px 14px"
10164
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
9295
10165
  },
9296
10166
  {
9297
- "name": "field-focus",
10167
+ "name": "sheet-dur-in",
9298
10168
  "tier": "component",
9299
- "type": "shadow",
10169
+ "type": "duration",
9300
10170
  "group": "components",
9301
- "value": "var(--iox-focus-ring)"
10171
+ "value": "500ms"
9302
10172
  },
9303
10173
  {
9304
- "name": "field-label-size",
10174
+ "name": "sheet-dur-out",
9305
10175
  "tier": "component",
9306
- "type": "size",
10176
+ "type": "duration",
9307
10177
  "group": "components",
9308
- "value": "var(--iox-size-small)"
10178
+ "value": "280ms"
9309
10179
  },
9310
10180
  {
9311
- "name": "field-label-weight",
10181
+ "name": "toast-bg",
9312
10182
  "tier": "component",
9313
- "type": "number",
10183
+ "type": "color",
9314
10184
  "group": "components",
9315
- "value": "var(--iox-weight-strong)"
10185
+ "value": "var(--iox-text)"
9316
10186
  },
9317
10187
  {
9318
- "name": "dialog-bg",
10188
+ "name": "toast-ink",
9319
10189
  "tier": "component",
9320
10190
  "type": "color",
9321
10191
  "group": "components",
9322
- "value": "var(--iox-surface)"
10192
+ "value": "var(--iox-bg)"
9323
10193
  },
9324
10194
  {
9325
- "name": "dialog-radius",
10195
+ "name": "toast-radius",
9326
10196
  "tier": "component",
9327
10197
  "type": "radius",
9328
10198
  "group": "components",
9329
- "value": "var(--iox-radius-xl)"
10199
+ "value": "var(--iox-radius-md)"
9330
10200
  },
9331
10201
  {
9332
- "name": "dialog-shadow",
10202
+ "name": "toast-shadow",
9333
10203
  "tier": "component",
9334
10204
  "type": "shadow",
9335
10205
  "group": "components",
9336
10206
  "value": "var(--iox-shadow-lg)"
9337
10207
  },
9338
10208
  {
9339
- "name": "dialog-backdrop",
9340
- "tier": "component",
9341
- "type": "effect",
9342
- "group": "components",
9343
- "value": "none"
9344
- },
9345
- {
9346
- "name": "dialog-pad",
10209
+ "name": "toast-ease",
9347
10210
  "tier": "component",
9348
- "type": "spacing",
10211
+ "type": "easing",
9349
10212
  "group": "components",
9350
- "value": "var(--iox-space-pad)"
10213
+ "value": "ease"
9351
10214
  },
9352
10215
  {
9353
- "name": "dialog-border",
10216
+ "name": "toast-dur-in",
9354
10217
  "tier": "component",
9355
- "type": "color",
10218
+ "type": "duration",
9356
10219
  "group": "components",
9357
- "value": "transparent"
10220
+ "value": "400ms"
9358
10221
  },
9359
10222
  {
9360
- "name": "dialog-border-width",
10223
+ "name": "toast-dur-out",
9361
10224
  "tier": "component",
9362
- "type": "size",
10225
+ "type": "duration",
9363
10226
  "group": "components",
9364
- "value": "0px"
10227
+ "value": "220ms"
9365
10228
  },
9366
10229
  {
9367
10230
  "name": "dialog-edge",
@@ -11217,68 +12080,271 @@ const SPEC_FLAVOR_PACKS = [
11217
12080
  "tier": "component",
11218
12081
  "type": "size",
11219
12082
  "group": "components",
11220
- "value": "var(--iox-size-small)"
12083
+ "value": "var(--iox-size-small)"
12084
+ },
12085
+ {
12086
+ "name": "field-label-weight",
12087
+ "tier": "component",
12088
+ "type": "number",
12089
+ "group": "components",
12090
+ "value": "var(--iox-weight-strong)"
12091
+ },
12092
+ {
12093
+ "name": "dialog-bg",
12094
+ "tier": "component",
12095
+ "type": "color",
12096
+ "group": "components",
12097
+ "value": "var(--iox-surface-glass-strong)",
12098
+ "overridden": true
12099
+ },
12100
+ {
12101
+ "name": "dialog-radius",
12102
+ "tier": "component",
12103
+ "type": "radius",
12104
+ "group": "components",
12105
+ "value": "var(--iox-radius-xl)"
12106
+ },
12107
+ {
12108
+ "name": "dialog-shadow",
12109
+ "tier": "component",
12110
+ "type": "shadow",
12111
+ "group": "components",
12112
+ "value": "var(--iox-shadow-lg), var(--iox-glass-edge)",
12113
+ "overridden": true
12114
+ },
12115
+ {
12116
+ "name": "dialog-backdrop",
12117
+ "tier": "component",
12118
+ "type": "effect",
12119
+ "group": "components",
12120
+ "value": "var(--iox-blur-surface)",
12121
+ "overridden": true
12122
+ },
12123
+ {
12124
+ "name": "dialog-pad",
12125
+ "tier": "component",
12126
+ "type": "spacing",
12127
+ "group": "components",
12128
+ "value": "var(--iox-space-pad)"
12129
+ },
12130
+ {
12131
+ "name": "dialog-border",
12132
+ "tier": "component",
12133
+ "type": "color",
12134
+ "group": "components",
12135
+ "value": "var(--iox-glass-border)",
12136
+ "overridden": true
12137
+ },
12138
+ {
12139
+ "name": "dialog-border-width",
12140
+ "tier": "component",
12141
+ "type": "size",
12142
+ "group": "components",
12143
+ "value": "var(--iox-border-width)",
12144
+ "overridden": true
12145
+ },
12146
+ {
12147
+ "name": "tooltip-bg",
12148
+ "tier": "component",
12149
+ "type": "color",
12150
+ "group": "components",
12151
+ "value": "var(--iox-text)"
12152
+ },
12153
+ {
12154
+ "name": "tooltip-ink",
12155
+ "tier": "component",
12156
+ "type": "color",
12157
+ "group": "components",
12158
+ "value": "var(--iox-bg)"
12159
+ },
12160
+ {
12161
+ "name": "tooltip-radius",
12162
+ "tier": "component",
12163
+ "type": "radius",
12164
+ "group": "components",
12165
+ "value": "var(--iox-radius-xs)"
12166
+ },
12167
+ {
12168
+ "name": "tooltip-shadow",
12169
+ "tier": "component",
12170
+ "type": "shadow",
12171
+ "group": "components",
12172
+ "value": "var(--iox-shadow-md)"
12173
+ },
12174
+ {
12175
+ "name": "tooltip-size",
12176
+ "tier": "component",
12177
+ "type": "size",
12178
+ "group": "components",
12179
+ "value": "var(--iox-size-small)"
12180
+ },
12181
+ {
12182
+ "name": "tooltip-scale",
12183
+ "tier": "component",
12184
+ "type": "number",
12185
+ "group": "components",
12186
+ "value": "0.97"
12187
+ },
12188
+ {
12189
+ "name": "tooltip-ease",
12190
+ "tier": "component",
12191
+ "type": "easing",
12192
+ "group": "components",
12193
+ "value": "var(--iox-ease-enter)"
12194
+ },
12195
+ {
12196
+ "name": "tooltip-dur-in",
12197
+ "tier": "component",
12198
+ "type": "duration",
12199
+ "group": "components",
12200
+ "value": "140ms"
12201
+ },
12202
+ {
12203
+ "name": "tooltip-dur-out",
12204
+ "tier": "component",
12205
+ "type": "duration",
12206
+ "group": "components",
12207
+ "value": "90ms"
12208
+ },
12209
+ {
12210
+ "name": "popover-bg",
12211
+ "tier": "component",
12212
+ "type": "color",
12213
+ "group": "components",
12214
+ "value": "var(--iox-surface)"
12215
+ },
12216
+ {
12217
+ "name": "popover-border",
12218
+ "tier": "component",
12219
+ "type": "color",
12220
+ "group": "components",
12221
+ "value": "var(--iox-line)"
12222
+ },
12223
+ {
12224
+ "name": "popover-border-width",
12225
+ "tier": "component",
12226
+ "type": "size",
12227
+ "group": "components",
12228
+ "value": "var(--iox-border-width)"
12229
+ },
12230
+ {
12231
+ "name": "popover-radius",
12232
+ "tier": "component",
12233
+ "type": "radius",
12234
+ "group": "components",
12235
+ "value": "var(--iox-radius-lg)"
12236
+ },
12237
+ {
12238
+ "name": "popover-shadow",
12239
+ "tier": "component",
12240
+ "type": "shadow",
12241
+ "group": "components",
12242
+ "value": "var(--iox-shadow-lg)"
12243
+ },
12244
+ {
12245
+ "name": "popover-pad",
12246
+ "tier": "component",
12247
+ "type": "spacing",
12248
+ "group": "components",
12249
+ "value": "var(--iox-space-pad)"
12250
+ },
12251
+ {
12252
+ "name": "popover-scale",
12253
+ "tier": "component",
12254
+ "type": "number",
12255
+ "group": "components",
12256
+ "value": "0.95"
12257
+ },
12258
+ {
12259
+ "name": "popover-ease",
12260
+ "tier": "component",
12261
+ "type": "easing",
12262
+ "group": "components",
12263
+ "value": "var(--iox-ease-enter)"
12264
+ },
12265
+ {
12266
+ "name": "popover-dur-in",
12267
+ "tier": "component",
12268
+ "type": "duration",
12269
+ "group": "components",
12270
+ "value": "220ms"
12271
+ },
12272
+ {
12273
+ "name": "popover-dur-out",
12274
+ "tier": "component",
12275
+ "type": "duration",
12276
+ "group": "components",
12277
+ "value": "150ms"
12278
+ },
12279
+ {
12280
+ "name": "sheet-ease",
12281
+ "tier": "component",
12282
+ "type": "easing",
12283
+ "group": "components",
12284
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
12285
+ },
12286
+ {
12287
+ "name": "sheet-dur-in",
12288
+ "tier": "component",
12289
+ "type": "duration",
12290
+ "group": "components",
12291
+ "value": "500ms"
11221
12292
  },
11222
12293
  {
11223
- "name": "field-label-weight",
12294
+ "name": "sheet-dur-out",
11224
12295
  "tier": "component",
11225
- "type": "number",
12296
+ "type": "duration",
11226
12297
  "group": "components",
11227
- "value": "var(--iox-weight-strong)"
12298
+ "value": "280ms"
11228
12299
  },
11229
12300
  {
11230
- "name": "dialog-bg",
12301
+ "name": "toast-bg",
11231
12302
  "tier": "component",
11232
12303
  "type": "color",
11233
12304
  "group": "components",
11234
- "value": "var(--iox-surface-glass-strong)",
11235
- "overridden": true
12305
+ "value": "var(--iox-text)"
11236
12306
  },
11237
12307
  {
11238
- "name": "dialog-radius",
12308
+ "name": "toast-ink",
11239
12309
  "tier": "component",
11240
- "type": "radius",
12310
+ "type": "color",
11241
12311
  "group": "components",
11242
- "value": "var(--iox-radius-xl)"
12312
+ "value": "var(--iox-bg)"
11243
12313
  },
11244
12314
  {
11245
- "name": "dialog-shadow",
12315
+ "name": "toast-radius",
11246
12316
  "tier": "component",
11247
- "type": "shadow",
12317
+ "type": "radius",
11248
12318
  "group": "components",
11249
- "value": "var(--iox-shadow-lg), var(--iox-glass-edge)",
11250
- "overridden": true
12319
+ "value": "var(--iox-radius-md)"
11251
12320
  },
11252
12321
  {
11253
- "name": "dialog-backdrop",
12322
+ "name": "toast-shadow",
11254
12323
  "tier": "component",
11255
- "type": "effect",
12324
+ "type": "shadow",
11256
12325
  "group": "components",
11257
- "value": "var(--iox-blur-surface)",
11258
- "overridden": true
12326
+ "value": "var(--iox-shadow-lg)"
11259
12327
  },
11260
12328
  {
11261
- "name": "dialog-pad",
12329
+ "name": "toast-ease",
11262
12330
  "tier": "component",
11263
- "type": "spacing",
12331
+ "type": "easing",
11264
12332
  "group": "components",
11265
- "value": "var(--iox-space-pad)"
12333
+ "value": "ease"
11266
12334
  },
11267
12335
  {
11268
- "name": "dialog-border",
12336
+ "name": "toast-dur-in",
11269
12337
  "tier": "component",
11270
- "type": "color",
12338
+ "type": "duration",
11271
12339
  "group": "components",
11272
- "value": "var(--iox-glass-border)",
11273
- "overridden": true
12340
+ "value": "400ms"
11274
12341
  },
11275
12342
  {
11276
- "name": "dialog-border-width",
12343
+ "name": "toast-dur-out",
11277
12344
  "tier": "component",
11278
- "type": "size",
12345
+ "type": "duration",
11279
12346
  "group": "components",
11280
- "value": "var(--iox-border-width)",
11281
- "overridden": true
12347
+ "value": "220ms"
11282
12348
  },
11283
12349
  {
11284
12350
  "name": "dialog-edge",
@@ -13030,153 +14096,356 @@ const SPEC_FLAVOR_PACKS = [
13030
14096
  "value": "var(--iox-line)"
13031
14097
  },
13032
14098
  {
13033
- "name": "nav-border-width",
14099
+ "name": "nav-border-width",
14100
+ "tier": "component",
14101
+ "type": "size",
14102
+ "group": "components",
14103
+ "value": "0px",
14104
+ "overridden": true
14105
+ },
14106
+ {
14107
+ "name": "nav-radius",
14108
+ "tier": "component",
14109
+ "type": "radius",
14110
+ "group": "components",
14111
+ "value": "0px"
14112
+ },
14113
+ {
14114
+ "name": "nav-shadow",
14115
+ "tier": "component",
14116
+ "type": "shadow",
14117
+ "group": "components",
14118
+ "value": "none"
14119
+ },
14120
+ {
14121
+ "name": "nav-backdrop",
14122
+ "tier": "component",
14123
+ "type": "effect",
14124
+ "group": "components",
14125
+ "value": "none"
14126
+ },
14127
+ {
14128
+ "name": "nav-pad",
14129
+ "tier": "component",
14130
+ "type": "spacing",
14131
+ "group": "components",
14132
+ "value": "16px var(--iox-space-gutter)"
14133
+ },
14134
+ {
14135
+ "name": "field-bg",
14136
+ "tier": "component",
14137
+ "type": "color",
14138
+ "group": "components",
14139
+ "value": "var(--iox-surface-2)",
14140
+ "overridden": true
14141
+ },
14142
+ {
14143
+ "name": "field-ink",
14144
+ "tier": "component",
14145
+ "type": "color",
14146
+ "group": "components",
14147
+ "value": "var(--iox-text)"
14148
+ },
14149
+ {
14150
+ "name": "field-border",
14151
+ "tier": "component",
14152
+ "type": "color",
14153
+ "group": "components",
14154
+ "value": "var(--iox-line-strong)"
14155
+ },
14156
+ {
14157
+ "name": "field-border-width",
14158
+ "tier": "component",
14159
+ "type": "size",
14160
+ "group": "components",
14161
+ "value": "var(--iox-border-width)"
14162
+ },
14163
+ {
14164
+ "name": "field-radius",
14165
+ "tier": "component",
14166
+ "type": "radius",
14167
+ "group": "components",
14168
+ "value": "var(--iox-radius-sm)"
14169
+ },
14170
+ {
14171
+ "name": "field-pad",
14172
+ "tier": "component",
14173
+ "type": "spacing",
14174
+ "group": "components",
14175
+ "value": "12px 14px"
14176
+ },
14177
+ {
14178
+ "name": "field-focus",
14179
+ "tier": "component",
14180
+ "type": "shadow",
14181
+ "group": "components",
14182
+ "value": "var(--iox-focus-ring)"
14183
+ },
14184
+ {
14185
+ "name": "field-label-size",
14186
+ "tier": "component",
14187
+ "type": "size",
14188
+ "group": "components",
14189
+ "value": "var(--iox-size-small)"
14190
+ },
14191
+ {
14192
+ "name": "field-label-weight",
14193
+ "tier": "component",
14194
+ "type": "number",
14195
+ "group": "components",
14196
+ "value": "var(--iox-weight-strong)"
14197
+ },
14198
+ {
14199
+ "name": "dialog-bg",
14200
+ "tier": "component",
14201
+ "type": "color",
14202
+ "group": "components",
14203
+ "value": "var(--iox-surface)"
14204
+ },
14205
+ {
14206
+ "name": "dialog-radius",
14207
+ "tier": "component",
14208
+ "type": "radius",
14209
+ "group": "components",
14210
+ "value": "var(--iox-radius-xl)"
14211
+ },
14212
+ {
14213
+ "name": "dialog-shadow",
14214
+ "tier": "component",
14215
+ "type": "shadow",
14216
+ "group": "components",
14217
+ "value": "var(--iox-shadow-lg)"
14218
+ },
14219
+ {
14220
+ "name": "dialog-backdrop",
14221
+ "tier": "component",
14222
+ "type": "effect",
14223
+ "group": "components",
14224
+ "value": "none"
14225
+ },
14226
+ {
14227
+ "name": "dialog-pad",
14228
+ "tier": "component",
14229
+ "type": "spacing",
14230
+ "group": "components",
14231
+ "value": "var(--iox-space-pad)"
14232
+ },
14233
+ {
14234
+ "name": "dialog-border",
14235
+ "tier": "component",
14236
+ "type": "color",
14237
+ "group": "components",
14238
+ "value": "transparent"
14239
+ },
14240
+ {
14241
+ "name": "dialog-border-width",
14242
+ "tier": "component",
14243
+ "type": "size",
14244
+ "group": "components",
14245
+ "value": "0px"
14246
+ },
14247
+ {
14248
+ "name": "tooltip-bg",
14249
+ "tier": "component",
14250
+ "type": "color",
14251
+ "group": "components",
14252
+ "value": "var(--iox-text)"
14253
+ },
14254
+ {
14255
+ "name": "tooltip-ink",
14256
+ "tier": "component",
14257
+ "type": "color",
14258
+ "group": "components",
14259
+ "value": "var(--iox-bg)"
14260
+ },
14261
+ {
14262
+ "name": "tooltip-radius",
14263
+ "tier": "component",
14264
+ "type": "radius",
14265
+ "group": "components",
14266
+ "value": "var(--iox-radius-xs)"
14267
+ },
14268
+ {
14269
+ "name": "tooltip-shadow",
14270
+ "tier": "component",
14271
+ "type": "shadow",
14272
+ "group": "components",
14273
+ "value": "var(--iox-shadow-md)"
14274
+ },
14275
+ {
14276
+ "name": "tooltip-size",
14277
+ "tier": "component",
14278
+ "type": "size",
14279
+ "group": "components",
14280
+ "value": "var(--iox-size-small)"
14281
+ },
14282
+ {
14283
+ "name": "tooltip-scale",
14284
+ "tier": "component",
14285
+ "type": "number",
14286
+ "group": "components",
14287
+ "value": "0.97"
14288
+ },
14289
+ {
14290
+ "name": "tooltip-ease",
14291
+ "tier": "component",
14292
+ "type": "easing",
14293
+ "group": "components",
14294
+ "value": "var(--iox-ease-enter)"
14295
+ },
14296
+ {
14297
+ "name": "tooltip-dur-in",
14298
+ "tier": "component",
14299
+ "type": "duration",
14300
+ "group": "components",
14301
+ "value": "140ms"
14302
+ },
14303
+ {
14304
+ "name": "tooltip-dur-out",
14305
+ "tier": "component",
14306
+ "type": "duration",
14307
+ "group": "components",
14308
+ "value": "90ms"
14309
+ },
14310
+ {
14311
+ "name": "popover-bg",
14312
+ "tier": "component",
14313
+ "type": "color",
14314
+ "group": "components",
14315
+ "value": "var(--iox-surface)"
14316
+ },
14317
+ {
14318
+ "name": "popover-border",
14319
+ "tier": "component",
14320
+ "type": "color",
14321
+ "group": "components",
14322
+ "value": "var(--iox-line)"
14323
+ },
14324
+ {
14325
+ "name": "popover-border-width",
13034
14326
  "tier": "component",
13035
14327
  "type": "size",
13036
14328
  "group": "components",
13037
- "value": "0px",
13038
- "overridden": true
14329
+ "value": "var(--iox-border-width)"
13039
14330
  },
13040
14331
  {
13041
- "name": "nav-radius",
14332
+ "name": "popover-radius",
13042
14333
  "tier": "component",
13043
14334
  "type": "radius",
13044
14335
  "group": "components",
13045
- "value": "0px"
14336
+ "value": "var(--iox-radius-lg)"
13046
14337
  },
13047
14338
  {
13048
- "name": "nav-shadow",
14339
+ "name": "popover-shadow",
13049
14340
  "tier": "component",
13050
14341
  "type": "shadow",
13051
14342
  "group": "components",
13052
- "value": "none"
13053
- },
13054
- {
13055
- "name": "nav-backdrop",
13056
- "tier": "component",
13057
- "type": "effect",
13058
- "group": "components",
13059
- "value": "none"
14343
+ "value": "var(--iox-shadow-lg)"
13060
14344
  },
13061
14345
  {
13062
- "name": "nav-pad",
14346
+ "name": "popover-pad",
13063
14347
  "tier": "component",
13064
14348
  "type": "spacing",
13065
14349
  "group": "components",
13066
- "value": "16px var(--iox-space-gutter)"
13067
- },
13068
- {
13069
- "name": "field-bg",
13070
- "tier": "component",
13071
- "type": "color",
13072
- "group": "components",
13073
- "value": "var(--iox-surface-2)",
13074
- "overridden": true
14350
+ "value": "var(--iox-space-pad)"
13075
14351
  },
13076
14352
  {
13077
- "name": "field-ink",
14353
+ "name": "popover-scale",
13078
14354
  "tier": "component",
13079
- "type": "color",
14355
+ "type": "number",
13080
14356
  "group": "components",
13081
- "value": "var(--iox-text)"
14357
+ "value": "0.95"
13082
14358
  },
13083
14359
  {
13084
- "name": "field-border",
14360
+ "name": "popover-ease",
13085
14361
  "tier": "component",
13086
- "type": "color",
14362
+ "type": "easing",
13087
14363
  "group": "components",
13088
- "value": "var(--iox-line-strong)"
14364
+ "value": "var(--iox-ease-enter)"
13089
14365
  },
13090
14366
  {
13091
- "name": "field-border-width",
14367
+ "name": "popover-dur-in",
13092
14368
  "tier": "component",
13093
- "type": "size",
14369
+ "type": "duration",
13094
14370
  "group": "components",
13095
- "value": "var(--iox-border-width)"
14371
+ "value": "220ms"
13096
14372
  },
13097
14373
  {
13098
- "name": "field-radius",
14374
+ "name": "popover-dur-out",
13099
14375
  "tier": "component",
13100
- "type": "radius",
14376
+ "type": "duration",
13101
14377
  "group": "components",
13102
- "value": "var(--iox-radius-sm)"
14378
+ "value": "150ms"
13103
14379
  },
13104
14380
  {
13105
- "name": "field-pad",
14381
+ "name": "sheet-ease",
13106
14382
  "tier": "component",
13107
- "type": "spacing",
14383
+ "type": "easing",
13108
14384
  "group": "components",
13109
- "value": "12px 14px"
14385
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
13110
14386
  },
13111
14387
  {
13112
- "name": "field-focus",
14388
+ "name": "sheet-dur-in",
13113
14389
  "tier": "component",
13114
- "type": "shadow",
14390
+ "type": "duration",
13115
14391
  "group": "components",
13116
- "value": "var(--iox-focus-ring)"
14392
+ "value": "500ms"
13117
14393
  },
13118
14394
  {
13119
- "name": "field-label-size",
14395
+ "name": "sheet-dur-out",
13120
14396
  "tier": "component",
13121
- "type": "size",
14397
+ "type": "duration",
13122
14398
  "group": "components",
13123
- "value": "var(--iox-size-small)"
14399
+ "value": "280ms"
13124
14400
  },
13125
14401
  {
13126
- "name": "field-label-weight",
14402
+ "name": "toast-bg",
13127
14403
  "tier": "component",
13128
- "type": "number",
14404
+ "type": "color",
13129
14405
  "group": "components",
13130
- "value": "var(--iox-weight-strong)"
14406
+ "value": "var(--iox-text)"
13131
14407
  },
13132
14408
  {
13133
- "name": "dialog-bg",
14409
+ "name": "toast-ink",
13134
14410
  "tier": "component",
13135
14411
  "type": "color",
13136
14412
  "group": "components",
13137
- "value": "var(--iox-surface)"
14413
+ "value": "var(--iox-bg)"
13138
14414
  },
13139
14415
  {
13140
- "name": "dialog-radius",
14416
+ "name": "toast-radius",
13141
14417
  "tier": "component",
13142
14418
  "type": "radius",
13143
14419
  "group": "components",
13144
- "value": "var(--iox-radius-xl)"
14420
+ "value": "var(--iox-radius-md)"
13145
14421
  },
13146
14422
  {
13147
- "name": "dialog-shadow",
14423
+ "name": "toast-shadow",
13148
14424
  "tier": "component",
13149
14425
  "type": "shadow",
13150
14426
  "group": "components",
13151
14427
  "value": "var(--iox-shadow-lg)"
13152
14428
  },
13153
14429
  {
13154
- "name": "dialog-backdrop",
13155
- "tier": "component",
13156
- "type": "effect",
13157
- "group": "components",
13158
- "value": "none"
13159
- },
13160
- {
13161
- "name": "dialog-pad",
14430
+ "name": "toast-ease",
13162
14431
  "tier": "component",
13163
- "type": "spacing",
14432
+ "type": "easing",
13164
14433
  "group": "components",
13165
- "value": "var(--iox-space-pad)"
14434
+ "value": "ease"
13166
14435
  },
13167
14436
  {
13168
- "name": "dialog-border",
14437
+ "name": "toast-dur-in",
13169
14438
  "tier": "component",
13170
- "type": "color",
14439
+ "type": "duration",
13171
14440
  "group": "components",
13172
- "value": "transparent"
14441
+ "value": "400ms"
13173
14442
  },
13174
14443
  {
13175
- "name": "dialog-border-width",
14444
+ "name": "toast-dur-out",
13176
14445
  "tier": "component",
13177
- "type": "size",
14446
+ "type": "duration",
13178
14447
  "group": "components",
13179
- "value": "0px"
14448
+ "value": "220ms"
13180
14449
  },
13181
14450
  {
13182
14451
  "name": "dialog-edge",
@@ -15072,6 +16341,209 @@ const SPEC_FLAVOR_PACKS = [
15072
16341
  "value": "var(--iox-border-width)",
15073
16342
  "overridden": true
15074
16343
  },
16344
+ {
16345
+ "name": "tooltip-bg",
16346
+ "tier": "component",
16347
+ "type": "color",
16348
+ "group": "components",
16349
+ "value": "var(--iox-text)"
16350
+ },
16351
+ {
16352
+ "name": "tooltip-ink",
16353
+ "tier": "component",
16354
+ "type": "color",
16355
+ "group": "components",
16356
+ "value": "var(--iox-bg)"
16357
+ },
16358
+ {
16359
+ "name": "tooltip-radius",
16360
+ "tier": "component",
16361
+ "type": "radius",
16362
+ "group": "components",
16363
+ "value": "var(--iox-radius-xs)"
16364
+ },
16365
+ {
16366
+ "name": "tooltip-shadow",
16367
+ "tier": "component",
16368
+ "type": "shadow",
16369
+ "group": "components",
16370
+ "value": "var(--iox-shadow-md)"
16371
+ },
16372
+ {
16373
+ "name": "tooltip-size",
16374
+ "tier": "component",
16375
+ "type": "size",
16376
+ "group": "components",
16377
+ "value": "var(--iox-size-small)"
16378
+ },
16379
+ {
16380
+ "name": "tooltip-scale",
16381
+ "tier": "component",
16382
+ "type": "number",
16383
+ "group": "components",
16384
+ "value": "0.97"
16385
+ },
16386
+ {
16387
+ "name": "tooltip-ease",
16388
+ "tier": "component",
16389
+ "type": "easing",
16390
+ "group": "components",
16391
+ "value": "var(--iox-ease-enter)"
16392
+ },
16393
+ {
16394
+ "name": "tooltip-dur-in",
16395
+ "tier": "component",
16396
+ "type": "duration",
16397
+ "group": "components",
16398
+ "value": "100ms"
16399
+ },
16400
+ {
16401
+ "name": "tooltip-dur-out",
16402
+ "tier": "component",
16403
+ "type": "duration",
16404
+ "group": "components",
16405
+ "value": "70ms"
16406
+ },
16407
+ {
16408
+ "name": "popover-bg",
16409
+ "tier": "component",
16410
+ "type": "color",
16411
+ "group": "components",
16412
+ "value": "var(--iox-surface)"
16413
+ },
16414
+ {
16415
+ "name": "popover-border",
16416
+ "tier": "component",
16417
+ "type": "color",
16418
+ "group": "components",
16419
+ "value": "var(--iox-line)"
16420
+ },
16421
+ {
16422
+ "name": "popover-border-width",
16423
+ "tier": "component",
16424
+ "type": "size",
16425
+ "group": "components",
16426
+ "value": "var(--iox-border-width)"
16427
+ },
16428
+ {
16429
+ "name": "popover-radius",
16430
+ "tier": "component",
16431
+ "type": "radius",
16432
+ "group": "components",
16433
+ "value": "var(--iox-radius-lg)"
16434
+ },
16435
+ {
16436
+ "name": "popover-shadow",
16437
+ "tier": "component",
16438
+ "type": "shadow",
16439
+ "group": "components",
16440
+ "value": "var(--iox-shadow-lg)"
16441
+ },
16442
+ {
16443
+ "name": "popover-pad",
16444
+ "tier": "component",
16445
+ "type": "spacing",
16446
+ "group": "components",
16447
+ "value": "var(--iox-space-pad)"
16448
+ },
16449
+ {
16450
+ "name": "popover-scale",
16451
+ "tier": "component",
16452
+ "type": "number",
16453
+ "group": "components",
16454
+ "value": "0.95"
16455
+ },
16456
+ {
16457
+ "name": "popover-ease",
16458
+ "tier": "component",
16459
+ "type": "easing",
16460
+ "group": "components",
16461
+ "value": "var(--iox-ease-enter)"
16462
+ },
16463
+ {
16464
+ "name": "popover-dur-in",
16465
+ "tier": "component",
16466
+ "type": "duration",
16467
+ "group": "components",
16468
+ "value": "160ms"
16469
+ },
16470
+ {
16471
+ "name": "popover-dur-out",
16472
+ "tier": "component",
16473
+ "type": "duration",
16474
+ "group": "components",
16475
+ "value": "110ms"
16476
+ },
16477
+ {
16478
+ "name": "sheet-ease",
16479
+ "tier": "component",
16480
+ "type": "easing",
16481
+ "group": "components",
16482
+ "value": "cubic-bezier(0.32, 0.72, 0, 1)"
16483
+ },
16484
+ {
16485
+ "name": "sheet-dur-in",
16486
+ "tier": "component",
16487
+ "type": "duration",
16488
+ "group": "components",
16489
+ "value": "400ms"
16490
+ },
16491
+ {
16492
+ "name": "sheet-dur-out",
16493
+ "tier": "component",
16494
+ "type": "duration",
16495
+ "group": "components",
16496
+ "value": "240ms"
16497
+ },
16498
+ {
16499
+ "name": "toast-bg",
16500
+ "tier": "component",
16501
+ "type": "color",
16502
+ "group": "components",
16503
+ "value": "var(--iox-text)"
16504
+ },
16505
+ {
16506
+ "name": "toast-ink",
16507
+ "tier": "component",
16508
+ "type": "color",
16509
+ "group": "components",
16510
+ "value": "var(--iox-bg)"
16511
+ },
16512
+ {
16513
+ "name": "toast-radius",
16514
+ "tier": "component",
16515
+ "type": "radius",
16516
+ "group": "components",
16517
+ "value": "var(--iox-radius-md)"
16518
+ },
16519
+ {
16520
+ "name": "toast-shadow",
16521
+ "tier": "component",
16522
+ "type": "shadow",
16523
+ "group": "components",
16524
+ "value": "var(--iox-shadow-lg)"
16525
+ },
16526
+ {
16527
+ "name": "toast-ease",
16528
+ "tier": "component",
16529
+ "type": "easing",
16530
+ "group": "components",
16531
+ "value": "ease"
16532
+ },
16533
+ {
16534
+ "name": "toast-dur-in",
16535
+ "tier": "component",
16536
+ "type": "duration",
16537
+ "group": "components",
16538
+ "value": "320ms"
16539
+ },
16540
+ {
16541
+ "name": "toast-dur-out",
16542
+ "tier": "component",
16543
+ "type": "duration",
16544
+ "group": "components",
16545
+ "value": "180ms"
16546
+ },
15075
16547
  {
15076
16548
  "name": "dialog-edge",
15077
16549
  "tier": "component",
@@ -19497,5 +20969,5 @@ function stylePresetOfChoices(choices) {
19497
20969
  * Generated bundle index. Do not edit.
19498
20970
  */
19499
20971
 
19500
- export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, COMPOSED_HEADER, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HEADER_THEME_COLOR_TOKEN, HELD_CONTRAST, HeaderAttribute, HeaderBehaviour, HeaderEdge, HeaderTrait, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headerAttributes, headerBehaviourOf, headerEdgeOf, headerStaysAtTop, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
20972
+ export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, COMPOSED_HEADER, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HEADER_THEME_COLOR_TOKEN, HELD_CONTRAST, HeaderAttribute, HeaderBehaviour, HeaderEdge, HeaderTrait, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FLOATING_BASELINE, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headerAttributes, headerBehaviourOf, headerEdgeOf, headerStaysAtTop, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
19501
20973
  //# sourceMappingURL=vectoriox-iox-ui-design-core.mjs.map