@vectoriox/iox-ui 5.84.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 +47 -3
- package/composite-core/index.d.ts +93 -15
- package/design-core/index.d.ts +2013 -187
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs +153 -70
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-composite-core.mjs +307 -39
- package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-design-core.mjs +2222 -85
- 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 +250 -12
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-scene-core.mjs +101 -5
- package/fesm2022/vectoriox-iox-ui-scene-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui.mjs +1545 -78
- package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
- package/forms-core/index.d.ts +23 -4
- package/generation-core/index.d.ts +13 -0
- package/index.d.ts +563 -62
- package/package.json +1 -1
- package/scene-core/index.d.ts +32 -4
- package/src/actions-core/action.model.ts +1 -1
- package/src/actions-core/dialog-motion.ts +25 -0
- 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/composite-core/header.ts +25 -0
- package/src/composite-core/public-api.ts +1 -0
- package/src/composite-core/slider-runtime.ts +82 -0
- package/src/composite-core/slider.ts +194 -27
- package/src/composite-core/structure.ts +14 -9
- package/src/design-core/flavor-spec.generated.ts +2145 -85
- package/src/design-core/header-behaviour.ts +76 -0
- package/src/design-core/public-api.ts +1 -0
- package/src/design-core/theme-color.ts +21 -5
- package/src/forms-core/submit-lifecycle.ts +30 -3
- package/src/generation-core/baseline-roles.ts +1 -0
- package/src/generation-core/compose-site.ts +8 -0
- package/src/generation-core/node-baselines.generated.ts +231 -11
- package/src/generation-core/patterns.ts +2 -0
- package/src/generation-core/site-spec.generated.ts +8 -0
- package/src/scene-core/scene.ts +18 -0
- package/src/scene-core/scroll-driver.ts +83 -6
- package/styles/iox-design.css +431 -1
- package/styles/iox-forms.css +29 -4
|
@@ -521,6 +521,30 @@ export const SPEC_TIERS = {
|
|
|
521
521
|
"type": "number",
|
|
522
522
|
"group": "motion",
|
|
523
523
|
"desc": ""
|
|
524
|
+
},
|
|
525
|
+
{
|
|
526
|
+
"name": "dur-hover",
|
|
527
|
+
"type": "duration",
|
|
528
|
+
"group": "motion",
|
|
529
|
+
"desc": "Hover colour: links, chips (≤150ms)"
|
|
530
|
+
},
|
|
531
|
+
{
|
|
532
|
+
"name": "ease-hover",
|
|
533
|
+
"type": "easing",
|
|
534
|
+
"group": "motion",
|
|
535
|
+
"desc": "Hover colour (ease)"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"name": "dur-press",
|
|
539
|
+
"type": "duration",
|
|
540
|
+
"group": "motion",
|
|
541
|
+
"desc": "A press, faster than its release"
|
|
542
|
+
},
|
|
543
|
+
{
|
|
544
|
+
"name": "dur-ui",
|
|
545
|
+
"type": "duration",
|
|
546
|
+
"group": "motion",
|
|
547
|
+
"desc": "UI motion ≤300ms: a linked card, the header"
|
|
524
548
|
}
|
|
525
549
|
],
|
|
526
550
|
"component": [
|
|
@@ -749,6 +773,11 @@ export const SPEC_TIERS = {
|
|
|
749
773
|
"type": "effect",
|
|
750
774
|
"default": "none"
|
|
751
775
|
},
|
|
776
|
+
{
|
|
777
|
+
"name": "card-shadow-raise",
|
|
778
|
+
"type": "shadow",
|
|
779
|
+
"default": "var(--iox-card-shadow-hover)"
|
|
780
|
+
},
|
|
752
781
|
{
|
|
753
782
|
"name": "panel-bg",
|
|
754
783
|
"type": "color",
|
|
@@ -879,6 +908,156 @@ export const SPEC_TIERS = {
|
|
|
879
908
|
"type": "size",
|
|
880
909
|
"default": "0px"
|
|
881
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
|
+
},
|
|
1056
|
+
{
|
|
1057
|
+
"name": "dialog-edge",
|
|
1058
|
+
"type": "color",
|
|
1059
|
+
"default": "var(--iox-line)"
|
|
1060
|
+
},
|
|
882
1061
|
{
|
|
883
1062
|
"name": "image-radius",
|
|
884
1063
|
"type": "radius",
|
|
@@ -914,6 +1093,31 @@ export const SPEC_TIERS = {
|
|
|
914
1093
|
"type": "keyword",
|
|
915
1094
|
"default": "underline 2px var(--iox-accent-text)"
|
|
916
1095
|
},
|
|
1096
|
+
{
|
|
1097
|
+
"name": "link-underline-rest",
|
|
1098
|
+
"type": "number",
|
|
1099
|
+
"default": "1"
|
|
1100
|
+
},
|
|
1101
|
+
{
|
|
1102
|
+
"name": "link-underline-thickness",
|
|
1103
|
+
"type": "size",
|
|
1104
|
+
"default": "max(1px, 0.06em)"
|
|
1105
|
+
},
|
|
1106
|
+
{
|
|
1107
|
+
"name": "link-underline-offset",
|
|
1108
|
+
"type": "size",
|
|
1109
|
+
"default": "0.12em"
|
|
1110
|
+
},
|
|
1111
|
+
{
|
|
1112
|
+
"name": "link-current-underline",
|
|
1113
|
+
"type": "color",
|
|
1114
|
+
"default": "var(--iox-accent-text)"
|
|
1115
|
+
},
|
|
1116
|
+
{
|
|
1117
|
+
"name": "link-current-underline-thickness",
|
|
1118
|
+
"type": "size",
|
|
1119
|
+
"default": "2px"
|
|
1120
|
+
},
|
|
917
1121
|
{
|
|
918
1122
|
"name": "tabbar-bg",
|
|
919
1123
|
"type": "color",
|
|
@@ -1233,6 +1437,11 @@ export const SPEC_TIERS = {
|
|
|
1233
1437
|
"name": "video-play-size",
|
|
1234
1438
|
"type": "size",
|
|
1235
1439
|
"default": "64px"
|
|
1440
|
+
},
|
|
1441
|
+
{
|
|
1442
|
+
"name": "slider-ease",
|
|
1443
|
+
"type": "easing",
|
|
1444
|
+
"default": "var(--iox-ease-standard)"
|
|
1236
1445
|
}
|
|
1237
1446
|
]
|
|
1238
1447
|
} as const;
|
|
@@ -1329,7 +1538,18 @@ export const SPEC_AXES = {
|
|
|
1329
1538
|
"ease-spring": "linear",
|
|
1330
1539
|
"dur-spring": "0ms",
|
|
1331
1540
|
"hover-lift": "0px",
|
|
1332
|
-
"press-scale": "1"
|
|
1541
|
+
"press-scale": "1",
|
|
1542
|
+
"dur-hover": "0ms",
|
|
1543
|
+
"dur-press": "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"
|
|
1333
1553
|
},
|
|
1334
1554
|
"snappy": {
|
|
1335
1555
|
"label": "Snappy",
|
|
@@ -1340,7 +1560,18 @@ export const SPEC_AXES = {
|
|
|
1340
1560
|
"ease-spring": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1341
1561
|
"dur-spring": "140ms",
|
|
1342
1562
|
"hover-lift": "-2px",
|
|
1343
|
-
"press-scale": "0.97"
|
|
1563
|
+
"press-scale": "0.97",
|
|
1564
|
+
"dur-hover": "80ms",
|
|
1565
|
+
"dur-press": "60ms",
|
|
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"
|
|
1344
1575
|
},
|
|
1345
1576
|
"standard": {
|
|
1346
1577
|
"label": "Standard",
|
|
@@ -1351,7 +1582,18 @@ export const SPEC_AXES = {
|
|
|
1351
1582
|
"ease-spring": "cubic-bezier(0.2, 0, 0, 1)",
|
|
1352
1583
|
"dur-spring": "200ms",
|
|
1353
1584
|
"hover-lift": "-2px",
|
|
1354
|
-
"press-scale": "0.98"
|
|
1585
|
+
"press-scale": "0.98",
|
|
1586
|
+
"dur-hover": "120ms",
|
|
1587
|
+
"dur-press": "90ms",
|
|
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"
|
|
1355
1597
|
},
|
|
1356
1598
|
"calm": {
|
|
1357
1599
|
"label": "Calm",
|
|
@@ -1362,7 +1604,18 @@ export const SPEC_AXES = {
|
|
|
1362
1604
|
"ease-spring": "cubic-bezier(0.33, 0, 0.1, 1)",
|
|
1363
1605
|
"dur-spring": "400ms",
|
|
1364
1606
|
"hover-lift": "0px",
|
|
1365
|
-
"press-scale": "0.98"
|
|
1607
|
+
"press-scale": "0.98",
|
|
1608
|
+
"dur-hover": "150ms",
|
|
1609
|
+
"dur-press": "120ms",
|
|
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"
|
|
1366
1619
|
},
|
|
1367
1620
|
"lively": {
|
|
1368
1621
|
"label": "Lively",
|
|
@@ -1373,12 +1626,24 @@ export const SPEC_AXES = {
|
|
|
1373
1626
|
"ease-spring": "linear(0, 0.018, 0.0651, 0.132, 0.2115, 0.2974, 0.3852, 0.4714, 0.5535, 0.6296, 0.6987, 0.7603, 0.8142, 0.8605, 0.8996, 0.9321, 0.9585, 0.9794, 0.9957, 1.0079, 1.0167, 1.0226, 1.0262, 1.028, 1.0284, 1.0276, 1.0262, 1.0242, 1.0219, 1.0194, 1.0169, 1.0145, 1.0122, 1.0101, 1.0082, 1.0065, 1.005, 1.0037, 1.0026, 1.0018, 1)",
|
|
1374
1627
|
"dur-spring": "470ms",
|
|
1375
1628
|
"hover-lift": "-3px",
|
|
1376
|
-
"press-scale": "0.97"
|
|
1629
|
+
"press-scale": "0.97",
|
|
1630
|
+
"dur-hover": "150ms",
|
|
1631
|
+
"dur-press": "100ms",
|
|
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"
|
|
1377
1641
|
}
|
|
1378
1642
|
},
|
|
1379
1643
|
"motionCommon": {
|
|
1380
1644
|
"ease-enter": "cubic-bezier(0.05, 0.7, 0.1, 1)",
|
|
1381
|
-
"ease-exit": "cubic-bezier(0.3, 0, 0.8, 0.15)"
|
|
1645
|
+
"ease-exit": "cubic-bezier(0.3, 0, 0.8, 0.15)",
|
|
1646
|
+
"ease-hover": "ease"
|
|
1382
1647
|
},
|
|
1383
1648
|
"modes": [
|
|
1384
1649
|
"light",
|
|
@@ -2603,6 +2868,7 @@ export const SPEC_A11Y = {
|
|
|
2603
2868
|
"dur-slow": "0ms",
|
|
2604
2869
|
"dur-spring": "0ms",
|
|
2605
2870
|
"ease-spring": "linear",
|
|
2871
|
+
"dur-press": "0ms",
|
|
2606
2872
|
"hover-lift": "0px",
|
|
2607
2873
|
"press-scale": "1",
|
|
2608
2874
|
"card-hover-x": "0px",
|
|
@@ -3291,6 +3557,54 @@ export const SPEC_ELEMENT_STYLES = [
|
|
|
3291
3557
|
"borderColor": "var(--iox-dialog-border)"
|
|
3292
3558
|
}
|
|
3293
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
|
+
},
|
|
3294
3608
|
{
|
|
3295
3609
|
"id": "form",
|
|
3296
3610
|
"label": "Form",
|
|
@@ -3552,6 +3866,7 @@ export const SPEC_DEFAULT_ELEMENT_STYLE = {
|
|
|
3552
3866
|
"Divider": "rule",
|
|
3553
3867
|
"Icon": "icon",
|
|
3554
3868
|
"Dialog": "dialog",
|
|
3869
|
+
"Popover": "popover",
|
|
3555
3870
|
"Form": "form",
|
|
3556
3871
|
"Field": "field",
|
|
3557
3872
|
"FormSuccess": "notice-success",
|
|
@@ -3775,10 +4090,11 @@ export const SPEC_FIELD_CLASS_BASELINE = {
|
|
|
3775
4090
|
"font-family": "var(--iox-font-label)",
|
|
3776
4091
|
"font-size": "var(--iox-badge-size)",
|
|
3777
4092
|
"font-weight": "var(--iox-weight-label)",
|
|
3778
|
-
"transition": "border-color var(--iox-dur-
|
|
4093
|
+
"transition": "border-color var(--iox-dur-hover) var(--iox-ease-hover), background-color var(--iox-dur-hover) var(--iox-ease-hover), color var(--iox-dur-hover) var(--iox-ease-hover), box-shadow var(--iox-dur-hover) var(--iox-ease-hover), opacity var(--iox-dur-hover) var(--iox-ease-hover), transform var(--iox-dur-fast) var(--iox-ease-standard)"
|
|
3779
4094
|
},
|
|
3780
4095
|
".iox-es-field .iox-field__chip:active:not(:has(:disabled))": {
|
|
3781
|
-
"transform": "scale(var(--iox-press-scale))"
|
|
4096
|
+
"transform": "scale(var(--iox-press-scale))",
|
|
4097
|
+
"transition-duration": "var(--iox-dur-press)"
|
|
3782
4098
|
},
|
|
3783
4099
|
".iox-es-field .iox-field__chip:hover:not(:has(:disabled))": {
|
|
3784
4100
|
"border-color": "var(--iox-text)"
|
|
@@ -3848,7 +4164,8 @@ export const SPEC_FIELD_CLASS_BASELINE = {
|
|
|
3848
4164
|
"transition": "background-color var(--iox-dur-fast) var(--iox-ease-standard), color var(--iox-dur-fast) var(--iox-ease-standard), border-color var(--iox-dur-fast) var(--iox-ease-standard), box-shadow var(--iox-dur-fast) var(--iox-ease-standard), opacity var(--iox-dur-fast) var(--iox-ease-standard), transform var(--iox-dur-fast) var(--iox-ease-standard)"
|
|
3849
4165
|
},
|
|
3850
4166
|
".iox-es-field .iox-cal .iox-cal__day:active:not([aria-disabled='true'])": {
|
|
3851
|
-
"transform": "scale(var(--iox-press-scale))"
|
|
4167
|
+
"transform": "scale(var(--iox-press-scale))",
|
|
4168
|
+
"transition-duration": "var(--iox-dur-press)"
|
|
3852
4169
|
},
|
|
3853
4170
|
".iox-es-field .iox-cal .iox-cal__day:hover:not([aria-disabled='true'])": {
|
|
3854
4171
|
"background-color": "var(--iox-surface-2)"
|
|
@@ -3872,6 +4189,27 @@ export const SPEC_FIELD_CLASS_BASELINE = {
|
|
|
3872
4189
|
}
|
|
3873
4190
|
} as const;
|
|
3874
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
|
+
|
|
3875
4213
|
export const SPEC_INK_SCOPES = [
|
|
3876
4214
|
{
|
|
3877
4215
|
"styles": [
|
|
@@ -4987,6 +5325,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
4987
5325
|
"group": "motion",
|
|
4988
5326
|
"value": "0.98"
|
|
4989
5327
|
},
|
|
5328
|
+
{
|
|
5329
|
+
"name": "dur-hover",
|
|
5330
|
+
"tier": "semantic",
|
|
5331
|
+
"type": "duration",
|
|
5332
|
+
"group": "motion",
|
|
5333
|
+
"value": "120ms"
|
|
5334
|
+
},
|
|
5335
|
+
{
|
|
5336
|
+
"name": "ease-hover",
|
|
5337
|
+
"tier": "semantic",
|
|
5338
|
+
"type": "easing",
|
|
5339
|
+
"group": "motion",
|
|
5340
|
+
"value": "ease"
|
|
5341
|
+
},
|
|
5342
|
+
{
|
|
5343
|
+
"name": "dur-press",
|
|
5344
|
+
"tier": "semantic",
|
|
5345
|
+
"type": "duration",
|
|
5346
|
+
"group": "motion",
|
|
5347
|
+
"value": "90ms"
|
|
5348
|
+
},
|
|
5349
|
+
{
|
|
5350
|
+
"name": "dur-ui",
|
|
5351
|
+
"tier": "semantic",
|
|
5352
|
+
"type": "duration",
|
|
5353
|
+
"group": "motion",
|
|
5354
|
+
"value": "200ms"
|
|
5355
|
+
},
|
|
4990
5356
|
{
|
|
4991
5357
|
"name": "button-font",
|
|
4992
5358
|
"tier": "component",
|
|
@@ -5302,6 +5668,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
5302
5668
|
"group": "components",
|
|
5303
5669
|
"value": "none"
|
|
5304
5670
|
},
|
|
5671
|
+
{
|
|
5672
|
+
"name": "card-shadow-raise",
|
|
5673
|
+
"tier": "component",
|
|
5674
|
+
"type": "shadow",
|
|
5675
|
+
"group": "components",
|
|
5676
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
5677
|
+
},
|
|
5305
5678
|
{
|
|
5306
5679
|
"name": "panel-bg",
|
|
5307
5680
|
"tier": "component",
|
|
@@ -5485,81 +5858,326 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
5485
5858
|
"value": "0px"
|
|
5486
5859
|
},
|
|
5487
5860
|
{
|
|
5488
|
-
"name": "
|
|
5861
|
+
"name": "tooltip-bg",
|
|
5862
|
+
"tier": "component",
|
|
5863
|
+
"type": "color",
|
|
5864
|
+
"group": "components",
|
|
5865
|
+
"value": "var(--iox-text)"
|
|
5866
|
+
},
|
|
5867
|
+
{
|
|
5868
|
+
"name": "tooltip-ink",
|
|
5869
|
+
"tier": "component",
|
|
5870
|
+
"type": "color",
|
|
5871
|
+
"group": "components",
|
|
5872
|
+
"value": "var(--iox-bg)"
|
|
5873
|
+
},
|
|
5874
|
+
{
|
|
5875
|
+
"name": "tooltip-radius",
|
|
5489
5876
|
"tier": "component",
|
|
5490
5877
|
"type": "radius",
|
|
5491
5878
|
"group": "components",
|
|
5492
|
-
"value": "var(--iox-radius-
|
|
5879
|
+
"value": "var(--iox-radius-xs)"
|
|
5493
5880
|
},
|
|
5494
5881
|
{
|
|
5495
|
-
"name": "
|
|
5882
|
+
"name": "tooltip-shadow",
|
|
5496
5883
|
"tier": "component",
|
|
5497
|
-
"type": "
|
|
5884
|
+
"type": "shadow",
|
|
5498
5885
|
"group": "components",
|
|
5499
|
-
"value": "
|
|
5886
|
+
"value": "var(--iox-shadow-md)"
|
|
5500
5887
|
},
|
|
5501
5888
|
{
|
|
5502
|
-
"name": "
|
|
5889
|
+
"name": "tooltip-size",
|
|
5503
5890
|
"tier": "component",
|
|
5504
|
-
"type": "
|
|
5891
|
+
"type": "size",
|
|
5505
5892
|
"group": "components",
|
|
5506
|
-
"value": "var(--iox-
|
|
5893
|
+
"value": "var(--iox-size-small)"
|
|
5507
5894
|
},
|
|
5508
5895
|
{
|
|
5509
|
-
"name": "
|
|
5896
|
+
"name": "tooltip-scale",
|
|
5510
5897
|
"tier": "component",
|
|
5511
|
-
"type": "
|
|
5898
|
+
"type": "number",
|
|
5512
5899
|
"group": "components",
|
|
5513
|
-
"value": "
|
|
5900
|
+
"value": "0.97"
|
|
5514
5901
|
},
|
|
5515
5902
|
{
|
|
5516
|
-
"name": "
|
|
5903
|
+
"name": "tooltip-ease",
|
|
5517
5904
|
"tier": "component",
|
|
5518
|
-
"type": "
|
|
5905
|
+
"type": "easing",
|
|
5519
5906
|
"group": "components",
|
|
5520
|
-
"value": "
|
|
5907
|
+
"value": "var(--iox-ease-enter)"
|
|
5521
5908
|
},
|
|
5522
5909
|
{
|
|
5523
|
-
"name": "
|
|
5910
|
+
"name": "tooltip-dur-in",
|
|
5524
5911
|
"tier": "component",
|
|
5525
|
-
"type": "
|
|
5912
|
+
"type": "duration",
|
|
5526
5913
|
"group": "components",
|
|
5527
|
-
"value": "
|
|
5914
|
+
"value": "125ms"
|
|
5528
5915
|
},
|
|
5529
5916
|
{
|
|
5530
|
-
"name": "
|
|
5917
|
+
"name": "tooltip-dur-out",
|
|
5531
5918
|
"tier": "component",
|
|
5532
|
-
"type": "
|
|
5919
|
+
"type": "duration",
|
|
5533
5920
|
"group": "components",
|
|
5534
|
-
"value": "
|
|
5921
|
+
"value": "80ms"
|
|
5535
5922
|
},
|
|
5536
5923
|
{
|
|
5537
|
-
"name": "
|
|
5924
|
+
"name": "popover-bg",
|
|
5538
5925
|
"tier": "component",
|
|
5539
5926
|
"type": "color",
|
|
5540
5927
|
"group": "components",
|
|
5541
|
-
"value": "var(--iox-
|
|
5928
|
+
"value": "var(--iox-surface)"
|
|
5542
5929
|
},
|
|
5543
5930
|
{
|
|
5544
|
-
"name": "
|
|
5931
|
+
"name": "popover-border",
|
|
5545
5932
|
"tier": "component",
|
|
5546
5933
|
"type": "color",
|
|
5547
5934
|
"group": "components",
|
|
5548
|
-
"value": "var(--iox-
|
|
5935
|
+
"value": "var(--iox-line)"
|
|
5549
5936
|
},
|
|
5550
5937
|
{
|
|
5551
|
-
"name": "
|
|
5938
|
+
"name": "popover-border-width",
|
|
5552
5939
|
"tier": "component",
|
|
5553
5940
|
"type": "size",
|
|
5554
5941
|
"group": "components",
|
|
5555
|
-
"value": "var(--iox-border-width)
|
|
5942
|
+
"value": "var(--iox-border-width)"
|
|
5556
5943
|
},
|
|
5557
5944
|
{
|
|
5558
|
-
"name": "
|
|
5945
|
+
"name": "popover-radius",
|
|
5559
5946
|
"tier": "component",
|
|
5560
5947
|
"type": "radius",
|
|
5561
5948
|
"group": "components",
|
|
5562
|
-
"value": "
|
|
5949
|
+
"value": "var(--iox-radius-lg)"
|
|
5950
|
+
},
|
|
5951
|
+
{
|
|
5952
|
+
"name": "popover-shadow",
|
|
5953
|
+
"tier": "component",
|
|
5954
|
+
"type": "shadow",
|
|
5955
|
+
"group": "components",
|
|
5956
|
+
"value": "var(--iox-shadow-lg)"
|
|
5957
|
+
},
|
|
5958
|
+
{
|
|
5959
|
+
"name": "popover-pad",
|
|
5960
|
+
"tier": "component",
|
|
5961
|
+
"type": "spacing",
|
|
5962
|
+
"group": "components",
|
|
5963
|
+
"value": "var(--iox-space-pad)"
|
|
5964
|
+
},
|
|
5965
|
+
{
|
|
5966
|
+
"name": "popover-scale",
|
|
5967
|
+
"tier": "component",
|
|
5968
|
+
"type": "number",
|
|
5969
|
+
"group": "components",
|
|
5970
|
+
"value": "0.95"
|
|
5971
|
+
},
|
|
5972
|
+
{
|
|
5973
|
+
"name": "popover-ease",
|
|
5974
|
+
"tier": "component",
|
|
5975
|
+
"type": "easing",
|
|
5976
|
+
"group": "components",
|
|
5977
|
+
"value": "var(--iox-ease-enter)"
|
|
5978
|
+
},
|
|
5979
|
+
{
|
|
5980
|
+
"name": "popover-dur-in",
|
|
5981
|
+
"tier": "component",
|
|
5982
|
+
"type": "duration",
|
|
5983
|
+
"group": "components",
|
|
5984
|
+
"value": "200ms"
|
|
5985
|
+
},
|
|
5986
|
+
{
|
|
5987
|
+
"name": "popover-dur-out",
|
|
5988
|
+
"tier": "component",
|
|
5989
|
+
"type": "duration",
|
|
5990
|
+
"group": "components",
|
|
5991
|
+
"value": "140ms"
|
|
5992
|
+
},
|
|
5993
|
+
{
|
|
5994
|
+
"name": "sheet-ease",
|
|
5995
|
+
"tier": "component",
|
|
5996
|
+
"type": "easing",
|
|
5997
|
+
"group": "components",
|
|
5998
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
5999
|
+
},
|
|
6000
|
+
{
|
|
6001
|
+
"name": "sheet-dur-in",
|
|
6002
|
+
"tier": "component",
|
|
6003
|
+
"type": "duration",
|
|
6004
|
+
"group": "components",
|
|
6005
|
+
"value": "500ms"
|
|
6006
|
+
},
|
|
6007
|
+
{
|
|
6008
|
+
"name": "sheet-dur-out",
|
|
6009
|
+
"tier": "component",
|
|
6010
|
+
"type": "duration",
|
|
6011
|
+
"group": "components",
|
|
6012
|
+
"value": "280ms"
|
|
6013
|
+
},
|
|
6014
|
+
{
|
|
6015
|
+
"name": "toast-bg",
|
|
6016
|
+
"tier": "component",
|
|
6017
|
+
"type": "color",
|
|
6018
|
+
"group": "components",
|
|
6019
|
+
"value": "var(--iox-text)"
|
|
6020
|
+
},
|
|
6021
|
+
{
|
|
6022
|
+
"name": "toast-ink",
|
|
6023
|
+
"tier": "component",
|
|
6024
|
+
"type": "color",
|
|
6025
|
+
"group": "components",
|
|
6026
|
+
"value": "var(--iox-bg)"
|
|
6027
|
+
},
|
|
6028
|
+
{
|
|
6029
|
+
"name": "toast-radius",
|
|
6030
|
+
"tier": "component",
|
|
6031
|
+
"type": "radius",
|
|
6032
|
+
"group": "components",
|
|
6033
|
+
"value": "var(--iox-radius-md)"
|
|
6034
|
+
},
|
|
6035
|
+
{
|
|
6036
|
+
"name": "toast-shadow",
|
|
6037
|
+
"tier": "component",
|
|
6038
|
+
"type": "shadow",
|
|
6039
|
+
"group": "components",
|
|
6040
|
+
"value": "var(--iox-shadow-lg)"
|
|
6041
|
+
},
|
|
6042
|
+
{
|
|
6043
|
+
"name": "toast-ease",
|
|
6044
|
+
"tier": "component",
|
|
6045
|
+
"type": "easing",
|
|
6046
|
+
"group": "components",
|
|
6047
|
+
"value": "ease"
|
|
6048
|
+
},
|
|
6049
|
+
{
|
|
6050
|
+
"name": "toast-dur-in",
|
|
6051
|
+
"tier": "component",
|
|
6052
|
+
"type": "duration",
|
|
6053
|
+
"group": "components",
|
|
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"
|
|
5563
6181
|
},
|
|
5564
6182
|
{
|
|
5565
6183
|
"name": "tabbar-shadow",
|
|
@@ -5980,6 +6598,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
5980
6598
|
"type": "size",
|
|
5981
6599
|
"group": "components",
|
|
5982
6600
|
"value": "64px"
|
|
6601
|
+
},
|
|
6602
|
+
{
|
|
6603
|
+
"name": "slider-ease",
|
|
6604
|
+
"tier": "component",
|
|
6605
|
+
"type": "easing",
|
|
6606
|
+
"group": "components",
|
|
6607
|
+
"value": "var(--iox-ease-standard)"
|
|
5983
6608
|
}
|
|
5984
6609
|
]
|
|
5985
6610
|
},
|
|
@@ -6774,6 +7399,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
6774
7399
|
"group": "motion",
|
|
6775
7400
|
"value": "0.98"
|
|
6776
7401
|
},
|
|
7402
|
+
{
|
|
7403
|
+
"name": "dur-hover",
|
|
7404
|
+
"tier": "semantic",
|
|
7405
|
+
"type": "duration",
|
|
7406
|
+
"group": "motion",
|
|
7407
|
+
"value": "150ms"
|
|
7408
|
+
},
|
|
7409
|
+
{
|
|
7410
|
+
"name": "ease-hover",
|
|
7411
|
+
"tier": "semantic",
|
|
7412
|
+
"type": "easing",
|
|
7413
|
+
"group": "motion",
|
|
7414
|
+
"value": "ease"
|
|
7415
|
+
},
|
|
7416
|
+
{
|
|
7417
|
+
"name": "dur-press",
|
|
7418
|
+
"tier": "semantic",
|
|
7419
|
+
"type": "duration",
|
|
7420
|
+
"group": "motion",
|
|
7421
|
+
"value": "120ms"
|
|
7422
|
+
},
|
|
7423
|
+
{
|
|
7424
|
+
"name": "dur-ui",
|
|
7425
|
+
"tier": "semantic",
|
|
7426
|
+
"type": "duration",
|
|
7427
|
+
"group": "motion",
|
|
7428
|
+
"value": "300ms"
|
|
7429
|
+
},
|
|
6777
7430
|
{
|
|
6778
7431
|
"name": "button-font",
|
|
6779
7432
|
"tier": "component",
|
|
@@ -7104,6 +7757,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
7104
7757
|
"group": "components",
|
|
7105
7758
|
"value": "none"
|
|
7106
7759
|
},
|
|
7760
|
+
{
|
|
7761
|
+
"name": "card-shadow-raise",
|
|
7762
|
+
"tier": "component",
|
|
7763
|
+
"type": "shadow",
|
|
7764
|
+
"group": "components",
|
|
7765
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
7766
|
+
},
|
|
7107
7767
|
{
|
|
7108
7768
|
"name": "panel-bg",
|
|
7109
7769
|
"tier": "component",
|
|
@@ -7289,6 +7949,216 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
7289
7949
|
"group": "components",
|
|
7290
7950
|
"value": "0px"
|
|
7291
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",
|
|
8059
|
+
"tier": "component",
|
|
8060
|
+
"type": "number",
|
|
8061
|
+
"group": "components",
|
|
8062
|
+
"value": "0.95"
|
|
8063
|
+
},
|
|
8064
|
+
{
|
|
8065
|
+
"name": "popover-ease",
|
|
8066
|
+
"tier": "component",
|
|
8067
|
+
"type": "easing",
|
|
8068
|
+
"group": "components",
|
|
8069
|
+
"value": "var(--iox-ease-enter)"
|
|
8070
|
+
},
|
|
8071
|
+
{
|
|
8072
|
+
"name": "popover-dur-in",
|
|
8073
|
+
"tier": "component",
|
|
8074
|
+
"type": "duration",
|
|
8075
|
+
"group": "components",
|
|
8076
|
+
"value": "260ms"
|
|
8077
|
+
},
|
|
8078
|
+
{
|
|
8079
|
+
"name": "popover-dur-out",
|
|
8080
|
+
"tier": "component",
|
|
8081
|
+
"type": "duration",
|
|
8082
|
+
"group": "components",
|
|
8083
|
+
"value": "180ms"
|
|
8084
|
+
},
|
|
8085
|
+
{
|
|
8086
|
+
"name": "sheet-ease",
|
|
8087
|
+
"tier": "component",
|
|
8088
|
+
"type": "easing",
|
|
8089
|
+
"group": "components",
|
|
8090
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
8091
|
+
},
|
|
8092
|
+
{
|
|
8093
|
+
"name": "sheet-dur-in",
|
|
8094
|
+
"tier": "component",
|
|
8095
|
+
"type": "duration",
|
|
8096
|
+
"group": "components",
|
|
8097
|
+
"value": "600ms"
|
|
8098
|
+
},
|
|
8099
|
+
{
|
|
8100
|
+
"name": "sheet-dur-out",
|
|
8101
|
+
"tier": "component",
|
|
8102
|
+
"type": "duration",
|
|
8103
|
+
"group": "components",
|
|
8104
|
+
"value": "340ms"
|
|
8105
|
+
},
|
|
8106
|
+
{
|
|
8107
|
+
"name": "toast-bg",
|
|
8108
|
+
"tier": "component",
|
|
8109
|
+
"type": "color",
|
|
8110
|
+
"group": "components",
|
|
8111
|
+
"value": "var(--iox-text)"
|
|
8112
|
+
},
|
|
8113
|
+
{
|
|
8114
|
+
"name": "toast-ink",
|
|
8115
|
+
"tier": "component",
|
|
8116
|
+
"type": "color",
|
|
8117
|
+
"group": "components",
|
|
8118
|
+
"value": "var(--iox-bg)"
|
|
8119
|
+
},
|
|
8120
|
+
{
|
|
8121
|
+
"name": "toast-radius",
|
|
8122
|
+
"tier": "component",
|
|
8123
|
+
"type": "radius",
|
|
8124
|
+
"group": "components",
|
|
8125
|
+
"value": "var(--iox-radius-md)"
|
|
8126
|
+
},
|
|
8127
|
+
{
|
|
8128
|
+
"name": "toast-shadow",
|
|
8129
|
+
"tier": "component",
|
|
8130
|
+
"type": "shadow",
|
|
8131
|
+
"group": "components",
|
|
8132
|
+
"value": "var(--iox-shadow-lg)"
|
|
8133
|
+
},
|
|
8134
|
+
{
|
|
8135
|
+
"name": "toast-ease",
|
|
8136
|
+
"tier": "component",
|
|
8137
|
+
"type": "easing",
|
|
8138
|
+
"group": "components",
|
|
8139
|
+
"value": "ease"
|
|
8140
|
+
},
|
|
8141
|
+
{
|
|
8142
|
+
"name": "toast-dur-in",
|
|
8143
|
+
"tier": "component",
|
|
8144
|
+
"type": "duration",
|
|
8145
|
+
"group": "components",
|
|
8146
|
+
"value": "480ms"
|
|
8147
|
+
},
|
|
8148
|
+
{
|
|
8149
|
+
"name": "toast-dur-out",
|
|
8150
|
+
"tier": "component",
|
|
8151
|
+
"type": "duration",
|
|
8152
|
+
"group": "components",
|
|
8153
|
+
"value": "280ms"
|
|
8154
|
+
},
|
|
8155
|
+
{
|
|
8156
|
+
"name": "dialog-edge",
|
|
8157
|
+
"tier": "component",
|
|
8158
|
+
"type": "color",
|
|
8159
|
+
"group": "components",
|
|
8160
|
+
"value": "var(--iox-line)"
|
|
8161
|
+
},
|
|
7292
8162
|
{
|
|
7293
8163
|
"name": "image-radius",
|
|
7294
8164
|
"tier": "component",
|
|
@@ -7313,33 +8183,68 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
7313
8183
|
"overridden": true
|
|
7314
8184
|
},
|
|
7315
8185
|
{
|
|
7316
|
-
"name": "link-hover-color",
|
|
8186
|
+
"name": "link-hover-color",
|
|
8187
|
+
"tier": "component",
|
|
8188
|
+
"type": "color",
|
|
8189
|
+
"group": "components",
|
|
8190
|
+
"value": "var(--iox-accent-text)",
|
|
8191
|
+
"overridden": true
|
|
8192
|
+
},
|
|
8193
|
+
{
|
|
8194
|
+
"name": "link-decoration",
|
|
8195
|
+
"tier": "component",
|
|
8196
|
+
"type": "keyword",
|
|
8197
|
+
"group": "components",
|
|
8198
|
+
"value": "underline"
|
|
8199
|
+
},
|
|
8200
|
+
{
|
|
8201
|
+
"name": "link-current-color",
|
|
8202
|
+
"tier": "component",
|
|
8203
|
+
"type": "color",
|
|
8204
|
+
"group": "components",
|
|
8205
|
+
"value": "var(--iox-text)"
|
|
8206
|
+
},
|
|
8207
|
+
{
|
|
8208
|
+
"name": "link-current-decoration",
|
|
8209
|
+
"tier": "component",
|
|
8210
|
+
"type": "keyword",
|
|
8211
|
+
"group": "components",
|
|
8212
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
8213
|
+
},
|
|
8214
|
+
{
|
|
8215
|
+
"name": "link-underline-rest",
|
|
8216
|
+
"tier": "component",
|
|
8217
|
+
"type": "number",
|
|
8218
|
+
"group": "components",
|
|
8219
|
+
"value": "1"
|
|
8220
|
+
},
|
|
8221
|
+
{
|
|
8222
|
+
"name": "link-underline-thickness",
|
|
7317
8223
|
"tier": "component",
|
|
7318
|
-
"type": "
|
|
8224
|
+
"type": "size",
|
|
7319
8225
|
"group": "components",
|
|
7320
|
-
"value": "
|
|
7321
|
-
"overridden": true
|
|
8226
|
+
"value": "max(1px, 0.06em)"
|
|
7322
8227
|
},
|
|
7323
8228
|
{
|
|
7324
|
-
"name": "link-
|
|
8229
|
+
"name": "link-underline-offset",
|
|
7325
8230
|
"tier": "component",
|
|
7326
|
-
"type": "
|
|
8231
|
+
"type": "size",
|
|
7327
8232
|
"group": "components",
|
|
7328
|
-
"value": "
|
|
8233
|
+
"value": "0.12em"
|
|
7329
8234
|
},
|
|
7330
8235
|
{
|
|
7331
|
-
"name": "link-current-
|
|
8236
|
+
"name": "link-current-underline",
|
|
7332
8237
|
"tier": "component",
|
|
7333
8238
|
"type": "color",
|
|
7334
8239
|
"group": "components",
|
|
7335
|
-
"value": "var(--iox-text)"
|
|
8240
|
+
"value": "var(--iox-accent-text)"
|
|
7336
8241
|
},
|
|
7337
8242
|
{
|
|
7338
|
-
"name": "link-current-
|
|
8243
|
+
"name": "link-current-underline-thickness",
|
|
7339
8244
|
"tier": "component",
|
|
7340
|
-
"type": "
|
|
8245
|
+
"type": "size",
|
|
7341
8246
|
"group": "components",
|
|
7342
|
-
"value": "
|
|
8247
|
+
"value": "2px"
|
|
7343
8248
|
},
|
|
7344
8249
|
{
|
|
7345
8250
|
"name": "tabbar-bg",
|
|
@@ -7794,6 +8699,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
7794
8699
|
"type": "size",
|
|
7795
8700
|
"group": "components",
|
|
7796
8701
|
"value": "64px"
|
|
8702
|
+
},
|
|
8703
|
+
{
|
|
8704
|
+
"name": "slider-ease",
|
|
8705
|
+
"tier": "component",
|
|
8706
|
+
"type": "easing",
|
|
8707
|
+
"group": "components",
|
|
8708
|
+
"value": "var(--iox-ease-standard)"
|
|
7797
8709
|
}
|
|
7798
8710
|
]
|
|
7799
8711
|
},
|
|
@@ -8593,6 +9505,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
8593
9505
|
"group": "motion",
|
|
8594
9506
|
"value": "0.98"
|
|
8595
9507
|
},
|
|
9508
|
+
{
|
|
9509
|
+
"name": "dur-hover",
|
|
9510
|
+
"tier": "semantic",
|
|
9511
|
+
"type": "duration",
|
|
9512
|
+
"group": "motion",
|
|
9513
|
+
"value": "120ms"
|
|
9514
|
+
},
|
|
9515
|
+
{
|
|
9516
|
+
"name": "ease-hover",
|
|
9517
|
+
"tier": "semantic",
|
|
9518
|
+
"type": "easing",
|
|
9519
|
+
"group": "motion",
|
|
9520
|
+
"value": "ease"
|
|
9521
|
+
},
|
|
9522
|
+
{
|
|
9523
|
+
"name": "dur-press",
|
|
9524
|
+
"tier": "semantic",
|
|
9525
|
+
"type": "duration",
|
|
9526
|
+
"group": "motion",
|
|
9527
|
+
"value": "90ms"
|
|
9528
|
+
},
|
|
9529
|
+
{
|
|
9530
|
+
"name": "dur-ui",
|
|
9531
|
+
"tier": "semantic",
|
|
9532
|
+
"type": "duration",
|
|
9533
|
+
"group": "motion",
|
|
9534
|
+
"value": "200ms"
|
|
9535
|
+
},
|
|
8596
9536
|
{
|
|
8597
9537
|
"name": "button-font",
|
|
8598
9538
|
"tier": "component",
|
|
@@ -8914,6 +9854,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
8914
9854
|
"group": "components",
|
|
8915
9855
|
"value": "none"
|
|
8916
9856
|
},
|
|
9857
|
+
{
|
|
9858
|
+
"name": "card-shadow-raise",
|
|
9859
|
+
"tier": "component",
|
|
9860
|
+
"type": "shadow",
|
|
9861
|
+
"group": "components",
|
|
9862
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
9863
|
+
},
|
|
8917
9864
|
{
|
|
8918
9865
|
"name": "panel-bg",
|
|
8919
9866
|
"tier": "component",
|
|
@@ -9098,6 +10045,216 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
9098
10045
|
"group": "components",
|
|
9099
10046
|
"value": "0px"
|
|
9100
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",
|
|
10141
|
+
"tier": "component",
|
|
10142
|
+
"type": "shadow",
|
|
10143
|
+
"group": "components",
|
|
10144
|
+
"value": "var(--iox-shadow-lg)"
|
|
10145
|
+
},
|
|
10146
|
+
{
|
|
10147
|
+
"name": "popover-pad",
|
|
10148
|
+
"tier": "component",
|
|
10149
|
+
"type": "spacing",
|
|
10150
|
+
"group": "components",
|
|
10151
|
+
"value": "var(--iox-space-pad)"
|
|
10152
|
+
},
|
|
10153
|
+
{
|
|
10154
|
+
"name": "popover-scale",
|
|
10155
|
+
"tier": "component",
|
|
10156
|
+
"type": "number",
|
|
10157
|
+
"group": "components",
|
|
10158
|
+
"value": "0.95"
|
|
10159
|
+
},
|
|
10160
|
+
{
|
|
10161
|
+
"name": "popover-ease",
|
|
10162
|
+
"tier": "component",
|
|
10163
|
+
"type": "easing",
|
|
10164
|
+
"group": "components",
|
|
10165
|
+
"value": "var(--iox-ease-enter)"
|
|
10166
|
+
},
|
|
10167
|
+
{
|
|
10168
|
+
"name": "popover-dur-in",
|
|
10169
|
+
"tier": "component",
|
|
10170
|
+
"type": "duration",
|
|
10171
|
+
"group": "components",
|
|
10172
|
+
"value": "200ms"
|
|
10173
|
+
},
|
|
10174
|
+
{
|
|
10175
|
+
"name": "popover-dur-out",
|
|
10176
|
+
"tier": "component",
|
|
10177
|
+
"type": "duration",
|
|
10178
|
+
"group": "components",
|
|
10179
|
+
"value": "140ms"
|
|
10180
|
+
},
|
|
10181
|
+
{
|
|
10182
|
+
"name": "sheet-ease",
|
|
10183
|
+
"tier": "component",
|
|
10184
|
+
"type": "easing",
|
|
10185
|
+
"group": "components",
|
|
10186
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
10187
|
+
},
|
|
10188
|
+
{
|
|
10189
|
+
"name": "sheet-dur-in",
|
|
10190
|
+
"tier": "component",
|
|
10191
|
+
"type": "duration",
|
|
10192
|
+
"group": "components",
|
|
10193
|
+
"value": "500ms"
|
|
10194
|
+
},
|
|
10195
|
+
{
|
|
10196
|
+
"name": "sheet-dur-out",
|
|
10197
|
+
"tier": "component",
|
|
10198
|
+
"type": "duration",
|
|
10199
|
+
"group": "components",
|
|
10200
|
+
"value": "280ms"
|
|
10201
|
+
},
|
|
10202
|
+
{
|
|
10203
|
+
"name": "toast-bg",
|
|
10204
|
+
"tier": "component",
|
|
10205
|
+
"type": "color",
|
|
10206
|
+
"group": "components",
|
|
10207
|
+
"value": "var(--iox-text)"
|
|
10208
|
+
},
|
|
10209
|
+
{
|
|
10210
|
+
"name": "toast-ink",
|
|
10211
|
+
"tier": "component",
|
|
10212
|
+
"type": "color",
|
|
10213
|
+
"group": "components",
|
|
10214
|
+
"value": "var(--iox-bg)"
|
|
10215
|
+
},
|
|
10216
|
+
{
|
|
10217
|
+
"name": "toast-radius",
|
|
10218
|
+
"tier": "component",
|
|
10219
|
+
"type": "radius",
|
|
10220
|
+
"group": "components",
|
|
10221
|
+
"value": "var(--iox-radius-md)"
|
|
10222
|
+
},
|
|
10223
|
+
{
|
|
10224
|
+
"name": "toast-shadow",
|
|
10225
|
+
"tier": "component",
|
|
10226
|
+
"type": "shadow",
|
|
10227
|
+
"group": "components",
|
|
10228
|
+
"value": "var(--iox-shadow-lg)"
|
|
10229
|
+
},
|
|
10230
|
+
{
|
|
10231
|
+
"name": "toast-ease",
|
|
10232
|
+
"tier": "component",
|
|
10233
|
+
"type": "easing",
|
|
10234
|
+
"group": "components",
|
|
10235
|
+
"value": "ease"
|
|
10236
|
+
},
|
|
10237
|
+
{
|
|
10238
|
+
"name": "toast-dur-in",
|
|
10239
|
+
"tier": "component",
|
|
10240
|
+
"type": "duration",
|
|
10241
|
+
"group": "components",
|
|
10242
|
+
"value": "400ms"
|
|
10243
|
+
},
|
|
10244
|
+
{
|
|
10245
|
+
"name": "toast-dur-out",
|
|
10246
|
+
"tier": "component",
|
|
10247
|
+
"type": "duration",
|
|
10248
|
+
"group": "components",
|
|
10249
|
+
"value": "220ms"
|
|
10250
|
+
},
|
|
10251
|
+
{
|
|
10252
|
+
"name": "dialog-edge",
|
|
10253
|
+
"tier": "component",
|
|
10254
|
+
"type": "color",
|
|
10255
|
+
"group": "components",
|
|
10256
|
+
"value": "var(--iox-line)"
|
|
10257
|
+
},
|
|
9101
10258
|
{
|
|
9102
10259
|
"name": "image-radius",
|
|
9103
10260
|
"tier": "component",
|
|
@@ -9117,35 +10274,70 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
9117
10274
|
"tier": "component",
|
|
9118
10275
|
"type": "color",
|
|
9119
10276
|
"group": "components",
|
|
9120
|
-
"value": "var(--iox-accent-text)"
|
|
10277
|
+
"value": "var(--iox-accent-text)"
|
|
10278
|
+
},
|
|
10279
|
+
{
|
|
10280
|
+
"name": "link-hover-color",
|
|
10281
|
+
"tier": "component",
|
|
10282
|
+
"type": "color",
|
|
10283
|
+
"group": "components",
|
|
10284
|
+
"value": "var(--iox-text)"
|
|
10285
|
+
},
|
|
10286
|
+
{
|
|
10287
|
+
"name": "link-decoration",
|
|
10288
|
+
"tier": "component",
|
|
10289
|
+
"type": "keyword",
|
|
10290
|
+
"group": "components",
|
|
10291
|
+
"value": "underline"
|
|
10292
|
+
},
|
|
10293
|
+
{
|
|
10294
|
+
"name": "link-current-color",
|
|
10295
|
+
"tier": "component",
|
|
10296
|
+
"type": "color",
|
|
10297
|
+
"group": "components",
|
|
10298
|
+
"value": "var(--iox-text)"
|
|
10299
|
+
},
|
|
10300
|
+
{
|
|
10301
|
+
"name": "link-current-decoration",
|
|
10302
|
+
"tier": "component",
|
|
10303
|
+
"type": "keyword",
|
|
10304
|
+
"group": "components",
|
|
10305
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
10306
|
+
},
|
|
10307
|
+
{
|
|
10308
|
+
"name": "link-underline-rest",
|
|
10309
|
+
"tier": "component",
|
|
10310
|
+
"type": "number",
|
|
10311
|
+
"group": "components",
|
|
10312
|
+
"value": "1"
|
|
9121
10313
|
},
|
|
9122
10314
|
{
|
|
9123
|
-
"name": "link-
|
|
10315
|
+
"name": "link-underline-thickness",
|
|
9124
10316
|
"tier": "component",
|
|
9125
|
-
"type": "
|
|
10317
|
+
"type": "size",
|
|
9126
10318
|
"group": "components",
|
|
9127
|
-
"value": "
|
|
10319
|
+
"value": "max(1px, 0.06em)"
|
|
9128
10320
|
},
|
|
9129
10321
|
{
|
|
9130
|
-
"name": "link-
|
|
10322
|
+
"name": "link-underline-offset",
|
|
9131
10323
|
"tier": "component",
|
|
9132
|
-
"type": "
|
|
10324
|
+
"type": "size",
|
|
9133
10325
|
"group": "components",
|
|
9134
|
-
"value": "
|
|
10326
|
+
"value": "0.12em"
|
|
9135
10327
|
},
|
|
9136
10328
|
{
|
|
9137
|
-
"name": "link-current-
|
|
10329
|
+
"name": "link-current-underline",
|
|
9138
10330
|
"tier": "component",
|
|
9139
10331
|
"type": "color",
|
|
9140
10332
|
"group": "components",
|
|
9141
|
-
"value": "var(--iox-text)"
|
|
10333
|
+
"value": "var(--iox-accent-text)"
|
|
9142
10334
|
},
|
|
9143
10335
|
{
|
|
9144
|
-
"name": "link-current-
|
|
10336
|
+
"name": "link-current-underline-thickness",
|
|
9145
10337
|
"tier": "component",
|
|
9146
|
-
"type": "
|
|
10338
|
+
"type": "size",
|
|
9147
10339
|
"group": "components",
|
|
9148
|
-
"value": "
|
|
10340
|
+
"value": "2px"
|
|
9149
10341
|
},
|
|
9150
10342
|
{
|
|
9151
10343
|
"name": "tabbar-bg",
|
|
@@ -9596,6 +10788,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
9596
10788
|
"type": "size",
|
|
9597
10789
|
"group": "components",
|
|
9598
10790
|
"value": "64px"
|
|
10791
|
+
},
|
|
10792
|
+
{
|
|
10793
|
+
"name": "slider-ease",
|
|
10794
|
+
"tier": "component",
|
|
10795
|
+
"type": "easing",
|
|
10796
|
+
"group": "components",
|
|
10797
|
+
"value": "var(--iox-ease-standard)"
|
|
9599
10798
|
}
|
|
9600
10799
|
]
|
|
9601
10800
|
},
|
|
@@ -10408,6 +11607,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
10408
11607
|
"group": "motion",
|
|
10409
11608
|
"value": "0.97"
|
|
10410
11609
|
},
|
|
11610
|
+
{
|
|
11611
|
+
"name": "dur-hover",
|
|
11612
|
+
"tier": "semantic",
|
|
11613
|
+
"type": "duration",
|
|
11614
|
+
"group": "motion",
|
|
11615
|
+
"value": "150ms"
|
|
11616
|
+
},
|
|
11617
|
+
{
|
|
11618
|
+
"name": "ease-hover",
|
|
11619
|
+
"tier": "semantic",
|
|
11620
|
+
"type": "easing",
|
|
11621
|
+
"group": "motion",
|
|
11622
|
+
"value": "ease"
|
|
11623
|
+
},
|
|
11624
|
+
{
|
|
11625
|
+
"name": "dur-press",
|
|
11626
|
+
"tier": "semantic",
|
|
11627
|
+
"type": "duration",
|
|
11628
|
+
"group": "motion",
|
|
11629
|
+
"value": "100ms"
|
|
11630
|
+
},
|
|
11631
|
+
{
|
|
11632
|
+
"name": "dur-ui",
|
|
11633
|
+
"tier": "semantic",
|
|
11634
|
+
"type": "duration",
|
|
11635
|
+
"group": "motion",
|
|
11636
|
+
"value": "280ms"
|
|
11637
|
+
},
|
|
10411
11638
|
{
|
|
10412
11639
|
"name": "button-font",
|
|
10413
11640
|
"tier": "component",
|
|
@@ -10736,6 +11963,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
10736
11963
|
"value": "var(--iox-blur-surface)",
|
|
10737
11964
|
"overridden": true
|
|
10738
11965
|
},
|
|
11966
|
+
{
|
|
11967
|
+
"name": "card-shadow-raise",
|
|
11968
|
+
"tier": "component",
|
|
11969
|
+
"type": "shadow",
|
|
11970
|
+
"group": "components",
|
|
11971
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
11972
|
+
},
|
|
10739
11973
|
{
|
|
10740
11974
|
"name": "panel-bg",
|
|
10741
11975
|
"tier": "component",
|
|
@@ -10931,6 +12165,216 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
10931
12165
|
"value": "var(--iox-border-width)",
|
|
10932
12166
|
"overridden": true
|
|
10933
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"
|
|
12314
|
+
},
|
|
12315
|
+
{
|
|
12316
|
+
"name": "sheet-dur-out",
|
|
12317
|
+
"tier": "component",
|
|
12318
|
+
"type": "duration",
|
|
12319
|
+
"group": "components",
|
|
12320
|
+
"value": "280ms"
|
|
12321
|
+
},
|
|
12322
|
+
{
|
|
12323
|
+
"name": "toast-bg",
|
|
12324
|
+
"tier": "component",
|
|
12325
|
+
"type": "color",
|
|
12326
|
+
"group": "components",
|
|
12327
|
+
"value": "var(--iox-text)"
|
|
12328
|
+
},
|
|
12329
|
+
{
|
|
12330
|
+
"name": "toast-ink",
|
|
12331
|
+
"tier": "component",
|
|
12332
|
+
"type": "color",
|
|
12333
|
+
"group": "components",
|
|
12334
|
+
"value": "var(--iox-bg)"
|
|
12335
|
+
},
|
|
12336
|
+
{
|
|
12337
|
+
"name": "toast-radius",
|
|
12338
|
+
"tier": "component",
|
|
12339
|
+
"type": "radius",
|
|
12340
|
+
"group": "components",
|
|
12341
|
+
"value": "var(--iox-radius-md)"
|
|
12342
|
+
},
|
|
12343
|
+
{
|
|
12344
|
+
"name": "toast-shadow",
|
|
12345
|
+
"tier": "component",
|
|
12346
|
+
"type": "shadow",
|
|
12347
|
+
"group": "components",
|
|
12348
|
+
"value": "var(--iox-shadow-lg)"
|
|
12349
|
+
},
|
|
12350
|
+
{
|
|
12351
|
+
"name": "toast-ease",
|
|
12352
|
+
"tier": "component",
|
|
12353
|
+
"type": "easing",
|
|
12354
|
+
"group": "components",
|
|
12355
|
+
"value": "ease"
|
|
12356
|
+
},
|
|
12357
|
+
{
|
|
12358
|
+
"name": "toast-dur-in",
|
|
12359
|
+
"tier": "component",
|
|
12360
|
+
"type": "duration",
|
|
12361
|
+
"group": "components",
|
|
12362
|
+
"value": "400ms"
|
|
12363
|
+
},
|
|
12364
|
+
{
|
|
12365
|
+
"name": "toast-dur-out",
|
|
12366
|
+
"tier": "component",
|
|
12367
|
+
"type": "duration",
|
|
12368
|
+
"group": "components",
|
|
12369
|
+
"value": "220ms"
|
|
12370
|
+
},
|
|
12371
|
+
{
|
|
12372
|
+
"name": "dialog-edge",
|
|
12373
|
+
"tier": "component",
|
|
12374
|
+
"type": "color",
|
|
12375
|
+
"group": "components",
|
|
12376
|
+
"value": "var(--iox-line)"
|
|
12377
|
+
},
|
|
10934
12378
|
{
|
|
10935
12379
|
"name": "image-radius",
|
|
10936
12380
|
"tier": "component",
|
|
@@ -10950,35 +12394,70 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
10950
12394
|
"tier": "component",
|
|
10951
12395
|
"type": "color",
|
|
10952
12396
|
"group": "components",
|
|
10953
|
-
"value": "var(--iox-accent-text)"
|
|
12397
|
+
"value": "var(--iox-accent-text)"
|
|
12398
|
+
},
|
|
12399
|
+
{
|
|
12400
|
+
"name": "link-hover-color",
|
|
12401
|
+
"tier": "component",
|
|
12402
|
+
"type": "color",
|
|
12403
|
+
"group": "components",
|
|
12404
|
+
"value": "var(--iox-text)"
|
|
12405
|
+
},
|
|
12406
|
+
{
|
|
12407
|
+
"name": "link-decoration",
|
|
12408
|
+
"tier": "component",
|
|
12409
|
+
"type": "keyword",
|
|
12410
|
+
"group": "components",
|
|
12411
|
+
"value": "underline"
|
|
12412
|
+
},
|
|
12413
|
+
{
|
|
12414
|
+
"name": "link-current-color",
|
|
12415
|
+
"tier": "component",
|
|
12416
|
+
"type": "color",
|
|
12417
|
+
"group": "components",
|
|
12418
|
+
"value": "var(--iox-text)"
|
|
12419
|
+
},
|
|
12420
|
+
{
|
|
12421
|
+
"name": "link-current-decoration",
|
|
12422
|
+
"tier": "component",
|
|
12423
|
+
"type": "keyword",
|
|
12424
|
+
"group": "components",
|
|
12425
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
12426
|
+
},
|
|
12427
|
+
{
|
|
12428
|
+
"name": "link-underline-rest",
|
|
12429
|
+
"tier": "component",
|
|
12430
|
+
"type": "number",
|
|
12431
|
+
"group": "components",
|
|
12432
|
+
"value": "1"
|
|
10954
12433
|
},
|
|
10955
12434
|
{
|
|
10956
|
-
"name": "link-
|
|
12435
|
+
"name": "link-underline-thickness",
|
|
10957
12436
|
"tier": "component",
|
|
10958
|
-
"type": "
|
|
12437
|
+
"type": "size",
|
|
10959
12438
|
"group": "components",
|
|
10960
|
-
"value": "
|
|
12439
|
+
"value": "max(1px, 0.06em)"
|
|
10961
12440
|
},
|
|
10962
12441
|
{
|
|
10963
|
-
"name": "link-
|
|
12442
|
+
"name": "link-underline-offset",
|
|
10964
12443
|
"tier": "component",
|
|
10965
|
-
"type": "
|
|
12444
|
+
"type": "size",
|
|
10966
12445
|
"group": "components",
|
|
10967
|
-
"value": "
|
|
12446
|
+
"value": "0.12em"
|
|
10968
12447
|
},
|
|
10969
12448
|
{
|
|
10970
|
-
"name": "link-current-
|
|
12449
|
+
"name": "link-current-underline",
|
|
10971
12450
|
"tier": "component",
|
|
10972
12451
|
"type": "color",
|
|
10973
12452
|
"group": "components",
|
|
10974
|
-
"value": "var(--iox-text)"
|
|
12453
|
+
"value": "var(--iox-accent-text)"
|
|
10975
12454
|
},
|
|
10976
12455
|
{
|
|
10977
|
-
"name": "link-current-
|
|
12456
|
+
"name": "link-current-underline-thickness",
|
|
10978
12457
|
"tier": "component",
|
|
10979
|
-
"type": "
|
|
12458
|
+
"type": "size",
|
|
10980
12459
|
"group": "components",
|
|
10981
|
-
"value": "
|
|
12460
|
+
"value": "2px"
|
|
10982
12461
|
},
|
|
10983
12462
|
{
|
|
10984
12463
|
"name": "tabbar-bg",
|
|
@@ -11442,6 +12921,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
11442
12921
|
"type": "size",
|
|
11443
12922
|
"group": "components",
|
|
11444
12923
|
"value": "64px"
|
|
12924
|
+
},
|
|
12925
|
+
{
|
|
12926
|
+
"name": "slider-ease",
|
|
12927
|
+
"tier": "component",
|
|
12928
|
+
"type": "easing",
|
|
12929
|
+
"group": "components",
|
|
12930
|
+
"value": "var(--iox-ease-standard)"
|
|
11445
12931
|
}
|
|
11446
12932
|
]
|
|
11447
12933
|
},
|
|
@@ -12236,6 +13722,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
12236
13722
|
"group": "motion",
|
|
12237
13723
|
"value": "0.97"
|
|
12238
13724
|
},
|
|
13725
|
+
{
|
|
13726
|
+
"name": "dur-hover",
|
|
13727
|
+
"tier": "semantic",
|
|
13728
|
+
"type": "duration",
|
|
13729
|
+
"group": "motion",
|
|
13730
|
+
"value": "150ms"
|
|
13731
|
+
},
|
|
13732
|
+
{
|
|
13733
|
+
"name": "ease-hover",
|
|
13734
|
+
"tier": "semantic",
|
|
13735
|
+
"type": "easing",
|
|
13736
|
+
"group": "motion",
|
|
13737
|
+
"value": "ease"
|
|
13738
|
+
},
|
|
13739
|
+
{
|
|
13740
|
+
"name": "dur-press",
|
|
13741
|
+
"tier": "semantic",
|
|
13742
|
+
"type": "duration",
|
|
13743
|
+
"group": "motion",
|
|
13744
|
+
"value": "100ms"
|
|
13745
|
+
},
|
|
13746
|
+
{
|
|
13747
|
+
"name": "dur-ui",
|
|
13748
|
+
"tier": "semantic",
|
|
13749
|
+
"type": "duration",
|
|
13750
|
+
"group": "motion",
|
|
13751
|
+
"value": "280ms"
|
|
13752
|
+
},
|
|
12239
13753
|
{
|
|
12240
13754
|
"name": "button-font",
|
|
12241
13755
|
"tier": "component",
|
|
@@ -12561,6 +14075,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
12561
14075
|
"group": "components",
|
|
12562
14076
|
"value": "none"
|
|
12563
14077
|
},
|
|
14078
|
+
{
|
|
14079
|
+
"name": "card-shadow-raise",
|
|
14080
|
+
"tier": "component",
|
|
14081
|
+
"type": "shadow",
|
|
14082
|
+
"group": "components",
|
|
14083
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
14084
|
+
},
|
|
12564
14085
|
{
|
|
12565
14086
|
"name": "panel-bg",
|
|
12566
14087
|
"tier": "component",
|
|
@@ -12745,6 +14266,216 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
12745
14266
|
"group": "components",
|
|
12746
14267
|
"value": "0px"
|
|
12747
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",
|
|
14348
|
+
"tier": "component",
|
|
14349
|
+
"type": "size",
|
|
14350
|
+
"group": "components",
|
|
14351
|
+
"value": "var(--iox-border-width)"
|
|
14352
|
+
},
|
|
14353
|
+
{
|
|
14354
|
+
"name": "popover-radius",
|
|
14355
|
+
"tier": "component",
|
|
14356
|
+
"type": "radius",
|
|
14357
|
+
"group": "components",
|
|
14358
|
+
"value": "var(--iox-radius-lg)"
|
|
14359
|
+
},
|
|
14360
|
+
{
|
|
14361
|
+
"name": "popover-shadow",
|
|
14362
|
+
"tier": "component",
|
|
14363
|
+
"type": "shadow",
|
|
14364
|
+
"group": "components",
|
|
14365
|
+
"value": "var(--iox-shadow-lg)"
|
|
14366
|
+
},
|
|
14367
|
+
{
|
|
14368
|
+
"name": "popover-pad",
|
|
14369
|
+
"tier": "component",
|
|
14370
|
+
"type": "spacing",
|
|
14371
|
+
"group": "components",
|
|
14372
|
+
"value": "var(--iox-space-pad)"
|
|
14373
|
+
},
|
|
14374
|
+
{
|
|
14375
|
+
"name": "popover-scale",
|
|
14376
|
+
"tier": "component",
|
|
14377
|
+
"type": "number",
|
|
14378
|
+
"group": "components",
|
|
14379
|
+
"value": "0.95"
|
|
14380
|
+
},
|
|
14381
|
+
{
|
|
14382
|
+
"name": "popover-ease",
|
|
14383
|
+
"tier": "component",
|
|
14384
|
+
"type": "easing",
|
|
14385
|
+
"group": "components",
|
|
14386
|
+
"value": "var(--iox-ease-enter)"
|
|
14387
|
+
},
|
|
14388
|
+
{
|
|
14389
|
+
"name": "popover-dur-in",
|
|
14390
|
+
"tier": "component",
|
|
14391
|
+
"type": "duration",
|
|
14392
|
+
"group": "components",
|
|
14393
|
+
"value": "220ms"
|
|
14394
|
+
},
|
|
14395
|
+
{
|
|
14396
|
+
"name": "popover-dur-out",
|
|
14397
|
+
"tier": "component",
|
|
14398
|
+
"type": "duration",
|
|
14399
|
+
"group": "components",
|
|
14400
|
+
"value": "150ms"
|
|
14401
|
+
},
|
|
14402
|
+
{
|
|
14403
|
+
"name": "sheet-ease",
|
|
14404
|
+
"tier": "component",
|
|
14405
|
+
"type": "easing",
|
|
14406
|
+
"group": "components",
|
|
14407
|
+
"value": "cubic-bezier(0.32, 0.72, 0, 1)"
|
|
14408
|
+
},
|
|
14409
|
+
{
|
|
14410
|
+
"name": "sheet-dur-in",
|
|
14411
|
+
"tier": "component",
|
|
14412
|
+
"type": "duration",
|
|
14413
|
+
"group": "components",
|
|
14414
|
+
"value": "500ms"
|
|
14415
|
+
},
|
|
14416
|
+
{
|
|
14417
|
+
"name": "sheet-dur-out",
|
|
14418
|
+
"tier": "component",
|
|
14419
|
+
"type": "duration",
|
|
14420
|
+
"group": "components",
|
|
14421
|
+
"value": "280ms"
|
|
14422
|
+
},
|
|
14423
|
+
{
|
|
14424
|
+
"name": "toast-bg",
|
|
14425
|
+
"tier": "component",
|
|
14426
|
+
"type": "color",
|
|
14427
|
+
"group": "components",
|
|
14428
|
+
"value": "var(--iox-text)"
|
|
14429
|
+
},
|
|
14430
|
+
{
|
|
14431
|
+
"name": "toast-ink",
|
|
14432
|
+
"tier": "component",
|
|
14433
|
+
"type": "color",
|
|
14434
|
+
"group": "components",
|
|
14435
|
+
"value": "var(--iox-bg)"
|
|
14436
|
+
},
|
|
14437
|
+
{
|
|
14438
|
+
"name": "toast-radius",
|
|
14439
|
+
"tier": "component",
|
|
14440
|
+
"type": "radius",
|
|
14441
|
+
"group": "components",
|
|
14442
|
+
"value": "var(--iox-radius-md)"
|
|
14443
|
+
},
|
|
14444
|
+
{
|
|
14445
|
+
"name": "toast-shadow",
|
|
14446
|
+
"tier": "component",
|
|
14447
|
+
"type": "shadow",
|
|
14448
|
+
"group": "components",
|
|
14449
|
+
"value": "var(--iox-shadow-lg)"
|
|
14450
|
+
},
|
|
14451
|
+
{
|
|
14452
|
+
"name": "toast-ease",
|
|
14453
|
+
"tier": "component",
|
|
14454
|
+
"type": "easing",
|
|
14455
|
+
"group": "components",
|
|
14456
|
+
"value": "ease"
|
|
14457
|
+
},
|
|
14458
|
+
{
|
|
14459
|
+
"name": "toast-dur-in",
|
|
14460
|
+
"tier": "component",
|
|
14461
|
+
"type": "duration",
|
|
14462
|
+
"group": "components",
|
|
14463
|
+
"value": "400ms"
|
|
14464
|
+
},
|
|
14465
|
+
{
|
|
14466
|
+
"name": "toast-dur-out",
|
|
14467
|
+
"tier": "component",
|
|
14468
|
+
"type": "duration",
|
|
14469
|
+
"group": "components",
|
|
14470
|
+
"value": "220ms"
|
|
14471
|
+
},
|
|
14472
|
+
{
|
|
14473
|
+
"name": "dialog-edge",
|
|
14474
|
+
"tier": "component",
|
|
14475
|
+
"type": "color",
|
|
14476
|
+
"group": "components",
|
|
14477
|
+
"value": "var(--iox-line)"
|
|
14478
|
+
},
|
|
12748
14479
|
{
|
|
12749
14480
|
"name": "image-radius",
|
|
12750
14481
|
"tier": "component",
|
|
@@ -12764,35 +14495,70 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
12764
14495
|
"tier": "component",
|
|
12765
14496
|
"type": "color",
|
|
12766
14497
|
"group": "components",
|
|
12767
|
-
"value": "var(--iox-accent-text)"
|
|
14498
|
+
"value": "var(--iox-accent-text)"
|
|
14499
|
+
},
|
|
14500
|
+
{
|
|
14501
|
+
"name": "link-hover-color",
|
|
14502
|
+
"tier": "component",
|
|
14503
|
+
"type": "color",
|
|
14504
|
+
"group": "components",
|
|
14505
|
+
"value": "var(--iox-text)"
|
|
14506
|
+
},
|
|
14507
|
+
{
|
|
14508
|
+
"name": "link-decoration",
|
|
14509
|
+
"tier": "component",
|
|
14510
|
+
"type": "keyword",
|
|
14511
|
+
"group": "components",
|
|
14512
|
+
"value": "underline"
|
|
14513
|
+
},
|
|
14514
|
+
{
|
|
14515
|
+
"name": "link-current-color",
|
|
14516
|
+
"tier": "component",
|
|
14517
|
+
"type": "color",
|
|
14518
|
+
"group": "components",
|
|
14519
|
+
"value": "var(--iox-text)"
|
|
14520
|
+
},
|
|
14521
|
+
{
|
|
14522
|
+
"name": "link-current-decoration",
|
|
14523
|
+
"tier": "component",
|
|
14524
|
+
"type": "keyword",
|
|
14525
|
+
"group": "components",
|
|
14526
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
14527
|
+
},
|
|
14528
|
+
{
|
|
14529
|
+
"name": "link-underline-rest",
|
|
14530
|
+
"tier": "component",
|
|
14531
|
+
"type": "number",
|
|
14532
|
+
"group": "components",
|
|
14533
|
+
"value": "1"
|
|
12768
14534
|
},
|
|
12769
14535
|
{
|
|
12770
|
-
"name": "link-
|
|
14536
|
+
"name": "link-underline-thickness",
|
|
12771
14537
|
"tier": "component",
|
|
12772
|
-
"type": "
|
|
14538
|
+
"type": "size",
|
|
12773
14539
|
"group": "components",
|
|
12774
|
-
"value": "
|
|
14540
|
+
"value": "max(1px, 0.06em)"
|
|
12775
14541
|
},
|
|
12776
14542
|
{
|
|
12777
|
-
"name": "link-
|
|
14543
|
+
"name": "link-underline-offset",
|
|
12778
14544
|
"tier": "component",
|
|
12779
|
-
"type": "
|
|
14545
|
+
"type": "size",
|
|
12780
14546
|
"group": "components",
|
|
12781
|
-
"value": "
|
|
14547
|
+
"value": "0.12em"
|
|
12782
14548
|
},
|
|
12783
14549
|
{
|
|
12784
|
-
"name": "link-current-
|
|
14550
|
+
"name": "link-current-underline",
|
|
12785
14551
|
"tier": "component",
|
|
12786
14552
|
"type": "color",
|
|
12787
14553
|
"group": "components",
|
|
12788
|
-
"value": "var(--iox-text)"
|
|
14554
|
+
"value": "var(--iox-accent-text)"
|
|
12789
14555
|
},
|
|
12790
14556
|
{
|
|
12791
|
-
"name": "link-current-
|
|
14557
|
+
"name": "link-current-underline-thickness",
|
|
12792
14558
|
"tier": "component",
|
|
12793
|
-
"type": "
|
|
14559
|
+
"type": "size",
|
|
12794
14560
|
"group": "components",
|
|
12795
|
-
"value": "
|
|
14561
|
+
"value": "2px"
|
|
12796
14562
|
},
|
|
12797
14563
|
{
|
|
12798
14564
|
"name": "tabbar-bg",
|
|
@@ -13250,6 +15016,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
13250
15016
|
"type": "size",
|
|
13251
15017
|
"group": "components",
|
|
13252
15018
|
"value": "64px"
|
|
15019
|
+
},
|
|
15020
|
+
{
|
|
15021
|
+
"name": "slider-ease",
|
|
15022
|
+
"tier": "component",
|
|
15023
|
+
"type": "easing",
|
|
15024
|
+
"group": "components",
|
|
15025
|
+
"value": "var(--iox-ease-standard)"
|
|
13253
15026
|
}
|
|
13254
15027
|
]
|
|
13255
15028
|
},
|
|
@@ -14033,6 +15806,34 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
14033
15806
|
"group": "motion",
|
|
14034
15807
|
"value": "0.97"
|
|
14035
15808
|
},
|
|
15809
|
+
{
|
|
15810
|
+
"name": "dur-hover",
|
|
15811
|
+
"tier": "semantic",
|
|
15812
|
+
"type": "duration",
|
|
15813
|
+
"group": "motion",
|
|
15814
|
+
"value": "80ms"
|
|
15815
|
+
},
|
|
15816
|
+
{
|
|
15817
|
+
"name": "ease-hover",
|
|
15818
|
+
"tier": "semantic",
|
|
15819
|
+
"type": "easing",
|
|
15820
|
+
"group": "motion",
|
|
15821
|
+
"value": "ease"
|
|
15822
|
+
},
|
|
15823
|
+
{
|
|
15824
|
+
"name": "dur-press",
|
|
15825
|
+
"tier": "semantic",
|
|
15826
|
+
"type": "duration",
|
|
15827
|
+
"group": "motion",
|
|
15828
|
+
"value": "60ms"
|
|
15829
|
+
},
|
|
15830
|
+
{
|
|
15831
|
+
"name": "dur-ui",
|
|
15832
|
+
"tier": "semantic",
|
|
15833
|
+
"type": "duration",
|
|
15834
|
+
"group": "motion",
|
|
15835
|
+
"value": "140ms"
|
|
15836
|
+
},
|
|
14036
15837
|
{
|
|
14037
15838
|
"name": "button-font",
|
|
14038
15839
|
"tier": "component",
|
|
@@ -14367,6 +16168,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
14367
16168
|
"group": "components",
|
|
14368
16169
|
"value": "none"
|
|
14369
16170
|
},
|
|
16171
|
+
{
|
|
16172
|
+
"name": "card-shadow-raise",
|
|
16173
|
+
"tier": "component",
|
|
16174
|
+
"type": "shadow",
|
|
16175
|
+
"group": "components",
|
|
16176
|
+
"value": "var(--iox-card-shadow-hover)"
|
|
16177
|
+
},
|
|
14370
16178
|
{
|
|
14371
16179
|
"name": "panel-bg",
|
|
14372
16180
|
"tier": "component",
|
|
@@ -14555,6 +16363,216 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
14555
16363
|
"value": "var(--iox-border-width)",
|
|
14556
16364
|
"overridden": true
|
|
14557
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
|
+
},
|
|
16569
|
+
{
|
|
16570
|
+
"name": "dialog-edge",
|
|
16571
|
+
"tier": "component",
|
|
16572
|
+
"type": "color",
|
|
16573
|
+
"group": "components",
|
|
16574
|
+
"value": "var(--iox-line)"
|
|
16575
|
+
},
|
|
14558
16576
|
{
|
|
14559
16577
|
"name": "image-radius",
|
|
14560
16578
|
"tier": "component",
|
|
@@ -14606,6 +16624,41 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
14606
16624
|
"group": "components",
|
|
14607
16625
|
"value": "underline 2px var(--iox-accent-text)"
|
|
14608
16626
|
},
|
|
16627
|
+
{
|
|
16628
|
+
"name": "link-underline-rest",
|
|
16629
|
+
"tier": "component",
|
|
16630
|
+
"type": "number",
|
|
16631
|
+
"group": "components",
|
|
16632
|
+
"value": "1"
|
|
16633
|
+
},
|
|
16634
|
+
{
|
|
16635
|
+
"name": "link-underline-thickness",
|
|
16636
|
+
"tier": "component",
|
|
16637
|
+
"type": "size",
|
|
16638
|
+
"group": "components",
|
|
16639
|
+
"value": "max(1px, 0.06em)"
|
|
16640
|
+
},
|
|
16641
|
+
{
|
|
16642
|
+
"name": "link-underline-offset",
|
|
16643
|
+
"tier": "component",
|
|
16644
|
+
"type": "size",
|
|
16645
|
+
"group": "components",
|
|
16646
|
+
"value": "0.12em"
|
|
16647
|
+
},
|
|
16648
|
+
{
|
|
16649
|
+
"name": "link-current-underline",
|
|
16650
|
+
"tier": "component",
|
|
16651
|
+
"type": "color",
|
|
16652
|
+
"group": "components",
|
|
16653
|
+
"value": "var(--iox-accent-text)"
|
|
16654
|
+
},
|
|
16655
|
+
{
|
|
16656
|
+
"name": "link-current-underline-thickness",
|
|
16657
|
+
"tier": "component",
|
|
16658
|
+
"type": "size",
|
|
16659
|
+
"group": "components",
|
|
16660
|
+
"value": "2px"
|
|
16661
|
+
},
|
|
14609
16662
|
{
|
|
14610
16663
|
"name": "tabbar-bg",
|
|
14611
16664
|
"tier": "component",
|
|
@@ -15067,6 +17120,13 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
15067
17120
|
"type": "size",
|
|
15068
17121
|
"group": "components",
|
|
15069
17122
|
"value": "64px"
|
|
17123
|
+
},
|
|
17124
|
+
{
|
|
17125
|
+
"name": "slider-ease",
|
|
17126
|
+
"tier": "component",
|
|
17127
|
+
"type": "easing",
|
|
17128
|
+
"group": "components",
|
|
17129
|
+
"value": "var(--iox-ease-standard)"
|
|
15070
17130
|
}
|
|
15071
17131
|
]
|
|
15072
17132
|
}
|