@vectoriox/iox-ui 5.37.0 → 5.39.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.
Files changed (45) hide show
  1. package/actions-core/index.d.ts +6 -1
  2. package/composite-core/index.d.ts +684 -28
  3. package/design-core/index.d.ts +452 -6
  4. package/fesm2022/vectoriox-iox-ui-actions-core.mjs +12 -4
  5. package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
  6. package/fesm2022/vectoriox-iox-ui-composite-core.mjs +1761 -143
  7. package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
  8. package/fesm2022/vectoriox-iox-ui-design-core.mjs +555 -6
  9. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  10. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +534 -12
  11. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  12. package/fesm2022/vectoriox-iox-ui-media-core.mjs +571 -0
  13. package/fesm2022/vectoriox-iox-ui-media-core.mjs.map +1 -0
  14. package/fesm2022/vectoriox-iox-ui.mjs +494 -127
  15. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  16. package/generation-core/index.d.ts +210 -4
  17. package/index.d.ts +217 -30
  18. package/media-core/index.d.ts +277 -0
  19. package/media-core/package.json +3 -0
  20. package/package.json +5 -1
  21. package/src/actions-core/element-actions.ts +12 -3
  22. package/src/composite-core/accordion-runtime.ts +3 -15
  23. package/src/composite-core/accordion.ts +4 -2
  24. package/src/composite-core/composite-kinds.ts +121 -7
  25. package/src/composite-core/composite-node.ts +4 -0
  26. package/src/composite-core/composite-runtime.ts +68 -0
  27. package/src/composite-core/exclusive-runtime.ts +358 -0
  28. package/src/composite-core/lightbox.ts +192 -0
  29. package/src/composite-core/public-api.ts +8 -2
  30. package/src/composite-core/slider-runtime.ts +180 -0
  31. package/src/composite-core/slider.ts +378 -0
  32. package/src/composite-core/structure.ts +38 -5
  33. package/src/composite-core/tabs.ts +628 -0
  34. package/src/design-core/contrast-audit.ts +5 -0
  35. package/src/design-core/element-styles.ts +34 -3
  36. package/src/design-core/flavor-spec.generated.ts +517 -2
  37. package/src/generation-core/baseline-roles.ts +2 -0
  38. package/src/generation-core/compose-site.ts +147 -4
  39. package/src/generation-core/node-baselines.generated.ts +156 -6
  40. package/src/generation-core/patterns.ts +20 -0
  41. package/src/generation-core/site-spec.generated.ts +210 -0
  42. package/src/media-core/public-api.ts +9 -0
  43. package/src/media-core/video-runtime.ts +239 -0
  44. package/src/media-core/video.ts +443 -0
  45. package/styles/iox-design.css +112 -0
@@ -825,6 +825,34 @@ declare const SPEC_TIERS: {
825
825
  readonly name: "accordion-panel-pad";
826
826
  readonly type: "spacing";
827
827
  readonly default: "0px 0px 20px 0px";
828
+ }, {
829
+ readonly name: "tab-list-border";
830
+ readonly type: "color";
831
+ readonly default: "var(--iox-line)";
832
+ }, {
833
+ readonly name: "tab-ink";
834
+ readonly type: "color";
835
+ readonly default: "var(--iox-text-muted)";
836
+ }, {
837
+ readonly name: "tab-on-ink";
838
+ readonly type: "color";
839
+ readonly default: "var(--iox-text)";
840
+ }, {
841
+ readonly name: "tab-on-mark";
842
+ readonly type: "color";
843
+ readonly default: "var(--iox-accent-text)";
844
+ }, {
845
+ readonly name: "tab-pad";
846
+ readonly type: "spacing";
847
+ readonly default: "10px 16px";
848
+ }, {
849
+ readonly name: "tab-list-border-width";
850
+ readonly type: "size";
851
+ readonly default: "0px 0px var(--iox-border-width) 0px";
852
+ }, {
853
+ readonly name: "tab-mark-width";
854
+ readonly type: "size";
855
+ readonly default: "0px 0px 2px 0px";
828
856
  }, {
829
857
  readonly name: "heading-color";
830
858
  readonly type: "color";
@@ -897,6 +925,18 @@ declare const SPEC_TIERS: {
897
925
  readonly name: "media-scrim-ink";
898
926
  readonly type: "color";
899
927
  readonly default: "#FFFFFF";
928
+ }, {
929
+ readonly name: "video-play-bg";
930
+ readonly type: "color";
931
+ readonly default: "var(--iox-button-primary-bg)";
932
+ }, {
933
+ readonly name: "video-play-ink";
934
+ readonly type: "color";
935
+ readonly default: "var(--iox-button-primary-ink)";
936
+ }, {
937
+ readonly name: "video-play-size";
938
+ readonly type: "size";
939
+ readonly default: "64px";
900
940
  }];
901
941
  };
902
942
  declare const SPEC_TOKEN_TYPES: readonly ["color", "paint", "font", "number", "size", "spacing", "radius", "shadow", "effect", "duration", "easing", "keyword", "other"];
@@ -1485,7 +1525,7 @@ declare const SPEC_ELEMENT_STYLES: readonly [{
1485
1525
  readonly id: "card";
1486
1526
  readonly label: "Card";
1487
1527
  readonly group: "Layout";
1488
- readonly appliesTo: readonly ["Container", "LinkedContainer", "Card"];
1528
+ readonly appliesTo: readonly ["Container", "LinkedContainer", "Card", "SliderSlide"];
1489
1529
  readonly base: {
1490
1530
  readonly color: "inherit";
1491
1531
  readonly backgroundColor: "var(--iox-card-bg)";
@@ -1608,11 +1648,46 @@ declare const SPEC_ELEMENT_STYLES: readonly [{
1608
1648
  readonly padding: "var(--iox-accordion-panel-pad)";
1609
1649
  readonly color: "var(--iox-text-muted)";
1610
1650
  };
1651
+ }, {
1652
+ readonly id: "tab-list";
1653
+ readonly label: "Tab list";
1654
+ readonly group: "Layout";
1655
+ readonly appliesTo: readonly ["Container", "Repeater"];
1656
+ readonly base: {
1657
+ readonly color: "inherit";
1658
+ readonly borderStyle: "solid";
1659
+ readonly borderWidth: "var(--iox-tab-list-border-width)";
1660
+ readonly borderColor: "var(--iox-tab-list-border)";
1661
+ };
1662
+ }, {
1663
+ readonly id: "tab";
1664
+ readonly label: "Tab";
1665
+ readonly group: "Buttons";
1666
+ readonly appliesTo: readonly ["ButtonBlock"];
1667
+ readonly base: {
1668
+ readonly color: "var(--iox-tab-ink)";
1669
+ readonly padding: "var(--iox-tab-pad)";
1670
+ readonly fontFamily: "var(--iox-button-font)";
1671
+ readonly fontWeight: "var(--iox-button-weight)";
1672
+ readonly backgroundColor: "transparent";
1673
+ readonly borderStyle: "solid";
1674
+ readonly borderWidth: "var(--iox-tab-mark-width)";
1675
+ readonly borderColor: "transparent";
1676
+ readonly transitionDuration: "var(--iox-dur-fast)";
1677
+ readonly transitionTimingFunction: "var(--iox-ease-standard)";
1678
+ };
1679
+ readonly on: {
1680
+ readonly color: "var(--iox-tab-on-ink)";
1681
+ readonly borderColor: "var(--iox-tab-on-mark)";
1682
+ };
1683
+ readonly focus: {
1684
+ readonly boxShadow: "var(--iox-focus-ring)";
1685
+ };
1611
1686
  }, {
1612
1687
  readonly id: "media";
1613
1688
  readonly label: "Image";
1614
1689
  readonly group: "Media";
1615
- readonly appliesTo: readonly ["Image", "SliderSlide", "Gallery"];
1690
+ readonly appliesTo: readonly ["Image", "SliderSlide", "Gallery", "Video"];
1616
1691
  readonly base: {
1617
1692
  readonly borderRadius: "var(--iox-image-radius)";
1618
1693
  readonly objectFit: "cover";
@@ -1813,6 +1888,7 @@ declare const SPEC_DEFAULT_ELEMENT_STYLE: {
1813
1888
  readonly Link: "link";
1814
1889
  readonly Image: "media";
1815
1890
  readonly SliderSlide: "media";
1891
+ readonly Video: "media";
1816
1892
  readonly Divider: "rule";
1817
1893
  readonly Icon: "icon";
1818
1894
  readonly Dialog: "dialog";
@@ -3492,6 +3568,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
3492
3568
  readonly type: "spacing";
3493
3569
  readonly group: "components";
3494
3570
  readonly value: "0px 0px 20px 0px";
3571
+ }, {
3572
+ readonly name: "tab-list-border";
3573
+ readonly tier: "component";
3574
+ readonly type: "color";
3575
+ readonly group: "components";
3576
+ readonly value: "var(--iox-line)";
3577
+ }, {
3578
+ readonly name: "tab-ink";
3579
+ readonly tier: "component";
3580
+ readonly type: "color";
3581
+ readonly group: "components";
3582
+ readonly value: "var(--iox-text-muted)";
3583
+ }, {
3584
+ readonly name: "tab-on-ink";
3585
+ readonly tier: "component";
3586
+ readonly type: "color";
3587
+ readonly group: "components";
3588
+ readonly value: "var(--iox-text)";
3589
+ }, {
3590
+ readonly name: "tab-on-mark";
3591
+ readonly tier: "component";
3592
+ readonly type: "color";
3593
+ readonly group: "components";
3594
+ readonly value: "var(--iox-accent-text)";
3595
+ }, {
3596
+ readonly name: "tab-pad";
3597
+ readonly tier: "component";
3598
+ readonly type: "spacing";
3599
+ readonly group: "components";
3600
+ readonly value: "10px 16px";
3601
+ }, {
3602
+ readonly name: "tab-list-border-width";
3603
+ readonly tier: "component";
3604
+ readonly type: "size";
3605
+ readonly group: "components";
3606
+ readonly value: "0px 0px var(--iox-border-width) 0px";
3607
+ }, {
3608
+ readonly name: "tab-mark-width";
3609
+ readonly tier: "component";
3610
+ readonly type: "size";
3611
+ readonly group: "components";
3612
+ readonly value: "0px 0px 2px 0px";
3495
3613
  }, {
3496
3614
  readonly name: "heading-color";
3497
3615
  readonly tier: "component";
@@ -3600,6 +3718,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
3600
3718
  readonly type: "color";
3601
3719
  readonly group: "components";
3602
3720
  readonly value: "#FFFFFF";
3721
+ }, {
3722
+ readonly name: "video-play-bg";
3723
+ readonly tier: "component";
3724
+ readonly type: "color";
3725
+ readonly group: "components";
3726
+ readonly value: "var(--iox-button-primary-bg)";
3727
+ }, {
3728
+ readonly name: "video-play-ink";
3729
+ readonly tier: "component";
3730
+ readonly type: "color";
3731
+ readonly group: "components";
3732
+ readonly value: "var(--iox-button-primary-ink)";
3733
+ }, {
3734
+ readonly name: "video-play-size";
3735
+ readonly tier: "component";
3736
+ readonly type: "size";
3737
+ readonly group: "components";
3738
+ readonly value: "64px";
3603
3739
  }];
3604
3740
  }, {
3605
3741
  readonly id: "linen";
@@ -4874,6 +5010,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
4874
5010
  readonly type: "spacing";
4875
5011
  readonly group: "components";
4876
5012
  readonly value: "0px 0px 20px 0px";
5013
+ }, {
5014
+ readonly name: "tab-list-border";
5015
+ readonly tier: "component";
5016
+ readonly type: "color";
5017
+ readonly group: "components";
5018
+ readonly value: "var(--iox-line)";
5019
+ }, {
5020
+ readonly name: "tab-ink";
5021
+ readonly tier: "component";
5022
+ readonly type: "color";
5023
+ readonly group: "components";
5024
+ readonly value: "var(--iox-text-muted)";
5025
+ }, {
5026
+ readonly name: "tab-on-ink";
5027
+ readonly tier: "component";
5028
+ readonly type: "color";
5029
+ readonly group: "components";
5030
+ readonly value: "var(--iox-text)";
5031
+ }, {
5032
+ readonly name: "tab-on-mark";
5033
+ readonly tier: "component";
5034
+ readonly type: "color";
5035
+ readonly group: "components";
5036
+ readonly value: "var(--iox-accent-text)";
5037
+ }, {
5038
+ readonly name: "tab-pad";
5039
+ readonly tier: "component";
5040
+ readonly type: "spacing";
5041
+ readonly group: "components";
5042
+ readonly value: "10px 16px";
5043
+ }, {
5044
+ readonly name: "tab-list-border-width";
5045
+ readonly tier: "component";
5046
+ readonly type: "size";
5047
+ readonly group: "components";
5048
+ readonly value: "0px 0px var(--iox-border-width) 0px";
5049
+ }, {
5050
+ readonly name: "tab-mark-width";
5051
+ readonly tier: "component";
5052
+ readonly type: "size";
5053
+ readonly group: "components";
5054
+ readonly value: "0px 0px 2px 0px";
4877
5055
  }, {
4878
5056
  readonly name: "heading-color";
4879
5057
  readonly tier: "component";
@@ -4983,6 +5161,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
4983
5161
  readonly type: "color";
4984
5162
  readonly group: "components";
4985
5163
  readonly value: "#FFFFFF";
5164
+ }, {
5165
+ readonly name: "video-play-bg";
5166
+ readonly tier: "component";
5167
+ readonly type: "color";
5168
+ readonly group: "components";
5169
+ readonly value: "var(--iox-button-primary-bg)";
5170
+ }, {
5171
+ readonly name: "video-play-ink";
5172
+ readonly tier: "component";
5173
+ readonly type: "color";
5174
+ readonly group: "components";
5175
+ readonly value: "var(--iox-button-primary-ink)";
5176
+ }, {
5177
+ readonly name: "video-play-size";
5178
+ readonly tier: "component";
5179
+ readonly type: "size";
5180
+ readonly group: "components";
5181
+ readonly value: "64px";
4986
5182
  }];
4987
5183
  }, {
4988
5184
  readonly id: "midnight";
@@ -6248,6 +6444,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
6248
6444
  readonly type: "spacing";
6249
6445
  readonly group: "components";
6250
6446
  readonly value: "0px 0px 20px 0px";
6447
+ }, {
6448
+ readonly name: "tab-list-border";
6449
+ readonly tier: "component";
6450
+ readonly type: "color";
6451
+ readonly group: "components";
6452
+ readonly value: "var(--iox-line)";
6453
+ }, {
6454
+ readonly name: "tab-ink";
6455
+ readonly tier: "component";
6456
+ readonly type: "color";
6457
+ readonly group: "components";
6458
+ readonly value: "var(--iox-text-muted)";
6459
+ }, {
6460
+ readonly name: "tab-on-ink";
6461
+ readonly tier: "component";
6462
+ readonly type: "color";
6463
+ readonly group: "components";
6464
+ readonly value: "var(--iox-text)";
6465
+ }, {
6466
+ readonly name: "tab-on-mark";
6467
+ readonly tier: "component";
6468
+ readonly type: "color";
6469
+ readonly group: "components";
6470
+ readonly value: "var(--iox-accent-text)";
6471
+ }, {
6472
+ readonly name: "tab-pad";
6473
+ readonly tier: "component";
6474
+ readonly type: "spacing";
6475
+ readonly group: "components";
6476
+ readonly value: "10px 16px";
6477
+ }, {
6478
+ readonly name: "tab-list-border-width";
6479
+ readonly tier: "component";
6480
+ readonly type: "size";
6481
+ readonly group: "components";
6482
+ readonly value: "0px 0px var(--iox-border-width) 0px";
6483
+ }, {
6484
+ readonly name: "tab-mark-width";
6485
+ readonly tier: "component";
6486
+ readonly type: "size";
6487
+ readonly group: "components";
6488
+ readonly value: "0px 0px 2px 0px";
6251
6489
  }, {
6252
6490
  readonly name: "heading-color";
6253
6491
  readonly tier: "component";
@@ -6356,6 +6594,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
6356
6594
  readonly type: "color";
6357
6595
  readonly group: "components";
6358
6596
  readonly value: "#FFFFFF";
6597
+ }, {
6598
+ readonly name: "video-play-bg";
6599
+ readonly tier: "component";
6600
+ readonly type: "color";
6601
+ readonly group: "components";
6602
+ readonly value: "var(--iox-button-primary-bg)";
6603
+ }, {
6604
+ readonly name: "video-play-ink";
6605
+ readonly tier: "component";
6606
+ readonly type: "color";
6607
+ readonly group: "components";
6608
+ readonly value: "var(--iox-button-primary-ink)";
6609
+ }, {
6610
+ readonly name: "video-play-size";
6611
+ readonly tier: "component";
6612
+ readonly type: "size";
6613
+ readonly group: "components";
6614
+ readonly value: "64px";
6359
6615
  }];
6360
6616
  }, {
6361
6617
  readonly id: "glass";
@@ -7664,6 +7920,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
7664
7920
  readonly type: "spacing";
7665
7921
  readonly group: "components";
7666
7922
  readonly value: "0px 0px 20px 0px";
7923
+ }, {
7924
+ readonly name: "tab-list-border";
7925
+ readonly tier: "component";
7926
+ readonly type: "color";
7927
+ readonly group: "components";
7928
+ readonly value: "var(--iox-line)";
7929
+ }, {
7930
+ readonly name: "tab-ink";
7931
+ readonly tier: "component";
7932
+ readonly type: "color";
7933
+ readonly group: "components";
7934
+ readonly value: "var(--iox-text-muted)";
7935
+ }, {
7936
+ readonly name: "tab-on-ink";
7937
+ readonly tier: "component";
7938
+ readonly type: "color";
7939
+ readonly group: "components";
7940
+ readonly value: "var(--iox-text)";
7941
+ }, {
7942
+ readonly name: "tab-on-mark";
7943
+ readonly tier: "component";
7944
+ readonly type: "color";
7945
+ readonly group: "components";
7946
+ readonly value: "var(--iox-accent-text)";
7947
+ }, {
7948
+ readonly name: "tab-pad";
7949
+ readonly tier: "component";
7950
+ readonly type: "spacing";
7951
+ readonly group: "components";
7952
+ readonly value: "10px 16px";
7953
+ }, {
7954
+ readonly name: "tab-list-border-width";
7955
+ readonly tier: "component";
7956
+ readonly type: "size";
7957
+ readonly group: "components";
7958
+ readonly value: "0px 0px var(--iox-border-width) 0px";
7959
+ }, {
7960
+ readonly name: "tab-mark-width";
7961
+ readonly tier: "component";
7962
+ readonly type: "size";
7963
+ readonly group: "components";
7964
+ readonly value: "0px 0px 2px 0px";
7667
7965
  }, {
7668
7966
  readonly name: "heading-color";
7669
7967
  readonly tier: "component";
@@ -7772,6 +8070,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
7772
8070
  readonly type: "color";
7773
8071
  readonly group: "components";
7774
8072
  readonly value: "#FFFFFF";
8073
+ }, {
8074
+ readonly name: "video-play-bg";
8075
+ readonly tier: "component";
8076
+ readonly type: "color";
8077
+ readonly group: "components";
8078
+ readonly value: "var(--iox-button-primary-bg)";
8079
+ }, {
8080
+ readonly name: "video-play-ink";
8081
+ readonly tier: "component";
8082
+ readonly type: "color";
8083
+ readonly group: "components";
8084
+ readonly value: "var(--iox-button-primary-ink)";
8085
+ }, {
8086
+ readonly name: "video-play-size";
8087
+ readonly tier: "component";
8088
+ readonly type: "size";
8089
+ readonly group: "components";
8090
+ readonly value: "64px";
7775
8091
  }];
7776
8092
  }, {
7777
8093
  readonly id: "bloom";
@@ -9044,6 +9360,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
9044
9360
  readonly type: "spacing";
9045
9361
  readonly group: "components";
9046
9362
  readonly value: "0px 0px 20px 0px";
9363
+ }, {
9364
+ readonly name: "tab-list-border";
9365
+ readonly tier: "component";
9366
+ readonly type: "color";
9367
+ readonly group: "components";
9368
+ readonly value: "var(--iox-line)";
9369
+ }, {
9370
+ readonly name: "tab-ink";
9371
+ readonly tier: "component";
9372
+ readonly type: "color";
9373
+ readonly group: "components";
9374
+ readonly value: "var(--iox-text-muted)";
9375
+ }, {
9376
+ readonly name: "tab-on-ink";
9377
+ readonly tier: "component";
9378
+ readonly type: "color";
9379
+ readonly group: "components";
9380
+ readonly value: "var(--iox-text)";
9381
+ }, {
9382
+ readonly name: "tab-on-mark";
9383
+ readonly tier: "component";
9384
+ readonly type: "color";
9385
+ readonly group: "components";
9386
+ readonly value: "var(--iox-accent-text)";
9387
+ }, {
9388
+ readonly name: "tab-pad";
9389
+ readonly tier: "component";
9390
+ readonly type: "spacing";
9391
+ readonly group: "components";
9392
+ readonly value: "10px 16px";
9393
+ }, {
9394
+ readonly name: "tab-list-border-width";
9395
+ readonly tier: "component";
9396
+ readonly type: "size";
9397
+ readonly group: "components";
9398
+ readonly value: "0px 0px var(--iox-border-width) 0px";
9399
+ }, {
9400
+ readonly name: "tab-mark-width";
9401
+ readonly tier: "component";
9402
+ readonly type: "size";
9403
+ readonly group: "components";
9404
+ readonly value: "0px 0px 2px 0px";
9047
9405
  }, {
9048
9406
  readonly name: "heading-color";
9049
9407
  readonly tier: "component";
@@ -9152,6 +9510,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
9152
9510
  readonly type: "color";
9153
9511
  readonly group: "components";
9154
9512
  readonly value: "#FFFFFF";
9513
+ }, {
9514
+ readonly name: "video-play-bg";
9515
+ readonly tier: "component";
9516
+ readonly type: "color";
9517
+ readonly group: "components";
9518
+ readonly value: "var(--iox-button-primary-bg)";
9519
+ }, {
9520
+ readonly name: "video-play-ink";
9521
+ readonly tier: "component";
9522
+ readonly type: "color";
9523
+ readonly group: "components";
9524
+ readonly value: "var(--iox-button-primary-ink)";
9525
+ }, {
9526
+ readonly name: "video-play-size";
9527
+ readonly tier: "component";
9528
+ readonly type: "size";
9529
+ readonly group: "components";
9530
+ readonly value: "64px";
9155
9531
  }];
9156
9532
  }, {
9157
9533
  readonly id: "pop";
@@ -10434,6 +10810,48 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
10434
10810
  readonly type: "spacing";
10435
10811
  readonly group: "components";
10436
10812
  readonly value: "0px 0px 20px 0px";
10813
+ }, {
10814
+ readonly name: "tab-list-border";
10815
+ readonly tier: "component";
10816
+ readonly type: "color";
10817
+ readonly group: "components";
10818
+ readonly value: "var(--iox-line)";
10819
+ }, {
10820
+ readonly name: "tab-ink";
10821
+ readonly tier: "component";
10822
+ readonly type: "color";
10823
+ readonly group: "components";
10824
+ readonly value: "var(--iox-text-muted)";
10825
+ }, {
10826
+ readonly name: "tab-on-ink";
10827
+ readonly tier: "component";
10828
+ readonly type: "color";
10829
+ readonly group: "components";
10830
+ readonly value: "var(--iox-text)";
10831
+ }, {
10832
+ readonly name: "tab-on-mark";
10833
+ readonly tier: "component";
10834
+ readonly type: "color";
10835
+ readonly group: "components";
10836
+ readonly value: "var(--iox-accent-text)";
10837
+ }, {
10838
+ readonly name: "tab-pad";
10839
+ readonly tier: "component";
10840
+ readonly type: "spacing";
10841
+ readonly group: "components";
10842
+ readonly value: "10px 16px";
10843
+ }, {
10844
+ readonly name: "tab-list-border-width";
10845
+ readonly tier: "component";
10846
+ readonly type: "size";
10847
+ readonly group: "components";
10848
+ readonly value: "0px 0px var(--iox-border-width) 0px";
10849
+ }, {
10850
+ readonly name: "tab-mark-width";
10851
+ readonly tier: "component";
10852
+ readonly type: "size";
10853
+ readonly group: "components";
10854
+ readonly value: "0px 0px 2px 0px";
10437
10855
  }, {
10438
10856
  readonly name: "heading-color";
10439
10857
  readonly tier: "component";
@@ -10543,6 +10961,24 @@ declare const SPEC_FLAVOR_PACKS: readonly [{
10543
10961
  readonly type: "color";
10544
10962
  readonly group: "components";
10545
10963
  readonly value: "#FFFFFF";
10964
+ }, {
10965
+ readonly name: "video-play-bg";
10966
+ readonly tier: "component";
10967
+ readonly type: "color";
10968
+ readonly group: "components";
10969
+ readonly value: "var(--iox-button-primary-bg)";
10970
+ }, {
10971
+ readonly name: "video-play-ink";
10972
+ readonly tier: "component";
10973
+ readonly type: "color";
10974
+ readonly group: "components";
10975
+ readonly value: "var(--iox-button-primary-ink)";
10976
+ }, {
10977
+ readonly name: "video-play-size";
10978
+ readonly tier: "component";
10979
+ readonly type: "size";
10980
+ readonly group: "components";
10981
+ readonly value: "64px";
10546
10982
  }];
10547
10983
  }];
10548
10984
  declare const SPEC_CONTRAST: {
@@ -11120,7 +11556,10 @@ declare enum ElementStyleState {
11120
11556
  Active = "active",
11121
11557
  Focus = "focus",
11122
11558
  /** The page you're on (CC1 N2): compiles to `[aria-current="page"]`, never a pseudo-class. */
11123
- Current = "current"
11559
+ Current = "current",
11560
+ /** A composite part that is ON — the active tab (CC4a "Active"): compiles to `[data-iox-on]`, the attribute every
11561
+ * composite runtime writes. */
11562
+ On = "on"
11124
11563
  }
11125
11564
  declare const ELEMENT_STYLE_STATES: ReadonlyArray<ElementStyleState>;
11126
11565
  interface ElementStyle {
@@ -11133,6 +11572,7 @@ interface ElementStyle {
11133
11572
  readonly active?: Readonly<Record<string, string>>;
11134
11573
  readonly focus?: Readonly<Record<string, string>>;
11135
11574
  readonly current?: Readonly<Record<string, string>>;
11575
+ readonly on?: Readonly<Record<string, string>>;
11136
11576
  }
11137
11577
  declare const ELEMENT_STYLES: ReadonlyArray<ElementStyle>;
11138
11578
  /** Legacy `Button.variant` → the element style it maps to (adopt, DS7). */
@@ -11192,7 +11632,7 @@ interface SwitchElementStyleResult {
11192
11632
  /** Traits the old style owned whose value the author had changed — kept, never overwritten. */
11193
11633
  kept: OwnedTrait[];
11194
11634
  }
11195
- /** Every trait the style owns with the value it writes — base first, then hover/active/focus/current. */
11635
+ /** Every trait the style owns with the value it writes — base first, then hover/active/focus/current/on. */
11196
11636
  declare function ownedTraitsOf(style: ElementStyle): Array<OwnedTrait & {
11197
11637
  value: string;
11198
11638
  }>;
@@ -11200,7 +11640,7 @@ declare function ownedTraitsOf(style: ElementStyle): Array<OwnedTrait & {
11200
11640
  declare function readOwnedTrait(target: ElementStyleTarget, owned: OwnedTrait): unknown;
11201
11641
  /** Write one owned trait. False when a builder node has no slot for a base trait (dropped). */
11202
11642
  declare function writeOwnedTrait(target: ElementStyleTarget, owned: OwnedTrait, value: string): boolean;
11203
- /** Write the style's exact base map and its hover/active/focus/current maps into the target. */
11643
+ /** Write the style's exact base map and its hover/active/focus/current/on maps into the target. */
11204
11644
  declare function applyElementStyle(target: ElementStyleTarget, id: string): ApplyElementStyleResult;
11205
11645
  /**
11206
11646
  * The element style a NEW node of `type` is born wearing (the spec's `defaultElementStyle`), or null
@@ -11219,6 +11659,12 @@ declare function ownedTraitStatus(target: ElementStyleTarget, id: string): Owned
11219
11659
  * Then the new style is written. Traits neither style owns are never touched.
11220
11660
  */
11221
11661
  declare function switchElementStyle(target: ElementStyleTarget, fromId: string | null | undefined, toId: string, baseline?: Readonly<Record<string, unknown>>): SwitchElementStyleResult;
11662
+ /**
11663
+ * Take a node OUT of its element style (a part a recipe wants unstyled — a migrated slider's bare chevrons, CC3):
11664
+ * every owned trait still holding the style's value goes back to `baseline` (a state trait is removed); a trait the
11665
+ * author changed is kept. The node then wears no style (no `iox-es` marker). Returns the kept traits.
11666
+ */
11667
+ declare function releaseElementStyle(target: ElementStyleTarget, fromId: string | null | undefined, baseline?: Readonly<Record<string, unknown>>): OwnedTrait[];
11222
11668
  /**
11223
11669
  * The element-style MARKER (design-system §3b-bis, spec `elementStyleMarker`). A node that wears an
11224
11670
  * element style renders `iox-es iox-es-<id>` in BOTH renderers, through the one node-class helper
@@ -12316,5 +12762,5 @@ interface FontFamilyRemoval {
12316
12762
  */
12317
12763
  declare function planFontFamilyRemoval(existing: ReadonlyArray<StoredDesignTokenRow>, previous: StoredDesign, family: string): FontFamilyRemoval;
12318
12764
 
12319
- export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, 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, 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, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SCHEME_INK, 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_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, 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, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, 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, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, writeOwnedTrait };
12765
+ export { ACCENT_TOKEN_NAMES, AdoptOutcome, AdoptSkipReason, BAR_RESERVE_BREAKPOINTS, BAR_RESERVE_CLASS, 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, 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, NEW_NODE_STYLE_DEFAULTS, OwnedTraitLink, PALETTE_PRESETS, PRE_DS2_FLAVOR_DEFAULTS, PRE_TINT_DEFAULT, REDUCED_MOTION_OVERRIDES, REDUCED_TRANSPARENCY_OVERRIDES, REVERT_WINDOW_MS, SCHEME_INK, 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_PALETTE_PRESETS, SPEC_SCHEMES, SPEC_SCHEME_INK, SPEC_SPRINGS, SPEC_TIERS, SPEC_TIER_IDS, SPEC_TOKEN_TYPES, SUPERSEDED_STYLE_VALUES, SWISS_FLAVOR, 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, designBaseline, designConfigEntries, designModeOf, designTokenRepairs, designTokenRows, elementStyleById, elementStyleClass, elementStylesFor, emptyImageLabelSrc, emptyImagePlaceholder, emptyImageSrc, ensureAlpha, ensureContrast, 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, previewElementStyleAdoption, previewFontWeight, quantizeRgb, readDesignConfig, readOwnedTrait, relativeLuminance, releaseElementStyle, resolveDesignChoices, resolveSchemeTokenValues, resolveTokenReferences, resolveTokenValues, revertAvailable, rgbToOklab, ringColour, roleClass, sameDesignChoices, setColorScheme, specTokenNames, splitTopLevel, springToLinear, stackNamesFamily, styleKeyToKebab, switchElementStyle, syncNodeDesignClasses, toHexColor, tokenReferences, tokensToDarkVarMap, tokensToVarMap, unknownTokenReferences, untouchedSeedRow, userFontStack, validateFlavorPack, wcagContrastRatio, withSchemeInk, writeOwnedTrait };
12320
12766
  export type { AccentBackgrounds, AccentGround, AccentTokenName, AdoptContext, AdoptReport, AdoptableNode, AdoptedNode, ApplyElementStyleResult, ButtonBlockLinkProps, ColourCheck, ColourFlavor, ContrastFinding, DensityId, DesignApplyOptions, DesignChoices, DesignClassSource, DesignConfigEntry, DesignMode, 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, MotionId, NodeLinkProps, OkLab, OwnedTrait, OwnedTraitStatus, PalettePreset, ResolvedMode, Rgb, Rgba, SchemeId, SeedBaseline, SeedExpectation, ShapeId, SkippedNode, StoredDesign, StoredDesignTokenRow, SupersededStyleValue, SwissMigration, SwitchElementStyleResult, TintId, TintLevel, TokenCssBlocks, TokenCssOptions };