@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
package/design-core/index.d.ts
CHANGED
|
@@ -428,6 +428,26 @@ declare const SPEC_TIERS: {
|
|
|
428
428
|
readonly type: "number";
|
|
429
429
|
readonly group: "motion";
|
|
430
430
|
readonly desc: "";
|
|
431
|
+
}, {
|
|
432
|
+
readonly name: "dur-hover";
|
|
433
|
+
readonly type: "duration";
|
|
434
|
+
readonly group: "motion";
|
|
435
|
+
readonly desc: "Hover colour: links, chips (≤150ms)";
|
|
436
|
+
}, {
|
|
437
|
+
readonly name: "ease-hover";
|
|
438
|
+
readonly type: "easing";
|
|
439
|
+
readonly group: "motion";
|
|
440
|
+
readonly desc: "Hover colour (ease)";
|
|
441
|
+
}, {
|
|
442
|
+
readonly name: "dur-press";
|
|
443
|
+
readonly type: "duration";
|
|
444
|
+
readonly group: "motion";
|
|
445
|
+
readonly desc: "A press, faster than its release";
|
|
446
|
+
}, {
|
|
447
|
+
readonly name: "dur-ui";
|
|
448
|
+
readonly type: "duration";
|
|
449
|
+
readonly group: "motion";
|
|
450
|
+
readonly desc: "UI motion ≤300ms: a linked card, the header";
|
|
431
451
|
}];
|
|
432
452
|
readonly component: readonly [{
|
|
433
453
|
readonly name: "button-font";
|
|
@@ -609,6 +629,10 @@ declare const SPEC_TIERS: {
|
|
|
609
629
|
readonly name: "card-backdrop";
|
|
610
630
|
readonly type: "effect";
|
|
611
631
|
readonly default: "none";
|
|
632
|
+
}, {
|
|
633
|
+
readonly name: "card-shadow-raise";
|
|
634
|
+
readonly type: "shadow";
|
|
635
|
+
readonly default: "var(--iox-card-shadow-hover)";
|
|
612
636
|
}, {
|
|
613
637
|
readonly name: "panel-bg";
|
|
614
638
|
readonly type: "color";
|
|
@@ -713,6 +737,126 @@ declare const SPEC_TIERS: {
|
|
|
713
737
|
readonly name: "dialog-border-width";
|
|
714
738
|
readonly type: "size";
|
|
715
739
|
readonly default: "0px";
|
|
740
|
+
}, {
|
|
741
|
+
readonly name: "tooltip-bg";
|
|
742
|
+
readonly type: "color";
|
|
743
|
+
readonly default: "var(--iox-text)";
|
|
744
|
+
}, {
|
|
745
|
+
readonly name: "tooltip-ink";
|
|
746
|
+
readonly type: "color";
|
|
747
|
+
readonly default: "var(--iox-bg)";
|
|
748
|
+
}, {
|
|
749
|
+
readonly name: "tooltip-radius";
|
|
750
|
+
readonly type: "radius";
|
|
751
|
+
readonly default: "var(--iox-radius-xs)";
|
|
752
|
+
}, {
|
|
753
|
+
readonly name: "tooltip-shadow";
|
|
754
|
+
readonly type: "shadow";
|
|
755
|
+
readonly default: "var(--iox-shadow-md)";
|
|
756
|
+
}, {
|
|
757
|
+
readonly name: "tooltip-size";
|
|
758
|
+
readonly type: "size";
|
|
759
|
+
readonly default: "var(--iox-size-small)";
|
|
760
|
+
}, {
|
|
761
|
+
readonly name: "tooltip-scale";
|
|
762
|
+
readonly type: "number";
|
|
763
|
+
readonly default: "0.97";
|
|
764
|
+
}, {
|
|
765
|
+
readonly name: "tooltip-ease";
|
|
766
|
+
readonly type: "easing";
|
|
767
|
+
readonly default: "var(--iox-ease-enter)";
|
|
768
|
+
}, {
|
|
769
|
+
readonly name: "tooltip-dur-in";
|
|
770
|
+
readonly type: "duration";
|
|
771
|
+
readonly default: "125ms";
|
|
772
|
+
}, {
|
|
773
|
+
readonly name: "tooltip-dur-out";
|
|
774
|
+
readonly type: "duration";
|
|
775
|
+
readonly default: "80ms";
|
|
776
|
+
}, {
|
|
777
|
+
readonly name: "popover-bg";
|
|
778
|
+
readonly type: "color";
|
|
779
|
+
readonly default: "var(--iox-surface)";
|
|
780
|
+
}, {
|
|
781
|
+
readonly name: "popover-border";
|
|
782
|
+
readonly type: "color";
|
|
783
|
+
readonly default: "var(--iox-line)";
|
|
784
|
+
}, {
|
|
785
|
+
readonly name: "popover-border-width";
|
|
786
|
+
readonly type: "size";
|
|
787
|
+
readonly default: "var(--iox-border-width)";
|
|
788
|
+
}, {
|
|
789
|
+
readonly name: "popover-radius";
|
|
790
|
+
readonly type: "radius";
|
|
791
|
+
readonly default: "var(--iox-radius-lg)";
|
|
792
|
+
}, {
|
|
793
|
+
readonly name: "popover-shadow";
|
|
794
|
+
readonly type: "shadow";
|
|
795
|
+
readonly default: "var(--iox-shadow-lg)";
|
|
796
|
+
}, {
|
|
797
|
+
readonly name: "popover-pad";
|
|
798
|
+
readonly type: "spacing";
|
|
799
|
+
readonly default: "var(--iox-space-pad)";
|
|
800
|
+
}, {
|
|
801
|
+
readonly name: "popover-scale";
|
|
802
|
+
readonly type: "number";
|
|
803
|
+
readonly default: "0.95";
|
|
804
|
+
}, {
|
|
805
|
+
readonly name: "popover-ease";
|
|
806
|
+
readonly type: "easing";
|
|
807
|
+
readonly default: "var(--iox-ease-enter)";
|
|
808
|
+
}, {
|
|
809
|
+
readonly name: "popover-dur-in";
|
|
810
|
+
readonly type: "duration";
|
|
811
|
+
readonly default: "200ms";
|
|
812
|
+
}, {
|
|
813
|
+
readonly name: "popover-dur-out";
|
|
814
|
+
readonly type: "duration";
|
|
815
|
+
readonly default: "140ms";
|
|
816
|
+
}, {
|
|
817
|
+
readonly name: "sheet-ease";
|
|
818
|
+
readonly type: "easing";
|
|
819
|
+
readonly default: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
820
|
+
}, {
|
|
821
|
+
readonly name: "sheet-dur-in";
|
|
822
|
+
readonly type: "duration";
|
|
823
|
+
readonly default: "500ms";
|
|
824
|
+
}, {
|
|
825
|
+
readonly name: "sheet-dur-out";
|
|
826
|
+
readonly type: "duration";
|
|
827
|
+
readonly default: "280ms";
|
|
828
|
+
}, {
|
|
829
|
+
readonly name: "toast-bg";
|
|
830
|
+
readonly type: "color";
|
|
831
|
+
readonly default: "var(--iox-text)";
|
|
832
|
+
}, {
|
|
833
|
+
readonly name: "toast-ink";
|
|
834
|
+
readonly type: "color";
|
|
835
|
+
readonly default: "var(--iox-bg)";
|
|
836
|
+
}, {
|
|
837
|
+
readonly name: "toast-radius";
|
|
838
|
+
readonly type: "radius";
|
|
839
|
+
readonly default: "var(--iox-radius-md)";
|
|
840
|
+
}, {
|
|
841
|
+
readonly name: "toast-shadow";
|
|
842
|
+
readonly type: "shadow";
|
|
843
|
+
readonly default: "var(--iox-shadow-lg)";
|
|
844
|
+
}, {
|
|
845
|
+
readonly name: "toast-ease";
|
|
846
|
+
readonly type: "easing";
|
|
847
|
+
readonly default: "ease";
|
|
848
|
+
}, {
|
|
849
|
+
readonly name: "toast-dur-in";
|
|
850
|
+
readonly type: "duration";
|
|
851
|
+
readonly default: "400ms";
|
|
852
|
+
}, {
|
|
853
|
+
readonly name: "toast-dur-out";
|
|
854
|
+
readonly type: "duration";
|
|
855
|
+
readonly default: "220ms";
|
|
856
|
+
}, {
|
|
857
|
+
readonly name: "dialog-edge";
|
|
858
|
+
readonly type: "color";
|
|
859
|
+
readonly default: "var(--iox-line)";
|
|
716
860
|
}, {
|
|
717
861
|
readonly name: "image-radius";
|
|
718
862
|
readonly type: "radius";
|
|
@@ -741,6 +885,26 @@ declare const SPEC_TIERS: {
|
|
|
741
885
|
readonly name: "link-current-decoration";
|
|
742
886
|
readonly type: "keyword";
|
|
743
887
|
readonly default: "underline 2px var(--iox-accent-text)";
|
|
888
|
+
}, {
|
|
889
|
+
readonly name: "link-underline-rest";
|
|
890
|
+
readonly type: "number";
|
|
891
|
+
readonly default: "1";
|
|
892
|
+
}, {
|
|
893
|
+
readonly name: "link-underline-thickness";
|
|
894
|
+
readonly type: "size";
|
|
895
|
+
readonly default: "max(1px, 0.06em)";
|
|
896
|
+
}, {
|
|
897
|
+
readonly name: "link-underline-offset";
|
|
898
|
+
readonly type: "size";
|
|
899
|
+
readonly default: "0.12em";
|
|
900
|
+
}, {
|
|
901
|
+
readonly name: "link-current-underline";
|
|
902
|
+
readonly type: "color";
|
|
903
|
+
readonly default: "var(--iox-accent-text)";
|
|
904
|
+
}, {
|
|
905
|
+
readonly name: "link-current-underline-thickness";
|
|
906
|
+
readonly type: "size";
|
|
907
|
+
readonly default: "2px";
|
|
744
908
|
}, {
|
|
745
909
|
readonly name: "tabbar-bg";
|
|
746
910
|
readonly type: "color";
|
|
@@ -997,6 +1161,10 @@ declare const SPEC_TIERS: {
|
|
|
997
1161
|
readonly name: "video-play-size";
|
|
998
1162
|
readonly type: "size";
|
|
999
1163
|
readonly default: "64px";
|
|
1164
|
+
}, {
|
|
1165
|
+
readonly name: "slider-ease";
|
|
1166
|
+
readonly type: "easing";
|
|
1167
|
+
readonly default: "var(--iox-ease-standard)";
|
|
1000
1168
|
}];
|
|
1001
1169
|
};
|
|
1002
1170
|
declare const SPEC_TOKEN_TYPES: readonly ["color", "paint", "font", "number", "size", "spacing", "radius", "shadow", "effect", "duration", "easing", "keyword", "other"];
|
|
@@ -1077,6 +1245,17 @@ declare const SPEC_AXES: {
|
|
|
1077
1245
|
readonly "dur-spring": "0ms";
|
|
1078
1246
|
readonly "hover-lift": "0px";
|
|
1079
1247
|
readonly "press-scale": "1";
|
|
1248
|
+
readonly "dur-hover": "0ms";
|
|
1249
|
+
readonly "dur-press": "0ms";
|
|
1250
|
+
readonly "dur-ui": "0ms";
|
|
1251
|
+
readonly "tooltip-dur-in": "0ms";
|
|
1252
|
+
readonly "tooltip-dur-out": "0ms";
|
|
1253
|
+
readonly "popover-dur-in": "0ms";
|
|
1254
|
+
readonly "popover-dur-out": "0ms";
|
|
1255
|
+
readonly "sheet-dur-in": "0ms";
|
|
1256
|
+
readonly "sheet-dur-out": "0ms";
|
|
1257
|
+
readonly "toast-dur-in": "0ms";
|
|
1258
|
+
readonly "toast-dur-out": "0ms";
|
|
1080
1259
|
};
|
|
1081
1260
|
readonly snappy: {
|
|
1082
1261
|
readonly label: "Snappy";
|
|
@@ -1088,6 +1267,17 @@ declare const SPEC_AXES: {
|
|
|
1088
1267
|
readonly "dur-spring": "140ms";
|
|
1089
1268
|
readonly "hover-lift": "-2px";
|
|
1090
1269
|
readonly "press-scale": "0.97";
|
|
1270
|
+
readonly "dur-hover": "80ms";
|
|
1271
|
+
readonly "dur-press": "60ms";
|
|
1272
|
+
readonly "dur-ui": "140ms";
|
|
1273
|
+
readonly "tooltip-dur-in": "100ms";
|
|
1274
|
+
readonly "tooltip-dur-out": "70ms";
|
|
1275
|
+
readonly "popover-dur-in": "160ms";
|
|
1276
|
+
readonly "popover-dur-out": "110ms";
|
|
1277
|
+
readonly "sheet-dur-in": "400ms";
|
|
1278
|
+
readonly "sheet-dur-out": "240ms";
|
|
1279
|
+
readonly "toast-dur-in": "320ms";
|
|
1280
|
+
readonly "toast-dur-out": "180ms";
|
|
1091
1281
|
};
|
|
1092
1282
|
readonly standard: {
|
|
1093
1283
|
readonly label: "Standard";
|
|
@@ -1099,6 +1289,17 @@ declare const SPEC_AXES: {
|
|
|
1099
1289
|
readonly "dur-spring": "200ms";
|
|
1100
1290
|
readonly "hover-lift": "-2px";
|
|
1101
1291
|
readonly "press-scale": "0.98";
|
|
1292
|
+
readonly "dur-hover": "120ms";
|
|
1293
|
+
readonly "dur-press": "90ms";
|
|
1294
|
+
readonly "dur-ui": "200ms";
|
|
1295
|
+
readonly "tooltip-dur-in": "125ms";
|
|
1296
|
+
readonly "tooltip-dur-out": "80ms";
|
|
1297
|
+
readonly "popover-dur-in": "200ms";
|
|
1298
|
+
readonly "popover-dur-out": "140ms";
|
|
1299
|
+
readonly "sheet-dur-in": "500ms";
|
|
1300
|
+
readonly "sheet-dur-out": "280ms";
|
|
1301
|
+
readonly "toast-dur-in": "400ms";
|
|
1302
|
+
readonly "toast-dur-out": "220ms";
|
|
1102
1303
|
};
|
|
1103
1304
|
readonly calm: {
|
|
1104
1305
|
readonly label: "Calm";
|
|
@@ -1110,6 +1311,17 @@ declare const SPEC_AXES: {
|
|
|
1110
1311
|
readonly "dur-spring": "400ms";
|
|
1111
1312
|
readonly "hover-lift": "0px";
|
|
1112
1313
|
readonly "press-scale": "0.98";
|
|
1314
|
+
readonly "dur-hover": "150ms";
|
|
1315
|
+
readonly "dur-press": "120ms";
|
|
1316
|
+
readonly "dur-ui": "300ms";
|
|
1317
|
+
readonly "tooltip-dur-in": "160ms";
|
|
1318
|
+
readonly "tooltip-dur-out": "110ms";
|
|
1319
|
+
readonly "popover-dur-in": "260ms";
|
|
1320
|
+
readonly "popover-dur-out": "180ms";
|
|
1321
|
+
readonly "sheet-dur-in": "600ms";
|
|
1322
|
+
readonly "sheet-dur-out": "340ms";
|
|
1323
|
+
readonly "toast-dur-in": "480ms";
|
|
1324
|
+
readonly "toast-dur-out": "280ms";
|
|
1113
1325
|
};
|
|
1114
1326
|
readonly lively: {
|
|
1115
1327
|
readonly label: "Lively";
|
|
@@ -1121,11 +1333,23 @@ declare const SPEC_AXES: {
|
|
|
1121
1333
|
readonly "dur-spring": "470ms";
|
|
1122
1334
|
readonly "hover-lift": "-3px";
|
|
1123
1335
|
readonly "press-scale": "0.97";
|
|
1336
|
+
readonly "dur-hover": "150ms";
|
|
1337
|
+
readonly "dur-press": "100ms";
|
|
1338
|
+
readonly "dur-ui": "280ms";
|
|
1339
|
+
readonly "tooltip-dur-in": "140ms";
|
|
1340
|
+
readonly "tooltip-dur-out": "90ms";
|
|
1341
|
+
readonly "popover-dur-in": "220ms";
|
|
1342
|
+
readonly "popover-dur-out": "150ms";
|
|
1343
|
+
readonly "sheet-dur-in": "500ms";
|
|
1344
|
+
readonly "sheet-dur-out": "280ms";
|
|
1345
|
+
readonly "toast-dur-in": "400ms";
|
|
1346
|
+
readonly "toast-dur-out": "220ms";
|
|
1124
1347
|
};
|
|
1125
1348
|
};
|
|
1126
1349
|
readonly motionCommon: {
|
|
1127
1350
|
readonly "ease-enter": "cubic-bezier(0.05, 0.7, 0.1, 1)";
|
|
1128
1351
|
readonly "ease-exit": "cubic-bezier(0.3, 0, 0.8, 0.15)";
|
|
1352
|
+
readonly "ease-hover": "ease";
|
|
1129
1353
|
};
|
|
1130
1354
|
readonly modes: readonly ["light", "dark", "auto"];
|
|
1131
1355
|
readonly tints: {
|
|
@@ -2045,6 +2269,7 @@ declare const SPEC_A11Y: {
|
|
|
2045
2269
|
readonly "dur-slow": "0ms";
|
|
2046
2270
|
readonly "dur-spring": "0ms";
|
|
2047
2271
|
readonly "ease-spring": "linear";
|
|
2272
|
+
readonly "dur-press": "0ms";
|
|
2048
2273
|
readonly "hover-lift": "0px";
|
|
2049
2274
|
readonly "press-scale": "1";
|
|
2050
2275
|
readonly "card-hover-x": "0px";
|
|
@@ -2613,6 +2838,49 @@ declare const SPEC_ELEMENT_STYLES: readonly [{
|
|
|
2613
2838
|
readonly borderStyle: "solid";
|
|
2614
2839
|
readonly borderColor: "var(--iox-dialog-border)";
|
|
2615
2840
|
};
|
|
2841
|
+
}, {
|
|
2842
|
+
readonly id: "popover";
|
|
2843
|
+
readonly label: "Popover";
|
|
2844
|
+
readonly group: "Overlays";
|
|
2845
|
+
readonly appliesTo: readonly ["Popover"];
|
|
2846
|
+
readonly base: {
|
|
2847
|
+
readonly backgroundColor: "var(--iox-popover-bg)";
|
|
2848
|
+
readonly color: "var(--iox-text)";
|
|
2849
|
+
readonly borderRadius: "var(--iox-popover-radius)";
|
|
2850
|
+
readonly boxShadow: "var(--iox-popover-shadow)";
|
|
2851
|
+
readonly padding: "var(--iox-popover-pad)";
|
|
2852
|
+
readonly borderWidth: "var(--iox-popover-border-width)";
|
|
2853
|
+
readonly borderStyle: "solid";
|
|
2854
|
+
readonly borderColor: "var(--iox-popover-border)";
|
|
2855
|
+
};
|
|
2856
|
+
}, {
|
|
2857
|
+
readonly id: "tooltip";
|
|
2858
|
+
readonly label: "Tooltip";
|
|
2859
|
+
readonly group: "Floating";
|
|
2860
|
+
readonly appliesTo: readonly [];
|
|
2861
|
+
readonly base: {
|
|
2862
|
+
readonly backgroundColor: "var(--iox-tooltip-bg)";
|
|
2863
|
+
readonly color: "var(--iox-tooltip-ink)";
|
|
2864
|
+
readonly borderRadius: "var(--iox-tooltip-radius)";
|
|
2865
|
+
readonly boxShadow: "var(--iox-tooltip-shadow)";
|
|
2866
|
+
readonly fontFamily: "var(--iox-font-body)";
|
|
2867
|
+
readonly fontSize: "var(--iox-tooltip-size)";
|
|
2868
|
+
readonly fontWeight: "var(--iox-weight-strong)";
|
|
2869
|
+
};
|
|
2870
|
+
}, {
|
|
2871
|
+
readonly id: "toast";
|
|
2872
|
+
readonly label: "Toast";
|
|
2873
|
+
readonly group: "Floating";
|
|
2874
|
+
readonly appliesTo: readonly [];
|
|
2875
|
+
readonly base: {
|
|
2876
|
+
readonly backgroundColor: "var(--iox-toast-bg)";
|
|
2877
|
+
readonly color: "var(--iox-toast-ink)";
|
|
2878
|
+
readonly borderRadius: "var(--iox-toast-radius)";
|
|
2879
|
+
readonly boxShadow: "var(--iox-toast-shadow)";
|
|
2880
|
+
readonly fontFamily: "var(--iox-font-body)";
|
|
2881
|
+
readonly fontSize: "var(--iox-size-body)";
|
|
2882
|
+
readonly fontWeight: "var(--iox-weight-strong)";
|
|
2883
|
+
};
|
|
2616
2884
|
}, {
|
|
2617
2885
|
readonly id: "form";
|
|
2618
2886
|
readonly label: "Form";
|
|
@@ -2838,6 +3106,7 @@ declare const SPEC_DEFAULT_ELEMENT_STYLE: {
|
|
|
2838
3106
|
readonly Divider: "rule";
|
|
2839
3107
|
readonly Icon: "icon";
|
|
2840
3108
|
readonly Dialog: "dialog";
|
|
3109
|
+
readonly Popover: "popover";
|
|
2841
3110
|
readonly Form: "form";
|
|
2842
3111
|
readonly Field: "field";
|
|
2843
3112
|
readonly FormSuccess: "notice-success";
|
|
@@ -3055,10 +3324,11 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
|
|
|
3055
3324
|
readonly "font-family": "var(--iox-font-label)";
|
|
3056
3325
|
readonly "font-size": "var(--iox-badge-size)";
|
|
3057
3326
|
readonly "font-weight": "var(--iox-weight-label)";
|
|
3058
|
-
readonly transition: "border-color var(--iox-dur-
|
|
3327
|
+
readonly 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)";
|
|
3059
3328
|
};
|
|
3060
3329
|
readonly ".iox-es-field .iox-field__chip:active:not(:has(:disabled))": {
|
|
3061
3330
|
readonly transform: "scale(var(--iox-press-scale))";
|
|
3331
|
+
readonly "transition-duration": "var(--iox-dur-press)";
|
|
3062
3332
|
};
|
|
3063
3333
|
readonly ".iox-es-field .iox-field__chip:hover:not(:has(:disabled))": {
|
|
3064
3334
|
readonly "border-color": "var(--iox-text)";
|
|
@@ -3129,6 +3399,7 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
|
|
|
3129
3399
|
};
|
|
3130
3400
|
readonly ".iox-es-field .iox-cal .iox-cal__day:active:not([aria-disabled='true'])": {
|
|
3131
3401
|
readonly transform: "scale(var(--iox-press-scale))";
|
|
3402
|
+
readonly "transition-duration": "var(--iox-dur-press)";
|
|
3132
3403
|
};
|
|
3133
3404
|
readonly ".iox-es-field .iox-cal .iox-cal__day:hover:not([aria-disabled='true'])": {
|
|
3134
3405
|
readonly "background-color": "var(--iox-surface-2)";
|
|
@@ -3151,6 +3422,26 @@ declare const SPEC_FIELD_CLASS_BASELINE: {
|
|
|
3151
3422
|
readonly "outline-offset": "2px";
|
|
3152
3423
|
};
|
|
3153
3424
|
};
|
|
3425
|
+
declare const SPEC_FLOATING_BASELINE: {
|
|
3426
|
+
readonly ".iox-es-tooltip": {
|
|
3427
|
+
readonly "background-color": "var(--iox-tooltip-bg)";
|
|
3428
|
+
readonly color: "var(--iox-tooltip-ink)";
|
|
3429
|
+
readonly "border-radius": "var(--iox-tooltip-radius)";
|
|
3430
|
+
readonly "box-shadow": "var(--iox-tooltip-shadow)";
|
|
3431
|
+
readonly "font-family": "var(--iox-font-body)";
|
|
3432
|
+
readonly "font-size": "var(--iox-tooltip-size)";
|
|
3433
|
+
readonly "font-weight": "var(--iox-weight-strong)";
|
|
3434
|
+
};
|
|
3435
|
+
readonly ".iox-es-toast": {
|
|
3436
|
+
readonly "background-color": "var(--iox-toast-bg)";
|
|
3437
|
+
readonly color: "var(--iox-toast-ink)";
|
|
3438
|
+
readonly "border-radius": "var(--iox-toast-radius)";
|
|
3439
|
+
readonly "box-shadow": "var(--iox-toast-shadow)";
|
|
3440
|
+
readonly "font-family": "var(--iox-font-body)";
|
|
3441
|
+
readonly "font-size": "var(--iox-size-body)";
|
|
3442
|
+
readonly "font-weight": "var(--iox-weight-strong)";
|
|
3443
|
+
};
|
|
3444
|
+
};
|
|
3154
3445
|
declare const SPEC_INK_SCOPES: readonly [{
|
|
3155
3446
|
readonly styles: readonly ["button-primary", "button-secondary", "button-ghost"];
|
|
3156
3447
|
readonly set: {
|
|
@@ -4068,6 +4359,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4068
4359
|
readonly type: "number";
|
|
4069
4360
|
readonly group: "motion";
|
|
4070
4361
|
readonly value: "0.98";
|
|
4362
|
+
}, {
|
|
4363
|
+
readonly name: "dur-hover";
|
|
4364
|
+
readonly tier: "semantic";
|
|
4365
|
+
readonly type: "duration";
|
|
4366
|
+
readonly group: "motion";
|
|
4367
|
+
readonly value: "120ms";
|
|
4368
|
+
}, {
|
|
4369
|
+
readonly name: "ease-hover";
|
|
4370
|
+
readonly tier: "semantic";
|
|
4371
|
+
readonly type: "easing";
|
|
4372
|
+
readonly group: "motion";
|
|
4373
|
+
readonly value: "ease";
|
|
4374
|
+
}, {
|
|
4375
|
+
readonly name: "dur-press";
|
|
4376
|
+
readonly tier: "semantic";
|
|
4377
|
+
readonly type: "duration";
|
|
4378
|
+
readonly group: "motion";
|
|
4379
|
+
readonly value: "90ms";
|
|
4380
|
+
}, {
|
|
4381
|
+
readonly name: "dur-ui";
|
|
4382
|
+
readonly tier: "semantic";
|
|
4383
|
+
readonly type: "duration";
|
|
4384
|
+
readonly group: "motion";
|
|
4385
|
+
readonly value: "200ms";
|
|
4071
4386
|
}, {
|
|
4072
4387
|
readonly name: "button-font";
|
|
4073
4388
|
readonly tier: "component";
|
|
@@ -4338,6 +4653,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4338
4653
|
readonly type: "effect";
|
|
4339
4654
|
readonly group: "components";
|
|
4340
4655
|
readonly value: "none";
|
|
4656
|
+
}, {
|
|
4657
|
+
readonly name: "card-shadow-raise";
|
|
4658
|
+
readonly tier: "component";
|
|
4659
|
+
readonly type: "shadow";
|
|
4660
|
+
readonly group: "components";
|
|
4661
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
4341
4662
|
}, {
|
|
4342
4663
|
readonly name: "panel-bg";
|
|
4343
4664
|
readonly tier: "component";
|
|
@@ -4495,147 +4816,357 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4495
4816
|
readonly group: "components";
|
|
4496
4817
|
readonly value: "0px";
|
|
4497
4818
|
}, {
|
|
4498
|
-
readonly name: "
|
|
4819
|
+
readonly name: "tooltip-bg";
|
|
4820
|
+
readonly tier: "component";
|
|
4821
|
+
readonly type: "color";
|
|
4822
|
+
readonly group: "components";
|
|
4823
|
+
readonly value: "var(--iox-text)";
|
|
4824
|
+
}, {
|
|
4825
|
+
readonly name: "tooltip-ink";
|
|
4826
|
+
readonly tier: "component";
|
|
4827
|
+
readonly type: "color";
|
|
4828
|
+
readonly group: "components";
|
|
4829
|
+
readonly value: "var(--iox-bg)";
|
|
4830
|
+
}, {
|
|
4831
|
+
readonly name: "tooltip-radius";
|
|
4499
4832
|
readonly tier: "component";
|
|
4500
4833
|
readonly type: "radius";
|
|
4501
4834
|
readonly group: "components";
|
|
4502
|
-
readonly value: "var(--iox-radius-
|
|
4835
|
+
readonly value: "var(--iox-radius-xs)";
|
|
4503
4836
|
}, {
|
|
4504
|
-
readonly name: "
|
|
4837
|
+
readonly name: "tooltip-shadow";
|
|
4505
4838
|
readonly tier: "component";
|
|
4506
|
-
readonly type: "
|
|
4839
|
+
readonly type: "shadow";
|
|
4507
4840
|
readonly group: "components";
|
|
4508
|
-
readonly value: "
|
|
4841
|
+
readonly value: "var(--iox-shadow-md)";
|
|
4509
4842
|
}, {
|
|
4510
|
-
readonly name: "
|
|
4843
|
+
readonly name: "tooltip-size";
|
|
4511
4844
|
readonly tier: "component";
|
|
4512
|
-
readonly type: "
|
|
4845
|
+
readonly type: "size";
|
|
4513
4846
|
readonly group: "components";
|
|
4514
|
-
readonly value: "var(--iox-
|
|
4847
|
+
readonly value: "var(--iox-size-small)";
|
|
4515
4848
|
}, {
|
|
4516
|
-
readonly name: "
|
|
4849
|
+
readonly name: "tooltip-scale";
|
|
4517
4850
|
readonly tier: "component";
|
|
4518
|
-
readonly type: "
|
|
4851
|
+
readonly type: "number";
|
|
4519
4852
|
readonly group: "components";
|
|
4520
|
-
readonly value: "
|
|
4853
|
+
readonly value: "0.97";
|
|
4521
4854
|
}, {
|
|
4522
|
-
readonly name: "
|
|
4855
|
+
readonly name: "tooltip-ease";
|
|
4523
4856
|
readonly tier: "component";
|
|
4524
|
-
readonly type: "
|
|
4857
|
+
readonly type: "easing";
|
|
4525
4858
|
readonly group: "components";
|
|
4526
|
-
readonly value: "
|
|
4859
|
+
readonly value: "var(--iox-ease-enter)";
|
|
4527
4860
|
}, {
|
|
4528
|
-
readonly name: "
|
|
4861
|
+
readonly name: "tooltip-dur-in";
|
|
4529
4862
|
readonly tier: "component";
|
|
4530
|
-
readonly type: "
|
|
4863
|
+
readonly type: "duration";
|
|
4531
4864
|
readonly group: "components";
|
|
4532
|
-
readonly value: "
|
|
4865
|
+
readonly value: "125ms";
|
|
4533
4866
|
}, {
|
|
4534
|
-
readonly name: "
|
|
4867
|
+
readonly name: "tooltip-dur-out";
|
|
4535
4868
|
readonly tier: "component";
|
|
4536
|
-
readonly type: "
|
|
4869
|
+
readonly type: "duration";
|
|
4537
4870
|
readonly group: "components";
|
|
4538
|
-
readonly value: "
|
|
4871
|
+
readonly value: "80ms";
|
|
4539
4872
|
}, {
|
|
4540
|
-
readonly name: "
|
|
4873
|
+
readonly name: "popover-bg";
|
|
4541
4874
|
readonly tier: "component";
|
|
4542
4875
|
readonly type: "color";
|
|
4543
4876
|
readonly group: "components";
|
|
4544
|
-
readonly value: "var(--iox-
|
|
4877
|
+
readonly value: "var(--iox-surface)";
|
|
4545
4878
|
}, {
|
|
4546
|
-
readonly name: "
|
|
4879
|
+
readonly name: "popover-border";
|
|
4547
4880
|
readonly tier: "component";
|
|
4548
4881
|
readonly type: "color";
|
|
4549
4882
|
readonly group: "components";
|
|
4550
|
-
readonly value: "var(--iox-
|
|
4883
|
+
readonly value: "var(--iox-line)";
|
|
4551
4884
|
}, {
|
|
4552
|
-
readonly name: "
|
|
4885
|
+
readonly name: "popover-border-width";
|
|
4553
4886
|
readonly tier: "component";
|
|
4554
4887
|
readonly type: "size";
|
|
4555
4888
|
readonly group: "components";
|
|
4556
|
-
readonly value: "var(--iox-border-width)
|
|
4889
|
+
readonly value: "var(--iox-border-width)";
|
|
4557
4890
|
}, {
|
|
4558
|
-
readonly name: "
|
|
4891
|
+
readonly name: "popover-radius";
|
|
4559
4892
|
readonly tier: "component";
|
|
4560
4893
|
readonly type: "radius";
|
|
4561
4894
|
readonly group: "components";
|
|
4562
|
-
readonly value: "
|
|
4895
|
+
readonly value: "var(--iox-radius-lg)";
|
|
4563
4896
|
}, {
|
|
4564
|
-
readonly name: "
|
|
4897
|
+
readonly name: "popover-shadow";
|
|
4565
4898
|
readonly tier: "component";
|
|
4566
4899
|
readonly type: "shadow";
|
|
4567
4900
|
readonly group: "components";
|
|
4568
|
-
readonly value: "
|
|
4901
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
4569
4902
|
}, {
|
|
4570
|
-
readonly name: "
|
|
4903
|
+
readonly name: "popover-pad";
|
|
4571
4904
|
readonly tier: "component";
|
|
4572
|
-
readonly type: "
|
|
4905
|
+
readonly type: "spacing";
|
|
4573
4906
|
readonly group: "components";
|
|
4574
|
-
readonly value: "var(--iox-
|
|
4907
|
+
readonly value: "var(--iox-space-pad)";
|
|
4575
4908
|
}, {
|
|
4576
|
-
readonly name: "
|
|
4909
|
+
readonly name: "popover-scale";
|
|
4577
4910
|
readonly tier: "component";
|
|
4578
|
-
readonly type: "
|
|
4911
|
+
readonly type: "number";
|
|
4579
4912
|
readonly group: "components";
|
|
4580
|
-
readonly value: "
|
|
4913
|
+
readonly value: "0.95";
|
|
4581
4914
|
}, {
|
|
4582
|
-
readonly name: "
|
|
4915
|
+
readonly name: "popover-ease";
|
|
4583
4916
|
readonly tier: "component";
|
|
4584
|
-
readonly type: "
|
|
4917
|
+
readonly type: "easing";
|
|
4585
4918
|
readonly group: "components";
|
|
4586
|
-
readonly value: "
|
|
4919
|
+
readonly value: "var(--iox-ease-enter)";
|
|
4587
4920
|
}, {
|
|
4588
|
-
readonly name: "
|
|
4921
|
+
readonly name: "popover-dur-in";
|
|
4589
4922
|
readonly tier: "component";
|
|
4590
|
-
readonly type: "
|
|
4923
|
+
readonly type: "duration";
|
|
4591
4924
|
readonly group: "components";
|
|
4592
|
-
readonly value: "
|
|
4925
|
+
readonly value: "200ms";
|
|
4593
4926
|
}, {
|
|
4594
|
-
readonly name: "
|
|
4927
|
+
readonly name: "popover-dur-out";
|
|
4595
4928
|
readonly tier: "component";
|
|
4596
|
-
readonly type: "
|
|
4929
|
+
readonly type: "duration";
|
|
4597
4930
|
readonly group: "components";
|
|
4598
|
-
readonly value: "
|
|
4931
|
+
readonly value: "140ms";
|
|
4599
4932
|
}, {
|
|
4600
|
-
readonly name: "
|
|
4933
|
+
readonly name: "sheet-ease";
|
|
4601
4934
|
readonly tier: "component";
|
|
4602
|
-
readonly type: "
|
|
4935
|
+
readonly type: "easing";
|
|
4603
4936
|
readonly group: "components";
|
|
4604
|
-
readonly value: "
|
|
4937
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
4605
4938
|
}, {
|
|
4606
|
-
readonly name: "
|
|
4939
|
+
readonly name: "sheet-dur-in";
|
|
4607
4940
|
readonly tier: "component";
|
|
4608
|
-
readonly type: "
|
|
4941
|
+
readonly type: "duration";
|
|
4609
4942
|
readonly group: "components";
|
|
4610
|
-
readonly value: "
|
|
4943
|
+
readonly value: "500ms";
|
|
4611
4944
|
}, {
|
|
4612
|
-
readonly name: "
|
|
4945
|
+
readonly name: "sheet-dur-out";
|
|
4613
4946
|
readonly tier: "component";
|
|
4614
|
-
readonly type: "
|
|
4947
|
+
readonly type: "duration";
|
|
4615
4948
|
readonly group: "components";
|
|
4616
|
-
readonly value: "
|
|
4949
|
+
readonly value: "280ms";
|
|
4617
4950
|
}, {
|
|
4618
|
-
readonly name: "
|
|
4951
|
+
readonly name: "toast-bg";
|
|
4619
4952
|
readonly tier: "component";
|
|
4620
4953
|
readonly type: "color";
|
|
4621
4954
|
readonly group: "components";
|
|
4622
|
-
readonly value: "var(--iox-
|
|
4955
|
+
readonly value: "var(--iox-text)";
|
|
4623
4956
|
}, {
|
|
4624
|
-
readonly name: "
|
|
4957
|
+
readonly name: "toast-ink";
|
|
4625
4958
|
readonly tier: "component";
|
|
4626
4959
|
readonly type: "color";
|
|
4627
4960
|
readonly group: "components";
|
|
4628
|
-
readonly value: "var(--iox-
|
|
4961
|
+
readonly value: "var(--iox-bg)";
|
|
4629
4962
|
}, {
|
|
4630
|
-
readonly name: "
|
|
4963
|
+
readonly name: "toast-radius";
|
|
4631
4964
|
readonly tier: "component";
|
|
4632
|
-
readonly type: "
|
|
4965
|
+
readonly type: "radius";
|
|
4633
4966
|
readonly group: "components";
|
|
4634
|
-
readonly value: "
|
|
4967
|
+
readonly value: "var(--iox-radius-md)";
|
|
4635
4968
|
}, {
|
|
4636
|
-
readonly name: "
|
|
4969
|
+
readonly name: "toast-shadow";
|
|
4637
4970
|
readonly tier: "component";
|
|
4638
|
-
readonly type: "
|
|
4971
|
+
readonly type: "shadow";
|
|
4972
|
+
readonly group: "components";
|
|
4973
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
4974
|
+
}, {
|
|
4975
|
+
readonly name: "toast-ease";
|
|
4976
|
+
readonly tier: "component";
|
|
4977
|
+
readonly type: "easing";
|
|
4978
|
+
readonly group: "components";
|
|
4979
|
+
readonly value: "ease";
|
|
4980
|
+
}, {
|
|
4981
|
+
readonly name: "toast-dur-in";
|
|
4982
|
+
readonly tier: "component";
|
|
4983
|
+
readonly type: "duration";
|
|
4984
|
+
readonly group: "components";
|
|
4985
|
+
readonly value: "400ms";
|
|
4986
|
+
}, {
|
|
4987
|
+
readonly name: "toast-dur-out";
|
|
4988
|
+
readonly tier: "component";
|
|
4989
|
+
readonly type: "duration";
|
|
4990
|
+
readonly group: "components";
|
|
4991
|
+
readonly value: "220ms";
|
|
4992
|
+
}, {
|
|
4993
|
+
readonly name: "dialog-edge";
|
|
4994
|
+
readonly tier: "component";
|
|
4995
|
+
readonly type: "color";
|
|
4996
|
+
readonly group: "components";
|
|
4997
|
+
readonly value: "var(--iox-line)";
|
|
4998
|
+
}, {
|
|
4999
|
+
readonly name: "image-radius";
|
|
5000
|
+
readonly tier: "component";
|
|
5001
|
+
readonly type: "radius";
|
|
5002
|
+
readonly group: "components";
|
|
5003
|
+
readonly value: "var(--iox-radius-md)";
|
|
5004
|
+
}, {
|
|
5005
|
+
readonly name: "image-hover-scale";
|
|
5006
|
+
readonly tier: "component";
|
|
5007
|
+
readonly type: "number";
|
|
5008
|
+
readonly group: "components";
|
|
5009
|
+
readonly value: "1";
|
|
5010
|
+
}, {
|
|
5011
|
+
readonly name: "link-color";
|
|
5012
|
+
readonly tier: "component";
|
|
5013
|
+
readonly type: "color";
|
|
5014
|
+
readonly group: "components";
|
|
5015
|
+
readonly value: "var(--iox-accent-text)";
|
|
5016
|
+
}, {
|
|
5017
|
+
readonly name: "link-hover-color";
|
|
5018
|
+
readonly tier: "component";
|
|
5019
|
+
readonly type: "color";
|
|
5020
|
+
readonly group: "components";
|
|
5021
|
+
readonly value: "var(--iox-text)";
|
|
5022
|
+
}, {
|
|
5023
|
+
readonly name: "link-decoration";
|
|
5024
|
+
readonly tier: "component";
|
|
5025
|
+
readonly type: "keyword";
|
|
5026
|
+
readonly group: "components";
|
|
5027
|
+
readonly value: "underline";
|
|
5028
|
+
}, {
|
|
5029
|
+
readonly name: "link-current-color";
|
|
5030
|
+
readonly tier: "component";
|
|
5031
|
+
readonly type: "color";
|
|
5032
|
+
readonly group: "components";
|
|
5033
|
+
readonly value: "var(--iox-text)";
|
|
5034
|
+
}, {
|
|
5035
|
+
readonly name: "link-current-decoration";
|
|
5036
|
+
readonly tier: "component";
|
|
5037
|
+
readonly type: "keyword";
|
|
5038
|
+
readonly group: "components";
|
|
5039
|
+
readonly value: "underline 2px var(--iox-accent-text)";
|
|
5040
|
+
}, {
|
|
5041
|
+
readonly name: "link-underline-rest";
|
|
5042
|
+
readonly tier: "component";
|
|
5043
|
+
readonly type: "number";
|
|
5044
|
+
readonly group: "components";
|
|
5045
|
+
readonly value: "1";
|
|
5046
|
+
}, {
|
|
5047
|
+
readonly name: "link-underline-thickness";
|
|
5048
|
+
readonly tier: "component";
|
|
5049
|
+
readonly type: "size";
|
|
5050
|
+
readonly group: "components";
|
|
5051
|
+
readonly value: "max(1px, 0.06em)";
|
|
5052
|
+
}, {
|
|
5053
|
+
readonly name: "link-underline-offset";
|
|
5054
|
+
readonly tier: "component";
|
|
5055
|
+
readonly type: "size";
|
|
5056
|
+
readonly group: "components";
|
|
5057
|
+
readonly value: "0.12em";
|
|
5058
|
+
}, {
|
|
5059
|
+
readonly name: "link-current-underline";
|
|
5060
|
+
readonly tier: "component";
|
|
5061
|
+
readonly type: "color";
|
|
5062
|
+
readonly group: "components";
|
|
5063
|
+
readonly value: "var(--iox-accent-text)";
|
|
5064
|
+
}, {
|
|
5065
|
+
readonly name: "link-current-underline-thickness";
|
|
5066
|
+
readonly tier: "component";
|
|
5067
|
+
readonly type: "size";
|
|
5068
|
+
readonly group: "components";
|
|
5069
|
+
readonly value: "2px";
|
|
5070
|
+
}, {
|
|
5071
|
+
readonly name: "tabbar-bg";
|
|
5072
|
+
readonly tier: "component";
|
|
5073
|
+
readonly type: "color";
|
|
5074
|
+
readonly group: "components";
|
|
5075
|
+
readonly value: "var(--iox-nav-bg)";
|
|
5076
|
+
}, {
|
|
5077
|
+
readonly name: "tabbar-border";
|
|
5078
|
+
readonly tier: "component";
|
|
5079
|
+
readonly type: "color";
|
|
5080
|
+
readonly group: "components";
|
|
5081
|
+
readonly value: "var(--iox-nav-border)";
|
|
5082
|
+
}, {
|
|
5083
|
+
readonly name: "tabbar-border-width";
|
|
5084
|
+
readonly tier: "component";
|
|
5085
|
+
readonly type: "size";
|
|
5086
|
+
readonly group: "components";
|
|
5087
|
+
readonly value: "var(--iox-border-width) 0px 0px 0px";
|
|
5088
|
+
}, {
|
|
5089
|
+
readonly name: "tabbar-radius";
|
|
5090
|
+
readonly tier: "component";
|
|
5091
|
+
readonly type: "radius";
|
|
5092
|
+
readonly group: "components";
|
|
5093
|
+
readonly value: "0px";
|
|
5094
|
+
}, {
|
|
5095
|
+
readonly name: "tabbar-shadow";
|
|
5096
|
+
readonly tier: "component";
|
|
5097
|
+
readonly type: "shadow";
|
|
5098
|
+
readonly group: "components";
|
|
5099
|
+
readonly value: "none";
|
|
5100
|
+
}, {
|
|
5101
|
+
readonly name: "tabbar-backdrop";
|
|
5102
|
+
readonly tier: "component";
|
|
5103
|
+
readonly type: "effect";
|
|
5104
|
+
readonly group: "components";
|
|
5105
|
+
readonly value: "var(--iox-nav-backdrop)";
|
|
5106
|
+
}, {
|
|
5107
|
+
readonly name: "tabbar-inset";
|
|
5108
|
+
readonly tier: "component";
|
|
5109
|
+
readonly type: "size";
|
|
5110
|
+
readonly group: "components";
|
|
5111
|
+
readonly value: "0px";
|
|
5112
|
+
}, {
|
|
5113
|
+
readonly name: "tabbar-height";
|
|
5114
|
+
readonly tier: "component";
|
|
5115
|
+
readonly type: "size";
|
|
5116
|
+
readonly group: "components";
|
|
5117
|
+
readonly value: "64px";
|
|
5118
|
+
}, {
|
|
5119
|
+
readonly name: "tabbar-item-ink";
|
|
5120
|
+
readonly tier: "component";
|
|
5121
|
+
readonly type: "color";
|
|
5122
|
+
readonly group: "components";
|
|
5123
|
+
readonly value: "var(--iox-text-muted)";
|
|
5124
|
+
}, {
|
|
5125
|
+
readonly name: "tabbar-item-current-ink";
|
|
5126
|
+
readonly tier: "component";
|
|
5127
|
+
readonly type: "color";
|
|
5128
|
+
readonly group: "components";
|
|
5129
|
+
readonly value: "var(--iox-accent-text)";
|
|
5130
|
+
}, {
|
|
5131
|
+
readonly name: "tabbar-indicator";
|
|
5132
|
+
readonly tier: "component";
|
|
5133
|
+
readonly type: "color";
|
|
5134
|
+
readonly group: "components";
|
|
5135
|
+
readonly value: "var(--iox-surface-2)";
|
|
5136
|
+
}, {
|
|
5137
|
+
readonly name: "tabbar-label-size";
|
|
5138
|
+
readonly tier: "component";
|
|
5139
|
+
readonly type: "size";
|
|
5140
|
+
readonly group: "components";
|
|
5141
|
+
readonly value: "var(--iox-size-label)";
|
|
5142
|
+
}, {
|
|
5143
|
+
readonly name: "accordion-gap";
|
|
5144
|
+
readonly tier: "component";
|
|
5145
|
+
readonly type: "spacing";
|
|
5146
|
+
readonly group: "components";
|
|
5147
|
+
readonly value: "0px";
|
|
5148
|
+
}, {
|
|
5149
|
+
readonly name: "accordion-item-bg";
|
|
5150
|
+
readonly tier: "component";
|
|
5151
|
+
readonly type: "color";
|
|
5152
|
+
readonly group: "components";
|
|
5153
|
+
readonly value: "var(--iox-section-bg)";
|
|
5154
|
+
}, {
|
|
5155
|
+
readonly name: "accordion-item-border";
|
|
5156
|
+
readonly tier: "component";
|
|
5157
|
+
readonly type: "color";
|
|
5158
|
+
readonly group: "components";
|
|
5159
|
+
readonly value: "var(--iox-line)";
|
|
5160
|
+
}, {
|
|
5161
|
+
readonly name: "accordion-item-border-width";
|
|
5162
|
+
readonly tier: "component";
|
|
5163
|
+
readonly type: "size";
|
|
5164
|
+
readonly group: "components";
|
|
5165
|
+
readonly value: "0px 0px var(--iox-border-width) 0px";
|
|
5166
|
+
}, {
|
|
5167
|
+
readonly name: "accordion-item-radius";
|
|
5168
|
+
readonly tier: "component";
|
|
5169
|
+
readonly type: "radius";
|
|
4639
5170
|
readonly group: "components";
|
|
4640
5171
|
readonly value: "0px";
|
|
4641
5172
|
}, {
|
|
@@ -4920,6 +5451,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
4920
5451
|
readonly type: "size";
|
|
4921
5452
|
readonly group: "components";
|
|
4922
5453
|
readonly value: "64px";
|
|
5454
|
+
}, {
|
|
5455
|
+
readonly name: "slider-ease";
|
|
5456
|
+
readonly tier: "component";
|
|
5457
|
+
readonly type: "easing";
|
|
5458
|
+
readonly group: "components";
|
|
5459
|
+
readonly value: "var(--iox-ease-standard)";
|
|
4923
5460
|
}];
|
|
4924
5461
|
}, {
|
|
4925
5462
|
readonly id: "linen";
|
|
@@ -5591,6 +6128,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5591
6128
|
readonly type: "number";
|
|
5592
6129
|
readonly group: "motion";
|
|
5593
6130
|
readonly value: "0.98";
|
|
6131
|
+
}, {
|
|
6132
|
+
readonly name: "dur-hover";
|
|
6133
|
+
readonly tier: "semantic";
|
|
6134
|
+
readonly type: "duration";
|
|
6135
|
+
readonly group: "motion";
|
|
6136
|
+
readonly value: "150ms";
|
|
6137
|
+
}, {
|
|
6138
|
+
readonly name: "ease-hover";
|
|
6139
|
+
readonly tier: "semantic";
|
|
6140
|
+
readonly type: "easing";
|
|
6141
|
+
readonly group: "motion";
|
|
6142
|
+
readonly value: "ease";
|
|
6143
|
+
}, {
|
|
6144
|
+
readonly name: "dur-press";
|
|
6145
|
+
readonly tier: "semantic";
|
|
6146
|
+
readonly type: "duration";
|
|
6147
|
+
readonly group: "motion";
|
|
6148
|
+
readonly value: "120ms";
|
|
6149
|
+
}, {
|
|
6150
|
+
readonly name: "dur-ui";
|
|
6151
|
+
readonly tier: "semantic";
|
|
6152
|
+
readonly type: "duration";
|
|
6153
|
+
readonly group: "motion";
|
|
6154
|
+
readonly value: "300ms";
|
|
5594
6155
|
}, {
|
|
5595
6156
|
readonly name: "button-font";
|
|
5596
6157
|
readonly tier: "component";
|
|
@@ -5876,6 +6437,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5876
6437
|
readonly type: "effect";
|
|
5877
6438
|
readonly group: "components";
|
|
5878
6439
|
readonly value: "none";
|
|
6440
|
+
}, {
|
|
6441
|
+
readonly name: "card-shadow-raise";
|
|
6442
|
+
readonly tier: "component";
|
|
6443
|
+
readonly type: "shadow";
|
|
6444
|
+
readonly group: "components";
|
|
6445
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
5879
6446
|
}, {
|
|
5880
6447
|
readonly name: "panel-bg";
|
|
5881
6448
|
readonly tier: "component";
|
|
@@ -5961,80 +6528,260 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
5961
6528
|
readonly tier: "component";
|
|
5962
6529
|
readonly type: "size";
|
|
5963
6530
|
readonly group: "components";
|
|
5964
|
-
readonly value: "var(--iox-border-width)";
|
|
6531
|
+
readonly value: "var(--iox-border-width)";
|
|
6532
|
+
}, {
|
|
6533
|
+
readonly name: "field-radius";
|
|
6534
|
+
readonly tier: "component";
|
|
6535
|
+
readonly type: "radius";
|
|
6536
|
+
readonly group: "components";
|
|
6537
|
+
readonly value: "2px";
|
|
6538
|
+
readonly overridden: true;
|
|
6539
|
+
}, {
|
|
6540
|
+
readonly name: "field-pad";
|
|
6541
|
+
readonly tier: "component";
|
|
6542
|
+
readonly type: "spacing";
|
|
6543
|
+
readonly group: "components";
|
|
6544
|
+
readonly value: "12px 14px";
|
|
6545
|
+
}, {
|
|
6546
|
+
readonly name: "field-focus";
|
|
6547
|
+
readonly tier: "component";
|
|
6548
|
+
readonly type: "shadow";
|
|
6549
|
+
readonly group: "components";
|
|
6550
|
+
readonly value: "var(--iox-focus-ring)";
|
|
6551
|
+
}, {
|
|
6552
|
+
readonly name: "field-label-size";
|
|
6553
|
+
readonly tier: "component";
|
|
6554
|
+
readonly type: "size";
|
|
6555
|
+
readonly group: "components";
|
|
6556
|
+
readonly value: "var(--iox-size-small)";
|
|
6557
|
+
}, {
|
|
6558
|
+
readonly name: "field-label-weight";
|
|
6559
|
+
readonly tier: "component";
|
|
6560
|
+
readonly type: "number";
|
|
6561
|
+
readonly group: "components";
|
|
6562
|
+
readonly value: "var(--iox-weight-strong)";
|
|
6563
|
+
}, {
|
|
6564
|
+
readonly name: "dialog-bg";
|
|
6565
|
+
readonly tier: "component";
|
|
6566
|
+
readonly type: "color";
|
|
6567
|
+
readonly group: "components";
|
|
6568
|
+
readonly value: "var(--iox-surface)";
|
|
6569
|
+
}, {
|
|
6570
|
+
readonly name: "dialog-radius";
|
|
6571
|
+
readonly tier: "component";
|
|
6572
|
+
readonly type: "radius";
|
|
6573
|
+
readonly group: "components";
|
|
6574
|
+
readonly value: "var(--iox-radius-xl)";
|
|
6575
|
+
}, {
|
|
6576
|
+
readonly name: "dialog-shadow";
|
|
6577
|
+
readonly tier: "component";
|
|
6578
|
+
readonly type: "shadow";
|
|
6579
|
+
readonly group: "components";
|
|
6580
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
6581
|
+
}, {
|
|
6582
|
+
readonly name: "dialog-backdrop";
|
|
6583
|
+
readonly tier: "component";
|
|
6584
|
+
readonly type: "effect";
|
|
6585
|
+
readonly group: "components";
|
|
6586
|
+
readonly value: "none";
|
|
6587
|
+
}, {
|
|
6588
|
+
readonly name: "dialog-pad";
|
|
6589
|
+
readonly tier: "component";
|
|
6590
|
+
readonly type: "spacing";
|
|
6591
|
+
readonly group: "components";
|
|
6592
|
+
readonly value: "var(--iox-space-pad)";
|
|
6593
|
+
}, {
|
|
6594
|
+
readonly name: "dialog-border";
|
|
6595
|
+
readonly tier: "component";
|
|
6596
|
+
readonly type: "color";
|
|
6597
|
+
readonly group: "components";
|
|
6598
|
+
readonly value: "transparent";
|
|
6599
|
+
}, {
|
|
6600
|
+
readonly name: "dialog-border-width";
|
|
6601
|
+
readonly tier: "component";
|
|
6602
|
+
readonly type: "size";
|
|
6603
|
+
readonly group: "components";
|
|
6604
|
+
readonly value: "0px";
|
|
6605
|
+
}, {
|
|
6606
|
+
readonly name: "tooltip-bg";
|
|
6607
|
+
readonly tier: "component";
|
|
6608
|
+
readonly type: "color";
|
|
6609
|
+
readonly group: "components";
|
|
6610
|
+
readonly value: "var(--iox-text)";
|
|
6611
|
+
}, {
|
|
6612
|
+
readonly name: "tooltip-ink";
|
|
6613
|
+
readonly tier: "component";
|
|
6614
|
+
readonly type: "color";
|
|
6615
|
+
readonly group: "components";
|
|
6616
|
+
readonly value: "var(--iox-bg)";
|
|
6617
|
+
}, {
|
|
6618
|
+
readonly name: "tooltip-radius";
|
|
6619
|
+
readonly tier: "component";
|
|
6620
|
+
readonly type: "radius";
|
|
6621
|
+
readonly group: "components";
|
|
6622
|
+
readonly value: "var(--iox-radius-xs)";
|
|
6623
|
+
}, {
|
|
6624
|
+
readonly name: "tooltip-shadow";
|
|
6625
|
+
readonly tier: "component";
|
|
6626
|
+
readonly type: "shadow";
|
|
6627
|
+
readonly group: "components";
|
|
6628
|
+
readonly value: "var(--iox-shadow-md)";
|
|
6629
|
+
}, {
|
|
6630
|
+
readonly name: "tooltip-size";
|
|
6631
|
+
readonly tier: "component";
|
|
6632
|
+
readonly type: "size";
|
|
6633
|
+
readonly group: "components";
|
|
6634
|
+
readonly value: "var(--iox-size-small)";
|
|
6635
|
+
}, {
|
|
6636
|
+
readonly name: "tooltip-scale";
|
|
6637
|
+
readonly tier: "component";
|
|
6638
|
+
readonly type: "number";
|
|
6639
|
+
readonly group: "components";
|
|
6640
|
+
readonly value: "0.97";
|
|
6641
|
+
}, {
|
|
6642
|
+
readonly name: "tooltip-ease";
|
|
6643
|
+
readonly tier: "component";
|
|
6644
|
+
readonly type: "easing";
|
|
6645
|
+
readonly group: "components";
|
|
6646
|
+
readonly value: "var(--iox-ease-enter)";
|
|
6647
|
+
}, {
|
|
6648
|
+
readonly name: "tooltip-dur-in";
|
|
6649
|
+
readonly tier: "component";
|
|
6650
|
+
readonly type: "duration";
|
|
6651
|
+
readonly group: "components";
|
|
6652
|
+
readonly value: "160ms";
|
|
6653
|
+
}, {
|
|
6654
|
+
readonly name: "tooltip-dur-out";
|
|
6655
|
+
readonly tier: "component";
|
|
6656
|
+
readonly type: "duration";
|
|
6657
|
+
readonly group: "components";
|
|
6658
|
+
readonly value: "110ms";
|
|
6659
|
+
}, {
|
|
6660
|
+
readonly name: "popover-bg";
|
|
6661
|
+
readonly tier: "component";
|
|
6662
|
+
readonly type: "color";
|
|
6663
|
+
readonly group: "components";
|
|
6664
|
+
readonly value: "var(--iox-surface)";
|
|
6665
|
+
}, {
|
|
6666
|
+
readonly name: "popover-border";
|
|
6667
|
+
readonly tier: "component";
|
|
6668
|
+
readonly type: "color";
|
|
6669
|
+
readonly group: "components";
|
|
6670
|
+
readonly value: "var(--iox-line)";
|
|
6671
|
+
}, {
|
|
6672
|
+
readonly name: "popover-border-width";
|
|
6673
|
+
readonly tier: "component";
|
|
6674
|
+
readonly type: "size";
|
|
6675
|
+
readonly group: "components";
|
|
6676
|
+
readonly value: "var(--iox-border-width)";
|
|
6677
|
+
}, {
|
|
6678
|
+
readonly name: "popover-radius";
|
|
6679
|
+
readonly tier: "component";
|
|
6680
|
+
readonly type: "radius";
|
|
6681
|
+
readonly group: "components";
|
|
6682
|
+
readonly value: "var(--iox-radius-lg)";
|
|
6683
|
+
}, {
|
|
6684
|
+
readonly name: "popover-shadow";
|
|
6685
|
+
readonly tier: "component";
|
|
6686
|
+
readonly type: "shadow";
|
|
6687
|
+
readonly group: "components";
|
|
6688
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
6689
|
+
}, {
|
|
6690
|
+
readonly name: "popover-pad";
|
|
6691
|
+
readonly tier: "component";
|
|
6692
|
+
readonly type: "spacing";
|
|
6693
|
+
readonly group: "components";
|
|
6694
|
+
readonly value: "var(--iox-space-pad)";
|
|
6695
|
+
}, {
|
|
6696
|
+
readonly name: "popover-scale";
|
|
6697
|
+
readonly tier: "component";
|
|
6698
|
+
readonly type: "number";
|
|
6699
|
+
readonly group: "components";
|
|
6700
|
+
readonly value: "0.95";
|
|
6701
|
+
}, {
|
|
6702
|
+
readonly name: "popover-ease";
|
|
6703
|
+
readonly tier: "component";
|
|
6704
|
+
readonly type: "easing";
|
|
6705
|
+
readonly group: "components";
|
|
6706
|
+
readonly value: "var(--iox-ease-enter)";
|
|
6707
|
+
}, {
|
|
6708
|
+
readonly name: "popover-dur-in";
|
|
6709
|
+
readonly tier: "component";
|
|
6710
|
+
readonly type: "duration";
|
|
6711
|
+
readonly group: "components";
|
|
6712
|
+
readonly value: "260ms";
|
|
5965
6713
|
}, {
|
|
5966
|
-
readonly name: "
|
|
6714
|
+
readonly name: "popover-dur-out";
|
|
5967
6715
|
readonly tier: "component";
|
|
5968
|
-
readonly type: "
|
|
6716
|
+
readonly type: "duration";
|
|
5969
6717
|
readonly group: "components";
|
|
5970
|
-
readonly value: "
|
|
5971
|
-
readonly overridden: true;
|
|
6718
|
+
readonly value: "180ms";
|
|
5972
6719
|
}, {
|
|
5973
|
-
readonly name: "
|
|
6720
|
+
readonly name: "sheet-ease";
|
|
5974
6721
|
readonly tier: "component";
|
|
5975
|
-
readonly type: "
|
|
6722
|
+
readonly type: "easing";
|
|
5976
6723
|
readonly group: "components";
|
|
5977
|
-
readonly value: "
|
|
6724
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
5978
6725
|
}, {
|
|
5979
|
-
readonly name: "
|
|
6726
|
+
readonly name: "sheet-dur-in";
|
|
5980
6727
|
readonly tier: "component";
|
|
5981
|
-
readonly type: "
|
|
6728
|
+
readonly type: "duration";
|
|
5982
6729
|
readonly group: "components";
|
|
5983
|
-
readonly value: "
|
|
6730
|
+
readonly value: "600ms";
|
|
5984
6731
|
}, {
|
|
5985
|
-
readonly name: "
|
|
6732
|
+
readonly name: "sheet-dur-out";
|
|
5986
6733
|
readonly tier: "component";
|
|
5987
|
-
readonly type: "
|
|
6734
|
+
readonly type: "duration";
|
|
5988
6735
|
readonly group: "components";
|
|
5989
|
-
readonly value: "
|
|
6736
|
+
readonly value: "340ms";
|
|
5990
6737
|
}, {
|
|
5991
|
-
readonly name: "
|
|
6738
|
+
readonly name: "toast-bg";
|
|
5992
6739
|
readonly tier: "component";
|
|
5993
|
-
readonly type: "
|
|
6740
|
+
readonly type: "color";
|
|
5994
6741
|
readonly group: "components";
|
|
5995
|
-
readonly value: "var(--iox-
|
|
6742
|
+
readonly value: "var(--iox-text)";
|
|
5996
6743
|
}, {
|
|
5997
|
-
readonly name: "
|
|
6744
|
+
readonly name: "toast-ink";
|
|
5998
6745
|
readonly tier: "component";
|
|
5999
6746
|
readonly type: "color";
|
|
6000
6747
|
readonly group: "components";
|
|
6001
|
-
readonly value: "var(--iox-
|
|
6748
|
+
readonly value: "var(--iox-bg)";
|
|
6002
6749
|
}, {
|
|
6003
|
-
readonly name: "
|
|
6750
|
+
readonly name: "toast-radius";
|
|
6004
6751
|
readonly tier: "component";
|
|
6005
6752
|
readonly type: "radius";
|
|
6006
6753
|
readonly group: "components";
|
|
6007
|
-
readonly value: "var(--iox-radius-
|
|
6754
|
+
readonly value: "var(--iox-radius-md)";
|
|
6008
6755
|
}, {
|
|
6009
|
-
readonly name: "
|
|
6756
|
+
readonly name: "toast-shadow";
|
|
6010
6757
|
readonly tier: "component";
|
|
6011
6758
|
readonly type: "shadow";
|
|
6012
6759
|
readonly group: "components";
|
|
6013
6760
|
readonly value: "var(--iox-shadow-lg)";
|
|
6014
6761
|
}, {
|
|
6015
|
-
readonly name: "
|
|
6762
|
+
readonly name: "toast-ease";
|
|
6016
6763
|
readonly tier: "component";
|
|
6017
|
-
readonly type: "
|
|
6764
|
+
readonly type: "easing";
|
|
6018
6765
|
readonly group: "components";
|
|
6019
|
-
readonly value: "
|
|
6766
|
+
readonly value: "ease";
|
|
6020
6767
|
}, {
|
|
6021
|
-
readonly name: "
|
|
6768
|
+
readonly name: "toast-dur-in";
|
|
6022
6769
|
readonly tier: "component";
|
|
6023
|
-
readonly type: "
|
|
6770
|
+
readonly type: "duration";
|
|
6024
6771
|
readonly group: "components";
|
|
6025
|
-
readonly value: "
|
|
6772
|
+
readonly value: "480ms";
|
|
6026
6773
|
}, {
|
|
6027
|
-
readonly name: "
|
|
6774
|
+
readonly name: "toast-dur-out";
|
|
6028
6775
|
readonly tier: "component";
|
|
6029
|
-
readonly type: "
|
|
6776
|
+
readonly type: "duration";
|
|
6030
6777
|
readonly group: "components";
|
|
6031
|
-
readonly value: "
|
|
6778
|
+
readonly value: "280ms";
|
|
6032
6779
|
}, {
|
|
6033
|
-
readonly name: "dialog-
|
|
6780
|
+
readonly name: "dialog-edge";
|
|
6034
6781
|
readonly tier: "component";
|
|
6035
|
-
readonly type: "
|
|
6782
|
+
readonly type: "color";
|
|
6036
6783
|
readonly group: "components";
|
|
6037
|
-
readonly value: "
|
|
6784
|
+
readonly value: "var(--iox-line)";
|
|
6038
6785
|
}, {
|
|
6039
6786
|
readonly name: "image-radius";
|
|
6040
6787
|
readonly tier: "component";
|
|
@@ -6080,6 +6827,36 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
6080
6827
|
readonly type: "keyword";
|
|
6081
6828
|
readonly group: "components";
|
|
6082
6829
|
readonly value: "underline 2px var(--iox-accent-text)";
|
|
6830
|
+
}, {
|
|
6831
|
+
readonly name: "link-underline-rest";
|
|
6832
|
+
readonly tier: "component";
|
|
6833
|
+
readonly type: "number";
|
|
6834
|
+
readonly group: "components";
|
|
6835
|
+
readonly value: "1";
|
|
6836
|
+
}, {
|
|
6837
|
+
readonly name: "link-underline-thickness";
|
|
6838
|
+
readonly tier: "component";
|
|
6839
|
+
readonly type: "size";
|
|
6840
|
+
readonly group: "components";
|
|
6841
|
+
readonly value: "max(1px, 0.06em)";
|
|
6842
|
+
}, {
|
|
6843
|
+
readonly name: "link-underline-offset";
|
|
6844
|
+
readonly tier: "component";
|
|
6845
|
+
readonly type: "size";
|
|
6846
|
+
readonly group: "components";
|
|
6847
|
+
readonly value: "0.12em";
|
|
6848
|
+
}, {
|
|
6849
|
+
readonly name: "link-current-underline";
|
|
6850
|
+
readonly tier: "component";
|
|
6851
|
+
readonly type: "color";
|
|
6852
|
+
readonly group: "components";
|
|
6853
|
+
readonly value: "var(--iox-accent-text)";
|
|
6854
|
+
}, {
|
|
6855
|
+
readonly name: "link-current-underline-thickness";
|
|
6856
|
+
readonly tier: "component";
|
|
6857
|
+
readonly type: "size";
|
|
6858
|
+
readonly group: "components";
|
|
6859
|
+
readonly value: "2px";
|
|
6083
6860
|
}, {
|
|
6084
6861
|
readonly name: "tabbar-bg";
|
|
6085
6862
|
readonly tier: "component";
|
|
@@ -6470,6 +7247,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
6470
7247
|
readonly type: "size";
|
|
6471
7248
|
readonly group: "components";
|
|
6472
7249
|
readonly value: "64px";
|
|
7250
|
+
}, {
|
|
7251
|
+
readonly name: "slider-ease";
|
|
7252
|
+
readonly tier: "component";
|
|
7253
|
+
readonly type: "easing";
|
|
7254
|
+
readonly group: "components";
|
|
7255
|
+
readonly value: "var(--iox-ease-standard)";
|
|
6473
7256
|
}];
|
|
6474
7257
|
}, {
|
|
6475
7258
|
readonly id: "midnight";
|
|
@@ -7144,6 +7927,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7144
7927
|
readonly type: "number";
|
|
7145
7928
|
readonly group: "motion";
|
|
7146
7929
|
readonly value: "0.98";
|
|
7930
|
+
}, {
|
|
7931
|
+
readonly name: "dur-hover";
|
|
7932
|
+
readonly tier: "semantic";
|
|
7933
|
+
readonly type: "duration";
|
|
7934
|
+
readonly group: "motion";
|
|
7935
|
+
readonly value: "120ms";
|
|
7936
|
+
}, {
|
|
7937
|
+
readonly name: "ease-hover";
|
|
7938
|
+
readonly tier: "semantic";
|
|
7939
|
+
readonly type: "easing";
|
|
7940
|
+
readonly group: "motion";
|
|
7941
|
+
readonly value: "ease";
|
|
7942
|
+
}, {
|
|
7943
|
+
readonly name: "dur-press";
|
|
7944
|
+
readonly tier: "semantic";
|
|
7945
|
+
readonly type: "duration";
|
|
7946
|
+
readonly group: "motion";
|
|
7947
|
+
readonly value: "90ms";
|
|
7948
|
+
}, {
|
|
7949
|
+
readonly name: "dur-ui";
|
|
7950
|
+
readonly tier: "semantic";
|
|
7951
|
+
readonly type: "duration";
|
|
7952
|
+
readonly group: "motion";
|
|
7953
|
+
readonly value: "200ms";
|
|
7147
7954
|
}, {
|
|
7148
7955
|
readonly name: "button-font";
|
|
7149
7956
|
readonly tier: "component";
|
|
@@ -7420,6 +8227,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7420
8227
|
readonly type: "effect";
|
|
7421
8228
|
readonly group: "components";
|
|
7422
8229
|
readonly value: "none";
|
|
8230
|
+
}, {
|
|
8231
|
+
readonly name: "card-shadow-raise";
|
|
8232
|
+
readonly tier: "component";
|
|
8233
|
+
readonly type: "shadow";
|
|
8234
|
+
readonly group: "components";
|
|
8235
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
7423
8236
|
}, {
|
|
7424
8237
|
readonly name: "panel-bg";
|
|
7425
8238
|
readonly tier: "component";
|
|
@@ -7513,71 +8326,251 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7513
8326
|
readonly group: "components";
|
|
7514
8327
|
readonly value: "var(--iox-radius-sm)";
|
|
7515
8328
|
}, {
|
|
7516
|
-
readonly name: "field-pad";
|
|
8329
|
+
readonly name: "field-pad";
|
|
8330
|
+
readonly tier: "component";
|
|
8331
|
+
readonly type: "spacing";
|
|
8332
|
+
readonly group: "components";
|
|
8333
|
+
readonly value: "12px 14px";
|
|
8334
|
+
}, {
|
|
8335
|
+
readonly name: "field-focus";
|
|
8336
|
+
readonly tier: "component";
|
|
8337
|
+
readonly type: "shadow";
|
|
8338
|
+
readonly group: "components";
|
|
8339
|
+
readonly value: "var(--iox-focus-ring)";
|
|
8340
|
+
}, {
|
|
8341
|
+
readonly name: "field-label-size";
|
|
8342
|
+
readonly tier: "component";
|
|
8343
|
+
readonly type: "size";
|
|
8344
|
+
readonly group: "components";
|
|
8345
|
+
readonly value: "var(--iox-size-small)";
|
|
8346
|
+
}, {
|
|
8347
|
+
readonly name: "field-label-weight";
|
|
8348
|
+
readonly tier: "component";
|
|
8349
|
+
readonly type: "number";
|
|
8350
|
+
readonly group: "components";
|
|
8351
|
+
readonly value: "var(--iox-weight-strong)";
|
|
8352
|
+
}, {
|
|
8353
|
+
readonly name: "dialog-bg";
|
|
8354
|
+
readonly tier: "component";
|
|
8355
|
+
readonly type: "color";
|
|
8356
|
+
readonly group: "components";
|
|
8357
|
+
readonly value: "var(--iox-surface)";
|
|
8358
|
+
}, {
|
|
8359
|
+
readonly name: "dialog-radius";
|
|
8360
|
+
readonly tier: "component";
|
|
8361
|
+
readonly type: "radius";
|
|
8362
|
+
readonly group: "components";
|
|
8363
|
+
readonly value: "var(--iox-radius-xl)";
|
|
8364
|
+
}, {
|
|
8365
|
+
readonly name: "dialog-shadow";
|
|
8366
|
+
readonly tier: "component";
|
|
8367
|
+
readonly type: "shadow";
|
|
8368
|
+
readonly group: "components";
|
|
8369
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
8370
|
+
}, {
|
|
8371
|
+
readonly name: "dialog-backdrop";
|
|
8372
|
+
readonly tier: "component";
|
|
8373
|
+
readonly type: "effect";
|
|
8374
|
+
readonly group: "components";
|
|
8375
|
+
readonly value: "none";
|
|
8376
|
+
}, {
|
|
8377
|
+
readonly name: "dialog-pad";
|
|
8378
|
+
readonly tier: "component";
|
|
8379
|
+
readonly type: "spacing";
|
|
8380
|
+
readonly group: "components";
|
|
8381
|
+
readonly value: "var(--iox-space-pad)";
|
|
8382
|
+
}, {
|
|
8383
|
+
readonly name: "dialog-border";
|
|
8384
|
+
readonly tier: "component";
|
|
8385
|
+
readonly type: "color";
|
|
8386
|
+
readonly group: "components";
|
|
8387
|
+
readonly value: "transparent";
|
|
8388
|
+
}, {
|
|
8389
|
+
readonly name: "dialog-border-width";
|
|
8390
|
+
readonly tier: "component";
|
|
8391
|
+
readonly type: "size";
|
|
8392
|
+
readonly group: "components";
|
|
8393
|
+
readonly value: "0px";
|
|
8394
|
+
}, {
|
|
8395
|
+
readonly name: "tooltip-bg";
|
|
8396
|
+
readonly tier: "component";
|
|
8397
|
+
readonly type: "color";
|
|
8398
|
+
readonly group: "components";
|
|
8399
|
+
readonly value: "var(--iox-text)";
|
|
8400
|
+
}, {
|
|
8401
|
+
readonly name: "tooltip-ink";
|
|
8402
|
+
readonly tier: "component";
|
|
8403
|
+
readonly type: "color";
|
|
8404
|
+
readonly group: "components";
|
|
8405
|
+
readonly value: "var(--iox-bg)";
|
|
8406
|
+
}, {
|
|
8407
|
+
readonly name: "tooltip-radius";
|
|
8408
|
+
readonly tier: "component";
|
|
8409
|
+
readonly type: "radius";
|
|
8410
|
+
readonly group: "components";
|
|
8411
|
+
readonly value: "var(--iox-radius-xs)";
|
|
8412
|
+
}, {
|
|
8413
|
+
readonly name: "tooltip-shadow";
|
|
8414
|
+
readonly tier: "component";
|
|
8415
|
+
readonly type: "shadow";
|
|
8416
|
+
readonly group: "components";
|
|
8417
|
+
readonly value: "var(--iox-shadow-md)";
|
|
8418
|
+
}, {
|
|
8419
|
+
readonly name: "tooltip-size";
|
|
8420
|
+
readonly tier: "component";
|
|
8421
|
+
readonly type: "size";
|
|
8422
|
+
readonly group: "components";
|
|
8423
|
+
readonly value: "var(--iox-size-small)";
|
|
8424
|
+
}, {
|
|
8425
|
+
readonly name: "tooltip-scale";
|
|
8426
|
+
readonly tier: "component";
|
|
8427
|
+
readonly type: "number";
|
|
8428
|
+
readonly group: "components";
|
|
8429
|
+
readonly value: "0.97";
|
|
8430
|
+
}, {
|
|
8431
|
+
readonly name: "tooltip-ease";
|
|
8432
|
+
readonly tier: "component";
|
|
8433
|
+
readonly type: "easing";
|
|
8434
|
+
readonly group: "components";
|
|
8435
|
+
readonly value: "var(--iox-ease-enter)";
|
|
8436
|
+
}, {
|
|
8437
|
+
readonly name: "tooltip-dur-in";
|
|
8438
|
+
readonly tier: "component";
|
|
8439
|
+
readonly type: "duration";
|
|
8440
|
+
readonly group: "components";
|
|
8441
|
+
readonly value: "125ms";
|
|
8442
|
+
}, {
|
|
8443
|
+
readonly name: "tooltip-dur-out";
|
|
8444
|
+
readonly tier: "component";
|
|
8445
|
+
readonly type: "duration";
|
|
8446
|
+
readonly group: "components";
|
|
8447
|
+
readonly value: "80ms";
|
|
8448
|
+
}, {
|
|
8449
|
+
readonly name: "popover-bg";
|
|
8450
|
+
readonly tier: "component";
|
|
8451
|
+
readonly type: "color";
|
|
8452
|
+
readonly group: "components";
|
|
8453
|
+
readonly value: "var(--iox-surface)";
|
|
8454
|
+
}, {
|
|
8455
|
+
readonly name: "popover-border";
|
|
8456
|
+
readonly tier: "component";
|
|
8457
|
+
readonly type: "color";
|
|
8458
|
+
readonly group: "components";
|
|
8459
|
+
readonly value: "var(--iox-line)";
|
|
8460
|
+
}, {
|
|
8461
|
+
readonly name: "popover-border-width";
|
|
8462
|
+
readonly tier: "component";
|
|
8463
|
+
readonly type: "size";
|
|
8464
|
+
readonly group: "components";
|
|
8465
|
+
readonly value: "var(--iox-border-width)";
|
|
8466
|
+
}, {
|
|
8467
|
+
readonly name: "popover-radius";
|
|
8468
|
+
readonly tier: "component";
|
|
8469
|
+
readonly type: "radius";
|
|
8470
|
+
readonly group: "components";
|
|
8471
|
+
readonly value: "var(--iox-radius-lg)";
|
|
8472
|
+
}, {
|
|
8473
|
+
readonly name: "popover-shadow";
|
|
8474
|
+
readonly tier: "component";
|
|
8475
|
+
readonly type: "shadow";
|
|
8476
|
+
readonly group: "components";
|
|
8477
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
8478
|
+
}, {
|
|
8479
|
+
readonly name: "popover-pad";
|
|
8480
|
+
readonly tier: "component";
|
|
8481
|
+
readonly type: "spacing";
|
|
8482
|
+
readonly group: "components";
|
|
8483
|
+
readonly value: "var(--iox-space-pad)";
|
|
8484
|
+
}, {
|
|
8485
|
+
readonly name: "popover-scale";
|
|
8486
|
+
readonly tier: "component";
|
|
8487
|
+
readonly type: "number";
|
|
8488
|
+
readonly group: "components";
|
|
8489
|
+
readonly value: "0.95";
|
|
8490
|
+
}, {
|
|
8491
|
+
readonly name: "popover-ease";
|
|
8492
|
+
readonly tier: "component";
|
|
8493
|
+
readonly type: "easing";
|
|
8494
|
+
readonly group: "components";
|
|
8495
|
+
readonly value: "var(--iox-ease-enter)";
|
|
8496
|
+
}, {
|
|
8497
|
+
readonly name: "popover-dur-in";
|
|
8498
|
+
readonly tier: "component";
|
|
8499
|
+
readonly type: "duration";
|
|
8500
|
+
readonly group: "components";
|
|
8501
|
+
readonly value: "200ms";
|
|
8502
|
+
}, {
|
|
8503
|
+
readonly name: "popover-dur-out";
|
|
8504
|
+
readonly tier: "component";
|
|
8505
|
+
readonly type: "duration";
|
|
8506
|
+
readonly group: "components";
|
|
8507
|
+
readonly value: "140ms";
|
|
8508
|
+
}, {
|
|
8509
|
+
readonly name: "sheet-ease";
|
|
7517
8510
|
readonly tier: "component";
|
|
7518
|
-
readonly type: "
|
|
8511
|
+
readonly type: "easing";
|
|
7519
8512
|
readonly group: "components";
|
|
7520
|
-
readonly value: "
|
|
8513
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
7521
8514
|
}, {
|
|
7522
|
-
readonly name: "
|
|
8515
|
+
readonly name: "sheet-dur-in";
|
|
7523
8516
|
readonly tier: "component";
|
|
7524
|
-
readonly type: "
|
|
8517
|
+
readonly type: "duration";
|
|
7525
8518
|
readonly group: "components";
|
|
7526
|
-
readonly value: "
|
|
8519
|
+
readonly value: "500ms";
|
|
7527
8520
|
}, {
|
|
7528
|
-
readonly name: "
|
|
8521
|
+
readonly name: "sheet-dur-out";
|
|
7529
8522
|
readonly tier: "component";
|
|
7530
|
-
readonly type: "
|
|
8523
|
+
readonly type: "duration";
|
|
7531
8524
|
readonly group: "components";
|
|
7532
|
-
readonly value: "
|
|
8525
|
+
readonly value: "280ms";
|
|
7533
8526
|
}, {
|
|
7534
|
-
readonly name: "
|
|
8527
|
+
readonly name: "toast-bg";
|
|
7535
8528
|
readonly tier: "component";
|
|
7536
|
-
readonly type: "
|
|
8529
|
+
readonly type: "color";
|
|
7537
8530
|
readonly group: "components";
|
|
7538
|
-
readonly value: "var(--iox-
|
|
8531
|
+
readonly value: "var(--iox-text)";
|
|
7539
8532
|
}, {
|
|
7540
|
-
readonly name: "
|
|
8533
|
+
readonly name: "toast-ink";
|
|
7541
8534
|
readonly tier: "component";
|
|
7542
8535
|
readonly type: "color";
|
|
7543
8536
|
readonly group: "components";
|
|
7544
|
-
readonly value: "var(--iox-
|
|
8537
|
+
readonly value: "var(--iox-bg)";
|
|
7545
8538
|
}, {
|
|
7546
|
-
readonly name: "
|
|
8539
|
+
readonly name: "toast-radius";
|
|
7547
8540
|
readonly tier: "component";
|
|
7548
8541
|
readonly type: "radius";
|
|
7549
8542
|
readonly group: "components";
|
|
7550
|
-
readonly value: "var(--iox-radius-
|
|
8543
|
+
readonly value: "var(--iox-radius-md)";
|
|
7551
8544
|
}, {
|
|
7552
|
-
readonly name: "
|
|
8545
|
+
readonly name: "toast-shadow";
|
|
7553
8546
|
readonly tier: "component";
|
|
7554
8547
|
readonly type: "shadow";
|
|
7555
8548
|
readonly group: "components";
|
|
7556
8549
|
readonly value: "var(--iox-shadow-lg)";
|
|
7557
8550
|
}, {
|
|
7558
|
-
readonly name: "
|
|
8551
|
+
readonly name: "toast-ease";
|
|
7559
8552
|
readonly tier: "component";
|
|
7560
|
-
readonly type: "
|
|
8553
|
+
readonly type: "easing";
|
|
7561
8554
|
readonly group: "components";
|
|
7562
|
-
readonly value: "
|
|
8555
|
+
readonly value: "ease";
|
|
7563
8556
|
}, {
|
|
7564
|
-
readonly name: "
|
|
8557
|
+
readonly name: "toast-dur-in";
|
|
7565
8558
|
readonly tier: "component";
|
|
7566
|
-
readonly type: "
|
|
8559
|
+
readonly type: "duration";
|
|
7567
8560
|
readonly group: "components";
|
|
7568
|
-
readonly value: "
|
|
8561
|
+
readonly value: "400ms";
|
|
7569
8562
|
}, {
|
|
7570
|
-
readonly name: "
|
|
8563
|
+
readonly name: "toast-dur-out";
|
|
7571
8564
|
readonly tier: "component";
|
|
7572
|
-
readonly type: "
|
|
8565
|
+
readonly type: "duration";
|
|
7573
8566
|
readonly group: "components";
|
|
7574
|
-
readonly value: "
|
|
8567
|
+
readonly value: "220ms";
|
|
7575
8568
|
}, {
|
|
7576
|
-
readonly name: "dialog-
|
|
8569
|
+
readonly name: "dialog-edge";
|
|
7577
8570
|
readonly tier: "component";
|
|
7578
|
-
readonly type: "
|
|
8571
|
+
readonly type: "color";
|
|
7579
8572
|
readonly group: "components";
|
|
7580
|
-
readonly value: "
|
|
8573
|
+
readonly value: "var(--iox-line)";
|
|
7581
8574
|
}, {
|
|
7582
8575
|
readonly name: "image-radius";
|
|
7583
8576
|
readonly tier: "component";
|
|
@@ -7620,6 +8613,36 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
7620
8613
|
readonly type: "keyword";
|
|
7621
8614
|
readonly group: "components";
|
|
7622
8615
|
readonly value: "underline 2px var(--iox-accent-text)";
|
|
8616
|
+
}, {
|
|
8617
|
+
readonly name: "link-underline-rest";
|
|
8618
|
+
readonly tier: "component";
|
|
8619
|
+
readonly type: "number";
|
|
8620
|
+
readonly group: "components";
|
|
8621
|
+
readonly value: "1";
|
|
8622
|
+
}, {
|
|
8623
|
+
readonly name: "link-underline-thickness";
|
|
8624
|
+
readonly tier: "component";
|
|
8625
|
+
readonly type: "size";
|
|
8626
|
+
readonly group: "components";
|
|
8627
|
+
readonly value: "max(1px, 0.06em)";
|
|
8628
|
+
}, {
|
|
8629
|
+
readonly name: "link-underline-offset";
|
|
8630
|
+
readonly tier: "component";
|
|
8631
|
+
readonly type: "size";
|
|
8632
|
+
readonly group: "components";
|
|
8633
|
+
readonly value: "0.12em";
|
|
8634
|
+
}, {
|
|
8635
|
+
readonly name: "link-current-underline";
|
|
8636
|
+
readonly tier: "component";
|
|
8637
|
+
readonly type: "color";
|
|
8638
|
+
readonly group: "components";
|
|
8639
|
+
readonly value: "var(--iox-accent-text)";
|
|
8640
|
+
}, {
|
|
8641
|
+
readonly name: "link-current-underline-thickness";
|
|
8642
|
+
readonly tier: "component";
|
|
8643
|
+
readonly type: "size";
|
|
8644
|
+
readonly group: "components";
|
|
8645
|
+
readonly value: "2px";
|
|
7623
8646
|
}, {
|
|
7624
8647
|
readonly name: "tabbar-bg";
|
|
7625
8648
|
readonly tier: "component";
|
|
@@ -8006,6 +9029,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8006
9029
|
readonly type: "size";
|
|
8007
9030
|
readonly group: "components";
|
|
8008
9031
|
readonly value: "64px";
|
|
9032
|
+
}, {
|
|
9033
|
+
readonly name: "slider-ease";
|
|
9034
|
+
readonly tier: "component";
|
|
9035
|
+
readonly type: "easing";
|
|
9036
|
+
readonly group: "components";
|
|
9037
|
+
readonly value: "var(--iox-ease-standard)";
|
|
8009
9038
|
}];
|
|
8010
9039
|
}, {
|
|
8011
9040
|
readonly id: "glass";
|
|
@@ -8694,6 +9723,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8694
9723
|
readonly type: "number";
|
|
8695
9724
|
readonly group: "motion";
|
|
8696
9725
|
readonly value: "0.97";
|
|
9726
|
+
}, {
|
|
9727
|
+
readonly name: "dur-hover";
|
|
9728
|
+
readonly tier: "semantic";
|
|
9729
|
+
readonly type: "duration";
|
|
9730
|
+
readonly group: "motion";
|
|
9731
|
+
readonly value: "150ms";
|
|
9732
|
+
}, {
|
|
9733
|
+
readonly name: "ease-hover";
|
|
9734
|
+
readonly tier: "semantic";
|
|
9735
|
+
readonly type: "easing";
|
|
9736
|
+
readonly group: "motion";
|
|
9737
|
+
readonly value: "ease";
|
|
9738
|
+
}, {
|
|
9739
|
+
readonly name: "dur-press";
|
|
9740
|
+
readonly tier: "semantic";
|
|
9741
|
+
readonly type: "duration";
|
|
9742
|
+
readonly group: "motion";
|
|
9743
|
+
readonly value: "100ms";
|
|
9744
|
+
}, {
|
|
9745
|
+
readonly name: "dur-ui";
|
|
9746
|
+
readonly tier: "semantic";
|
|
9747
|
+
readonly type: "duration";
|
|
9748
|
+
readonly group: "motion";
|
|
9749
|
+
readonly value: "280ms";
|
|
8697
9750
|
}, {
|
|
8698
9751
|
readonly name: "button-font";
|
|
8699
9752
|
readonly tier: "component";
|
|
@@ -8977,6 +10030,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
8977
10030
|
readonly group: "components";
|
|
8978
10031
|
readonly value: "var(--iox-blur-surface)";
|
|
8979
10032
|
readonly overridden: true;
|
|
10033
|
+
}, {
|
|
10034
|
+
readonly name: "card-shadow-raise";
|
|
10035
|
+
readonly tier: "component";
|
|
10036
|
+
readonly type: "shadow";
|
|
10037
|
+
readonly group: "components";
|
|
10038
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
8980
10039
|
}, {
|
|
8981
10040
|
readonly name: "panel-bg";
|
|
8982
10041
|
readonly tier: "component";
|
|
@@ -9068,84 +10127,264 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
9068
10127
|
readonly tier: "component";
|
|
9069
10128
|
readonly type: "size";
|
|
9070
10129
|
readonly group: "components";
|
|
9071
|
-
readonly value: "var(--iox-border-width)";
|
|
10130
|
+
readonly value: "var(--iox-border-width)";
|
|
10131
|
+
}, {
|
|
10132
|
+
readonly name: "field-radius";
|
|
10133
|
+
readonly tier: "component";
|
|
10134
|
+
readonly type: "radius";
|
|
10135
|
+
readonly group: "components";
|
|
10136
|
+
readonly value: "var(--iox-radius-sm)";
|
|
10137
|
+
}, {
|
|
10138
|
+
readonly name: "field-pad";
|
|
10139
|
+
readonly tier: "component";
|
|
10140
|
+
readonly type: "spacing";
|
|
10141
|
+
readonly group: "components";
|
|
10142
|
+
readonly value: "12px 14px";
|
|
10143
|
+
}, {
|
|
10144
|
+
readonly name: "field-focus";
|
|
10145
|
+
readonly tier: "component";
|
|
10146
|
+
readonly type: "shadow";
|
|
10147
|
+
readonly group: "components";
|
|
10148
|
+
readonly value: "var(--iox-focus-ring)";
|
|
10149
|
+
}, {
|
|
10150
|
+
readonly name: "field-label-size";
|
|
10151
|
+
readonly tier: "component";
|
|
10152
|
+
readonly type: "size";
|
|
10153
|
+
readonly group: "components";
|
|
10154
|
+
readonly value: "var(--iox-size-small)";
|
|
10155
|
+
}, {
|
|
10156
|
+
readonly name: "field-label-weight";
|
|
10157
|
+
readonly tier: "component";
|
|
10158
|
+
readonly type: "number";
|
|
10159
|
+
readonly group: "components";
|
|
10160
|
+
readonly value: "var(--iox-weight-strong)";
|
|
10161
|
+
}, {
|
|
10162
|
+
readonly name: "dialog-bg";
|
|
10163
|
+
readonly tier: "component";
|
|
10164
|
+
readonly type: "color";
|
|
10165
|
+
readonly group: "components";
|
|
10166
|
+
readonly value: "var(--iox-surface-glass-strong)";
|
|
10167
|
+
readonly overridden: true;
|
|
10168
|
+
}, {
|
|
10169
|
+
readonly name: "dialog-radius";
|
|
10170
|
+
readonly tier: "component";
|
|
10171
|
+
readonly type: "radius";
|
|
10172
|
+
readonly group: "components";
|
|
10173
|
+
readonly value: "var(--iox-radius-xl)";
|
|
10174
|
+
}, {
|
|
10175
|
+
readonly name: "dialog-shadow";
|
|
10176
|
+
readonly tier: "component";
|
|
10177
|
+
readonly type: "shadow";
|
|
10178
|
+
readonly group: "components";
|
|
10179
|
+
readonly value: "var(--iox-shadow-lg), var(--iox-glass-edge)";
|
|
10180
|
+
readonly overridden: true;
|
|
10181
|
+
}, {
|
|
10182
|
+
readonly name: "dialog-backdrop";
|
|
10183
|
+
readonly tier: "component";
|
|
10184
|
+
readonly type: "effect";
|
|
10185
|
+
readonly group: "components";
|
|
10186
|
+
readonly value: "var(--iox-blur-surface)";
|
|
10187
|
+
readonly overridden: true;
|
|
10188
|
+
}, {
|
|
10189
|
+
readonly name: "dialog-pad";
|
|
10190
|
+
readonly tier: "component";
|
|
10191
|
+
readonly type: "spacing";
|
|
10192
|
+
readonly group: "components";
|
|
10193
|
+
readonly value: "var(--iox-space-pad)";
|
|
10194
|
+
}, {
|
|
10195
|
+
readonly name: "dialog-border";
|
|
10196
|
+
readonly tier: "component";
|
|
10197
|
+
readonly type: "color";
|
|
10198
|
+
readonly group: "components";
|
|
10199
|
+
readonly value: "var(--iox-glass-border)";
|
|
10200
|
+
readonly overridden: true;
|
|
10201
|
+
}, {
|
|
10202
|
+
readonly name: "dialog-border-width";
|
|
10203
|
+
readonly tier: "component";
|
|
10204
|
+
readonly type: "size";
|
|
10205
|
+
readonly group: "components";
|
|
10206
|
+
readonly value: "var(--iox-border-width)";
|
|
10207
|
+
readonly overridden: true;
|
|
10208
|
+
}, {
|
|
10209
|
+
readonly name: "tooltip-bg";
|
|
10210
|
+
readonly tier: "component";
|
|
10211
|
+
readonly type: "color";
|
|
10212
|
+
readonly group: "components";
|
|
10213
|
+
readonly value: "var(--iox-text)";
|
|
10214
|
+
}, {
|
|
10215
|
+
readonly name: "tooltip-ink";
|
|
10216
|
+
readonly tier: "component";
|
|
10217
|
+
readonly type: "color";
|
|
10218
|
+
readonly group: "components";
|
|
10219
|
+
readonly value: "var(--iox-bg)";
|
|
10220
|
+
}, {
|
|
10221
|
+
readonly name: "tooltip-radius";
|
|
10222
|
+
readonly tier: "component";
|
|
10223
|
+
readonly type: "radius";
|
|
10224
|
+
readonly group: "components";
|
|
10225
|
+
readonly value: "var(--iox-radius-xs)";
|
|
10226
|
+
}, {
|
|
10227
|
+
readonly name: "tooltip-shadow";
|
|
10228
|
+
readonly tier: "component";
|
|
10229
|
+
readonly type: "shadow";
|
|
10230
|
+
readonly group: "components";
|
|
10231
|
+
readonly value: "var(--iox-shadow-md)";
|
|
10232
|
+
}, {
|
|
10233
|
+
readonly name: "tooltip-size";
|
|
10234
|
+
readonly tier: "component";
|
|
10235
|
+
readonly type: "size";
|
|
10236
|
+
readonly group: "components";
|
|
10237
|
+
readonly value: "var(--iox-size-small)";
|
|
10238
|
+
}, {
|
|
10239
|
+
readonly name: "tooltip-scale";
|
|
10240
|
+
readonly tier: "component";
|
|
10241
|
+
readonly type: "number";
|
|
10242
|
+
readonly group: "components";
|
|
10243
|
+
readonly value: "0.97";
|
|
10244
|
+
}, {
|
|
10245
|
+
readonly name: "tooltip-ease";
|
|
10246
|
+
readonly tier: "component";
|
|
10247
|
+
readonly type: "easing";
|
|
10248
|
+
readonly group: "components";
|
|
10249
|
+
readonly value: "var(--iox-ease-enter)";
|
|
10250
|
+
}, {
|
|
10251
|
+
readonly name: "tooltip-dur-in";
|
|
10252
|
+
readonly tier: "component";
|
|
10253
|
+
readonly type: "duration";
|
|
10254
|
+
readonly group: "components";
|
|
10255
|
+
readonly value: "140ms";
|
|
10256
|
+
}, {
|
|
10257
|
+
readonly name: "tooltip-dur-out";
|
|
10258
|
+
readonly tier: "component";
|
|
10259
|
+
readonly type: "duration";
|
|
10260
|
+
readonly group: "components";
|
|
10261
|
+
readonly value: "90ms";
|
|
10262
|
+
}, {
|
|
10263
|
+
readonly name: "popover-bg";
|
|
10264
|
+
readonly tier: "component";
|
|
10265
|
+
readonly type: "color";
|
|
10266
|
+
readonly group: "components";
|
|
10267
|
+
readonly value: "var(--iox-surface)";
|
|
10268
|
+
}, {
|
|
10269
|
+
readonly name: "popover-border";
|
|
10270
|
+
readonly tier: "component";
|
|
10271
|
+
readonly type: "color";
|
|
10272
|
+
readonly group: "components";
|
|
10273
|
+
readonly value: "var(--iox-line)";
|
|
10274
|
+
}, {
|
|
10275
|
+
readonly name: "popover-border-width";
|
|
10276
|
+
readonly tier: "component";
|
|
10277
|
+
readonly type: "size";
|
|
10278
|
+
readonly group: "components";
|
|
10279
|
+
readonly value: "var(--iox-border-width)";
|
|
10280
|
+
}, {
|
|
10281
|
+
readonly name: "popover-radius";
|
|
10282
|
+
readonly tier: "component";
|
|
10283
|
+
readonly type: "radius";
|
|
10284
|
+
readonly group: "components";
|
|
10285
|
+
readonly value: "var(--iox-radius-lg)";
|
|
10286
|
+
}, {
|
|
10287
|
+
readonly name: "popover-shadow";
|
|
10288
|
+
readonly tier: "component";
|
|
10289
|
+
readonly type: "shadow";
|
|
10290
|
+
readonly group: "components";
|
|
10291
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
10292
|
+
}, {
|
|
10293
|
+
readonly name: "popover-pad";
|
|
10294
|
+
readonly tier: "component";
|
|
10295
|
+
readonly type: "spacing";
|
|
10296
|
+
readonly group: "components";
|
|
10297
|
+
readonly value: "var(--iox-space-pad)";
|
|
10298
|
+
}, {
|
|
10299
|
+
readonly name: "popover-scale";
|
|
10300
|
+
readonly tier: "component";
|
|
10301
|
+
readonly type: "number";
|
|
10302
|
+
readonly group: "components";
|
|
10303
|
+
readonly value: "0.95";
|
|
10304
|
+
}, {
|
|
10305
|
+
readonly name: "popover-ease";
|
|
10306
|
+
readonly tier: "component";
|
|
10307
|
+
readonly type: "easing";
|
|
10308
|
+
readonly group: "components";
|
|
10309
|
+
readonly value: "var(--iox-ease-enter)";
|
|
10310
|
+
}, {
|
|
10311
|
+
readonly name: "popover-dur-in";
|
|
10312
|
+
readonly tier: "component";
|
|
10313
|
+
readonly type: "duration";
|
|
10314
|
+
readonly group: "components";
|
|
10315
|
+
readonly value: "220ms";
|
|
9072
10316
|
}, {
|
|
9073
|
-
readonly name: "
|
|
10317
|
+
readonly name: "popover-dur-out";
|
|
9074
10318
|
readonly tier: "component";
|
|
9075
|
-
readonly type: "
|
|
10319
|
+
readonly type: "duration";
|
|
9076
10320
|
readonly group: "components";
|
|
9077
|
-
readonly value: "
|
|
10321
|
+
readonly value: "150ms";
|
|
9078
10322
|
}, {
|
|
9079
|
-
readonly name: "
|
|
10323
|
+
readonly name: "sheet-ease";
|
|
9080
10324
|
readonly tier: "component";
|
|
9081
|
-
readonly type: "
|
|
10325
|
+
readonly type: "easing";
|
|
9082
10326
|
readonly group: "components";
|
|
9083
|
-
readonly value: "
|
|
10327
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
9084
10328
|
}, {
|
|
9085
|
-
readonly name: "
|
|
10329
|
+
readonly name: "sheet-dur-in";
|
|
9086
10330
|
readonly tier: "component";
|
|
9087
|
-
readonly type: "
|
|
10331
|
+
readonly type: "duration";
|
|
9088
10332
|
readonly group: "components";
|
|
9089
|
-
readonly value: "
|
|
10333
|
+
readonly value: "500ms";
|
|
9090
10334
|
}, {
|
|
9091
|
-
readonly name: "
|
|
10335
|
+
readonly name: "sheet-dur-out";
|
|
9092
10336
|
readonly tier: "component";
|
|
9093
|
-
readonly type: "
|
|
10337
|
+
readonly type: "duration";
|
|
9094
10338
|
readonly group: "components";
|
|
9095
|
-
readonly value: "
|
|
10339
|
+
readonly value: "280ms";
|
|
9096
10340
|
}, {
|
|
9097
|
-
readonly name: "
|
|
10341
|
+
readonly name: "toast-bg";
|
|
9098
10342
|
readonly tier: "component";
|
|
9099
|
-
readonly type: "
|
|
10343
|
+
readonly type: "color";
|
|
9100
10344
|
readonly group: "components";
|
|
9101
|
-
readonly value: "var(--iox-
|
|
10345
|
+
readonly value: "var(--iox-text)";
|
|
9102
10346
|
}, {
|
|
9103
|
-
readonly name: "
|
|
10347
|
+
readonly name: "toast-ink";
|
|
9104
10348
|
readonly tier: "component";
|
|
9105
10349
|
readonly type: "color";
|
|
9106
10350
|
readonly group: "components";
|
|
9107
|
-
readonly value: "var(--iox-
|
|
9108
|
-
readonly overridden: true;
|
|
10351
|
+
readonly value: "var(--iox-bg)";
|
|
9109
10352
|
}, {
|
|
9110
|
-
readonly name: "
|
|
10353
|
+
readonly name: "toast-radius";
|
|
9111
10354
|
readonly tier: "component";
|
|
9112
10355
|
readonly type: "radius";
|
|
9113
10356
|
readonly group: "components";
|
|
9114
|
-
readonly value: "var(--iox-radius-
|
|
10357
|
+
readonly value: "var(--iox-radius-md)";
|
|
9115
10358
|
}, {
|
|
9116
|
-
readonly name: "
|
|
10359
|
+
readonly name: "toast-shadow";
|
|
9117
10360
|
readonly tier: "component";
|
|
9118
10361
|
readonly type: "shadow";
|
|
9119
10362
|
readonly group: "components";
|
|
9120
|
-
readonly value: "var(--iox-shadow-lg)
|
|
9121
|
-
readonly overridden: true;
|
|
10363
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
9122
10364
|
}, {
|
|
9123
|
-
readonly name: "
|
|
10365
|
+
readonly name: "toast-ease";
|
|
9124
10366
|
readonly tier: "component";
|
|
9125
|
-
readonly type: "
|
|
10367
|
+
readonly type: "easing";
|
|
9126
10368
|
readonly group: "components";
|
|
9127
|
-
readonly value: "
|
|
9128
|
-
readonly overridden: true;
|
|
10369
|
+
readonly value: "ease";
|
|
9129
10370
|
}, {
|
|
9130
|
-
readonly name: "
|
|
10371
|
+
readonly name: "toast-dur-in";
|
|
9131
10372
|
readonly tier: "component";
|
|
9132
|
-
readonly type: "
|
|
10373
|
+
readonly type: "duration";
|
|
9133
10374
|
readonly group: "components";
|
|
9134
|
-
readonly value: "
|
|
10375
|
+
readonly value: "400ms";
|
|
9135
10376
|
}, {
|
|
9136
|
-
readonly name: "
|
|
10377
|
+
readonly name: "toast-dur-out";
|
|
9137
10378
|
readonly tier: "component";
|
|
9138
|
-
readonly type: "
|
|
10379
|
+
readonly type: "duration";
|
|
9139
10380
|
readonly group: "components";
|
|
9140
|
-
readonly value: "
|
|
9141
|
-
readonly overridden: true;
|
|
10381
|
+
readonly value: "220ms";
|
|
9142
10382
|
}, {
|
|
9143
|
-
readonly name: "dialog-
|
|
10383
|
+
readonly name: "dialog-edge";
|
|
9144
10384
|
readonly tier: "component";
|
|
9145
|
-
readonly type: "
|
|
10385
|
+
readonly type: "color";
|
|
9146
10386
|
readonly group: "components";
|
|
9147
|
-
readonly value: "var(--iox-
|
|
9148
|
-
readonly overridden: true;
|
|
10387
|
+
readonly value: "var(--iox-line)";
|
|
9149
10388
|
}, {
|
|
9150
10389
|
readonly name: "image-radius";
|
|
9151
10390
|
readonly tier: "component";
|
|
@@ -9188,6 +10427,36 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
9188
10427
|
readonly type: "keyword";
|
|
9189
10428
|
readonly group: "components";
|
|
9190
10429
|
readonly value: "underline 2px var(--iox-accent-text)";
|
|
10430
|
+
}, {
|
|
10431
|
+
readonly name: "link-underline-rest";
|
|
10432
|
+
readonly tier: "component";
|
|
10433
|
+
readonly type: "number";
|
|
10434
|
+
readonly group: "components";
|
|
10435
|
+
readonly value: "1";
|
|
10436
|
+
}, {
|
|
10437
|
+
readonly name: "link-underline-thickness";
|
|
10438
|
+
readonly tier: "component";
|
|
10439
|
+
readonly type: "size";
|
|
10440
|
+
readonly group: "components";
|
|
10441
|
+
readonly value: "max(1px, 0.06em)";
|
|
10442
|
+
}, {
|
|
10443
|
+
readonly name: "link-underline-offset";
|
|
10444
|
+
readonly tier: "component";
|
|
10445
|
+
readonly type: "size";
|
|
10446
|
+
readonly group: "components";
|
|
10447
|
+
readonly value: "0.12em";
|
|
10448
|
+
}, {
|
|
10449
|
+
readonly name: "link-current-underline";
|
|
10450
|
+
readonly tier: "component";
|
|
10451
|
+
readonly type: "color";
|
|
10452
|
+
readonly group: "components";
|
|
10453
|
+
readonly value: "var(--iox-accent-text)";
|
|
10454
|
+
}, {
|
|
10455
|
+
readonly name: "link-current-underline-thickness";
|
|
10456
|
+
readonly tier: "component";
|
|
10457
|
+
readonly type: "size";
|
|
10458
|
+
readonly group: "components";
|
|
10459
|
+
readonly value: "2px";
|
|
9191
10460
|
}, {
|
|
9192
10461
|
readonly name: "tabbar-bg";
|
|
9193
10462
|
readonly tier: "component";
|
|
@@ -9587,6 +10856,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
9587
10856
|
readonly type: "size";
|
|
9588
10857
|
readonly group: "components";
|
|
9589
10858
|
readonly value: "64px";
|
|
10859
|
+
}, {
|
|
10860
|
+
readonly name: "slider-ease";
|
|
10861
|
+
readonly tier: "component";
|
|
10862
|
+
readonly type: "easing";
|
|
10863
|
+
readonly group: "components";
|
|
10864
|
+
readonly value: "var(--iox-ease-standard)";
|
|
9590
10865
|
}];
|
|
9591
10866
|
}, {
|
|
9592
10867
|
readonly id: "bloom";
|
|
@@ -10259,6 +11534,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10259
11534
|
readonly type: "number";
|
|
10260
11535
|
readonly group: "motion";
|
|
10261
11536
|
readonly value: "0.97";
|
|
11537
|
+
}, {
|
|
11538
|
+
readonly name: "dur-hover";
|
|
11539
|
+
readonly tier: "semantic";
|
|
11540
|
+
readonly type: "duration";
|
|
11541
|
+
readonly group: "motion";
|
|
11542
|
+
readonly value: "150ms";
|
|
11543
|
+
}, {
|
|
11544
|
+
readonly name: "ease-hover";
|
|
11545
|
+
readonly tier: "semantic";
|
|
11546
|
+
readonly type: "easing";
|
|
11547
|
+
readonly group: "motion";
|
|
11548
|
+
readonly value: "ease";
|
|
11549
|
+
}, {
|
|
11550
|
+
readonly name: "dur-press";
|
|
11551
|
+
readonly tier: "semantic";
|
|
11552
|
+
readonly type: "duration";
|
|
11553
|
+
readonly group: "motion";
|
|
11554
|
+
readonly value: "100ms";
|
|
11555
|
+
}, {
|
|
11556
|
+
readonly name: "dur-ui";
|
|
11557
|
+
readonly tier: "semantic";
|
|
11558
|
+
readonly type: "duration";
|
|
11559
|
+
readonly group: "motion";
|
|
11560
|
+
readonly value: "280ms";
|
|
10262
11561
|
}, {
|
|
10263
11562
|
readonly name: "button-font";
|
|
10264
11563
|
readonly tier: "component";
|
|
@@ -10539,6 +11838,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10539
11838
|
readonly type: "effect";
|
|
10540
11839
|
readonly group: "components";
|
|
10541
11840
|
readonly value: "none";
|
|
11841
|
+
}, {
|
|
11842
|
+
readonly name: "card-shadow-raise";
|
|
11843
|
+
readonly tier: "component";
|
|
11844
|
+
readonly type: "shadow";
|
|
11845
|
+
readonly group: "components";
|
|
11846
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
10542
11847
|
}, {
|
|
10543
11848
|
readonly name: "panel-bg";
|
|
10544
11849
|
readonly tier: "component";
|
|
@@ -10654,49 +11959,229 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10654
11959
|
readonly tier: "component";
|
|
10655
11960
|
readonly type: "number";
|
|
10656
11961
|
readonly group: "components";
|
|
10657
|
-
readonly value: "var(--iox-weight-strong)";
|
|
11962
|
+
readonly value: "var(--iox-weight-strong)";
|
|
11963
|
+
}, {
|
|
11964
|
+
readonly name: "dialog-bg";
|
|
11965
|
+
readonly tier: "component";
|
|
11966
|
+
readonly type: "color";
|
|
11967
|
+
readonly group: "components";
|
|
11968
|
+
readonly value: "var(--iox-surface)";
|
|
11969
|
+
}, {
|
|
11970
|
+
readonly name: "dialog-radius";
|
|
11971
|
+
readonly tier: "component";
|
|
11972
|
+
readonly type: "radius";
|
|
11973
|
+
readonly group: "components";
|
|
11974
|
+
readonly value: "var(--iox-radius-xl)";
|
|
11975
|
+
}, {
|
|
11976
|
+
readonly name: "dialog-shadow";
|
|
11977
|
+
readonly tier: "component";
|
|
11978
|
+
readonly type: "shadow";
|
|
11979
|
+
readonly group: "components";
|
|
11980
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
11981
|
+
}, {
|
|
11982
|
+
readonly name: "dialog-backdrop";
|
|
11983
|
+
readonly tier: "component";
|
|
11984
|
+
readonly type: "effect";
|
|
11985
|
+
readonly group: "components";
|
|
11986
|
+
readonly value: "none";
|
|
11987
|
+
}, {
|
|
11988
|
+
readonly name: "dialog-pad";
|
|
11989
|
+
readonly tier: "component";
|
|
11990
|
+
readonly type: "spacing";
|
|
11991
|
+
readonly group: "components";
|
|
11992
|
+
readonly value: "var(--iox-space-pad)";
|
|
11993
|
+
}, {
|
|
11994
|
+
readonly name: "dialog-border";
|
|
11995
|
+
readonly tier: "component";
|
|
11996
|
+
readonly type: "color";
|
|
11997
|
+
readonly group: "components";
|
|
11998
|
+
readonly value: "transparent";
|
|
11999
|
+
}, {
|
|
12000
|
+
readonly name: "dialog-border-width";
|
|
12001
|
+
readonly tier: "component";
|
|
12002
|
+
readonly type: "size";
|
|
12003
|
+
readonly group: "components";
|
|
12004
|
+
readonly value: "0px";
|
|
12005
|
+
}, {
|
|
12006
|
+
readonly name: "tooltip-bg";
|
|
12007
|
+
readonly tier: "component";
|
|
12008
|
+
readonly type: "color";
|
|
12009
|
+
readonly group: "components";
|
|
12010
|
+
readonly value: "var(--iox-text)";
|
|
12011
|
+
}, {
|
|
12012
|
+
readonly name: "tooltip-ink";
|
|
12013
|
+
readonly tier: "component";
|
|
12014
|
+
readonly type: "color";
|
|
12015
|
+
readonly group: "components";
|
|
12016
|
+
readonly value: "var(--iox-bg)";
|
|
12017
|
+
}, {
|
|
12018
|
+
readonly name: "tooltip-radius";
|
|
12019
|
+
readonly tier: "component";
|
|
12020
|
+
readonly type: "radius";
|
|
12021
|
+
readonly group: "components";
|
|
12022
|
+
readonly value: "var(--iox-radius-xs)";
|
|
12023
|
+
}, {
|
|
12024
|
+
readonly name: "tooltip-shadow";
|
|
12025
|
+
readonly tier: "component";
|
|
12026
|
+
readonly type: "shadow";
|
|
12027
|
+
readonly group: "components";
|
|
12028
|
+
readonly value: "var(--iox-shadow-md)";
|
|
12029
|
+
}, {
|
|
12030
|
+
readonly name: "tooltip-size";
|
|
12031
|
+
readonly tier: "component";
|
|
12032
|
+
readonly type: "size";
|
|
12033
|
+
readonly group: "components";
|
|
12034
|
+
readonly value: "var(--iox-size-small)";
|
|
12035
|
+
}, {
|
|
12036
|
+
readonly name: "tooltip-scale";
|
|
12037
|
+
readonly tier: "component";
|
|
12038
|
+
readonly type: "number";
|
|
12039
|
+
readonly group: "components";
|
|
12040
|
+
readonly value: "0.97";
|
|
12041
|
+
}, {
|
|
12042
|
+
readonly name: "tooltip-ease";
|
|
12043
|
+
readonly tier: "component";
|
|
12044
|
+
readonly type: "easing";
|
|
12045
|
+
readonly group: "components";
|
|
12046
|
+
readonly value: "var(--iox-ease-enter)";
|
|
12047
|
+
}, {
|
|
12048
|
+
readonly name: "tooltip-dur-in";
|
|
12049
|
+
readonly tier: "component";
|
|
12050
|
+
readonly type: "duration";
|
|
12051
|
+
readonly group: "components";
|
|
12052
|
+
readonly value: "140ms";
|
|
12053
|
+
}, {
|
|
12054
|
+
readonly name: "tooltip-dur-out";
|
|
12055
|
+
readonly tier: "component";
|
|
12056
|
+
readonly type: "duration";
|
|
12057
|
+
readonly group: "components";
|
|
12058
|
+
readonly value: "90ms";
|
|
12059
|
+
}, {
|
|
12060
|
+
readonly name: "popover-bg";
|
|
12061
|
+
readonly tier: "component";
|
|
12062
|
+
readonly type: "color";
|
|
12063
|
+
readonly group: "components";
|
|
12064
|
+
readonly value: "var(--iox-surface)";
|
|
12065
|
+
}, {
|
|
12066
|
+
readonly name: "popover-border";
|
|
12067
|
+
readonly tier: "component";
|
|
12068
|
+
readonly type: "color";
|
|
12069
|
+
readonly group: "components";
|
|
12070
|
+
readonly value: "var(--iox-line)";
|
|
12071
|
+
}, {
|
|
12072
|
+
readonly name: "popover-border-width";
|
|
12073
|
+
readonly tier: "component";
|
|
12074
|
+
readonly type: "size";
|
|
12075
|
+
readonly group: "components";
|
|
12076
|
+
readonly value: "var(--iox-border-width)";
|
|
12077
|
+
}, {
|
|
12078
|
+
readonly name: "popover-radius";
|
|
12079
|
+
readonly tier: "component";
|
|
12080
|
+
readonly type: "radius";
|
|
12081
|
+
readonly group: "components";
|
|
12082
|
+
readonly value: "var(--iox-radius-lg)";
|
|
12083
|
+
}, {
|
|
12084
|
+
readonly name: "popover-shadow";
|
|
12085
|
+
readonly tier: "component";
|
|
12086
|
+
readonly type: "shadow";
|
|
12087
|
+
readonly group: "components";
|
|
12088
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
12089
|
+
}, {
|
|
12090
|
+
readonly name: "popover-pad";
|
|
12091
|
+
readonly tier: "component";
|
|
12092
|
+
readonly type: "spacing";
|
|
12093
|
+
readonly group: "components";
|
|
12094
|
+
readonly value: "var(--iox-space-pad)";
|
|
12095
|
+
}, {
|
|
12096
|
+
readonly name: "popover-scale";
|
|
12097
|
+
readonly tier: "component";
|
|
12098
|
+
readonly type: "number";
|
|
12099
|
+
readonly group: "components";
|
|
12100
|
+
readonly value: "0.95";
|
|
12101
|
+
}, {
|
|
12102
|
+
readonly name: "popover-ease";
|
|
12103
|
+
readonly tier: "component";
|
|
12104
|
+
readonly type: "easing";
|
|
12105
|
+
readonly group: "components";
|
|
12106
|
+
readonly value: "var(--iox-ease-enter)";
|
|
12107
|
+
}, {
|
|
12108
|
+
readonly name: "popover-dur-in";
|
|
12109
|
+
readonly tier: "component";
|
|
12110
|
+
readonly type: "duration";
|
|
12111
|
+
readonly group: "components";
|
|
12112
|
+
readonly value: "220ms";
|
|
12113
|
+
}, {
|
|
12114
|
+
readonly name: "popover-dur-out";
|
|
12115
|
+
readonly tier: "component";
|
|
12116
|
+
readonly type: "duration";
|
|
12117
|
+
readonly group: "components";
|
|
12118
|
+
readonly value: "150ms";
|
|
12119
|
+
}, {
|
|
12120
|
+
readonly name: "sheet-ease";
|
|
12121
|
+
readonly tier: "component";
|
|
12122
|
+
readonly type: "easing";
|
|
12123
|
+
readonly group: "components";
|
|
12124
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
12125
|
+
}, {
|
|
12126
|
+
readonly name: "sheet-dur-in";
|
|
12127
|
+
readonly tier: "component";
|
|
12128
|
+
readonly type: "duration";
|
|
12129
|
+
readonly group: "components";
|
|
12130
|
+
readonly value: "500ms";
|
|
12131
|
+
}, {
|
|
12132
|
+
readonly name: "sheet-dur-out";
|
|
12133
|
+
readonly tier: "component";
|
|
12134
|
+
readonly type: "duration";
|
|
12135
|
+
readonly group: "components";
|
|
12136
|
+
readonly value: "280ms";
|
|
12137
|
+
}, {
|
|
12138
|
+
readonly name: "toast-bg";
|
|
12139
|
+
readonly tier: "component";
|
|
12140
|
+
readonly type: "color";
|
|
12141
|
+
readonly group: "components";
|
|
12142
|
+
readonly value: "var(--iox-text)";
|
|
10658
12143
|
}, {
|
|
10659
|
-
readonly name: "
|
|
12144
|
+
readonly name: "toast-ink";
|
|
10660
12145
|
readonly tier: "component";
|
|
10661
12146
|
readonly type: "color";
|
|
10662
12147
|
readonly group: "components";
|
|
10663
|
-
readonly value: "var(--iox-
|
|
12148
|
+
readonly value: "var(--iox-bg)";
|
|
10664
12149
|
}, {
|
|
10665
|
-
readonly name: "
|
|
12150
|
+
readonly name: "toast-radius";
|
|
10666
12151
|
readonly tier: "component";
|
|
10667
12152
|
readonly type: "radius";
|
|
10668
12153
|
readonly group: "components";
|
|
10669
|
-
readonly value: "var(--iox-radius-
|
|
12154
|
+
readonly value: "var(--iox-radius-md)";
|
|
10670
12155
|
}, {
|
|
10671
|
-
readonly name: "
|
|
12156
|
+
readonly name: "toast-shadow";
|
|
10672
12157
|
readonly tier: "component";
|
|
10673
12158
|
readonly type: "shadow";
|
|
10674
12159
|
readonly group: "components";
|
|
10675
12160
|
readonly value: "var(--iox-shadow-lg)";
|
|
10676
12161
|
}, {
|
|
10677
|
-
readonly name: "
|
|
12162
|
+
readonly name: "toast-ease";
|
|
10678
12163
|
readonly tier: "component";
|
|
10679
|
-
readonly type: "
|
|
12164
|
+
readonly type: "easing";
|
|
10680
12165
|
readonly group: "components";
|
|
10681
|
-
readonly value: "
|
|
12166
|
+
readonly value: "ease";
|
|
10682
12167
|
}, {
|
|
10683
|
-
readonly name: "
|
|
12168
|
+
readonly name: "toast-dur-in";
|
|
10684
12169
|
readonly tier: "component";
|
|
10685
|
-
readonly type: "
|
|
12170
|
+
readonly type: "duration";
|
|
10686
12171
|
readonly group: "components";
|
|
10687
|
-
readonly value: "
|
|
12172
|
+
readonly value: "400ms";
|
|
10688
12173
|
}, {
|
|
10689
|
-
readonly name: "
|
|
12174
|
+
readonly name: "toast-dur-out";
|
|
10690
12175
|
readonly tier: "component";
|
|
10691
|
-
readonly type: "
|
|
12176
|
+
readonly type: "duration";
|
|
10692
12177
|
readonly group: "components";
|
|
10693
|
-
readonly value: "
|
|
12178
|
+
readonly value: "220ms";
|
|
10694
12179
|
}, {
|
|
10695
|
-
readonly name: "dialog-
|
|
12180
|
+
readonly name: "dialog-edge";
|
|
10696
12181
|
readonly tier: "component";
|
|
10697
|
-
readonly type: "
|
|
12182
|
+
readonly type: "color";
|
|
10698
12183
|
readonly group: "components";
|
|
10699
|
-
readonly value: "
|
|
12184
|
+
readonly value: "var(--iox-line)";
|
|
10700
12185
|
}, {
|
|
10701
12186
|
readonly name: "image-radius";
|
|
10702
12187
|
readonly tier: "component";
|
|
@@ -10739,6 +12224,36 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
10739
12224
|
readonly type: "keyword";
|
|
10740
12225
|
readonly group: "components";
|
|
10741
12226
|
readonly value: "underline 2px var(--iox-accent-text)";
|
|
12227
|
+
}, {
|
|
12228
|
+
readonly name: "link-underline-rest";
|
|
12229
|
+
readonly tier: "component";
|
|
12230
|
+
readonly type: "number";
|
|
12231
|
+
readonly group: "components";
|
|
12232
|
+
readonly value: "1";
|
|
12233
|
+
}, {
|
|
12234
|
+
readonly name: "link-underline-thickness";
|
|
12235
|
+
readonly tier: "component";
|
|
12236
|
+
readonly type: "size";
|
|
12237
|
+
readonly group: "components";
|
|
12238
|
+
readonly value: "max(1px, 0.06em)";
|
|
12239
|
+
}, {
|
|
12240
|
+
readonly name: "link-underline-offset";
|
|
12241
|
+
readonly tier: "component";
|
|
12242
|
+
readonly type: "size";
|
|
12243
|
+
readonly group: "components";
|
|
12244
|
+
readonly value: "0.12em";
|
|
12245
|
+
}, {
|
|
12246
|
+
readonly name: "link-current-underline";
|
|
12247
|
+
readonly tier: "component";
|
|
12248
|
+
readonly type: "color";
|
|
12249
|
+
readonly group: "components";
|
|
12250
|
+
readonly value: "var(--iox-accent-text)";
|
|
12251
|
+
}, {
|
|
12252
|
+
readonly name: "link-current-underline-thickness";
|
|
12253
|
+
readonly tier: "component";
|
|
12254
|
+
readonly type: "size";
|
|
12255
|
+
readonly group: "components";
|
|
12256
|
+
readonly value: "2px";
|
|
10742
12257
|
}, {
|
|
10743
12258
|
readonly name: "tabbar-bg";
|
|
10744
12259
|
readonly tier: "component";
|
|
@@ -11132,6 +12647,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
11132
12647
|
readonly type: "size";
|
|
11133
12648
|
readonly group: "components";
|
|
11134
12649
|
readonly value: "64px";
|
|
12650
|
+
}, {
|
|
12651
|
+
readonly name: "slider-ease";
|
|
12652
|
+
readonly tier: "component";
|
|
12653
|
+
readonly type: "easing";
|
|
12654
|
+
readonly group: "components";
|
|
12655
|
+
readonly value: "var(--iox-ease-standard)";
|
|
11135
12656
|
}];
|
|
11136
12657
|
}, {
|
|
11137
12658
|
readonly id: "pop";
|
|
@@ -11797,6 +13318,30 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
11797
13318
|
readonly type: "number";
|
|
11798
13319
|
readonly group: "motion";
|
|
11799
13320
|
readonly value: "0.97";
|
|
13321
|
+
}, {
|
|
13322
|
+
readonly name: "dur-hover";
|
|
13323
|
+
readonly tier: "semantic";
|
|
13324
|
+
readonly type: "duration";
|
|
13325
|
+
readonly group: "motion";
|
|
13326
|
+
readonly value: "80ms";
|
|
13327
|
+
}, {
|
|
13328
|
+
readonly name: "ease-hover";
|
|
13329
|
+
readonly tier: "semantic";
|
|
13330
|
+
readonly type: "easing";
|
|
13331
|
+
readonly group: "motion";
|
|
13332
|
+
readonly value: "ease";
|
|
13333
|
+
}, {
|
|
13334
|
+
readonly name: "dur-press";
|
|
13335
|
+
readonly tier: "semantic";
|
|
13336
|
+
readonly type: "duration";
|
|
13337
|
+
readonly group: "motion";
|
|
13338
|
+
readonly value: "60ms";
|
|
13339
|
+
}, {
|
|
13340
|
+
readonly name: "dur-ui";
|
|
13341
|
+
readonly tier: "semantic";
|
|
13342
|
+
readonly type: "duration";
|
|
13343
|
+
readonly group: "motion";
|
|
13344
|
+
readonly value: "140ms";
|
|
11800
13345
|
}, {
|
|
11801
13346
|
readonly name: "button-font";
|
|
11802
13347
|
readonly tier: "component";
|
|
@@ -12086,6 +13631,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
12086
13631
|
readonly type: "effect";
|
|
12087
13632
|
readonly group: "components";
|
|
12088
13633
|
readonly value: "none";
|
|
13634
|
+
}, {
|
|
13635
|
+
readonly name: "card-shadow-raise";
|
|
13636
|
+
readonly tier: "component";
|
|
13637
|
+
readonly type: "shadow";
|
|
13638
|
+
readonly group: "components";
|
|
13639
|
+
readonly value: "var(--iox-card-shadow-hover)";
|
|
12089
13640
|
}, {
|
|
12090
13641
|
readonly name: "panel-bg";
|
|
12091
13642
|
readonly tier: "component";
|
|
@@ -12248,6 +13799,186 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
12248
13799
|
readonly group: "components";
|
|
12249
13800
|
readonly value: "var(--iox-border-width)";
|
|
12250
13801
|
readonly overridden: true;
|
|
13802
|
+
}, {
|
|
13803
|
+
readonly name: "tooltip-bg";
|
|
13804
|
+
readonly tier: "component";
|
|
13805
|
+
readonly type: "color";
|
|
13806
|
+
readonly group: "components";
|
|
13807
|
+
readonly value: "var(--iox-text)";
|
|
13808
|
+
}, {
|
|
13809
|
+
readonly name: "tooltip-ink";
|
|
13810
|
+
readonly tier: "component";
|
|
13811
|
+
readonly type: "color";
|
|
13812
|
+
readonly group: "components";
|
|
13813
|
+
readonly value: "var(--iox-bg)";
|
|
13814
|
+
}, {
|
|
13815
|
+
readonly name: "tooltip-radius";
|
|
13816
|
+
readonly tier: "component";
|
|
13817
|
+
readonly type: "radius";
|
|
13818
|
+
readonly group: "components";
|
|
13819
|
+
readonly value: "var(--iox-radius-xs)";
|
|
13820
|
+
}, {
|
|
13821
|
+
readonly name: "tooltip-shadow";
|
|
13822
|
+
readonly tier: "component";
|
|
13823
|
+
readonly type: "shadow";
|
|
13824
|
+
readonly group: "components";
|
|
13825
|
+
readonly value: "var(--iox-shadow-md)";
|
|
13826
|
+
}, {
|
|
13827
|
+
readonly name: "tooltip-size";
|
|
13828
|
+
readonly tier: "component";
|
|
13829
|
+
readonly type: "size";
|
|
13830
|
+
readonly group: "components";
|
|
13831
|
+
readonly value: "var(--iox-size-small)";
|
|
13832
|
+
}, {
|
|
13833
|
+
readonly name: "tooltip-scale";
|
|
13834
|
+
readonly tier: "component";
|
|
13835
|
+
readonly type: "number";
|
|
13836
|
+
readonly group: "components";
|
|
13837
|
+
readonly value: "0.97";
|
|
13838
|
+
}, {
|
|
13839
|
+
readonly name: "tooltip-ease";
|
|
13840
|
+
readonly tier: "component";
|
|
13841
|
+
readonly type: "easing";
|
|
13842
|
+
readonly group: "components";
|
|
13843
|
+
readonly value: "var(--iox-ease-enter)";
|
|
13844
|
+
}, {
|
|
13845
|
+
readonly name: "tooltip-dur-in";
|
|
13846
|
+
readonly tier: "component";
|
|
13847
|
+
readonly type: "duration";
|
|
13848
|
+
readonly group: "components";
|
|
13849
|
+
readonly value: "100ms";
|
|
13850
|
+
}, {
|
|
13851
|
+
readonly name: "tooltip-dur-out";
|
|
13852
|
+
readonly tier: "component";
|
|
13853
|
+
readonly type: "duration";
|
|
13854
|
+
readonly group: "components";
|
|
13855
|
+
readonly value: "70ms";
|
|
13856
|
+
}, {
|
|
13857
|
+
readonly name: "popover-bg";
|
|
13858
|
+
readonly tier: "component";
|
|
13859
|
+
readonly type: "color";
|
|
13860
|
+
readonly group: "components";
|
|
13861
|
+
readonly value: "var(--iox-surface)";
|
|
13862
|
+
}, {
|
|
13863
|
+
readonly name: "popover-border";
|
|
13864
|
+
readonly tier: "component";
|
|
13865
|
+
readonly type: "color";
|
|
13866
|
+
readonly group: "components";
|
|
13867
|
+
readonly value: "var(--iox-line)";
|
|
13868
|
+
}, {
|
|
13869
|
+
readonly name: "popover-border-width";
|
|
13870
|
+
readonly tier: "component";
|
|
13871
|
+
readonly type: "size";
|
|
13872
|
+
readonly group: "components";
|
|
13873
|
+
readonly value: "var(--iox-border-width)";
|
|
13874
|
+
}, {
|
|
13875
|
+
readonly name: "popover-radius";
|
|
13876
|
+
readonly tier: "component";
|
|
13877
|
+
readonly type: "radius";
|
|
13878
|
+
readonly group: "components";
|
|
13879
|
+
readonly value: "var(--iox-radius-lg)";
|
|
13880
|
+
}, {
|
|
13881
|
+
readonly name: "popover-shadow";
|
|
13882
|
+
readonly tier: "component";
|
|
13883
|
+
readonly type: "shadow";
|
|
13884
|
+
readonly group: "components";
|
|
13885
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
13886
|
+
}, {
|
|
13887
|
+
readonly name: "popover-pad";
|
|
13888
|
+
readonly tier: "component";
|
|
13889
|
+
readonly type: "spacing";
|
|
13890
|
+
readonly group: "components";
|
|
13891
|
+
readonly value: "var(--iox-space-pad)";
|
|
13892
|
+
}, {
|
|
13893
|
+
readonly name: "popover-scale";
|
|
13894
|
+
readonly tier: "component";
|
|
13895
|
+
readonly type: "number";
|
|
13896
|
+
readonly group: "components";
|
|
13897
|
+
readonly value: "0.95";
|
|
13898
|
+
}, {
|
|
13899
|
+
readonly name: "popover-ease";
|
|
13900
|
+
readonly tier: "component";
|
|
13901
|
+
readonly type: "easing";
|
|
13902
|
+
readonly group: "components";
|
|
13903
|
+
readonly value: "var(--iox-ease-enter)";
|
|
13904
|
+
}, {
|
|
13905
|
+
readonly name: "popover-dur-in";
|
|
13906
|
+
readonly tier: "component";
|
|
13907
|
+
readonly type: "duration";
|
|
13908
|
+
readonly group: "components";
|
|
13909
|
+
readonly value: "160ms";
|
|
13910
|
+
}, {
|
|
13911
|
+
readonly name: "popover-dur-out";
|
|
13912
|
+
readonly tier: "component";
|
|
13913
|
+
readonly type: "duration";
|
|
13914
|
+
readonly group: "components";
|
|
13915
|
+
readonly value: "110ms";
|
|
13916
|
+
}, {
|
|
13917
|
+
readonly name: "sheet-ease";
|
|
13918
|
+
readonly tier: "component";
|
|
13919
|
+
readonly type: "easing";
|
|
13920
|
+
readonly group: "components";
|
|
13921
|
+
readonly value: "cubic-bezier(0.32, 0.72, 0, 1)";
|
|
13922
|
+
}, {
|
|
13923
|
+
readonly name: "sheet-dur-in";
|
|
13924
|
+
readonly tier: "component";
|
|
13925
|
+
readonly type: "duration";
|
|
13926
|
+
readonly group: "components";
|
|
13927
|
+
readonly value: "400ms";
|
|
13928
|
+
}, {
|
|
13929
|
+
readonly name: "sheet-dur-out";
|
|
13930
|
+
readonly tier: "component";
|
|
13931
|
+
readonly type: "duration";
|
|
13932
|
+
readonly group: "components";
|
|
13933
|
+
readonly value: "240ms";
|
|
13934
|
+
}, {
|
|
13935
|
+
readonly name: "toast-bg";
|
|
13936
|
+
readonly tier: "component";
|
|
13937
|
+
readonly type: "color";
|
|
13938
|
+
readonly group: "components";
|
|
13939
|
+
readonly value: "var(--iox-text)";
|
|
13940
|
+
}, {
|
|
13941
|
+
readonly name: "toast-ink";
|
|
13942
|
+
readonly tier: "component";
|
|
13943
|
+
readonly type: "color";
|
|
13944
|
+
readonly group: "components";
|
|
13945
|
+
readonly value: "var(--iox-bg)";
|
|
13946
|
+
}, {
|
|
13947
|
+
readonly name: "toast-radius";
|
|
13948
|
+
readonly tier: "component";
|
|
13949
|
+
readonly type: "radius";
|
|
13950
|
+
readonly group: "components";
|
|
13951
|
+
readonly value: "var(--iox-radius-md)";
|
|
13952
|
+
}, {
|
|
13953
|
+
readonly name: "toast-shadow";
|
|
13954
|
+
readonly tier: "component";
|
|
13955
|
+
readonly type: "shadow";
|
|
13956
|
+
readonly group: "components";
|
|
13957
|
+
readonly value: "var(--iox-shadow-lg)";
|
|
13958
|
+
}, {
|
|
13959
|
+
readonly name: "toast-ease";
|
|
13960
|
+
readonly tier: "component";
|
|
13961
|
+
readonly type: "easing";
|
|
13962
|
+
readonly group: "components";
|
|
13963
|
+
readonly value: "ease";
|
|
13964
|
+
}, {
|
|
13965
|
+
readonly name: "toast-dur-in";
|
|
13966
|
+
readonly tier: "component";
|
|
13967
|
+
readonly type: "duration";
|
|
13968
|
+
readonly group: "components";
|
|
13969
|
+
readonly value: "320ms";
|
|
13970
|
+
}, {
|
|
13971
|
+
readonly name: "toast-dur-out";
|
|
13972
|
+
readonly tier: "component";
|
|
13973
|
+
readonly type: "duration";
|
|
13974
|
+
readonly group: "components";
|
|
13975
|
+
readonly value: "180ms";
|
|
13976
|
+
}, {
|
|
13977
|
+
readonly name: "dialog-edge";
|
|
13978
|
+
readonly tier: "component";
|
|
13979
|
+
readonly type: "color";
|
|
13980
|
+
readonly group: "components";
|
|
13981
|
+
readonly value: "var(--iox-line)";
|
|
12251
13982
|
}, {
|
|
12252
13983
|
readonly name: "image-radius";
|
|
12253
13984
|
readonly tier: "component";
|
|
@@ -12292,6 +14023,36 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
12292
14023
|
readonly type: "keyword";
|
|
12293
14024
|
readonly group: "components";
|
|
12294
14025
|
readonly value: "underline 2px var(--iox-accent-text)";
|
|
14026
|
+
}, {
|
|
14027
|
+
readonly name: "link-underline-rest";
|
|
14028
|
+
readonly tier: "component";
|
|
14029
|
+
readonly type: "number";
|
|
14030
|
+
readonly group: "components";
|
|
14031
|
+
readonly value: "1";
|
|
14032
|
+
}, {
|
|
14033
|
+
readonly name: "link-underline-thickness";
|
|
14034
|
+
readonly tier: "component";
|
|
14035
|
+
readonly type: "size";
|
|
14036
|
+
readonly group: "components";
|
|
14037
|
+
readonly value: "max(1px, 0.06em)";
|
|
14038
|
+
}, {
|
|
14039
|
+
readonly name: "link-underline-offset";
|
|
14040
|
+
readonly tier: "component";
|
|
14041
|
+
readonly type: "size";
|
|
14042
|
+
readonly group: "components";
|
|
14043
|
+
readonly value: "0.12em";
|
|
14044
|
+
}, {
|
|
14045
|
+
readonly name: "link-current-underline";
|
|
14046
|
+
readonly tier: "component";
|
|
14047
|
+
readonly type: "color";
|
|
14048
|
+
readonly group: "components";
|
|
14049
|
+
readonly value: "var(--iox-accent-text)";
|
|
14050
|
+
}, {
|
|
14051
|
+
readonly name: "link-current-underline-thickness";
|
|
14052
|
+
readonly tier: "component";
|
|
14053
|
+
readonly type: "size";
|
|
14054
|
+
readonly group: "components";
|
|
14055
|
+
readonly value: "2px";
|
|
12295
14056
|
}, {
|
|
12296
14057
|
readonly name: "tabbar-bg";
|
|
12297
14058
|
readonly tier: "component";
|
|
@@ -12690,6 +14451,12 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
|
|
|
12690
14451
|
readonly type: "size";
|
|
12691
14452
|
readonly group: "components";
|
|
12692
14453
|
readonly value: "64px";
|
|
14454
|
+
}, {
|
|
14455
|
+
readonly name: "slider-ease";
|
|
14456
|
+
readonly tier: "component";
|
|
14457
|
+
readonly type: "easing";
|
|
14458
|
+
readonly group: "components";
|
|
14459
|
+
readonly value: "var(--iox-ease-standard)";
|
|
12693
14460
|
}];
|
|
12694
14461
|
}];
|
|
12695
14462
|
declare const SPEC_CONTRAST: {
|
|
@@ -13244,17 +15011,76 @@ declare function compileTokenCss(tokens: ReadonlyArray<DesignTokenLike> | null |
|
|
|
13244
15011
|
|
|
13245
15012
|
/** The token the browser's own chrome takes its colour from: the page's ground. */
|
|
13246
15013
|
declare const THEME_COLOR_TOKEN = "bg";
|
|
15014
|
+
/** …or the header's ground, when a header stays at the top of the screen (premium components T2, M4). */
|
|
15015
|
+
declare const HEADER_THEME_COLOR_TOKEN = "nav-bg";
|
|
13247
15016
|
interface ThemeColors {
|
|
13248
15017
|
light?: string;
|
|
13249
15018
|
dark?: string;
|
|
13250
15019
|
}
|
|
15020
|
+
interface ThemeColorOptions {
|
|
15021
|
+
/** A header stays at the top of the screen (it stays, or hides and comes back): the browser's chrome meets the
|
|
15022
|
+
* HEADER, so it takes the header's ground when that is a solid colour (a translucent one falls back to the page's). */
|
|
15023
|
+
header?: boolean;
|
|
15024
|
+
}
|
|
13251
15025
|
/**
|
|
13252
15026
|
* The `theme-color` the browser's chrome takes per colour scheme (premium components G15 — mobile-native M10): the
|
|
13253
15027
|
* page's ground in each mode the site shows, resolved through the org's rows. A light or dark site answers its one
|
|
13254
15028
|
* mode; `auto` answers both (the engine writes them with `media="(prefers-color-scheme: …)"`). A value that is not a
|
|
13255
15029
|
* solid colour answers nothing — the browser keeps its own.
|
|
13256
15030
|
*/
|
|
13257
|
-
declare function themeColors(rows: ReadonlyArray<DesignTokenLike> | null | undefined, mode?: DesignMode | string | null | undefined): ThemeColors;
|
|
15031
|
+
declare function themeColors(rows: ReadonlyArray<DesignTokenLike> | null | undefined, mode?: DesignMode | string | null | undefined, options?: ThemeColorOptions): ThemeColors;
|
|
15032
|
+
|
|
15033
|
+
/**
|
|
15034
|
+
* How a site's header behaves as the page scrolls (premium components T2, M4). Two traits on the header's ROOT (the
|
|
15035
|
+
* Navigation bar, generation-core `NavRole.Root`) — edited in its "Header" section, stamped by the composer from a
|
|
15036
|
+
* `nav.*` pattern's `header` — and ONE answer every renderer applies: the attributes below, which the shared CSS
|
|
15037
|
+
* (`iox-design.css`) and the header runtime (`HeaderRuntime`, main entry) read. A header with neither trait renders
|
|
15038
|
+
* exactly as before (it scrolls away with the page, its divider line as its look draws it).
|
|
15039
|
+
*
|
|
15040
|
+
* Framework-free: the composer (generation-core) and both renderers read it.
|
|
15041
|
+
*/
|
|
15042
|
+
declare enum HeaderBehaviour {
|
|
15043
|
+
/** It scrolls away with the page (the default; what every header saved before M4 does). */
|
|
15044
|
+
Scrolls = "scrolls",
|
|
15045
|
+
/** It stays at the top while the page scrolls under it. */
|
|
15046
|
+
Stays = "stays",
|
|
15047
|
+
/** It steps aside while the page scrolls down and comes back the moment it scrolls up. */
|
|
15048
|
+
Hides = "hides"
|
|
15049
|
+
}
|
|
15050
|
+
/** What separates the header from the page once the page has moved under it (Emil 99: an edge, not a divider). */
|
|
15051
|
+
declare enum HeaderEdge {
|
|
15052
|
+
/** A soft fade of the header's own ground over the content under it. */
|
|
15053
|
+
Fade = "fade",
|
|
15054
|
+
/** A hairline in the header's border colour. */
|
|
15055
|
+
Line = "line",
|
|
15056
|
+
None = "none"
|
|
15057
|
+
}
|
|
15058
|
+
/** The traits, stored in the root's props (no default: a plain Container saves neither). */
|
|
15059
|
+
declare enum HeaderTrait {
|
|
15060
|
+
Behaviour = "headerBehaviour",
|
|
15061
|
+
Edge = "headerEdge"
|
|
15062
|
+
}
|
|
15063
|
+
declare enum HeaderAttribute {
|
|
15064
|
+
/** `stays` | `hides` on a header that stays at the top. Absent: it scrolls away. */
|
|
15065
|
+
Behaviour = "data-iox-header",
|
|
15066
|
+
/** `fade` | `line` | `none`: the edge it shows once the page has scrolled. Absent: its look's own divider stays. */
|
|
15067
|
+
Edge = "data-iox-header-edge",
|
|
15068
|
+
/** Written by the header runtime while a `hides` header has stepped aside. */
|
|
15069
|
+
Hidden = "data-iox-header-hidden"
|
|
15070
|
+
}
|
|
15071
|
+
/** What a composed header gets (the `nav.*` patterns' `header`, the palette's Navigation bar). */
|
|
15072
|
+
declare const COMPOSED_HEADER: Readonly<{
|
|
15073
|
+
behaviour: HeaderBehaviour;
|
|
15074
|
+
edge: HeaderEdge;
|
|
15075
|
+
}>;
|
|
15076
|
+
/** A stored behaviour, or Scrolls for anything else. */
|
|
15077
|
+
declare function headerBehaviourOf(value: unknown): HeaderBehaviour;
|
|
15078
|
+
/** A stored edge, or null (none chosen: the look's divider stays as it is). */
|
|
15079
|
+
declare function headerEdgeOf(value: unknown): HeaderEdge | null;
|
|
15080
|
+
/** True when the header keeps its place at the top of the screen (it stays, or it hides and comes back). */
|
|
15081
|
+
declare function headerStaysAtTop(behaviour: unknown): boolean;
|
|
15082
|
+
/** The attributes a header renders, from its two trait values — `{}` for a header that keeps today's behaviour. */
|
|
15083
|
+
declare function headerAttributes(behaviour: unknown, edge: unknown): Record<string, string>;
|
|
13258
15084
|
|
|
13259
15085
|
/**
|
|
13260
15086
|
* Flavors v1 (flavors-and-theming-plan.md, F1–F2): a pack is its TOKENS plus the accent hue
|
|
@@ -14675,5 +16501,5 @@ declare function presetChoices(id: string, mode?: DesignMode): DesignChoices | n
|
|
|
14675
16501
|
*/
|
|
14676
16502
|
declare function stylePresetOfChoices(choices: DesignChoices | null | undefined): StylePreset | undefined;
|
|
14677
16503
|
|
|
14678
|
-
export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HELD_CONTRAST, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
|
|
14679
|
-
export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, AnimateId, ApplyElementStyleResult, BetweenId, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignMotion, DesignRevertSnapshot, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MoodId, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, PresetMode, ResolvedMode, Rgb, Rgba, SchemeId, ScriptId, ScrollId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StaggerSpec, StoredDesign, StoredDesignTokenRow, StylePreset, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, ThemeColors, TimedAction, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };
|
|
16504
|
+
export { ACCENT_TOKEN_NAMES, ANIMATE_IDS, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, BETWEEN_IDS, BOTTOM_BAR_STYLE, BUTTON_VARIANT_TO_STYLE, CANVAS_LINK_ATTRIBUTE, CARD_LINK_CLASS, COLOR_SCHEMES, COLOR_SCHEME_TRAIT, COLOR_SCHEME_TYPES, COMPOSED_HEADER, ColorScheme, ColourCheckId, DEFAULT_FLAVOR_ID, DESIGN_TOKEN_GROUPS, DESIGN_TOKEN_TIERS, DESIGN_TOKEN_TYPES, DesignConfigKey, ELEMENT_STYLES, ELEMENT_STYLE_MARKER_CLASS, ELEMENT_STYLE_STATES, EMPTY_IMAGE_ATTRIBUTE, EMPTY_IMAGE_SRC, ElementStyleState, EntranceParam, FLAVOR_SPEC_VERSION, FONT_CATALOG, FONT_FAMILY_TOKENS, FONT_FILE_ACCEPT, FONT_FILE_EXTENSIONS, FONT_FILE_FORMATS, FONT_STYLES, FONT_WEIGHTS, FontUploadError, GOOGLE_FONTS_CSS_ORIGIN, GOOGLE_FONTS_FILE_ORIGIN, HEADER_THEME_COLOR_TOKEN, HELD_CONTRAST, HeaderAttribute, HeaderBehaviour, HeaderEdge, HeaderTrait, INHERITED_TEXT, LinkType, MAX_FONT_FILE_BYTES, MOOD_IDS, MOOD_LABELS, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_MOTION, PRE_TINT_DEFAULT, REDUCED_DESIGN_MOTION, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, ROW_INDEX_ATTRIBUTE, SCHEME_INK, SCROLL_IDS, SPEC_A11Y, SPEC_AXES, SPEC_BUTTON_VARIANT_TO_STYLE, SPEC_CONTRAST, SPEC_CONTRAST_AUDIT, SPEC_DEFAULT_ELEMENT_STYLE, SPEC_ELEMENT_STYLES, SPEC_FIELD_CLASS_BASELINE, SPEC_FLAVORS, SPEC_FLAVOR_PACKS, SPEC_FLOATING_BASELINE, SPEC_FONTS, SPEC_FONT_ROLES, SPEC_INK_SCOPES, SPEC_LEGACY_ALIASES, SPEC_MOODS, SPEC_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SCRIPTS, SPEC_SPRINGS, SPEC_STYLE_PRESETS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, STAGGER_MAX_ITEMS, STAGGER_SHRINK, STYLE_PRESETS, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, THEME_COLOR_TOKEN, TINT_FULL_CHROMA, TINT_IDS, TINT_LEVELS, TINT_OWN_HUE_CHROMA, TINT_TURN_CHROMA, USER_TOKEN_SOURCE, WCAG_AA_TEXT, WCAG_AA_UI, adoptElementStyles, adoptionStyleFor, apcaLc, applyElementStyle, applyHeadingLevelRule, atLightness, atLightnessMaxChroma, auditDesignContrast, barReserveClass, buildFlavorTokens, buildFontFaceCss, buttonBlockHref, catalogFontId, checkFontWeight, choicesForPack, colorSchemeClass, colorSchemeOf, colourTabChecks, compareFontWeights, compileSchemeCss, compileTokenCss, compileTokenCssBlocks, compositeOver, cssString, defaultDesignChoices, defaultElementStyleFor, deriveAccentTokens, deriveBrandTokens, designApplySnapshot, designBaseline, designConfigEntries, designModeOf, designMotionOf, designRevertConfig, designTokenRepairs, designTokenRows, drawsScript, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, entranceDelay, flavorColours, flavorPackById, flavorSeedWrites, flavorSourceStamp, fontFamilyKey, fontFileName, fontFileStem, fontFormatOf, fontPreloads, fontRoleReferences, fontStackWithout, fontWeightCovers, fontWeightRange, fontWeightValue, fontsForTokens, formatFontFamilies, formatFontFamily, formatFontWeight, googleFontHref, groupFontFamilies, hasElementStyleMarker, headerAttributes, headerBehaviourOf, headerEdgeOf, headerStaysAtTop, headingHref, inSrgbGamut, isDesignTokenGroup, isDesignTokenTier, isDesignTokenType, isFontWeightRange, isRetiredFlavorId, legacyDesignTokenRows, legacyFlavorTokens, legacyRuleTokenReferences, matchFontWeight, missingDesignRows, missingFontRoles, nodeDesignClasses, normalizeFontStyle, normalizeFontWeight, normalizeFontWeightValue, oklabToRgb, ownedTraitStatus, ownedTraitsOf, packDesignChoices, paintColours, parseCssColour, parseFontFamilies, parseFontWeight, parseHexColor, planDesignApply, planDesignRevert, planFlavorRevert, planFlavorSeed, planFontFamilyRemoval, planSwissMigration, preTintAccentGrounds, presetChoices, presetModes, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, repeatedRowIndex, resolveDesignChoices, resolveDesignMotion, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, scriptsForLocale, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, staggerDelay, styleKeyToKebab, stylePresetById, stylePresetOfChoices, switchElementStyle, syncNodeDesignClasses, themeColors, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, withoutScriptPartners, writeOwnedTrait };
|
|
16505
|
+
export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, AnimateId, ApplyElementStyleResult, BetweenId, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, DesignMotion, DesignRevertSnapshot, DesignTokenGroup, DesignTokenLike, DesignTokenRow, DesignTokenTier, DesignTokenType, ElementStyle, ElementStyleTarget, ElementStyleTraitLike, FlavorColours, FlavorPack, FlavorPackV2, FlavorPalette, FlavorRevertPlan, FlavorRevertSnapshot, FlavorRevertWrite, FlavorSeedOptions, FlavorSeedPlan, FlavorSpecToken, FlavorTintConfig, FlavorTokenDef, FontDescriptor, FontFamilyGroup, FontFamilyRemoval, FontFamilyToken, FontFormat, FontPair, FontRoleToken, FontStyle, FontWeight, FontWeightRange, FontsForTokensOptions, KeptEdit, LinearSpring, MissingFontRole, MoodId, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, PresetMode, ResolvedMode, Rgb, Rgba, SchemeId, ScriptId, ScrollId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StaggerSpec, StoredDesign, StoredDesignTokenRow, StylePreset, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, ThemeColorOptions, ThemeColors, TimedAction, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };
|