@vectoriox/iox-ui 5.85.0 → 5.86.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/actions-core/index.d.ts +30 -2
- package/design-core/index.d.ts +1488 -224
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs +136 -70
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-design-core.mjs +1751 -279
- package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-forms-core.mjs +27 -4
- package/fesm2022/vectoriox-iox-ui-forms-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs +215 -8
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui.mjs +1261 -67
- package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
- package/forms-core/index.d.ts +23 -4
- package/index.d.ts +422 -22
- package/package.json +1 -1
- package/src/actions-core/action.model.ts +1 -1
- package/src/actions-core/dialog-opener.ts +9 -3
- package/src/actions-core/element-actions.ts +25 -1
- package/src/actions-core/popover-opener.ts +50 -0
- package/src/actions-core/public-api.ts +1 -0
- package/src/design-core/flavor-spec.generated.ts +1750 -277
- package/src/forms-core/submit-lifecycle.ts +30 -3
- package/src/generation-core/baseline-roles.ts +1 -0
- package/src/generation-core/node-baselines.generated.ts +214 -8
- package/styles/iox-design.css +199 -0
- package/styles/iox-forms.css +24 -2
|
@@ -908,6 +908,151 @@ export const SPEC_TIERS = {
|
|
|
908
908
|
"type": "size",
|
|
909
909
|
"default": "0px"
|
|
910
910
|
},
|
|
911
|
+
{
|
|
912
|
+
"name": "tooltip-bg",
|
|
913
|
+
"type": "color",
|
|
914
|
+
"default": "var(--iox-text)"
|
|
915
|
+
},
|
|
916
|
+
{
|
|
917
|
+
"name": "tooltip-ink",
|
|
918
|
+
"type": "color",
|
|
919
|
+
"default": "var(--iox-bg)"
|
|
920
|
+
},
|
|
921
|
+
{
|
|
922
|
+
"name": "tooltip-radius",
|
|
923
|
+
"type": "radius",
|
|
924
|
+
"default": "var(--iox-radius-xs)"
|
|
925
|
+
},
|
|
926
|
+
{
|
|
927
|
+
"name": "tooltip-shadow",
|
|
928
|
+
"type": "shadow",
|
|
929
|
+
"default": "var(--iox-shadow-md)"
|
|
930
|
+
},
|
|
931
|
+
{
|
|
932
|
+
"name": "tooltip-size",
|
|
933
|
+
"type": "size",
|
|
934
|
+
"default": "var(--iox-size-small)"
|
|
935
|
+
},
|
|
936
|
+
{
|
|
937
|
+
"name": "tooltip-scale",
|
|
938
|
+
"type": "number",
|
|
939
|
+
"default": "0.97"
|
|
940
|
+
},
|
|
941
|
+
{
|
|
942
|
+
"name": "tooltip-ease",
|
|
943
|
+
"type": "easing",
|
|
944
|
+
"default": "var(--iox-ease-enter)"
|
|
945
|
+
},
|
|
946
|
+
{
|
|
947
|
+
"name": "tooltip-dur-in",
|
|
948
|
+
"type": "duration",
|
|
949
|
+
"default": "125ms"
|
|
950
|
+
},
|
|
951
|
+
{
|
|
952
|
+
"name": "tooltip-dur-out",
|
|
953
|
+
"type": "duration",
|
|
954
|
+
"default": "80ms"
|
|
955
|
+
},
|
|
956
|
+
{
|
|
957
|
+
"name": "popover-bg",
|
|
958
|
+
"type": "color",
|
|
959
|
+
"default": "var(--iox-surface)"
|
|
960
|
+
},
|
|
961
|
+
{
|
|
962
|
+
"name": "popover-border",
|
|
963
|
+
"type": "color",
|
|
964
|
+
"default": "var(--iox-line)"
|
|
965
|
+
},
|
|
966
|
+
{
|
|
967
|
+
"name": "popover-border-width",
|
|
968
|
+
"type": "size",
|
|
969
|
+
"default": "var(--iox-border-width)"
|
|
970
|
+
},
|
|
971
|
+
{
|
|
972
|
+
"name": "popover-radius",
|
|
973
|
+
"type": "radius",
|
|
974
|
+
"default": "var(--iox-radius-lg)"
|
|
975
|
+
},
|
|
976
|
+
{
|
|
977
|
+
"name": "popover-shadow",
|
|
978
|
+
"type": "shadow",
|
|
979
|
+
"default": "var(--iox-shadow-lg)"
|
|
980
|
+
},
|
|
981
|
+
{
|
|
982
|
+
"name": "popover-pad",
|
|
983
|
+
"type": "spacing",
|
|
984
|
+
"default": "var(--iox-space-pad)"
|
|
985
|
+
},
|
|
986
|
+
{
|
|
987
|
+
"name": "popover-scale",
|
|
988
|
+
"type": "number",
|
|
989
|
+
"default": "0.95"
|
|
990
|
+
},
|
|
991
|
+
{
|
|
992
|
+
"name": "popover-ease",
|
|
993
|
+
"type": "easing",
|
|
994
|
+
"default": "var(--iox-ease-enter)"
|
|
995
|
+
},
|
|
996
|
+
{
|
|
997
|
+
"name": "popover-dur-in",
|
|
998
|
+
"type": "duration",
|
|
999
|
+
"default": "200ms"
|
|
1000
|
+
},
|
|
1001
|
+
{
|
|
1002
|
+
"name": "popover-dur-out",
|
|
1003
|
+
"type": "duration",
|
|
1004
|
+
"default": "140ms"
|
|
1005
|
+
},
|
|
1006
|
+
{
|
|
1007
|
+
"name": "sheet-ease",
|
|
1008
|
+
"type": "easing",
|
|
1009
|
+
"default": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
1010
|
+
},
|
|
1011
|
+
{
|
|
1012
|
+
"name": "sheet-dur-in",
|
|
1013
|
+
"type": "duration",
|
|
1014
|
+
"default": "500ms"
|
|
1015
|
+
},
|
|
1016
|
+
{
|
|
1017
|
+
"name": "sheet-dur-out",
|
|
1018
|
+
"type": "duration",
|
|
1019
|
+
"default": "280ms"
|
|
1020
|
+
},
|
|
1021
|
+
{
|
|
1022
|
+
"name": "toast-bg",
|
|
1023
|
+
"type": "color",
|
|
1024
|
+
"default": "var(--iox-text)"
|
|
1025
|
+
},
|
|
1026
|
+
{
|
|
1027
|
+
"name": "toast-ink",
|
|
1028
|
+
"type": "color",
|
|
1029
|
+
"default": "var(--iox-bg)"
|
|
1030
|
+
},
|
|
1031
|
+
{
|
|
1032
|
+
"name": "toast-radius",
|
|
1033
|
+
"type": "radius",
|
|
1034
|
+
"default": "var(--iox-radius-md)"
|
|
1035
|
+
},
|
|
1036
|
+
{
|
|
1037
|
+
"name": "toast-shadow",
|
|
1038
|
+
"type": "shadow",
|
|
1039
|
+
"default": "var(--iox-shadow-lg)"
|
|
1040
|
+
},
|
|
1041
|
+
{
|
|
1042
|
+
"name": "toast-ease",
|
|
1043
|
+
"type": "easing",
|
|
1044
|
+
"default": "ease"
|
|
1045
|
+
},
|
|
1046
|
+
{
|
|
1047
|
+
"name": "toast-dur-in",
|
|
1048
|
+
"type": "duration",
|
|
1049
|
+
"default": "400ms"
|
|
1050
|
+
},
|
|
1051
|
+
{
|
|
1052
|
+
"name": "toast-dur-out",
|
|
1053
|
+
"type": "duration",
|
|
1054
|
+
"default": "220ms"
|
|
1055
|
+
},
|
|
911
1056
|
{
|
|
912
1057
|
"name": "dialog-edge",
|
|
913
1058
|
"type": "color",
|
|
@@ -1396,7 +1541,15 @@ export const SPEC_AXES = {
|
|
|
1396
1541
|
"press-scale": "1",
|
|
1397
1542
|
"dur-hover": "0ms",
|
|
1398
1543
|
"dur-press": "0ms",
|
|
1399
|
-
"dur-ui": "0ms"
|
|
1544
|
+
"dur-ui": "0ms",
|
|
1545
|
+
"tooltip-dur-in": "0ms",
|
|
1546
|
+
"tooltip-dur-out": "0ms",
|
|
1547
|
+
"popover-dur-in": "0ms",
|
|
1548
|
+
"popover-dur-out": "0ms",
|
|
1549
|
+
"sheet-dur-in": "0ms",
|
|
1550
|
+
"sheet-dur-out": "0ms",
|
|
1551
|
+
"toast-dur-in": "0ms",
|
|
1552
|
+
"toast-dur-out": "0ms"
|
|
1400
1553
|
},
|
|
1401
1554
|
"snappy": {
|
|
1402
1555
|
"label": "Snappy",
|
|
@@ -1410,7 +1563,15 @@ export const SPEC_AXES = {
|
|
|
1410
1563
|
"press-scale": "0.97",
|
|
1411
1564
|
"dur-hover": "80ms",
|
|
1412
1565
|
"dur-press": "60ms",
|
|
1413
|
-
"dur-ui": "140ms"
|
|
1566
|
+
"dur-ui": "140ms",
|
|
1567
|
+
"tooltip-dur-in": "100ms",
|
|
1568
|
+
"tooltip-dur-out": "70ms",
|
|
1569
|
+
"popover-dur-in": "160ms",
|
|
1570
|
+
"popover-dur-out": "110ms",
|
|
1571
|
+
"sheet-dur-in": "400ms",
|
|
1572
|
+
"sheet-dur-out": "240ms",
|
|
1573
|
+
"toast-dur-in": "320ms",
|
|
1574
|
+
"toast-dur-out": "180ms"
|
|
1414
1575
|
},
|
|
1415
1576
|
"standard": {
|
|
1416
1577
|
"label": "Standard",
|
|
@@ -1424,7 +1585,15 @@ export const SPEC_AXES = {
|
|
|
1424
1585
|
"press-scale": "0.98",
|
|
1425
1586
|
"dur-hover": "120ms",
|
|
1426
1587
|
"dur-press": "90ms",
|
|
1427
|
-
"dur-ui": "200ms"
|
|
1588
|
+
"dur-ui": "200ms",
|
|
1589
|
+
"tooltip-dur-in": "125ms",
|
|
1590
|
+
"tooltip-dur-out": "80ms",
|
|
1591
|
+
"popover-dur-in": "200ms",
|
|
1592
|
+
"popover-dur-out": "140ms",
|
|
1593
|
+
"sheet-dur-in": "500ms",
|
|
1594
|
+
"sheet-dur-out": "280ms",
|
|
1595
|
+
"toast-dur-in": "400ms",
|
|
1596
|
+
"toast-dur-out": "220ms"
|
|
1428
1597
|
},
|
|
1429
1598
|
"calm": {
|
|
1430
1599
|
"label": "Calm",
|
|
@@ -1438,7 +1607,15 @@ export const SPEC_AXES = {
|
|
|
1438
1607
|
"press-scale": "0.98",
|
|
1439
1608
|
"dur-hover": "150ms",
|
|
1440
1609
|
"dur-press": "120ms",
|
|
1441
|
-
"dur-ui": "300ms"
|
|
1610
|
+
"dur-ui": "300ms",
|
|
1611
|
+
"tooltip-dur-in": "160ms",
|
|
1612
|
+
"tooltip-dur-out": "110ms",
|
|
1613
|
+
"popover-dur-in": "260ms",
|
|
1614
|
+
"popover-dur-out": "180ms",
|
|
1615
|
+
"sheet-dur-in": "600ms",
|
|
1616
|
+
"sheet-dur-out": "340ms",
|
|
1617
|
+
"toast-dur-in": "480ms",
|
|
1618
|
+
"toast-dur-out": "280ms"
|
|
1442
1619
|
},
|
|
1443
1620
|
"lively": {
|
|
1444
1621
|
"label": "Lively",
|
|
@@ -1452,7 +1629,15 @@ export const SPEC_AXES = {
|
|
|
1452
1629
|
"press-scale": "0.97",
|
|
1453
1630
|
"dur-hover": "150ms",
|
|
1454
1631
|
"dur-press": "100ms",
|
|
1455
|
-
"dur-ui": "280ms"
|
|
1632
|
+
"dur-ui": "280ms",
|
|
1633
|
+
"tooltip-dur-in": "140ms",
|
|
1634
|
+
"tooltip-dur-out": "90ms",
|
|
1635
|
+
"popover-dur-in": "220ms",
|
|
1636
|
+
"popover-dur-out": "150ms",
|
|
1637
|
+
"sheet-dur-in": "500ms",
|
|
1638
|
+
"sheet-dur-out": "280ms",
|
|
1639
|
+
"toast-dur-in": "400ms",
|
|
1640
|
+
"toast-dur-out": "220ms"
|
|
1456
1641
|
}
|
|
1457
1642
|
},
|
|
1458
1643
|
"motionCommon": {
|
|
@@ -3372,6 +3557,54 @@ export const SPEC_ELEMENT_STYLES = [
|
|
|
3372
3557
|
"borderColor": "var(--iox-dialog-border)"
|
|
3373
3558
|
}
|
|
3374
3559
|
},
|
|
3560
|
+
{
|
|
3561
|
+
"id": "popover",
|
|
3562
|
+
"label": "Popover",
|
|
3563
|
+
"group": "Overlays",
|
|
3564
|
+
"appliesTo": [
|
|
3565
|
+
"Popover"
|
|
3566
|
+
],
|
|
3567
|
+
"base": {
|
|
3568
|
+
"backgroundColor": "var(--iox-popover-bg)",
|
|
3569
|
+
"color": "var(--iox-text)",
|
|
3570
|
+
"borderRadius": "var(--iox-popover-radius)",
|
|
3571
|
+
"boxShadow": "var(--iox-popover-shadow)",
|
|
3572
|
+
"padding": "var(--iox-popover-pad)",
|
|
3573
|
+
"borderWidth": "var(--iox-popover-border-width)",
|
|
3574
|
+
"borderStyle": "solid",
|
|
3575
|
+
"borderColor": "var(--iox-popover-border)"
|
|
3576
|
+
}
|
|
3577
|
+
},
|
|
3578
|
+
{
|
|
3579
|
+
"id": "tooltip",
|
|
3580
|
+
"label": "Tooltip",
|
|
3581
|
+
"group": "Floating",
|
|
3582
|
+
"appliesTo": [],
|
|
3583
|
+
"base": {
|
|
3584
|
+
"backgroundColor": "var(--iox-tooltip-bg)",
|
|
3585
|
+
"color": "var(--iox-tooltip-ink)",
|
|
3586
|
+
"borderRadius": "var(--iox-tooltip-radius)",
|
|
3587
|
+
"boxShadow": "var(--iox-tooltip-shadow)",
|
|
3588
|
+
"fontFamily": "var(--iox-font-body)",
|
|
3589
|
+
"fontSize": "var(--iox-tooltip-size)",
|
|
3590
|
+
"fontWeight": "var(--iox-weight-strong)"
|
|
3591
|
+
}
|
|
3592
|
+
},
|
|
3593
|
+
{
|
|
3594
|
+
"id": "toast",
|
|
3595
|
+
"label": "Toast",
|
|
3596
|
+
"group": "Floating",
|
|
3597
|
+
"appliesTo": [],
|
|
3598
|
+
"base": {
|
|
3599
|
+
"backgroundColor": "var(--iox-toast-bg)",
|
|
3600
|
+
"color": "var(--iox-toast-ink)",
|
|
3601
|
+
"borderRadius": "var(--iox-toast-radius)",
|
|
3602
|
+
"boxShadow": "var(--iox-toast-shadow)",
|
|
3603
|
+
"fontFamily": "var(--iox-font-body)",
|
|
3604
|
+
"fontSize": "var(--iox-size-body)",
|
|
3605
|
+
"fontWeight": "var(--iox-weight-strong)"
|
|
3606
|
+
}
|
|
3607
|
+
},
|
|
3375
3608
|
{
|
|
3376
3609
|
"id": "form",
|
|
3377
3610
|
"label": "Form",
|
|
@@ -3633,6 +3866,7 @@ export const SPEC_DEFAULT_ELEMENT_STYLE = {
|
|
|
3633
3866
|
"Divider": "rule",
|
|
3634
3867
|
"Icon": "icon",
|
|
3635
3868
|
"Dialog": "dialog",
|
|
3869
|
+
"Popover": "popover",
|
|
3636
3870
|
"Form": "form",
|
|
3637
3871
|
"Field": "field",
|
|
3638
3872
|
"FormSuccess": "notice-success",
|
|
@@ -3955,6 +4189,27 @@ export const SPEC_FIELD_CLASS_BASELINE = {
|
|
|
3955
4189
|
}
|
|
3956
4190
|
} as const;
|
|
3957
4191
|
|
|
4192
|
+
export const SPEC_FLOATING_BASELINE = {
|
|
4193
|
+
".iox-es-tooltip": {
|
|
4194
|
+
"background-color": "var(--iox-tooltip-bg)",
|
|
4195
|
+
"color": "var(--iox-tooltip-ink)",
|
|
4196
|
+
"border-radius": "var(--iox-tooltip-radius)",
|
|
4197
|
+
"box-shadow": "var(--iox-tooltip-shadow)",
|
|
4198
|
+
"font-family": "var(--iox-font-body)",
|
|
4199
|
+
"font-size": "var(--iox-tooltip-size)",
|
|
4200
|
+
"font-weight": "var(--iox-weight-strong)"
|
|
4201
|
+
},
|
|
4202
|
+
".iox-es-toast": {
|
|
4203
|
+
"background-color": "var(--iox-toast-bg)",
|
|
4204
|
+
"color": "var(--iox-toast-ink)",
|
|
4205
|
+
"border-radius": "var(--iox-toast-radius)",
|
|
4206
|
+
"box-shadow": "var(--iox-toast-shadow)",
|
|
4207
|
+
"font-family": "var(--iox-font-body)",
|
|
4208
|
+
"font-size": "var(--iox-size-body)",
|
|
4209
|
+
"font-weight": "var(--iox-weight-strong)"
|
|
4210
|
+
}
|
|
4211
|
+
} as const;
|
|
4212
|
+
|
|
3958
4213
|
export const SPEC_INK_SCOPES = [
|
|
3959
4214
|
{
|
|
3960
4215
|
"styles": [
|
|
@@ -5603,193 +5858,396 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
5603
5858
|
"value": "0px"
|
|
5604
5859
|
},
|
|
5605
5860
|
{
|
|
5606
|
-
"name": "
|
|
5861
|
+
"name": "tooltip-bg",
|
|
5607
5862
|
"tier": "component",
|
|
5608
5863
|
"type": "color",
|
|
5609
5864
|
"group": "components",
|
|
5610
|
-
"value": "var(--iox-
|
|
5865
|
+
"value": "var(--iox-text)"
|
|
5611
5866
|
},
|
|
5612
5867
|
{
|
|
5613
|
-
"name": "
|
|
5868
|
+
"name": "tooltip-ink",
|
|
5869
|
+
"tier": "component",
|
|
5870
|
+
"type": "color",
|
|
5871
|
+
"group": "components",
|
|
5872
|
+
"value": "var(--iox-bg)"
|
|
5873
|
+
},
|
|
5874
|
+
{
|
|
5875
|
+
"name": "tooltip-radius",
|
|
5614
5876
|
"tier": "component",
|
|
5615
5877
|
"type": "radius",
|
|
5616
5878
|
"group": "components",
|
|
5617
|
-
"value": "var(--iox-radius-
|
|
5879
|
+
"value": "var(--iox-radius-xs)"
|
|
5618
5880
|
},
|
|
5619
5881
|
{
|
|
5620
|
-
"name": "
|
|
5882
|
+
"name": "tooltip-shadow",
|
|
5621
5883
|
"tier": "component",
|
|
5622
|
-
"type": "
|
|
5884
|
+
"type": "shadow",
|
|
5623
5885
|
"group": "components",
|
|
5624
|
-
"value": "
|
|
5886
|
+
"value": "var(--iox-shadow-md)"
|
|
5625
5887
|
},
|
|
5626
5888
|
{
|
|
5627
|
-
"name": "
|
|
5889
|
+
"name": "tooltip-size",
|
|
5628
5890
|
"tier": "component",
|
|
5629
|
-
"type": "
|
|
5891
|
+
"type": "size",
|
|
5630
5892
|
"group": "components",
|
|
5631
|
-
"value": "var(--iox-
|
|
5893
|
+
"value": "var(--iox-size-small)"
|
|
5632
5894
|
},
|
|
5633
5895
|
{
|
|
5634
|
-
"name": "
|
|
5896
|
+
"name": "tooltip-scale",
|
|
5635
5897
|
"tier": "component",
|
|
5636
|
-
"type": "
|
|
5898
|
+
"type": "number",
|
|
5637
5899
|
"group": "components",
|
|
5638
|
-
"value": "
|
|
5900
|
+
"value": "0.97"
|
|
5639
5901
|
},
|
|
5640
5902
|
{
|
|
5641
|
-
"name": "
|
|
5903
|
+
"name": "tooltip-ease",
|
|
5642
5904
|
"tier": "component",
|
|
5643
|
-
"type": "
|
|
5905
|
+
"type": "easing",
|
|
5644
5906
|
"group": "components",
|
|
5645
|
-
"value": "
|
|
5907
|
+
"value": "var(--iox-ease-enter)"
|
|
5646
5908
|
},
|
|
5647
5909
|
{
|
|
5648
|
-
"name": "
|
|
5910
|
+
"name": "tooltip-dur-in",
|
|
5649
5911
|
"tier": "component",
|
|
5650
|
-
"type": "
|
|
5912
|
+
"type": "duration",
|
|
5651
5913
|
"group": "components",
|
|
5652
|
-
"value": "
|
|
5914
|
+
"value": "125ms"
|
|
5653
5915
|
},
|
|
5654
5916
|
{
|
|
5655
|
-
"name": "
|
|
5917
|
+
"name": "tooltip-dur-out",
|
|
5656
5918
|
"tier": "component",
|
|
5657
|
-
"type": "
|
|
5919
|
+
"type": "duration",
|
|
5658
5920
|
"group": "components",
|
|
5659
|
-
"value": "
|
|
5921
|
+
"value": "80ms"
|
|
5660
5922
|
},
|
|
5661
5923
|
{
|
|
5662
|
-
"name": "
|
|
5924
|
+
"name": "popover-bg",
|
|
5663
5925
|
"tier": "component",
|
|
5664
|
-
"type": "
|
|
5926
|
+
"type": "color",
|
|
5665
5927
|
"group": "components",
|
|
5666
|
-
"value": "
|
|
5928
|
+
"value": "var(--iox-surface)"
|
|
5667
5929
|
},
|
|
5668
5930
|
{
|
|
5669
|
-
"name": "
|
|
5931
|
+
"name": "popover-border",
|
|
5670
5932
|
"tier": "component",
|
|
5671
|
-
"type": "
|
|
5933
|
+
"type": "color",
|
|
5672
5934
|
"group": "components",
|
|
5673
|
-
"value": "
|
|
5935
|
+
"value": "var(--iox-line)"
|
|
5674
5936
|
},
|
|
5675
5937
|
{
|
|
5676
|
-
"name": "
|
|
5938
|
+
"name": "popover-border-width",
|
|
5677
5939
|
"tier": "component",
|
|
5678
5940
|
"type": "size",
|
|
5679
5941
|
"group": "components",
|
|
5680
|
-
"value": "
|
|
5942
|
+
"value": "var(--iox-border-width)"
|
|
5681
5943
|
},
|
|
5682
5944
|
{
|
|
5683
|
-
"name": "
|
|
5945
|
+
"name": "popover-radius",
|
|
5684
5946
|
"tier": "component",
|
|
5685
|
-
"type": "
|
|
5947
|
+
"type": "radius",
|
|
5686
5948
|
"group": "components",
|
|
5687
|
-
"value": "var(--iox-
|
|
5949
|
+
"value": "var(--iox-radius-lg)"
|
|
5688
5950
|
},
|
|
5689
5951
|
{
|
|
5690
|
-
"name": "
|
|
5952
|
+
"name": "popover-shadow",
|
|
5691
5953
|
"tier": "component",
|
|
5692
|
-
"type": "
|
|
5954
|
+
"type": "shadow",
|
|
5693
5955
|
"group": "components",
|
|
5694
|
-
"value": "
|
|
5956
|
+
"value": "var(--iox-shadow-lg)"
|
|
5695
5957
|
},
|
|
5696
5958
|
{
|
|
5697
|
-
"name": "
|
|
5959
|
+
"name": "popover-pad",
|
|
5698
5960
|
"tier": "component",
|
|
5699
|
-
"type": "
|
|
5961
|
+
"type": "spacing",
|
|
5700
5962
|
"group": "components",
|
|
5701
|
-
"value": "var(--iox-
|
|
5963
|
+
"value": "var(--iox-space-pad)"
|
|
5702
5964
|
},
|
|
5703
5965
|
{
|
|
5704
|
-
"name": "
|
|
5966
|
+
"name": "popover-scale",
|
|
5705
5967
|
"tier": "component",
|
|
5706
|
-
"type": "
|
|
5968
|
+
"type": "number",
|
|
5707
5969
|
"group": "components",
|
|
5708
|
-
"value": "
|
|
5970
|
+
"value": "0.95"
|
|
5709
5971
|
},
|
|
5710
5972
|
{
|
|
5711
|
-
"name": "
|
|
5973
|
+
"name": "popover-ease",
|
|
5712
5974
|
"tier": "component",
|
|
5713
|
-
"type": "
|
|
5975
|
+
"type": "easing",
|
|
5714
5976
|
"group": "components",
|
|
5715
|
-
"value": "var(--iox-
|
|
5977
|
+
"value": "var(--iox-ease-enter)"
|
|
5716
5978
|
},
|
|
5717
5979
|
{
|
|
5718
|
-
"name": "
|
|
5980
|
+
"name": "popover-dur-in",
|
|
5719
5981
|
"tier": "component",
|
|
5720
|
-
"type": "
|
|
5982
|
+
"type": "duration",
|
|
5721
5983
|
"group": "components",
|
|
5722
|
-
"value": "
|
|
5984
|
+
"value": "200ms"
|
|
5723
5985
|
},
|
|
5724
5986
|
{
|
|
5725
|
-
"name": "
|
|
5987
|
+
"name": "popover-dur-out",
|
|
5726
5988
|
"tier": "component",
|
|
5727
|
-
"type": "
|
|
5989
|
+
"type": "duration",
|
|
5728
5990
|
"group": "components",
|
|
5729
|
-
"value": "
|
|
5991
|
+
"value": "140ms"
|
|
5730
5992
|
},
|
|
5731
5993
|
{
|
|
5732
|
-
"name": "
|
|
5994
|
+
"name": "sheet-ease",
|
|
5733
5995
|
"tier": "component",
|
|
5734
|
-
"type": "
|
|
5996
|
+
"type": "easing",
|
|
5735
5997
|
"group": "components",
|
|
5736
|
-
"value": "
|
|
5998
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
5737
5999
|
},
|
|
5738
6000
|
{
|
|
5739
|
-
"name": "
|
|
6001
|
+
"name": "sheet-dur-in",
|
|
5740
6002
|
"tier": "component",
|
|
5741
|
-
"type": "
|
|
6003
|
+
"type": "duration",
|
|
5742
6004
|
"group": "components",
|
|
5743
|
-
"value": "
|
|
6005
|
+
"value": "500ms"
|
|
5744
6006
|
},
|
|
5745
6007
|
{
|
|
5746
|
-
"name": "
|
|
6008
|
+
"name": "sheet-dur-out",
|
|
5747
6009
|
"tier": "component",
|
|
5748
|
-
"type": "
|
|
6010
|
+
"type": "duration",
|
|
5749
6011
|
"group": "components",
|
|
5750
|
-
"value": "
|
|
6012
|
+
"value": "280ms"
|
|
5751
6013
|
},
|
|
5752
6014
|
{
|
|
5753
|
-
"name": "
|
|
6015
|
+
"name": "toast-bg",
|
|
5754
6016
|
"tier": "component",
|
|
5755
6017
|
"type": "color",
|
|
5756
6018
|
"group": "components",
|
|
5757
|
-
"value": "var(--iox-text
|
|
6019
|
+
"value": "var(--iox-text)"
|
|
5758
6020
|
},
|
|
5759
6021
|
{
|
|
5760
|
-
"name": "
|
|
6022
|
+
"name": "toast-ink",
|
|
5761
6023
|
"tier": "component",
|
|
5762
6024
|
"type": "color",
|
|
5763
6025
|
"group": "components",
|
|
5764
|
-
"value": "var(--iox-
|
|
6026
|
+
"value": "var(--iox-bg)"
|
|
5765
6027
|
},
|
|
5766
6028
|
{
|
|
5767
|
-
"name": "
|
|
6029
|
+
"name": "toast-radius",
|
|
5768
6030
|
"tier": "component",
|
|
5769
|
-
"type": "
|
|
6031
|
+
"type": "radius",
|
|
5770
6032
|
"group": "components",
|
|
5771
|
-
"value": "var(--iox-
|
|
6033
|
+
"value": "var(--iox-radius-md)"
|
|
5772
6034
|
},
|
|
5773
6035
|
{
|
|
5774
|
-
"name": "
|
|
6036
|
+
"name": "toast-shadow",
|
|
5775
6037
|
"tier": "component",
|
|
5776
|
-
"type": "
|
|
6038
|
+
"type": "shadow",
|
|
5777
6039
|
"group": "components",
|
|
5778
|
-
"value": "var(--iox-
|
|
6040
|
+
"value": "var(--iox-shadow-lg)"
|
|
5779
6041
|
},
|
|
5780
6042
|
{
|
|
5781
|
-
"name": "
|
|
6043
|
+
"name": "toast-ease",
|
|
5782
6044
|
"tier": "component",
|
|
5783
|
-
"type": "
|
|
6045
|
+
"type": "easing",
|
|
5784
6046
|
"group": "components",
|
|
5785
|
-
"value": "
|
|
6047
|
+
"value": "ease"
|
|
5786
6048
|
},
|
|
5787
6049
|
{
|
|
5788
|
-
"name": "
|
|
6050
|
+
"name": "toast-dur-in",
|
|
5789
6051
|
"tier": "component",
|
|
5790
|
-
"type": "
|
|
6052
|
+
"type": "duration",
|
|
5791
6053
|
"group": "components",
|
|
5792
|
-
"value": "
|
|
6054
|
+
"value": "400ms"
|
|
6055
|
+
},
|
|
6056
|
+
{
|
|
6057
|
+
"name": "toast-dur-out",
|
|
6058
|
+
"tier": "component",
|
|
6059
|
+
"type": "duration",
|
|
6060
|
+
"group": "components",
|
|
6061
|
+
"value": "220ms"
|
|
6062
|
+
},
|
|
6063
|
+
{
|
|
6064
|
+
"name": "dialog-edge",
|
|
6065
|
+
"tier": "component",
|
|
6066
|
+
"type": "color",
|
|
6067
|
+
"group": "components",
|
|
6068
|
+
"value": "var(--iox-line)"
|
|
6069
|
+
},
|
|
6070
|
+
{
|
|
6071
|
+
"name": "image-radius",
|
|
6072
|
+
"tier": "component",
|
|
6073
|
+
"type": "radius",
|
|
6074
|
+
"group": "components",
|
|
6075
|
+
"value": "var(--iox-radius-md)"
|
|
6076
|
+
},
|
|
6077
|
+
{
|
|
6078
|
+
"name": "image-hover-scale",
|
|
6079
|
+
"tier": "component",
|
|
6080
|
+
"type": "number",
|
|
6081
|
+
"group": "components",
|
|
6082
|
+
"value": "1"
|
|
6083
|
+
},
|
|
6084
|
+
{
|
|
6085
|
+
"name": "link-color",
|
|
6086
|
+
"tier": "component",
|
|
6087
|
+
"type": "color",
|
|
6088
|
+
"group": "components",
|
|
6089
|
+
"value": "var(--iox-accent-text)"
|
|
6090
|
+
},
|
|
6091
|
+
{
|
|
6092
|
+
"name": "link-hover-color",
|
|
6093
|
+
"tier": "component",
|
|
6094
|
+
"type": "color",
|
|
6095
|
+
"group": "components",
|
|
6096
|
+
"value": "var(--iox-text)"
|
|
6097
|
+
},
|
|
6098
|
+
{
|
|
6099
|
+
"name": "link-decoration",
|
|
6100
|
+
"tier": "component",
|
|
6101
|
+
"type": "keyword",
|
|
6102
|
+
"group": "components",
|
|
6103
|
+
"value": "underline"
|
|
6104
|
+
},
|
|
6105
|
+
{
|
|
6106
|
+
"name": "link-current-color",
|
|
6107
|
+
"tier": "component",
|
|
6108
|
+
"type": "color",
|
|
6109
|
+
"group": "components",
|
|
6110
|
+
"value": "var(--iox-text)"
|
|
6111
|
+
},
|
|
6112
|
+
{
|
|
6113
|
+
"name": "link-current-decoration",
|
|
6114
|
+
"tier": "component",
|
|
6115
|
+
"type": "keyword",
|
|
6116
|
+
"group": "components",
|
|
6117
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
6118
|
+
},
|
|
6119
|
+
{
|
|
6120
|
+
"name": "link-underline-rest",
|
|
6121
|
+
"tier": "component",
|
|
6122
|
+
"type": "number",
|
|
6123
|
+
"group": "components",
|
|
6124
|
+
"value": "1"
|
|
6125
|
+
},
|
|
6126
|
+
{
|
|
6127
|
+
"name": "link-underline-thickness",
|
|
6128
|
+
"tier": "component",
|
|
6129
|
+
"type": "size",
|
|
6130
|
+
"group": "components",
|
|
6131
|
+
"value": "max(1px, 0.06em)"
|
|
6132
|
+
},
|
|
6133
|
+
{
|
|
6134
|
+
"name": "link-underline-offset",
|
|
6135
|
+
"tier": "component",
|
|
6136
|
+
"type": "size",
|
|
6137
|
+
"group": "components",
|
|
6138
|
+
"value": "0.12em"
|
|
6139
|
+
},
|
|
6140
|
+
{
|
|
6141
|
+
"name": "link-current-underline",
|
|
6142
|
+
"tier": "component",
|
|
6143
|
+
"type": "color",
|
|
6144
|
+
"group": "components",
|
|
6145
|
+
"value": "var(--iox-accent-text)"
|
|
6146
|
+
},
|
|
6147
|
+
{
|
|
6148
|
+
"name": "link-current-underline-thickness",
|
|
6149
|
+
"tier": "component",
|
|
6150
|
+
"type": "size",
|
|
6151
|
+
"group": "components",
|
|
6152
|
+
"value": "2px"
|
|
6153
|
+
},
|
|
6154
|
+
{
|
|
6155
|
+
"name": "tabbar-bg",
|
|
6156
|
+
"tier": "component",
|
|
6157
|
+
"type": "color",
|
|
6158
|
+
"group": "components",
|
|
6159
|
+
"value": "var(--iox-nav-bg)"
|
|
6160
|
+
},
|
|
6161
|
+
{
|
|
6162
|
+
"name": "tabbar-border",
|
|
6163
|
+
"tier": "component",
|
|
6164
|
+
"type": "color",
|
|
6165
|
+
"group": "components",
|
|
6166
|
+
"value": "var(--iox-nav-border)"
|
|
6167
|
+
},
|
|
6168
|
+
{
|
|
6169
|
+
"name": "tabbar-border-width",
|
|
6170
|
+
"tier": "component",
|
|
6171
|
+
"type": "size",
|
|
6172
|
+
"group": "components",
|
|
6173
|
+
"value": "var(--iox-border-width) 0px 0px 0px"
|
|
6174
|
+
},
|
|
6175
|
+
{
|
|
6176
|
+
"name": "tabbar-radius",
|
|
6177
|
+
"tier": "component",
|
|
6178
|
+
"type": "radius",
|
|
6179
|
+
"group": "components",
|
|
6180
|
+
"value": "0px"
|
|
6181
|
+
},
|
|
6182
|
+
{
|
|
6183
|
+
"name": "tabbar-shadow",
|
|
6184
|
+
"tier": "component",
|
|
6185
|
+
"type": "shadow",
|
|
6186
|
+
"group": "components",
|
|
6187
|
+
"value": "none"
|
|
6188
|
+
},
|
|
6189
|
+
{
|
|
6190
|
+
"name": "tabbar-backdrop",
|
|
6191
|
+
"tier": "component",
|
|
6192
|
+
"type": "effect",
|
|
6193
|
+
"group": "components",
|
|
6194
|
+
"value": "var(--iox-nav-backdrop)"
|
|
6195
|
+
},
|
|
6196
|
+
{
|
|
6197
|
+
"name": "tabbar-inset",
|
|
6198
|
+
"tier": "component",
|
|
6199
|
+
"type": "size",
|
|
6200
|
+
"group": "components",
|
|
6201
|
+
"value": "0px"
|
|
6202
|
+
},
|
|
6203
|
+
{
|
|
6204
|
+
"name": "tabbar-height",
|
|
6205
|
+
"tier": "component",
|
|
6206
|
+
"type": "size",
|
|
6207
|
+
"group": "components",
|
|
6208
|
+
"value": "64px"
|
|
6209
|
+
},
|
|
6210
|
+
{
|
|
6211
|
+
"name": "tabbar-item-ink",
|
|
6212
|
+
"tier": "component",
|
|
6213
|
+
"type": "color",
|
|
6214
|
+
"group": "components",
|
|
6215
|
+
"value": "var(--iox-text-muted)"
|
|
6216
|
+
},
|
|
6217
|
+
{
|
|
6218
|
+
"name": "tabbar-item-current-ink",
|
|
6219
|
+
"tier": "component",
|
|
6220
|
+
"type": "color",
|
|
6221
|
+
"group": "components",
|
|
6222
|
+
"value": "var(--iox-accent-text)"
|
|
6223
|
+
},
|
|
6224
|
+
{
|
|
6225
|
+
"name": "tabbar-indicator",
|
|
6226
|
+
"tier": "component",
|
|
6227
|
+
"type": "color",
|
|
6228
|
+
"group": "components",
|
|
6229
|
+
"value": "var(--iox-surface-2)"
|
|
6230
|
+
},
|
|
6231
|
+
{
|
|
6232
|
+
"name": "tabbar-label-size",
|
|
6233
|
+
"tier": "component",
|
|
6234
|
+
"type": "size",
|
|
6235
|
+
"group": "components",
|
|
6236
|
+
"value": "var(--iox-size-label)"
|
|
6237
|
+
},
|
|
6238
|
+
{
|
|
6239
|
+
"name": "accordion-gap",
|
|
6240
|
+
"tier": "component",
|
|
6241
|
+
"type": "spacing",
|
|
6242
|
+
"group": "components",
|
|
6243
|
+
"value": "0px"
|
|
6244
|
+
},
|
|
6245
|
+
{
|
|
6246
|
+
"name": "accordion-item-bg",
|
|
6247
|
+
"tier": "component",
|
|
6248
|
+
"type": "color",
|
|
6249
|
+
"group": "components",
|
|
6250
|
+
"value": "var(--iox-section-bg)"
|
|
5793
6251
|
},
|
|
5794
6252
|
{
|
|
5795
6253
|
"name": "accordion-item-border",
|
|
@@ -7385,111 +7843,314 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
7385
7843
|
"overridden": true
|
|
7386
7844
|
},
|
|
7387
7845
|
{
|
|
7388
|
-
"name": "field-ink",
|
|
7846
|
+
"name": "field-ink",
|
|
7847
|
+
"tier": "component",
|
|
7848
|
+
"type": "color",
|
|
7849
|
+
"group": "components",
|
|
7850
|
+
"value": "var(--iox-text)"
|
|
7851
|
+
},
|
|
7852
|
+
{
|
|
7853
|
+
"name": "field-border",
|
|
7854
|
+
"tier": "component",
|
|
7855
|
+
"type": "color",
|
|
7856
|
+
"group": "components",
|
|
7857
|
+
"value": "var(--iox-line-strong)",
|
|
7858
|
+
"overridden": true
|
|
7859
|
+
},
|
|
7860
|
+
{
|
|
7861
|
+
"name": "field-border-width",
|
|
7862
|
+
"tier": "component",
|
|
7863
|
+
"type": "size",
|
|
7864
|
+
"group": "components",
|
|
7865
|
+
"value": "var(--iox-border-width)"
|
|
7866
|
+
},
|
|
7867
|
+
{
|
|
7868
|
+
"name": "field-radius",
|
|
7869
|
+
"tier": "component",
|
|
7870
|
+
"type": "radius",
|
|
7871
|
+
"group": "components",
|
|
7872
|
+
"value": "2px",
|
|
7873
|
+
"overridden": true
|
|
7874
|
+
},
|
|
7875
|
+
{
|
|
7876
|
+
"name": "field-pad",
|
|
7877
|
+
"tier": "component",
|
|
7878
|
+
"type": "spacing",
|
|
7879
|
+
"group": "components",
|
|
7880
|
+
"value": "12px 14px"
|
|
7881
|
+
},
|
|
7882
|
+
{
|
|
7883
|
+
"name": "field-focus",
|
|
7884
|
+
"tier": "component",
|
|
7885
|
+
"type": "shadow",
|
|
7886
|
+
"group": "components",
|
|
7887
|
+
"value": "var(--iox-focus-ring)"
|
|
7888
|
+
},
|
|
7889
|
+
{
|
|
7890
|
+
"name": "field-label-size",
|
|
7891
|
+
"tier": "component",
|
|
7892
|
+
"type": "size",
|
|
7893
|
+
"group": "components",
|
|
7894
|
+
"value": "var(--iox-size-small)"
|
|
7895
|
+
},
|
|
7896
|
+
{
|
|
7897
|
+
"name": "field-label-weight",
|
|
7898
|
+
"tier": "component",
|
|
7899
|
+
"type": "number",
|
|
7900
|
+
"group": "components",
|
|
7901
|
+
"value": "var(--iox-weight-strong)"
|
|
7902
|
+
},
|
|
7903
|
+
{
|
|
7904
|
+
"name": "dialog-bg",
|
|
7905
|
+
"tier": "component",
|
|
7906
|
+
"type": "color",
|
|
7907
|
+
"group": "components",
|
|
7908
|
+
"value": "var(--iox-surface)"
|
|
7909
|
+
},
|
|
7910
|
+
{
|
|
7911
|
+
"name": "dialog-radius",
|
|
7912
|
+
"tier": "component",
|
|
7913
|
+
"type": "radius",
|
|
7914
|
+
"group": "components",
|
|
7915
|
+
"value": "var(--iox-radius-xl)"
|
|
7916
|
+
},
|
|
7917
|
+
{
|
|
7918
|
+
"name": "dialog-shadow",
|
|
7919
|
+
"tier": "component",
|
|
7920
|
+
"type": "shadow",
|
|
7921
|
+
"group": "components",
|
|
7922
|
+
"value": "var(--iox-shadow-lg)"
|
|
7923
|
+
},
|
|
7924
|
+
{
|
|
7925
|
+
"name": "dialog-backdrop",
|
|
7926
|
+
"tier": "component",
|
|
7927
|
+
"type": "effect",
|
|
7928
|
+
"group": "components",
|
|
7929
|
+
"value": "none"
|
|
7930
|
+
},
|
|
7931
|
+
{
|
|
7932
|
+
"name": "dialog-pad",
|
|
7933
|
+
"tier": "component",
|
|
7934
|
+
"type": "spacing",
|
|
7935
|
+
"group": "components",
|
|
7936
|
+
"value": "var(--iox-space-pad)"
|
|
7937
|
+
},
|
|
7938
|
+
{
|
|
7939
|
+
"name": "dialog-border",
|
|
7940
|
+
"tier": "component",
|
|
7941
|
+
"type": "color",
|
|
7942
|
+
"group": "components",
|
|
7943
|
+
"value": "transparent"
|
|
7944
|
+
},
|
|
7945
|
+
{
|
|
7946
|
+
"name": "dialog-border-width",
|
|
7947
|
+
"tier": "component",
|
|
7948
|
+
"type": "size",
|
|
7949
|
+
"group": "components",
|
|
7950
|
+
"value": "0px"
|
|
7951
|
+
},
|
|
7952
|
+
{
|
|
7953
|
+
"name": "tooltip-bg",
|
|
7954
|
+
"tier": "component",
|
|
7955
|
+
"type": "color",
|
|
7956
|
+
"group": "components",
|
|
7957
|
+
"value": "var(--iox-text)"
|
|
7958
|
+
},
|
|
7959
|
+
{
|
|
7960
|
+
"name": "tooltip-ink",
|
|
7961
|
+
"tier": "component",
|
|
7962
|
+
"type": "color",
|
|
7963
|
+
"group": "components",
|
|
7964
|
+
"value": "var(--iox-bg)"
|
|
7965
|
+
},
|
|
7966
|
+
{
|
|
7967
|
+
"name": "tooltip-radius",
|
|
7968
|
+
"tier": "component",
|
|
7969
|
+
"type": "radius",
|
|
7970
|
+
"group": "components",
|
|
7971
|
+
"value": "var(--iox-radius-xs)"
|
|
7972
|
+
},
|
|
7973
|
+
{
|
|
7974
|
+
"name": "tooltip-shadow",
|
|
7975
|
+
"tier": "component",
|
|
7976
|
+
"type": "shadow",
|
|
7977
|
+
"group": "components",
|
|
7978
|
+
"value": "var(--iox-shadow-md)"
|
|
7979
|
+
},
|
|
7980
|
+
{
|
|
7981
|
+
"name": "tooltip-size",
|
|
7982
|
+
"tier": "component",
|
|
7983
|
+
"type": "size",
|
|
7984
|
+
"group": "components",
|
|
7985
|
+
"value": "var(--iox-size-small)"
|
|
7986
|
+
},
|
|
7987
|
+
{
|
|
7988
|
+
"name": "tooltip-scale",
|
|
7989
|
+
"tier": "component",
|
|
7990
|
+
"type": "number",
|
|
7991
|
+
"group": "components",
|
|
7992
|
+
"value": "0.97"
|
|
7993
|
+
},
|
|
7994
|
+
{
|
|
7995
|
+
"name": "tooltip-ease",
|
|
7996
|
+
"tier": "component",
|
|
7997
|
+
"type": "easing",
|
|
7998
|
+
"group": "components",
|
|
7999
|
+
"value": "var(--iox-ease-enter)"
|
|
8000
|
+
},
|
|
8001
|
+
{
|
|
8002
|
+
"name": "tooltip-dur-in",
|
|
8003
|
+
"tier": "component",
|
|
8004
|
+
"type": "duration",
|
|
8005
|
+
"group": "components",
|
|
8006
|
+
"value": "160ms"
|
|
8007
|
+
},
|
|
8008
|
+
{
|
|
8009
|
+
"name": "tooltip-dur-out",
|
|
8010
|
+
"tier": "component",
|
|
8011
|
+
"type": "duration",
|
|
8012
|
+
"group": "components",
|
|
8013
|
+
"value": "110ms"
|
|
8014
|
+
},
|
|
8015
|
+
{
|
|
8016
|
+
"name": "popover-bg",
|
|
8017
|
+
"tier": "component",
|
|
8018
|
+
"type": "color",
|
|
8019
|
+
"group": "components",
|
|
8020
|
+
"value": "var(--iox-surface)"
|
|
8021
|
+
},
|
|
8022
|
+
{
|
|
8023
|
+
"name": "popover-border",
|
|
8024
|
+
"tier": "component",
|
|
8025
|
+
"type": "color",
|
|
8026
|
+
"group": "components",
|
|
8027
|
+
"value": "var(--iox-line)"
|
|
8028
|
+
},
|
|
8029
|
+
{
|
|
8030
|
+
"name": "popover-border-width",
|
|
8031
|
+
"tier": "component",
|
|
8032
|
+
"type": "size",
|
|
8033
|
+
"group": "components",
|
|
8034
|
+
"value": "var(--iox-border-width)"
|
|
8035
|
+
},
|
|
8036
|
+
{
|
|
8037
|
+
"name": "popover-radius",
|
|
8038
|
+
"tier": "component",
|
|
8039
|
+
"type": "radius",
|
|
8040
|
+
"group": "components",
|
|
8041
|
+
"value": "var(--iox-radius-lg)"
|
|
8042
|
+
},
|
|
8043
|
+
{
|
|
8044
|
+
"name": "popover-shadow",
|
|
8045
|
+
"tier": "component",
|
|
8046
|
+
"type": "shadow",
|
|
8047
|
+
"group": "components",
|
|
8048
|
+
"value": "var(--iox-shadow-lg)"
|
|
8049
|
+
},
|
|
8050
|
+
{
|
|
8051
|
+
"name": "popover-pad",
|
|
8052
|
+
"tier": "component",
|
|
8053
|
+
"type": "spacing",
|
|
8054
|
+
"group": "components",
|
|
8055
|
+
"value": "var(--iox-space-pad)"
|
|
8056
|
+
},
|
|
8057
|
+
{
|
|
8058
|
+
"name": "popover-scale",
|
|
7389
8059
|
"tier": "component",
|
|
7390
|
-
"type": "
|
|
8060
|
+
"type": "number",
|
|
7391
8061
|
"group": "components",
|
|
7392
|
-
"value": "
|
|
8062
|
+
"value": "0.95"
|
|
7393
8063
|
},
|
|
7394
8064
|
{
|
|
7395
|
-
"name": "
|
|
8065
|
+
"name": "popover-ease",
|
|
7396
8066
|
"tier": "component",
|
|
7397
|
-
"type": "
|
|
8067
|
+
"type": "easing",
|
|
7398
8068
|
"group": "components",
|
|
7399
|
-
"value": "var(--iox-
|
|
7400
|
-
"overridden": true
|
|
8069
|
+
"value": "var(--iox-ease-enter)"
|
|
7401
8070
|
},
|
|
7402
8071
|
{
|
|
7403
|
-
"name": "
|
|
8072
|
+
"name": "popover-dur-in",
|
|
7404
8073
|
"tier": "component",
|
|
7405
|
-
"type": "
|
|
8074
|
+
"type": "duration",
|
|
7406
8075
|
"group": "components",
|
|
7407
|
-
"value": "
|
|
8076
|
+
"value": "260ms"
|
|
7408
8077
|
},
|
|
7409
8078
|
{
|
|
7410
|
-
"name": "
|
|
8079
|
+
"name": "popover-dur-out",
|
|
7411
8080
|
"tier": "component",
|
|
7412
|
-
"type": "
|
|
8081
|
+
"type": "duration",
|
|
7413
8082
|
"group": "components",
|
|
7414
|
-
"value": "
|
|
7415
|
-
"overridden": true
|
|
8083
|
+
"value": "180ms"
|
|
7416
8084
|
},
|
|
7417
8085
|
{
|
|
7418
|
-
"name": "
|
|
8086
|
+
"name": "sheet-ease",
|
|
7419
8087
|
"tier": "component",
|
|
7420
|
-
"type": "
|
|
8088
|
+
"type": "easing",
|
|
7421
8089
|
"group": "components",
|
|
7422
|
-
"value": "
|
|
8090
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
7423
8091
|
},
|
|
7424
8092
|
{
|
|
7425
|
-
"name": "
|
|
8093
|
+
"name": "sheet-dur-in",
|
|
7426
8094
|
"tier": "component",
|
|
7427
|
-
"type": "
|
|
8095
|
+
"type": "duration",
|
|
7428
8096
|
"group": "components",
|
|
7429
|
-
"value": "
|
|
8097
|
+
"value": "600ms"
|
|
7430
8098
|
},
|
|
7431
8099
|
{
|
|
7432
|
-
"name": "
|
|
8100
|
+
"name": "sheet-dur-out",
|
|
7433
8101
|
"tier": "component",
|
|
7434
|
-
"type": "
|
|
8102
|
+
"type": "duration",
|
|
7435
8103
|
"group": "components",
|
|
7436
|
-
"value": "
|
|
8104
|
+
"value": "340ms"
|
|
7437
8105
|
},
|
|
7438
8106
|
{
|
|
7439
|
-
"name": "
|
|
8107
|
+
"name": "toast-bg",
|
|
7440
8108
|
"tier": "component",
|
|
7441
|
-
"type": "
|
|
8109
|
+
"type": "color",
|
|
7442
8110
|
"group": "components",
|
|
7443
|
-
"value": "var(--iox-
|
|
8111
|
+
"value": "var(--iox-text)"
|
|
7444
8112
|
},
|
|
7445
8113
|
{
|
|
7446
|
-
"name": "
|
|
8114
|
+
"name": "toast-ink",
|
|
7447
8115
|
"tier": "component",
|
|
7448
8116
|
"type": "color",
|
|
7449
8117
|
"group": "components",
|
|
7450
|
-
"value": "var(--iox-
|
|
8118
|
+
"value": "var(--iox-bg)"
|
|
7451
8119
|
},
|
|
7452
8120
|
{
|
|
7453
|
-
"name": "
|
|
8121
|
+
"name": "toast-radius",
|
|
7454
8122
|
"tier": "component",
|
|
7455
8123
|
"type": "radius",
|
|
7456
8124
|
"group": "components",
|
|
7457
|
-
"value": "var(--iox-radius-
|
|
8125
|
+
"value": "var(--iox-radius-md)"
|
|
7458
8126
|
},
|
|
7459
8127
|
{
|
|
7460
|
-
"name": "
|
|
8128
|
+
"name": "toast-shadow",
|
|
7461
8129
|
"tier": "component",
|
|
7462
8130
|
"type": "shadow",
|
|
7463
8131
|
"group": "components",
|
|
7464
8132
|
"value": "var(--iox-shadow-lg)"
|
|
7465
8133
|
},
|
|
7466
8134
|
{
|
|
7467
|
-
"name": "
|
|
7468
|
-
"tier": "component",
|
|
7469
|
-
"type": "effect",
|
|
7470
|
-
"group": "components",
|
|
7471
|
-
"value": "none"
|
|
7472
|
-
},
|
|
7473
|
-
{
|
|
7474
|
-
"name": "dialog-pad",
|
|
8135
|
+
"name": "toast-ease",
|
|
7475
8136
|
"tier": "component",
|
|
7476
|
-
"type": "
|
|
8137
|
+
"type": "easing",
|
|
7477
8138
|
"group": "components",
|
|
7478
|
-
"value": "
|
|
8139
|
+
"value": "ease"
|
|
7479
8140
|
},
|
|
7480
8141
|
{
|
|
7481
|
-
"name": "
|
|
8142
|
+
"name": "toast-dur-in",
|
|
7482
8143
|
"tier": "component",
|
|
7483
|
-
"type": "
|
|
8144
|
+
"type": "duration",
|
|
7484
8145
|
"group": "components",
|
|
7485
|
-
"value": "
|
|
8146
|
+
"value": "480ms"
|
|
7486
8147
|
},
|
|
7487
8148
|
{
|
|
7488
|
-
"name": "
|
|
8149
|
+
"name": "toast-dur-out",
|
|
7489
8150
|
"tier": "component",
|
|
7490
|
-
"type": "
|
|
8151
|
+
"type": "duration",
|
|
7491
8152
|
"group": "components",
|
|
7492
|
-
"value": "
|
|
8153
|
+
"value": "280ms"
|
|
7493
8154
|
},
|
|
7494
8155
|
{
|
|
7495
8156
|
"name": "dialog-edge",
|
|
@@ -9266,123 +9927,326 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
9266
9927
|
"overridden": true
|
|
9267
9928
|
},
|
|
9268
9929
|
{
|
|
9269
|
-
"name": "nav-pad",
|
|
9930
|
+
"name": "nav-pad",
|
|
9931
|
+
"tier": "component",
|
|
9932
|
+
"type": "spacing",
|
|
9933
|
+
"group": "components",
|
|
9934
|
+
"value": "16px var(--iox-space-gutter)"
|
|
9935
|
+
},
|
|
9936
|
+
{
|
|
9937
|
+
"name": "field-bg",
|
|
9938
|
+
"tier": "component",
|
|
9939
|
+
"type": "color",
|
|
9940
|
+
"group": "components",
|
|
9941
|
+
"value": "var(--iox-surface)"
|
|
9942
|
+
},
|
|
9943
|
+
{
|
|
9944
|
+
"name": "field-ink",
|
|
9945
|
+
"tier": "component",
|
|
9946
|
+
"type": "color",
|
|
9947
|
+
"group": "components",
|
|
9948
|
+
"value": "var(--iox-text)"
|
|
9949
|
+
},
|
|
9950
|
+
{
|
|
9951
|
+
"name": "field-border",
|
|
9952
|
+
"tier": "component",
|
|
9953
|
+
"type": "color",
|
|
9954
|
+
"group": "components",
|
|
9955
|
+
"value": "var(--iox-line-strong)"
|
|
9956
|
+
},
|
|
9957
|
+
{
|
|
9958
|
+
"name": "field-border-width",
|
|
9959
|
+
"tier": "component",
|
|
9960
|
+
"type": "size",
|
|
9961
|
+
"group": "components",
|
|
9962
|
+
"value": "var(--iox-border-width)"
|
|
9963
|
+
},
|
|
9964
|
+
{
|
|
9965
|
+
"name": "field-radius",
|
|
9966
|
+
"tier": "component",
|
|
9967
|
+
"type": "radius",
|
|
9968
|
+
"group": "components",
|
|
9969
|
+
"value": "var(--iox-radius-sm)"
|
|
9970
|
+
},
|
|
9971
|
+
{
|
|
9972
|
+
"name": "field-pad",
|
|
9973
|
+
"tier": "component",
|
|
9974
|
+
"type": "spacing",
|
|
9975
|
+
"group": "components",
|
|
9976
|
+
"value": "12px 14px"
|
|
9977
|
+
},
|
|
9978
|
+
{
|
|
9979
|
+
"name": "field-focus",
|
|
9980
|
+
"tier": "component",
|
|
9981
|
+
"type": "shadow",
|
|
9982
|
+
"group": "components",
|
|
9983
|
+
"value": "var(--iox-focus-ring)"
|
|
9984
|
+
},
|
|
9985
|
+
{
|
|
9986
|
+
"name": "field-label-size",
|
|
9987
|
+
"tier": "component",
|
|
9988
|
+
"type": "size",
|
|
9989
|
+
"group": "components",
|
|
9990
|
+
"value": "var(--iox-size-small)"
|
|
9991
|
+
},
|
|
9992
|
+
{
|
|
9993
|
+
"name": "field-label-weight",
|
|
9994
|
+
"tier": "component",
|
|
9995
|
+
"type": "number",
|
|
9996
|
+
"group": "components",
|
|
9997
|
+
"value": "var(--iox-weight-strong)"
|
|
9998
|
+
},
|
|
9999
|
+
{
|
|
10000
|
+
"name": "dialog-bg",
|
|
10001
|
+
"tier": "component",
|
|
10002
|
+
"type": "color",
|
|
10003
|
+
"group": "components",
|
|
10004
|
+
"value": "var(--iox-surface)"
|
|
10005
|
+
},
|
|
10006
|
+
{
|
|
10007
|
+
"name": "dialog-radius",
|
|
10008
|
+
"tier": "component",
|
|
10009
|
+
"type": "radius",
|
|
10010
|
+
"group": "components",
|
|
10011
|
+
"value": "var(--iox-radius-xl)"
|
|
10012
|
+
},
|
|
10013
|
+
{
|
|
10014
|
+
"name": "dialog-shadow",
|
|
10015
|
+
"tier": "component",
|
|
10016
|
+
"type": "shadow",
|
|
10017
|
+
"group": "components",
|
|
10018
|
+
"value": "var(--iox-shadow-lg)"
|
|
10019
|
+
},
|
|
10020
|
+
{
|
|
10021
|
+
"name": "dialog-backdrop",
|
|
10022
|
+
"tier": "component",
|
|
10023
|
+
"type": "effect",
|
|
10024
|
+
"group": "components",
|
|
10025
|
+
"value": "none"
|
|
10026
|
+
},
|
|
10027
|
+
{
|
|
10028
|
+
"name": "dialog-pad",
|
|
10029
|
+
"tier": "component",
|
|
10030
|
+
"type": "spacing",
|
|
10031
|
+
"group": "components",
|
|
10032
|
+
"value": "var(--iox-space-pad)"
|
|
10033
|
+
},
|
|
10034
|
+
{
|
|
10035
|
+
"name": "dialog-border",
|
|
10036
|
+
"tier": "component",
|
|
10037
|
+
"type": "color",
|
|
10038
|
+
"group": "components",
|
|
10039
|
+
"value": "transparent"
|
|
10040
|
+
},
|
|
10041
|
+
{
|
|
10042
|
+
"name": "dialog-border-width",
|
|
10043
|
+
"tier": "component",
|
|
10044
|
+
"type": "size",
|
|
10045
|
+
"group": "components",
|
|
10046
|
+
"value": "0px"
|
|
10047
|
+
},
|
|
10048
|
+
{
|
|
10049
|
+
"name": "tooltip-bg",
|
|
10050
|
+
"tier": "component",
|
|
10051
|
+
"type": "color",
|
|
10052
|
+
"group": "components",
|
|
10053
|
+
"value": "var(--iox-text)"
|
|
10054
|
+
},
|
|
10055
|
+
{
|
|
10056
|
+
"name": "tooltip-ink",
|
|
10057
|
+
"tier": "component",
|
|
10058
|
+
"type": "color",
|
|
10059
|
+
"group": "components",
|
|
10060
|
+
"value": "var(--iox-bg)"
|
|
10061
|
+
},
|
|
10062
|
+
{
|
|
10063
|
+
"name": "tooltip-radius",
|
|
10064
|
+
"tier": "component",
|
|
10065
|
+
"type": "radius",
|
|
10066
|
+
"group": "components",
|
|
10067
|
+
"value": "var(--iox-radius-xs)"
|
|
10068
|
+
},
|
|
10069
|
+
{
|
|
10070
|
+
"name": "tooltip-shadow",
|
|
10071
|
+
"tier": "component",
|
|
10072
|
+
"type": "shadow",
|
|
10073
|
+
"group": "components",
|
|
10074
|
+
"value": "var(--iox-shadow-md)"
|
|
10075
|
+
},
|
|
10076
|
+
{
|
|
10077
|
+
"name": "tooltip-size",
|
|
10078
|
+
"tier": "component",
|
|
10079
|
+
"type": "size",
|
|
10080
|
+
"group": "components",
|
|
10081
|
+
"value": "var(--iox-size-small)"
|
|
10082
|
+
},
|
|
10083
|
+
{
|
|
10084
|
+
"name": "tooltip-scale",
|
|
10085
|
+
"tier": "component",
|
|
10086
|
+
"type": "number",
|
|
10087
|
+
"group": "components",
|
|
10088
|
+
"value": "0.97"
|
|
10089
|
+
},
|
|
10090
|
+
{
|
|
10091
|
+
"name": "tooltip-ease",
|
|
10092
|
+
"tier": "component",
|
|
10093
|
+
"type": "easing",
|
|
10094
|
+
"group": "components",
|
|
10095
|
+
"value": "var(--iox-ease-enter)"
|
|
10096
|
+
},
|
|
10097
|
+
{
|
|
10098
|
+
"name": "tooltip-dur-in",
|
|
10099
|
+
"tier": "component",
|
|
10100
|
+
"type": "duration",
|
|
10101
|
+
"group": "components",
|
|
10102
|
+
"value": "125ms"
|
|
10103
|
+
},
|
|
10104
|
+
{
|
|
10105
|
+
"name": "tooltip-dur-out",
|
|
10106
|
+
"tier": "component",
|
|
10107
|
+
"type": "duration",
|
|
10108
|
+
"group": "components",
|
|
10109
|
+
"value": "80ms"
|
|
10110
|
+
},
|
|
10111
|
+
{
|
|
10112
|
+
"name": "popover-bg",
|
|
10113
|
+
"tier": "component",
|
|
10114
|
+
"type": "color",
|
|
10115
|
+
"group": "components",
|
|
10116
|
+
"value": "var(--iox-surface)"
|
|
10117
|
+
},
|
|
10118
|
+
{
|
|
10119
|
+
"name": "popover-border",
|
|
10120
|
+
"tier": "component",
|
|
10121
|
+
"type": "color",
|
|
10122
|
+
"group": "components",
|
|
10123
|
+
"value": "var(--iox-line)"
|
|
10124
|
+
},
|
|
10125
|
+
{
|
|
10126
|
+
"name": "popover-border-width",
|
|
10127
|
+
"tier": "component",
|
|
10128
|
+
"type": "size",
|
|
10129
|
+
"group": "components",
|
|
10130
|
+
"value": "var(--iox-border-width)"
|
|
10131
|
+
},
|
|
10132
|
+
{
|
|
10133
|
+
"name": "popover-radius",
|
|
10134
|
+
"tier": "component",
|
|
10135
|
+
"type": "radius",
|
|
10136
|
+
"group": "components",
|
|
10137
|
+
"value": "var(--iox-radius-lg)"
|
|
10138
|
+
},
|
|
10139
|
+
{
|
|
10140
|
+
"name": "popover-shadow",
|
|
9270
10141
|
"tier": "component",
|
|
9271
|
-
"type": "
|
|
10142
|
+
"type": "shadow",
|
|
9272
10143
|
"group": "components",
|
|
9273
|
-
"value": "
|
|
10144
|
+
"value": "var(--iox-shadow-lg)"
|
|
9274
10145
|
},
|
|
9275
10146
|
{
|
|
9276
|
-
"name": "
|
|
10147
|
+
"name": "popover-pad",
|
|
9277
10148
|
"tier": "component",
|
|
9278
|
-
"type": "
|
|
10149
|
+
"type": "spacing",
|
|
9279
10150
|
"group": "components",
|
|
9280
|
-
"value": "var(--iox-
|
|
10151
|
+
"value": "var(--iox-space-pad)"
|
|
9281
10152
|
},
|
|
9282
10153
|
{
|
|
9283
|
-
"name": "
|
|
10154
|
+
"name": "popover-scale",
|
|
9284
10155
|
"tier": "component",
|
|
9285
|
-
"type": "
|
|
10156
|
+
"type": "number",
|
|
9286
10157
|
"group": "components",
|
|
9287
|
-
"value": "
|
|
10158
|
+
"value": "0.95"
|
|
9288
10159
|
},
|
|
9289
10160
|
{
|
|
9290
|
-
"name": "
|
|
10161
|
+
"name": "popover-ease",
|
|
9291
10162
|
"tier": "component",
|
|
9292
|
-
"type": "
|
|
10163
|
+
"type": "easing",
|
|
9293
10164
|
"group": "components",
|
|
9294
|
-
"value": "var(--iox-
|
|
10165
|
+
"value": "var(--iox-ease-enter)"
|
|
9295
10166
|
},
|
|
9296
10167
|
{
|
|
9297
|
-
"name": "
|
|
10168
|
+
"name": "popover-dur-in",
|
|
9298
10169
|
"tier": "component",
|
|
9299
|
-
"type": "
|
|
10170
|
+
"type": "duration",
|
|
9300
10171
|
"group": "components",
|
|
9301
|
-
"value": "
|
|
10172
|
+
"value": "200ms"
|
|
9302
10173
|
},
|
|
9303
10174
|
{
|
|
9304
|
-
"name": "
|
|
10175
|
+
"name": "popover-dur-out",
|
|
9305
10176
|
"tier": "component",
|
|
9306
|
-
"type": "
|
|
10177
|
+
"type": "duration",
|
|
9307
10178
|
"group": "components",
|
|
9308
|
-
"value": "
|
|
10179
|
+
"value": "140ms"
|
|
9309
10180
|
},
|
|
9310
10181
|
{
|
|
9311
|
-
"name": "
|
|
10182
|
+
"name": "sheet-ease",
|
|
9312
10183
|
"tier": "component",
|
|
9313
|
-
"type": "
|
|
10184
|
+
"type": "easing",
|
|
9314
10185
|
"group": "components",
|
|
9315
|
-
"value": "
|
|
10186
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
9316
10187
|
},
|
|
9317
10188
|
{
|
|
9318
|
-
"name": "
|
|
10189
|
+
"name": "sheet-dur-in",
|
|
9319
10190
|
"tier": "component",
|
|
9320
|
-
"type": "
|
|
10191
|
+
"type": "duration",
|
|
9321
10192
|
"group": "components",
|
|
9322
|
-
"value": "
|
|
10193
|
+
"value": "500ms"
|
|
9323
10194
|
},
|
|
9324
10195
|
{
|
|
9325
|
-
"name": "
|
|
10196
|
+
"name": "sheet-dur-out",
|
|
9326
10197
|
"tier": "component",
|
|
9327
|
-
"type": "
|
|
10198
|
+
"type": "duration",
|
|
9328
10199
|
"group": "components",
|
|
9329
|
-
"value": "
|
|
10200
|
+
"value": "280ms"
|
|
9330
10201
|
},
|
|
9331
10202
|
{
|
|
9332
|
-
"name": "
|
|
10203
|
+
"name": "toast-bg",
|
|
9333
10204
|
"tier": "component",
|
|
9334
|
-
"type": "
|
|
10205
|
+
"type": "color",
|
|
9335
10206
|
"group": "components",
|
|
9336
|
-
"value": "var(--iox-
|
|
10207
|
+
"value": "var(--iox-text)"
|
|
9337
10208
|
},
|
|
9338
10209
|
{
|
|
9339
|
-
"name": "
|
|
10210
|
+
"name": "toast-ink",
|
|
9340
10211
|
"tier": "component",
|
|
9341
10212
|
"type": "color",
|
|
9342
10213
|
"group": "components",
|
|
9343
|
-
"value": "var(--iox-
|
|
10214
|
+
"value": "var(--iox-bg)"
|
|
9344
10215
|
},
|
|
9345
10216
|
{
|
|
9346
|
-
"name": "
|
|
10217
|
+
"name": "toast-radius",
|
|
9347
10218
|
"tier": "component",
|
|
9348
10219
|
"type": "radius",
|
|
9349
10220
|
"group": "components",
|
|
9350
|
-
"value": "var(--iox-radius-
|
|
10221
|
+
"value": "var(--iox-radius-md)"
|
|
9351
10222
|
},
|
|
9352
10223
|
{
|
|
9353
|
-
"name": "
|
|
10224
|
+
"name": "toast-shadow",
|
|
9354
10225
|
"tier": "component",
|
|
9355
10226
|
"type": "shadow",
|
|
9356
10227
|
"group": "components",
|
|
9357
10228
|
"value": "var(--iox-shadow-lg)"
|
|
9358
10229
|
},
|
|
9359
10230
|
{
|
|
9360
|
-
"name": "
|
|
9361
|
-
"tier": "component",
|
|
9362
|
-
"type": "effect",
|
|
9363
|
-
"group": "components",
|
|
9364
|
-
"value": "none"
|
|
9365
|
-
},
|
|
9366
|
-
{
|
|
9367
|
-
"name": "dialog-pad",
|
|
10231
|
+
"name": "toast-ease",
|
|
9368
10232
|
"tier": "component",
|
|
9369
|
-
"type": "
|
|
10233
|
+
"type": "easing",
|
|
9370
10234
|
"group": "components",
|
|
9371
|
-
"value": "
|
|
10235
|
+
"value": "ease"
|
|
9372
10236
|
},
|
|
9373
10237
|
{
|
|
9374
|
-
"name": "
|
|
10238
|
+
"name": "toast-dur-in",
|
|
9375
10239
|
"tier": "component",
|
|
9376
|
-
"type": "
|
|
10240
|
+
"type": "duration",
|
|
9377
10241
|
"group": "components",
|
|
9378
|
-
"value": "
|
|
10242
|
+
"value": "400ms"
|
|
9379
10243
|
},
|
|
9380
10244
|
{
|
|
9381
|
-
"name": "
|
|
10245
|
+
"name": "toast-dur-out",
|
|
9382
10246
|
"tier": "component",
|
|
9383
|
-
"type": "
|
|
10247
|
+
"type": "duration",
|
|
9384
10248
|
"group": "components",
|
|
9385
|
-
"value": "
|
|
10249
|
+
"value": "220ms"
|
|
9386
10250
|
},
|
|
9387
10251
|
{
|
|
9388
10252
|
"name": "dialog-edge",
|
|
@@ -11238,68 +12102,271 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
11238
12102
|
"tier": "component",
|
|
11239
12103
|
"type": "size",
|
|
11240
12104
|
"group": "components",
|
|
11241
|
-
"value": "var(--iox-size-small)"
|
|
12105
|
+
"value": "var(--iox-size-small)"
|
|
12106
|
+
},
|
|
12107
|
+
{
|
|
12108
|
+
"name": "field-label-weight",
|
|
12109
|
+
"tier": "component",
|
|
12110
|
+
"type": "number",
|
|
12111
|
+
"group": "components",
|
|
12112
|
+
"value": "var(--iox-weight-strong)"
|
|
12113
|
+
},
|
|
12114
|
+
{
|
|
12115
|
+
"name": "dialog-bg",
|
|
12116
|
+
"tier": "component",
|
|
12117
|
+
"type": "color",
|
|
12118
|
+
"group": "components",
|
|
12119
|
+
"value": "var(--iox-surface-glass-strong)",
|
|
12120
|
+
"overridden": true
|
|
12121
|
+
},
|
|
12122
|
+
{
|
|
12123
|
+
"name": "dialog-radius",
|
|
12124
|
+
"tier": "component",
|
|
12125
|
+
"type": "radius",
|
|
12126
|
+
"group": "components",
|
|
12127
|
+
"value": "var(--iox-radius-xl)"
|
|
12128
|
+
},
|
|
12129
|
+
{
|
|
12130
|
+
"name": "dialog-shadow",
|
|
12131
|
+
"tier": "component",
|
|
12132
|
+
"type": "shadow",
|
|
12133
|
+
"group": "components",
|
|
12134
|
+
"value": "var(--iox-shadow-lg), var(--iox-glass-edge)",
|
|
12135
|
+
"overridden": true
|
|
12136
|
+
},
|
|
12137
|
+
{
|
|
12138
|
+
"name": "dialog-backdrop",
|
|
12139
|
+
"tier": "component",
|
|
12140
|
+
"type": "effect",
|
|
12141
|
+
"group": "components",
|
|
12142
|
+
"value": "var(--iox-blur-surface)",
|
|
12143
|
+
"overridden": true
|
|
12144
|
+
},
|
|
12145
|
+
{
|
|
12146
|
+
"name": "dialog-pad",
|
|
12147
|
+
"tier": "component",
|
|
12148
|
+
"type": "spacing",
|
|
12149
|
+
"group": "components",
|
|
12150
|
+
"value": "var(--iox-space-pad)"
|
|
12151
|
+
},
|
|
12152
|
+
{
|
|
12153
|
+
"name": "dialog-border",
|
|
12154
|
+
"tier": "component",
|
|
12155
|
+
"type": "color",
|
|
12156
|
+
"group": "components",
|
|
12157
|
+
"value": "var(--iox-glass-border)",
|
|
12158
|
+
"overridden": true
|
|
12159
|
+
},
|
|
12160
|
+
{
|
|
12161
|
+
"name": "dialog-border-width",
|
|
12162
|
+
"tier": "component",
|
|
12163
|
+
"type": "size",
|
|
12164
|
+
"group": "components",
|
|
12165
|
+
"value": "var(--iox-border-width)",
|
|
12166
|
+
"overridden": true
|
|
12167
|
+
},
|
|
12168
|
+
{
|
|
12169
|
+
"name": "tooltip-bg",
|
|
12170
|
+
"tier": "component",
|
|
12171
|
+
"type": "color",
|
|
12172
|
+
"group": "components",
|
|
12173
|
+
"value": "var(--iox-text)"
|
|
12174
|
+
},
|
|
12175
|
+
{
|
|
12176
|
+
"name": "tooltip-ink",
|
|
12177
|
+
"tier": "component",
|
|
12178
|
+
"type": "color",
|
|
12179
|
+
"group": "components",
|
|
12180
|
+
"value": "var(--iox-bg)"
|
|
12181
|
+
},
|
|
12182
|
+
{
|
|
12183
|
+
"name": "tooltip-radius",
|
|
12184
|
+
"tier": "component",
|
|
12185
|
+
"type": "radius",
|
|
12186
|
+
"group": "components",
|
|
12187
|
+
"value": "var(--iox-radius-xs)"
|
|
12188
|
+
},
|
|
12189
|
+
{
|
|
12190
|
+
"name": "tooltip-shadow",
|
|
12191
|
+
"tier": "component",
|
|
12192
|
+
"type": "shadow",
|
|
12193
|
+
"group": "components",
|
|
12194
|
+
"value": "var(--iox-shadow-md)"
|
|
12195
|
+
},
|
|
12196
|
+
{
|
|
12197
|
+
"name": "tooltip-size",
|
|
12198
|
+
"tier": "component",
|
|
12199
|
+
"type": "size",
|
|
12200
|
+
"group": "components",
|
|
12201
|
+
"value": "var(--iox-size-small)"
|
|
12202
|
+
},
|
|
12203
|
+
{
|
|
12204
|
+
"name": "tooltip-scale",
|
|
12205
|
+
"tier": "component",
|
|
12206
|
+
"type": "number",
|
|
12207
|
+
"group": "components",
|
|
12208
|
+
"value": "0.97"
|
|
12209
|
+
},
|
|
12210
|
+
{
|
|
12211
|
+
"name": "tooltip-ease",
|
|
12212
|
+
"tier": "component",
|
|
12213
|
+
"type": "easing",
|
|
12214
|
+
"group": "components",
|
|
12215
|
+
"value": "var(--iox-ease-enter)"
|
|
12216
|
+
},
|
|
12217
|
+
{
|
|
12218
|
+
"name": "tooltip-dur-in",
|
|
12219
|
+
"tier": "component",
|
|
12220
|
+
"type": "duration",
|
|
12221
|
+
"group": "components",
|
|
12222
|
+
"value": "140ms"
|
|
12223
|
+
},
|
|
12224
|
+
{
|
|
12225
|
+
"name": "tooltip-dur-out",
|
|
12226
|
+
"tier": "component",
|
|
12227
|
+
"type": "duration",
|
|
12228
|
+
"group": "components",
|
|
12229
|
+
"value": "90ms"
|
|
12230
|
+
},
|
|
12231
|
+
{
|
|
12232
|
+
"name": "popover-bg",
|
|
12233
|
+
"tier": "component",
|
|
12234
|
+
"type": "color",
|
|
12235
|
+
"group": "components",
|
|
12236
|
+
"value": "var(--iox-surface)"
|
|
12237
|
+
},
|
|
12238
|
+
{
|
|
12239
|
+
"name": "popover-border",
|
|
12240
|
+
"tier": "component",
|
|
12241
|
+
"type": "color",
|
|
12242
|
+
"group": "components",
|
|
12243
|
+
"value": "var(--iox-line)"
|
|
12244
|
+
},
|
|
12245
|
+
{
|
|
12246
|
+
"name": "popover-border-width",
|
|
12247
|
+
"tier": "component",
|
|
12248
|
+
"type": "size",
|
|
12249
|
+
"group": "components",
|
|
12250
|
+
"value": "var(--iox-border-width)"
|
|
12251
|
+
},
|
|
12252
|
+
{
|
|
12253
|
+
"name": "popover-radius",
|
|
12254
|
+
"tier": "component",
|
|
12255
|
+
"type": "radius",
|
|
12256
|
+
"group": "components",
|
|
12257
|
+
"value": "var(--iox-radius-lg)"
|
|
12258
|
+
},
|
|
12259
|
+
{
|
|
12260
|
+
"name": "popover-shadow",
|
|
12261
|
+
"tier": "component",
|
|
12262
|
+
"type": "shadow",
|
|
12263
|
+
"group": "components",
|
|
12264
|
+
"value": "var(--iox-shadow-lg)"
|
|
12265
|
+
},
|
|
12266
|
+
{
|
|
12267
|
+
"name": "popover-pad",
|
|
12268
|
+
"tier": "component",
|
|
12269
|
+
"type": "spacing",
|
|
12270
|
+
"group": "components",
|
|
12271
|
+
"value": "var(--iox-space-pad)"
|
|
12272
|
+
},
|
|
12273
|
+
{
|
|
12274
|
+
"name": "popover-scale",
|
|
12275
|
+
"tier": "component",
|
|
12276
|
+
"type": "number",
|
|
12277
|
+
"group": "components",
|
|
12278
|
+
"value": "0.95"
|
|
12279
|
+
},
|
|
12280
|
+
{
|
|
12281
|
+
"name": "popover-ease",
|
|
12282
|
+
"tier": "component",
|
|
12283
|
+
"type": "easing",
|
|
12284
|
+
"group": "components",
|
|
12285
|
+
"value": "var(--iox-ease-enter)"
|
|
12286
|
+
},
|
|
12287
|
+
{
|
|
12288
|
+
"name": "popover-dur-in",
|
|
12289
|
+
"tier": "component",
|
|
12290
|
+
"type": "duration",
|
|
12291
|
+
"group": "components",
|
|
12292
|
+
"value": "220ms"
|
|
12293
|
+
},
|
|
12294
|
+
{
|
|
12295
|
+
"name": "popover-dur-out",
|
|
12296
|
+
"tier": "component",
|
|
12297
|
+
"type": "duration",
|
|
12298
|
+
"group": "components",
|
|
12299
|
+
"value": "150ms"
|
|
12300
|
+
},
|
|
12301
|
+
{
|
|
12302
|
+
"name": "sheet-ease",
|
|
12303
|
+
"tier": "component",
|
|
12304
|
+
"type": "easing",
|
|
12305
|
+
"group": "components",
|
|
12306
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
12307
|
+
},
|
|
12308
|
+
{
|
|
12309
|
+
"name": "sheet-dur-in",
|
|
12310
|
+
"tier": "component",
|
|
12311
|
+
"type": "duration",
|
|
12312
|
+
"group": "components",
|
|
12313
|
+
"value": "500ms"
|
|
11242
12314
|
},
|
|
11243
12315
|
{
|
|
11244
|
-
"name": "
|
|
12316
|
+
"name": "sheet-dur-out",
|
|
11245
12317
|
"tier": "component",
|
|
11246
|
-
"type": "
|
|
12318
|
+
"type": "duration",
|
|
11247
12319
|
"group": "components",
|
|
11248
|
-
"value": "
|
|
12320
|
+
"value": "280ms"
|
|
11249
12321
|
},
|
|
11250
12322
|
{
|
|
11251
|
-
"name": "
|
|
12323
|
+
"name": "toast-bg",
|
|
11252
12324
|
"tier": "component",
|
|
11253
12325
|
"type": "color",
|
|
11254
12326
|
"group": "components",
|
|
11255
|
-
"value": "var(--iox-
|
|
11256
|
-
"overridden": true
|
|
12327
|
+
"value": "var(--iox-text)"
|
|
11257
12328
|
},
|
|
11258
12329
|
{
|
|
11259
|
-
"name": "
|
|
12330
|
+
"name": "toast-ink",
|
|
11260
12331
|
"tier": "component",
|
|
11261
|
-
"type": "
|
|
12332
|
+
"type": "color",
|
|
11262
12333
|
"group": "components",
|
|
11263
|
-
"value": "var(--iox-
|
|
12334
|
+
"value": "var(--iox-bg)"
|
|
11264
12335
|
},
|
|
11265
12336
|
{
|
|
11266
|
-
"name": "
|
|
12337
|
+
"name": "toast-radius",
|
|
11267
12338
|
"tier": "component",
|
|
11268
|
-
"type": "
|
|
12339
|
+
"type": "radius",
|
|
11269
12340
|
"group": "components",
|
|
11270
|
-
"value": "var(--iox-
|
|
11271
|
-
"overridden": true
|
|
12341
|
+
"value": "var(--iox-radius-md)"
|
|
11272
12342
|
},
|
|
11273
12343
|
{
|
|
11274
|
-
"name": "
|
|
12344
|
+
"name": "toast-shadow",
|
|
11275
12345
|
"tier": "component",
|
|
11276
|
-
"type": "
|
|
12346
|
+
"type": "shadow",
|
|
11277
12347
|
"group": "components",
|
|
11278
|
-
"value": "var(--iox-
|
|
11279
|
-
"overridden": true
|
|
12348
|
+
"value": "var(--iox-shadow-lg)"
|
|
11280
12349
|
},
|
|
11281
12350
|
{
|
|
11282
|
-
"name": "
|
|
12351
|
+
"name": "toast-ease",
|
|
11283
12352
|
"tier": "component",
|
|
11284
|
-
"type": "
|
|
12353
|
+
"type": "easing",
|
|
11285
12354
|
"group": "components",
|
|
11286
|
-
"value": "
|
|
12355
|
+
"value": "ease"
|
|
11287
12356
|
},
|
|
11288
12357
|
{
|
|
11289
|
-
"name": "
|
|
12358
|
+
"name": "toast-dur-in",
|
|
11290
12359
|
"tier": "component",
|
|
11291
|
-
"type": "
|
|
12360
|
+
"type": "duration",
|
|
11292
12361
|
"group": "components",
|
|
11293
|
-
"value": "
|
|
11294
|
-
"overridden": true
|
|
12362
|
+
"value": "400ms"
|
|
11295
12363
|
},
|
|
11296
12364
|
{
|
|
11297
|
-
"name": "
|
|
12365
|
+
"name": "toast-dur-out",
|
|
11298
12366
|
"tier": "component",
|
|
11299
|
-
"type": "
|
|
12367
|
+
"type": "duration",
|
|
11300
12368
|
"group": "components",
|
|
11301
|
-
"value": "
|
|
11302
|
-
"overridden": true
|
|
12369
|
+
"value": "220ms"
|
|
11303
12370
|
},
|
|
11304
12371
|
{
|
|
11305
12372
|
"name": "dialog-edge",
|
|
@@ -13051,153 +14118,356 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
13051
14118
|
"value": "var(--iox-line)"
|
|
13052
14119
|
},
|
|
13053
14120
|
{
|
|
13054
|
-
"name": "nav-border-width",
|
|
14121
|
+
"name": "nav-border-width",
|
|
14122
|
+
"tier": "component",
|
|
14123
|
+
"type": "size",
|
|
14124
|
+
"group": "components",
|
|
14125
|
+
"value": "0px",
|
|
14126
|
+
"overridden": true
|
|
14127
|
+
},
|
|
14128
|
+
{
|
|
14129
|
+
"name": "nav-radius",
|
|
14130
|
+
"tier": "component",
|
|
14131
|
+
"type": "radius",
|
|
14132
|
+
"group": "components",
|
|
14133
|
+
"value": "0px"
|
|
14134
|
+
},
|
|
14135
|
+
{
|
|
14136
|
+
"name": "nav-shadow",
|
|
14137
|
+
"tier": "component",
|
|
14138
|
+
"type": "shadow",
|
|
14139
|
+
"group": "components",
|
|
14140
|
+
"value": "none"
|
|
14141
|
+
},
|
|
14142
|
+
{
|
|
14143
|
+
"name": "nav-backdrop",
|
|
14144
|
+
"tier": "component",
|
|
14145
|
+
"type": "effect",
|
|
14146
|
+
"group": "components",
|
|
14147
|
+
"value": "none"
|
|
14148
|
+
},
|
|
14149
|
+
{
|
|
14150
|
+
"name": "nav-pad",
|
|
14151
|
+
"tier": "component",
|
|
14152
|
+
"type": "spacing",
|
|
14153
|
+
"group": "components",
|
|
14154
|
+
"value": "16px var(--iox-space-gutter)"
|
|
14155
|
+
},
|
|
14156
|
+
{
|
|
14157
|
+
"name": "field-bg",
|
|
14158
|
+
"tier": "component",
|
|
14159
|
+
"type": "color",
|
|
14160
|
+
"group": "components",
|
|
14161
|
+
"value": "var(--iox-surface-2)",
|
|
14162
|
+
"overridden": true
|
|
14163
|
+
},
|
|
14164
|
+
{
|
|
14165
|
+
"name": "field-ink",
|
|
14166
|
+
"tier": "component",
|
|
14167
|
+
"type": "color",
|
|
14168
|
+
"group": "components",
|
|
14169
|
+
"value": "var(--iox-text)"
|
|
14170
|
+
},
|
|
14171
|
+
{
|
|
14172
|
+
"name": "field-border",
|
|
14173
|
+
"tier": "component",
|
|
14174
|
+
"type": "color",
|
|
14175
|
+
"group": "components",
|
|
14176
|
+
"value": "var(--iox-line-strong)"
|
|
14177
|
+
},
|
|
14178
|
+
{
|
|
14179
|
+
"name": "field-border-width",
|
|
14180
|
+
"tier": "component",
|
|
14181
|
+
"type": "size",
|
|
14182
|
+
"group": "components",
|
|
14183
|
+
"value": "var(--iox-border-width)"
|
|
14184
|
+
},
|
|
14185
|
+
{
|
|
14186
|
+
"name": "field-radius",
|
|
14187
|
+
"tier": "component",
|
|
14188
|
+
"type": "radius",
|
|
14189
|
+
"group": "components",
|
|
14190
|
+
"value": "var(--iox-radius-sm)"
|
|
14191
|
+
},
|
|
14192
|
+
{
|
|
14193
|
+
"name": "field-pad",
|
|
14194
|
+
"tier": "component",
|
|
14195
|
+
"type": "spacing",
|
|
14196
|
+
"group": "components",
|
|
14197
|
+
"value": "12px 14px"
|
|
14198
|
+
},
|
|
14199
|
+
{
|
|
14200
|
+
"name": "field-focus",
|
|
14201
|
+
"tier": "component",
|
|
14202
|
+
"type": "shadow",
|
|
14203
|
+
"group": "components",
|
|
14204
|
+
"value": "var(--iox-focus-ring)"
|
|
14205
|
+
},
|
|
14206
|
+
{
|
|
14207
|
+
"name": "field-label-size",
|
|
14208
|
+
"tier": "component",
|
|
14209
|
+
"type": "size",
|
|
14210
|
+
"group": "components",
|
|
14211
|
+
"value": "var(--iox-size-small)"
|
|
14212
|
+
},
|
|
14213
|
+
{
|
|
14214
|
+
"name": "field-label-weight",
|
|
14215
|
+
"tier": "component",
|
|
14216
|
+
"type": "number",
|
|
14217
|
+
"group": "components",
|
|
14218
|
+
"value": "var(--iox-weight-strong)"
|
|
14219
|
+
},
|
|
14220
|
+
{
|
|
14221
|
+
"name": "dialog-bg",
|
|
14222
|
+
"tier": "component",
|
|
14223
|
+
"type": "color",
|
|
14224
|
+
"group": "components",
|
|
14225
|
+
"value": "var(--iox-surface)"
|
|
14226
|
+
},
|
|
14227
|
+
{
|
|
14228
|
+
"name": "dialog-radius",
|
|
14229
|
+
"tier": "component",
|
|
14230
|
+
"type": "radius",
|
|
14231
|
+
"group": "components",
|
|
14232
|
+
"value": "var(--iox-radius-xl)"
|
|
14233
|
+
},
|
|
14234
|
+
{
|
|
14235
|
+
"name": "dialog-shadow",
|
|
14236
|
+
"tier": "component",
|
|
14237
|
+
"type": "shadow",
|
|
14238
|
+
"group": "components",
|
|
14239
|
+
"value": "var(--iox-shadow-lg)"
|
|
14240
|
+
},
|
|
14241
|
+
{
|
|
14242
|
+
"name": "dialog-backdrop",
|
|
14243
|
+
"tier": "component",
|
|
14244
|
+
"type": "effect",
|
|
14245
|
+
"group": "components",
|
|
14246
|
+
"value": "none"
|
|
14247
|
+
},
|
|
14248
|
+
{
|
|
14249
|
+
"name": "dialog-pad",
|
|
14250
|
+
"tier": "component",
|
|
14251
|
+
"type": "spacing",
|
|
14252
|
+
"group": "components",
|
|
14253
|
+
"value": "var(--iox-space-pad)"
|
|
14254
|
+
},
|
|
14255
|
+
{
|
|
14256
|
+
"name": "dialog-border",
|
|
14257
|
+
"tier": "component",
|
|
14258
|
+
"type": "color",
|
|
14259
|
+
"group": "components",
|
|
14260
|
+
"value": "transparent"
|
|
14261
|
+
},
|
|
14262
|
+
{
|
|
14263
|
+
"name": "dialog-border-width",
|
|
14264
|
+
"tier": "component",
|
|
14265
|
+
"type": "size",
|
|
14266
|
+
"group": "components",
|
|
14267
|
+
"value": "0px"
|
|
14268
|
+
},
|
|
14269
|
+
{
|
|
14270
|
+
"name": "tooltip-bg",
|
|
14271
|
+
"tier": "component",
|
|
14272
|
+
"type": "color",
|
|
14273
|
+
"group": "components",
|
|
14274
|
+
"value": "var(--iox-text)"
|
|
14275
|
+
},
|
|
14276
|
+
{
|
|
14277
|
+
"name": "tooltip-ink",
|
|
14278
|
+
"tier": "component",
|
|
14279
|
+
"type": "color",
|
|
14280
|
+
"group": "components",
|
|
14281
|
+
"value": "var(--iox-bg)"
|
|
14282
|
+
},
|
|
14283
|
+
{
|
|
14284
|
+
"name": "tooltip-radius",
|
|
14285
|
+
"tier": "component",
|
|
14286
|
+
"type": "radius",
|
|
14287
|
+
"group": "components",
|
|
14288
|
+
"value": "var(--iox-radius-xs)"
|
|
14289
|
+
},
|
|
14290
|
+
{
|
|
14291
|
+
"name": "tooltip-shadow",
|
|
14292
|
+
"tier": "component",
|
|
14293
|
+
"type": "shadow",
|
|
14294
|
+
"group": "components",
|
|
14295
|
+
"value": "var(--iox-shadow-md)"
|
|
14296
|
+
},
|
|
14297
|
+
{
|
|
14298
|
+
"name": "tooltip-size",
|
|
14299
|
+
"tier": "component",
|
|
14300
|
+
"type": "size",
|
|
14301
|
+
"group": "components",
|
|
14302
|
+
"value": "var(--iox-size-small)"
|
|
14303
|
+
},
|
|
14304
|
+
{
|
|
14305
|
+
"name": "tooltip-scale",
|
|
14306
|
+
"tier": "component",
|
|
14307
|
+
"type": "number",
|
|
14308
|
+
"group": "components",
|
|
14309
|
+
"value": "0.97"
|
|
14310
|
+
},
|
|
14311
|
+
{
|
|
14312
|
+
"name": "tooltip-ease",
|
|
14313
|
+
"tier": "component",
|
|
14314
|
+
"type": "easing",
|
|
14315
|
+
"group": "components",
|
|
14316
|
+
"value": "var(--iox-ease-enter)"
|
|
14317
|
+
},
|
|
14318
|
+
{
|
|
14319
|
+
"name": "tooltip-dur-in",
|
|
14320
|
+
"tier": "component",
|
|
14321
|
+
"type": "duration",
|
|
14322
|
+
"group": "components",
|
|
14323
|
+
"value": "140ms"
|
|
14324
|
+
},
|
|
14325
|
+
{
|
|
14326
|
+
"name": "tooltip-dur-out",
|
|
14327
|
+
"tier": "component",
|
|
14328
|
+
"type": "duration",
|
|
14329
|
+
"group": "components",
|
|
14330
|
+
"value": "90ms"
|
|
14331
|
+
},
|
|
14332
|
+
{
|
|
14333
|
+
"name": "popover-bg",
|
|
14334
|
+
"tier": "component",
|
|
14335
|
+
"type": "color",
|
|
14336
|
+
"group": "components",
|
|
14337
|
+
"value": "var(--iox-surface)"
|
|
14338
|
+
},
|
|
14339
|
+
{
|
|
14340
|
+
"name": "popover-border",
|
|
14341
|
+
"tier": "component",
|
|
14342
|
+
"type": "color",
|
|
14343
|
+
"group": "components",
|
|
14344
|
+
"value": "var(--iox-line)"
|
|
14345
|
+
},
|
|
14346
|
+
{
|
|
14347
|
+
"name": "popover-border-width",
|
|
13055
14348
|
"tier": "component",
|
|
13056
14349
|
"type": "size",
|
|
13057
14350
|
"group": "components",
|
|
13058
|
-
"value": "
|
|
13059
|
-
"overridden": true
|
|
14351
|
+
"value": "var(--iox-border-width)"
|
|
13060
14352
|
},
|
|
13061
14353
|
{
|
|
13062
|
-
"name": "
|
|
14354
|
+
"name": "popover-radius",
|
|
13063
14355
|
"tier": "component",
|
|
13064
14356
|
"type": "radius",
|
|
13065
14357
|
"group": "components",
|
|
13066
|
-
"value": "
|
|
14358
|
+
"value": "var(--iox-radius-lg)"
|
|
13067
14359
|
},
|
|
13068
14360
|
{
|
|
13069
|
-
"name": "
|
|
14361
|
+
"name": "popover-shadow",
|
|
13070
14362
|
"tier": "component",
|
|
13071
14363
|
"type": "shadow",
|
|
13072
14364
|
"group": "components",
|
|
13073
|
-
"value": "
|
|
13074
|
-
},
|
|
13075
|
-
{
|
|
13076
|
-
"name": "nav-backdrop",
|
|
13077
|
-
"tier": "component",
|
|
13078
|
-
"type": "effect",
|
|
13079
|
-
"group": "components",
|
|
13080
|
-
"value": "none"
|
|
14365
|
+
"value": "var(--iox-shadow-lg)"
|
|
13081
14366
|
},
|
|
13082
14367
|
{
|
|
13083
|
-
"name": "
|
|
14368
|
+
"name": "popover-pad",
|
|
13084
14369
|
"tier": "component",
|
|
13085
14370
|
"type": "spacing",
|
|
13086
14371
|
"group": "components",
|
|
13087
|
-
"value": "
|
|
13088
|
-
},
|
|
13089
|
-
{
|
|
13090
|
-
"name": "field-bg",
|
|
13091
|
-
"tier": "component",
|
|
13092
|
-
"type": "color",
|
|
13093
|
-
"group": "components",
|
|
13094
|
-
"value": "var(--iox-surface-2)",
|
|
13095
|
-
"overridden": true
|
|
14372
|
+
"value": "var(--iox-space-pad)"
|
|
13096
14373
|
},
|
|
13097
14374
|
{
|
|
13098
|
-
"name": "
|
|
14375
|
+
"name": "popover-scale",
|
|
13099
14376
|
"tier": "component",
|
|
13100
|
-
"type": "
|
|
14377
|
+
"type": "number",
|
|
13101
14378
|
"group": "components",
|
|
13102
|
-
"value": "
|
|
14379
|
+
"value": "0.95"
|
|
13103
14380
|
},
|
|
13104
14381
|
{
|
|
13105
|
-
"name": "
|
|
14382
|
+
"name": "popover-ease",
|
|
13106
14383
|
"tier": "component",
|
|
13107
|
-
"type": "
|
|
14384
|
+
"type": "easing",
|
|
13108
14385
|
"group": "components",
|
|
13109
|
-
"value": "var(--iox-
|
|
14386
|
+
"value": "var(--iox-ease-enter)"
|
|
13110
14387
|
},
|
|
13111
14388
|
{
|
|
13112
|
-
"name": "
|
|
14389
|
+
"name": "popover-dur-in",
|
|
13113
14390
|
"tier": "component",
|
|
13114
|
-
"type": "
|
|
14391
|
+
"type": "duration",
|
|
13115
14392
|
"group": "components",
|
|
13116
|
-
"value": "
|
|
14393
|
+
"value": "220ms"
|
|
13117
14394
|
},
|
|
13118
14395
|
{
|
|
13119
|
-
"name": "
|
|
14396
|
+
"name": "popover-dur-out",
|
|
13120
14397
|
"tier": "component",
|
|
13121
|
-
"type": "
|
|
14398
|
+
"type": "duration",
|
|
13122
14399
|
"group": "components",
|
|
13123
|
-
"value": "
|
|
14400
|
+
"value": "150ms"
|
|
13124
14401
|
},
|
|
13125
14402
|
{
|
|
13126
|
-
"name": "
|
|
14403
|
+
"name": "sheet-ease",
|
|
13127
14404
|
"tier": "component",
|
|
13128
|
-
"type": "
|
|
14405
|
+
"type": "easing",
|
|
13129
14406
|
"group": "components",
|
|
13130
|
-
"value": "
|
|
14407
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
13131
14408
|
},
|
|
13132
14409
|
{
|
|
13133
|
-
"name": "
|
|
14410
|
+
"name": "sheet-dur-in",
|
|
13134
14411
|
"tier": "component",
|
|
13135
|
-
"type": "
|
|
14412
|
+
"type": "duration",
|
|
13136
14413
|
"group": "components",
|
|
13137
|
-
"value": "
|
|
14414
|
+
"value": "500ms"
|
|
13138
14415
|
},
|
|
13139
14416
|
{
|
|
13140
|
-
"name": "
|
|
14417
|
+
"name": "sheet-dur-out",
|
|
13141
14418
|
"tier": "component",
|
|
13142
|
-
"type": "
|
|
14419
|
+
"type": "duration",
|
|
13143
14420
|
"group": "components",
|
|
13144
|
-
"value": "
|
|
14421
|
+
"value": "280ms"
|
|
13145
14422
|
},
|
|
13146
14423
|
{
|
|
13147
|
-
"name": "
|
|
14424
|
+
"name": "toast-bg",
|
|
13148
14425
|
"tier": "component",
|
|
13149
|
-
"type": "
|
|
14426
|
+
"type": "color",
|
|
13150
14427
|
"group": "components",
|
|
13151
|
-
"value": "var(--iox-
|
|
14428
|
+
"value": "var(--iox-text)"
|
|
13152
14429
|
},
|
|
13153
14430
|
{
|
|
13154
|
-
"name": "
|
|
14431
|
+
"name": "toast-ink",
|
|
13155
14432
|
"tier": "component",
|
|
13156
14433
|
"type": "color",
|
|
13157
14434
|
"group": "components",
|
|
13158
|
-
"value": "var(--iox-
|
|
14435
|
+
"value": "var(--iox-bg)"
|
|
13159
14436
|
},
|
|
13160
14437
|
{
|
|
13161
|
-
"name": "
|
|
14438
|
+
"name": "toast-radius",
|
|
13162
14439
|
"tier": "component",
|
|
13163
14440
|
"type": "radius",
|
|
13164
14441
|
"group": "components",
|
|
13165
|
-
"value": "var(--iox-radius-
|
|
14442
|
+
"value": "var(--iox-radius-md)"
|
|
13166
14443
|
},
|
|
13167
14444
|
{
|
|
13168
|
-
"name": "
|
|
14445
|
+
"name": "toast-shadow",
|
|
13169
14446
|
"tier": "component",
|
|
13170
14447
|
"type": "shadow",
|
|
13171
14448
|
"group": "components",
|
|
13172
14449
|
"value": "var(--iox-shadow-lg)"
|
|
13173
14450
|
},
|
|
13174
14451
|
{
|
|
13175
|
-
"name": "
|
|
13176
|
-
"tier": "component",
|
|
13177
|
-
"type": "effect",
|
|
13178
|
-
"group": "components",
|
|
13179
|
-
"value": "none"
|
|
13180
|
-
},
|
|
13181
|
-
{
|
|
13182
|
-
"name": "dialog-pad",
|
|
14452
|
+
"name": "toast-ease",
|
|
13183
14453
|
"tier": "component",
|
|
13184
|
-
"type": "
|
|
14454
|
+
"type": "easing",
|
|
13185
14455
|
"group": "components",
|
|
13186
|
-
"value": "
|
|
14456
|
+
"value": "ease"
|
|
13187
14457
|
},
|
|
13188
14458
|
{
|
|
13189
|
-
"name": "
|
|
14459
|
+
"name": "toast-dur-in",
|
|
13190
14460
|
"tier": "component",
|
|
13191
|
-
"type": "
|
|
14461
|
+
"type": "duration",
|
|
13192
14462
|
"group": "components",
|
|
13193
|
-
"value": "
|
|
14463
|
+
"value": "400ms"
|
|
13194
14464
|
},
|
|
13195
14465
|
{
|
|
13196
|
-
"name": "
|
|
14466
|
+
"name": "toast-dur-out",
|
|
13197
14467
|
"tier": "component",
|
|
13198
|
-
"type": "
|
|
14468
|
+
"type": "duration",
|
|
13199
14469
|
"group": "components",
|
|
13200
|
-
"value": "
|
|
14470
|
+
"value": "220ms"
|
|
13201
14471
|
},
|
|
13202
14472
|
{
|
|
13203
14473
|
"name": "dialog-edge",
|
|
@@ -15093,6 +16363,209 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
15093
16363
|
"value": "var(--iox-border-width)",
|
|
15094
16364
|
"overridden": true
|
|
15095
16365
|
},
|
|
16366
|
+
{
|
|
16367
|
+
"name": "tooltip-bg",
|
|
16368
|
+
"tier": "component",
|
|
16369
|
+
"type": "color",
|
|
16370
|
+
"group": "components",
|
|
16371
|
+
"value": "var(--iox-text)"
|
|
16372
|
+
},
|
|
16373
|
+
{
|
|
16374
|
+
"name": "tooltip-ink",
|
|
16375
|
+
"tier": "component",
|
|
16376
|
+
"type": "color",
|
|
16377
|
+
"group": "components",
|
|
16378
|
+
"value": "var(--iox-bg)"
|
|
16379
|
+
},
|
|
16380
|
+
{
|
|
16381
|
+
"name": "tooltip-radius",
|
|
16382
|
+
"tier": "component",
|
|
16383
|
+
"type": "radius",
|
|
16384
|
+
"group": "components",
|
|
16385
|
+
"value": "var(--iox-radius-xs)"
|
|
16386
|
+
},
|
|
16387
|
+
{
|
|
16388
|
+
"name": "tooltip-shadow",
|
|
16389
|
+
"tier": "component",
|
|
16390
|
+
"type": "shadow",
|
|
16391
|
+
"group": "components",
|
|
16392
|
+
"value": "var(--iox-shadow-md)"
|
|
16393
|
+
},
|
|
16394
|
+
{
|
|
16395
|
+
"name": "tooltip-size",
|
|
16396
|
+
"tier": "component",
|
|
16397
|
+
"type": "size",
|
|
16398
|
+
"group": "components",
|
|
16399
|
+
"value": "var(--iox-size-small)"
|
|
16400
|
+
},
|
|
16401
|
+
{
|
|
16402
|
+
"name": "tooltip-scale",
|
|
16403
|
+
"tier": "component",
|
|
16404
|
+
"type": "number",
|
|
16405
|
+
"group": "components",
|
|
16406
|
+
"value": "0.97"
|
|
16407
|
+
},
|
|
16408
|
+
{
|
|
16409
|
+
"name": "tooltip-ease",
|
|
16410
|
+
"tier": "component",
|
|
16411
|
+
"type": "easing",
|
|
16412
|
+
"group": "components",
|
|
16413
|
+
"value": "var(--iox-ease-enter)"
|
|
16414
|
+
},
|
|
16415
|
+
{
|
|
16416
|
+
"name": "tooltip-dur-in",
|
|
16417
|
+
"tier": "component",
|
|
16418
|
+
"type": "duration",
|
|
16419
|
+
"group": "components",
|
|
16420
|
+
"value": "100ms"
|
|
16421
|
+
},
|
|
16422
|
+
{
|
|
16423
|
+
"name": "tooltip-dur-out",
|
|
16424
|
+
"tier": "component",
|
|
16425
|
+
"type": "duration",
|
|
16426
|
+
"group": "components",
|
|
16427
|
+
"value": "70ms"
|
|
16428
|
+
},
|
|
16429
|
+
{
|
|
16430
|
+
"name": "popover-bg",
|
|
16431
|
+
"tier": "component",
|
|
16432
|
+
"type": "color",
|
|
16433
|
+
"group": "components",
|
|
16434
|
+
"value": "var(--iox-surface)"
|
|
16435
|
+
},
|
|
16436
|
+
{
|
|
16437
|
+
"name": "popover-border",
|
|
16438
|
+
"tier": "component",
|
|
16439
|
+
"type": "color",
|
|
16440
|
+
"group": "components",
|
|
16441
|
+
"value": "var(--iox-line)"
|
|
16442
|
+
},
|
|
16443
|
+
{
|
|
16444
|
+
"name": "popover-border-width",
|
|
16445
|
+
"tier": "component",
|
|
16446
|
+
"type": "size",
|
|
16447
|
+
"group": "components",
|
|
16448
|
+
"value": "var(--iox-border-width)"
|
|
16449
|
+
},
|
|
16450
|
+
{
|
|
16451
|
+
"name": "popover-radius",
|
|
16452
|
+
"tier": "component",
|
|
16453
|
+
"type": "radius",
|
|
16454
|
+
"group": "components",
|
|
16455
|
+
"value": "var(--iox-radius-lg)"
|
|
16456
|
+
},
|
|
16457
|
+
{
|
|
16458
|
+
"name": "popover-shadow",
|
|
16459
|
+
"tier": "component",
|
|
16460
|
+
"type": "shadow",
|
|
16461
|
+
"group": "components",
|
|
16462
|
+
"value": "var(--iox-shadow-lg)"
|
|
16463
|
+
},
|
|
16464
|
+
{
|
|
16465
|
+
"name": "popover-pad",
|
|
16466
|
+
"tier": "component",
|
|
16467
|
+
"type": "spacing",
|
|
16468
|
+
"group": "components",
|
|
16469
|
+
"value": "var(--iox-space-pad)"
|
|
16470
|
+
},
|
|
16471
|
+
{
|
|
16472
|
+
"name": "popover-scale",
|
|
16473
|
+
"tier": "component",
|
|
16474
|
+
"type": "number",
|
|
16475
|
+
"group": "components",
|
|
16476
|
+
"value": "0.95"
|
|
16477
|
+
},
|
|
16478
|
+
{
|
|
16479
|
+
"name": "popover-ease",
|
|
16480
|
+
"tier": "component",
|
|
16481
|
+
"type": "easing",
|
|
16482
|
+
"group": "components",
|
|
16483
|
+
"value": "var(--iox-ease-enter)"
|
|
16484
|
+
},
|
|
16485
|
+
{
|
|
16486
|
+
"name": "popover-dur-in",
|
|
16487
|
+
"tier": "component",
|
|
16488
|
+
"type": "duration",
|
|
16489
|
+
"group": "components",
|
|
16490
|
+
"value": "160ms"
|
|
16491
|
+
},
|
|
16492
|
+
{
|
|
16493
|
+
"name": "popover-dur-out",
|
|
16494
|
+
"tier": "component",
|
|
16495
|
+
"type": "duration",
|
|
16496
|
+
"group": "components",
|
|
16497
|
+
"value": "110ms"
|
|
16498
|
+
},
|
|
16499
|
+
{
|
|
16500
|
+
"name": "sheet-ease",
|
|
16501
|
+
"tier": "component",
|
|
16502
|
+
"type": "easing",
|
|
16503
|
+
"group": "components",
|
|
16504
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
16505
|
+
},
|
|
16506
|
+
{
|
|
16507
|
+
"name": "sheet-dur-in",
|
|
16508
|
+
"tier": "component",
|
|
16509
|
+
"type": "duration",
|
|
16510
|
+
"group": "components",
|
|
16511
|
+
"value": "400ms"
|
|
16512
|
+
},
|
|
16513
|
+
{
|
|
16514
|
+
"name": "sheet-dur-out",
|
|
16515
|
+
"tier": "component",
|
|
16516
|
+
"type": "duration",
|
|
16517
|
+
"group": "components",
|
|
16518
|
+
"value": "240ms"
|
|
16519
|
+
},
|
|
16520
|
+
{
|
|
16521
|
+
"name": "toast-bg",
|
|
16522
|
+
"tier": "component",
|
|
16523
|
+
"type": "color",
|
|
16524
|
+
"group": "components",
|
|
16525
|
+
"value": "var(--iox-text)"
|
|
16526
|
+
},
|
|
16527
|
+
{
|
|
16528
|
+
"name": "toast-ink",
|
|
16529
|
+
"tier": "component",
|
|
16530
|
+
"type": "color",
|
|
16531
|
+
"group": "components",
|
|
16532
|
+
"value": "var(--iox-bg)"
|
|
16533
|
+
},
|
|
16534
|
+
{
|
|
16535
|
+
"name": "toast-radius",
|
|
16536
|
+
"tier": "component",
|
|
16537
|
+
"type": "radius",
|
|
16538
|
+
"group": "components",
|
|
16539
|
+
"value": "var(--iox-radius-md)"
|
|
16540
|
+
},
|
|
16541
|
+
{
|
|
16542
|
+
"name": "toast-shadow",
|
|
16543
|
+
"tier": "component",
|
|
16544
|
+
"type": "shadow",
|
|
16545
|
+
"group": "components",
|
|
16546
|
+
"value": "var(--iox-shadow-lg)"
|
|
16547
|
+
},
|
|
16548
|
+
{
|
|
16549
|
+
"name": "toast-ease",
|
|
16550
|
+
"tier": "component",
|
|
16551
|
+
"type": "easing",
|
|
16552
|
+
"group": "components",
|
|
16553
|
+
"value": "ease"
|
|
16554
|
+
},
|
|
16555
|
+
{
|
|
16556
|
+
"name": "toast-dur-in",
|
|
16557
|
+
"tier": "component",
|
|
16558
|
+
"type": "duration",
|
|
16559
|
+
"group": "components",
|
|
16560
|
+
"value": "320ms"
|
|
16561
|
+
},
|
|
16562
|
+
{
|
|
16563
|
+
"name": "toast-dur-out",
|
|
16564
|
+
"tier": "component",
|
|
16565
|
+
"type": "duration",
|
|
16566
|
+
"group": "components",
|
|
16567
|
+
"value": "180ms"
|
|
16568
|
+
},
|
|
15096
16569
|
{
|
|
15097
16570
|
"name": "dialog-edge",
|
|
15098
16571
|
"tier": "component",
|