@vectoriox/iox-ui 5.31.2 → 5.32.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 +52 -2
- package/design-core/index.d.ts +650 -6
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs +69 -1
- package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-design-core.mjs +791 -20
- package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs +564 -22
- package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
- package/fesm2022/vectoriox-iox-ui.mjs +365 -24
- package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
- package/generation-core/index.d.ts +126 -6
- package/index.d.ts +245 -2
- package/package.json +1 -1
- package/src/actions-core/dialog-opener.ts +89 -0
- package/src/actions-core/public-api.ts +1 -0
- package/src/design-core/contrast-audit.ts +11 -2
- package/src/design-core/element-styles.ts +6 -3
- package/src/design-core/flavor-spec.generated.ts +737 -11
- package/src/design-core/node-classes.ts +39 -4
- package/src/generation-core/compose-site.ts +9 -1
- package/src/generation-core/nav-shape.ts +553 -0
- package/src/generation-core/node-baselines.generated.ts +23 -8
- package/src/generation-core/patterns.ts +9 -3
- package/src/generation-core/public-api.ts +1 -0
- package/src/generation-core/serialized-node.ts +2 -1
- package/src/generation-core/site-spec.generated.ts +8 -2
- package/styles/iox-design.css +94 -0
|
@@ -904,6 +904,76 @@ export const SPEC_TIERS = {
|
|
|
904
904
|
"type": "keyword",
|
|
905
905
|
"default": "underline"
|
|
906
906
|
},
|
|
907
|
+
{
|
|
908
|
+
"name": "link-current-color",
|
|
909
|
+
"type": "color",
|
|
910
|
+
"default": "var(--iox-text)"
|
|
911
|
+
},
|
|
912
|
+
{
|
|
913
|
+
"name": "link-current-decoration",
|
|
914
|
+
"type": "keyword",
|
|
915
|
+
"default": "underline 2px var(--iox-accent-text)"
|
|
916
|
+
},
|
|
917
|
+
{
|
|
918
|
+
"name": "tabbar-bg",
|
|
919
|
+
"type": "color",
|
|
920
|
+
"default": "var(--iox-nav-bg)"
|
|
921
|
+
},
|
|
922
|
+
{
|
|
923
|
+
"name": "tabbar-border",
|
|
924
|
+
"type": "color",
|
|
925
|
+
"default": "var(--iox-nav-border)"
|
|
926
|
+
},
|
|
927
|
+
{
|
|
928
|
+
"name": "tabbar-border-width",
|
|
929
|
+
"type": "size",
|
|
930
|
+
"default": "var(--iox-border-width) 0px 0px 0px"
|
|
931
|
+
},
|
|
932
|
+
{
|
|
933
|
+
"name": "tabbar-radius",
|
|
934
|
+
"type": "radius",
|
|
935
|
+
"default": "0px"
|
|
936
|
+
},
|
|
937
|
+
{
|
|
938
|
+
"name": "tabbar-shadow",
|
|
939
|
+
"type": "shadow",
|
|
940
|
+
"default": "none"
|
|
941
|
+
},
|
|
942
|
+
{
|
|
943
|
+
"name": "tabbar-backdrop",
|
|
944
|
+
"type": "effect",
|
|
945
|
+
"default": "var(--iox-nav-backdrop)"
|
|
946
|
+
},
|
|
947
|
+
{
|
|
948
|
+
"name": "tabbar-inset",
|
|
949
|
+
"type": "size",
|
|
950
|
+
"default": "0px"
|
|
951
|
+
},
|
|
952
|
+
{
|
|
953
|
+
"name": "tabbar-height",
|
|
954
|
+
"type": "size",
|
|
955
|
+
"default": "64px"
|
|
956
|
+
},
|
|
957
|
+
{
|
|
958
|
+
"name": "tabbar-item-ink",
|
|
959
|
+
"type": "color",
|
|
960
|
+
"default": "var(--iox-text-muted)"
|
|
961
|
+
},
|
|
962
|
+
{
|
|
963
|
+
"name": "tabbar-item-current-ink",
|
|
964
|
+
"type": "color",
|
|
965
|
+
"default": "var(--iox-accent-text)"
|
|
966
|
+
},
|
|
967
|
+
{
|
|
968
|
+
"name": "tabbar-indicator",
|
|
969
|
+
"type": "color",
|
|
970
|
+
"default": "var(--iox-surface-2)"
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"name": "tabbar-label-size",
|
|
974
|
+
"type": "size",
|
|
975
|
+
"default": "var(--iox-size-label)"
|
|
976
|
+
},
|
|
907
977
|
{
|
|
908
978
|
"name": "heading-color",
|
|
909
979
|
"type": "color",
|
|
@@ -1606,6 +1676,11 @@ export const SPEC_ELEMENT_STYLES = [
|
|
|
1606
1676
|
},
|
|
1607
1677
|
"hover": {
|
|
1608
1678
|
"color": "var(--iox-link-hover-color)"
|
|
1679
|
+
},
|
|
1680
|
+
"current": {
|
|
1681
|
+
"color": "var(--iox-link-current-color)",
|
|
1682
|
+
"textDecoration": "var(--iox-link-current-decoration)",
|
|
1683
|
+
"fontWeight": "var(--iox-weight-strong)"
|
|
1609
1684
|
}
|
|
1610
1685
|
},
|
|
1611
1686
|
{
|
|
@@ -1718,6 +1793,49 @@ export const SPEC_ELEMENT_STYLES = [
|
|
|
1718
1793
|
"padding": "var(--iox-nav-pad)"
|
|
1719
1794
|
}
|
|
1720
1795
|
},
|
|
1796
|
+
{
|
|
1797
|
+
"id": "bottom-bar",
|
|
1798
|
+
"label": "Bottom bar",
|
|
1799
|
+
"group": "Layout",
|
|
1800
|
+
"appliesTo": [
|
|
1801
|
+
"Container"
|
|
1802
|
+
],
|
|
1803
|
+
"base": {
|
|
1804
|
+
"color": "inherit",
|
|
1805
|
+
"backgroundColor": "var(--iox-tabbar-bg)",
|
|
1806
|
+
"borderStyle": "solid",
|
|
1807
|
+
"borderWidth": "var(--iox-tabbar-border-width)",
|
|
1808
|
+
"borderColor": "var(--iox-tabbar-border)",
|
|
1809
|
+
"borderRadius": "var(--iox-tabbar-radius)",
|
|
1810
|
+
"boxShadow": "var(--iox-tabbar-shadow)",
|
|
1811
|
+
"backdropFilter": "var(--iox-tabbar-backdrop)"
|
|
1812
|
+
}
|
|
1813
|
+
},
|
|
1814
|
+
{
|
|
1815
|
+
"id": "bottom-bar-item",
|
|
1816
|
+
"label": "Bottom bar item",
|
|
1817
|
+
"group": "Layout",
|
|
1818
|
+
"appliesTo": [
|
|
1819
|
+
"LinkedContainer",
|
|
1820
|
+
"ButtonBlock"
|
|
1821
|
+
],
|
|
1822
|
+
"base": {
|
|
1823
|
+
"color": "var(--iox-tabbar-item-ink)",
|
|
1824
|
+
"fontFamily": "var(--iox-font-label)",
|
|
1825
|
+
"fontSize": "var(--iox-tabbar-label-size)",
|
|
1826
|
+
"fontWeight": "var(--iox-weight-label)",
|
|
1827
|
+
"borderRadius": "var(--iox-radius-md)",
|
|
1828
|
+
"transitionDuration": "var(--iox-dur-fast)",
|
|
1829
|
+
"transitionTimingFunction": "var(--iox-ease-standard)"
|
|
1830
|
+
},
|
|
1831
|
+
"current": {
|
|
1832
|
+
"color": "var(--iox-tabbar-item-current-ink)",
|
|
1833
|
+
"backgroundColor": "var(--iox-tabbar-indicator)"
|
|
1834
|
+
},
|
|
1835
|
+
"focus": {
|
|
1836
|
+
"boxShadow": "var(--iox-focus-ring)"
|
|
1837
|
+
}
|
|
1838
|
+
},
|
|
1721
1839
|
{
|
|
1722
1840
|
"id": "media",
|
|
1723
1841
|
"label": "Image",
|
|
@@ -2187,6 +2305,16 @@ export const SPEC_INK_SCOPES = [
|
|
|
2187
2305
|
"text-muted": "currentColor"
|
|
2188
2306
|
}
|
|
2189
2307
|
},
|
|
2308
|
+
{
|
|
2309
|
+
"styles": [
|
|
2310
|
+
"bottom-bar-item"
|
|
2311
|
+
],
|
|
2312
|
+
"set": {
|
|
2313
|
+
"icon-color": "currentColor",
|
|
2314
|
+
"heading-color": "currentColor",
|
|
2315
|
+
"text-muted": "currentColor"
|
|
2316
|
+
}
|
|
2317
|
+
},
|
|
2190
2318
|
{
|
|
2191
2319
|
"styles": [
|
|
2192
2320
|
"badge-neutral",
|
|
@@ -3760,6 +3888,104 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
3760
3888
|
"group": "components",
|
|
3761
3889
|
"value": "underline"
|
|
3762
3890
|
},
|
|
3891
|
+
{
|
|
3892
|
+
"name": "link-current-color",
|
|
3893
|
+
"tier": "component",
|
|
3894
|
+
"type": "color",
|
|
3895
|
+
"group": "components",
|
|
3896
|
+
"value": "var(--iox-text)"
|
|
3897
|
+
},
|
|
3898
|
+
{
|
|
3899
|
+
"name": "link-current-decoration",
|
|
3900
|
+
"tier": "component",
|
|
3901
|
+
"type": "keyword",
|
|
3902
|
+
"group": "components",
|
|
3903
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
3904
|
+
},
|
|
3905
|
+
{
|
|
3906
|
+
"name": "tabbar-bg",
|
|
3907
|
+
"tier": "component",
|
|
3908
|
+
"type": "color",
|
|
3909
|
+
"group": "components",
|
|
3910
|
+
"value": "var(--iox-nav-bg)"
|
|
3911
|
+
},
|
|
3912
|
+
{
|
|
3913
|
+
"name": "tabbar-border",
|
|
3914
|
+
"tier": "component",
|
|
3915
|
+
"type": "color",
|
|
3916
|
+
"group": "components",
|
|
3917
|
+
"value": "var(--iox-nav-border)"
|
|
3918
|
+
},
|
|
3919
|
+
{
|
|
3920
|
+
"name": "tabbar-border-width",
|
|
3921
|
+
"tier": "component",
|
|
3922
|
+
"type": "size",
|
|
3923
|
+
"group": "components",
|
|
3924
|
+
"value": "var(--iox-border-width) 0px 0px 0px"
|
|
3925
|
+
},
|
|
3926
|
+
{
|
|
3927
|
+
"name": "tabbar-radius",
|
|
3928
|
+
"tier": "component",
|
|
3929
|
+
"type": "radius",
|
|
3930
|
+
"group": "components",
|
|
3931
|
+
"value": "0px"
|
|
3932
|
+
},
|
|
3933
|
+
{
|
|
3934
|
+
"name": "tabbar-shadow",
|
|
3935
|
+
"tier": "component",
|
|
3936
|
+
"type": "shadow",
|
|
3937
|
+
"group": "components",
|
|
3938
|
+
"value": "none"
|
|
3939
|
+
},
|
|
3940
|
+
{
|
|
3941
|
+
"name": "tabbar-backdrop",
|
|
3942
|
+
"tier": "component",
|
|
3943
|
+
"type": "effect",
|
|
3944
|
+
"group": "components",
|
|
3945
|
+
"value": "var(--iox-nav-backdrop)"
|
|
3946
|
+
},
|
|
3947
|
+
{
|
|
3948
|
+
"name": "tabbar-inset",
|
|
3949
|
+
"tier": "component",
|
|
3950
|
+
"type": "size",
|
|
3951
|
+
"group": "components",
|
|
3952
|
+
"value": "0px"
|
|
3953
|
+
},
|
|
3954
|
+
{
|
|
3955
|
+
"name": "tabbar-height",
|
|
3956
|
+
"tier": "component",
|
|
3957
|
+
"type": "size",
|
|
3958
|
+
"group": "components",
|
|
3959
|
+
"value": "64px"
|
|
3960
|
+
},
|
|
3961
|
+
{
|
|
3962
|
+
"name": "tabbar-item-ink",
|
|
3963
|
+
"tier": "component",
|
|
3964
|
+
"type": "color",
|
|
3965
|
+
"group": "components",
|
|
3966
|
+
"value": "var(--iox-text-muted)"
|
|
3967
|
+
},
|
|
3968
|
+
{
|
|
3969
|
+
"name": "tabbar-item-current-ink",
|
|
3970
|
+
"tier": "component",
|
|
3971
|
+
"type": "color",
|
|
3972
|
+
"group": "components",
|
|
3973
|
+
"value": "var(--iox-accent-text)"
|
|
3974
|
+
},
|
|
3975
|
+
{
|
|
3976
|
+
"name": "tabbar-indicator",
|
|
3977
|
+
"tier": "component",
|
|
3978
|
+
"type": "color",
|
|
3979
|
+
"group": "components",
|
|
3980
|
+
"value": "var(--iox-surface-2)"
|
|
3981
|
+
},
|
|
3982
|
+
{
|
|
3983
|
+
"name": "tabbar-label-size",
|
|
3984
|
+
"tier": "component",
|
|
3985
|
+
"type": "size",
|
|
3986
|
+
"group": "components",
|
|
3987
|
+
"value": "var(--iox-size-label)"
|
|
3988
|
+
},
|
|
3763
3989
|
{
|
|
3764
3990
|
"name": "heading-color",
|
|
3765
3991
|
"tier": "component",
|
|
@@ -5220,6 +5446,104 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
5220
5446
|
"group": "components",
|
|
5221
5447
|
"value": "underline"
|
|
5222
5448
|
},
|
|
5449
|
+
{
|
|
5450
|
+
"name": "link-current-color",
|
|
5451
|
+
"tier": "component",
|
|
5452
|
+
"type": "color",
|
|
5453
|
+
"group": "components",
|
|
5454
|
+
"value": "var(--iox-text)"
|
|
5455
|
+
},
|
|
5456
|
+
{
|
|
5457
|
+
"name": "link-current-decoration",
|
|
5458
|
+
"tier": "component",
|
|
5459
|
+
"type": "keyword",
|
|
5460
|
+
"group": "components",
|
|
5461
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
5462
|
+
},
|
|
5463
|
+
{
|
|
5464
|
+
"name": "tabbar-bg",
|
|
5465
|
+
"tier": "component",
|
|
5466
|
+
"type": "color",
|
|
5467
|
+
"group": "components",
|
|
5468
|
+
"value": "var(--iox-nav-bg)"
|
|
5469
|
+
},
|
|
5470
|
+
{
|
|
5471
|
+
"name": "tabbar-border",
|
|
5472
|
+
"tier": "component",
|
|
5473
|
+
"type": "color",
|
|
5474
|
+
"group": "components",
|
|
5475
|
+
"value": "var(--iox-nav-border)"
|
|
5476
|
+
},
|
|
5477
|
+
{
|
|
5478
|
+
"name": "tabbar-border-width",
|
|
5479
|
+
"tier": "component",
|
|
5480
|
+
"type": "size",
|
|
5481
|
+
"group": "components",
|
|
5482
|
+
"value": "var(--iox-border-width) 0px 0px 0px"
|
|
5483
|
+
},
|
|
5484
|
+
{
|
|
5485
|
+
"name": "tabbar-radius",
|
|
5486
|
+
"tier": "component",
|
|
5487
|
+
"type": "radius",
|
|
5488
|
+
"group": "components",
|
|
5489
|
+
"value": "0px"
|
|
5490
|
+
},
|
|
5491
|
+
{
|
|
5492
|
+
"name": "tabbar-shadow",
|
|
5493
|
+
"tier": "component",
|
|
5494
|
+
"type": "shadow",
|
|
5495
|
+
"group": "components",
|
|
5496
|
+
"value": "none"
|
|
5497
|
+
},
|
|
5498
|
+
{
|
|
5499
|
+
"name": "tabbar-backdrop",
|
|
5500
|
+
"tier": "component",
|
|
5501
|
+
"type": "effect",
|
|
5502
|
+
"group": "components",
|
|
5503
|
+
"value": "var(--iox-nav-backdrop)"
|
|
5504
|
+
},
|
|
5505
|
+
{
|
|
5506
|
+
"name": "tabbar-inset",
|
|
5507
|
+
"tier": "component",
|
|
5508
|
+
"type": "size",
|
|
5509
|
+
"group": "components",
|
|
5510
|
+
"value": "0px"
|
|
5511
|
+
},
|
|
5512
|
+
{
|
|
5513
|
+
"name": "tabbar-height",
|
|
5514
|
+
"tier": "component",
|
|
5515
|
+
"type": "size",
|
|
5516
|
+
"group": "components",
|
|
5517
|
+
"value": "64px"
|
|
5518
|
+
},
|
|
5519
|
+
{
|
|
5520
|
+
"name": "tabbar-item-ink",
|
|
5521
|
+
"tier": "component",
|
|
5522
|
+
"type": "color",
|
|
5523
|
+
"group": "components",
|
|
5524
|
+
"value": "var(--iox-text-muted)"
|
|
5525
|
+
},
|
|
5526
|
+
{
|
|
5527
|
+
"name": "tabbar-item-current-ink",
|
|
5528
|
+
"tier": "component",
|
|
5529
|
+
"type": "color",
|
|
5530
|
+
"group": "components",
|
|
5531
|
+
"value": "var(--iox-accent-text)"
|
|
5532
|
+
},
|
|
5533
|
+
{
|
|
5534
|
+
"name": "tabbar-indicator",
|
|
5535
|
+
"tier": "component",
|
|
5536
|
+
"type": "color",
|
|
5537
|
+
"group": "components",
|
|
5538
|
+
"value": "var(--iox-surface-2)"
|
|
5539
|
+
},
|
|
5540
|
+
{
|
|
5541
|
+
"name": "tabbar-label-size",
|
|
5542
|
+
"tier": "component",
|
|
5543
|
+
"type": "size",
|
|
5544
|
+
"group": "components",
|
|
5545
|
+
"value": "var(--iox-size-label)"
|
|
5546
|
+
},
|
|
5223
5547
|
{
|
|
5224
5548
|
"name": "heading-color",
|
|
5225
5549
|
"tier": "component",
|
|
@@ -6674,39 +6998,138 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
6674
6998
|
"value": "underline"
|
|
6675
6999
|
},
|
|
6676
7000
|
{
|
|
6677
|
-
"name": "
|
|
7001
|
+
"name": "link-current-color",
|
|
6678
7002
|
"tier": "component",
|
|
6679
7003
|
"type": "color",
|
|
6680
7004
|
"group": "components",
|
|
6681
7005
|
"value": "var(--iox-text)"
|
|
6682
7006
|
},
|
|
6683
7007
|
{
|
|
6684
|
-
"name": "
|
|
7008
|
+
"name": "link-current-decoration",
|
|
6685
7009
|
"tier": "component",
|
|
6686
|
-
"type": "
|
|
7010
|
+
"type": "keyword",
|
|
6687
7011
|
"group": "components",
|
|
6688
|
-
"value": "var(--iox-accent-text)"
|
|
7012
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
6689
7013
|
},
|
|
6690
7014
|
{
|
|
6691
|
-
"name": "
|
|
7015
|
+
"name": "tabbar-bg",
|
|
6692
7016
|
"tier": "component",
|
|
6693
7017
|
"type": "color",
|
|
6694
7018
|
"group": "components",
|
|
6695
|
-
"value": "var(--iox-
|
|
7019
|
+
"value": "var(--iox-surface)",
|
|
7020
|
+
"overridden": true
|
|
6696
7021
|
},
|
|
6697
7022
|
{
|
|
6698
|
-
"name": "
|
|
7023
|
+
"name": "tabbar-border",
|
|
6699
7024
|
"tier": "component",
|
|
6700
7025
|
"type": "color",
|
|
6701
7026
|
"group": "components",
|
|
6702
|
-
"value": "var(--iox-
|
|
7027
|
+
"value": "var(--iox-nav-border)"
|
|
6703
7028
|
},
|
|
6704
7029
|
{
|
|
6705
|
-
"name": "
|
|
7030
|
+
"name": "tabbar-border-width",
|
|
6706
7031
|
"tier": "component",
|
|
6707
|
-
"type": "
|
|
7032
|
+
"type": "size",
|
|
6708
7033
|
"group": "components",
|
|
6709
|
-
"value": "var(--iox-
|
|
7034
|
+
"value": "var(--iox-border-width) 0px 0px 0px"
|
|
7035
|
+
},
|
|
7036
|
+
{
|
|
7037
|
+
"name": "tabbar-radius",
|
|
7038
|
+
"tier": "component",
|
|
7039
|
+
"type": "radius",
|
|
7040
|
+
"group": "components",
|
|
7041
|
+
"value": "0px"
|
|
7042
|
+
},
|
|
7043
|
+
{
|
|
7044
|
+
"name": "tabbar-shadow",
|
|
7045
|
+
"tier": "component",
|
|
7046
|
+
"type": "shadow",
|
|
7047
|
+
"group": "components",
|
|
7048
|
+
"value": "none"
|
|
7049
|
+
},
|
|
7050
|
+
{
|
|
7051
|
+
"name": "tabbar-backdrop",
|
|
7052
|
+
"tier": "component",
|
|
7053
|
+
"type": "effect",
|
|
7054
|
+
"group": "components",
|
|
7055
|
+
"value": "var(--iox-nav-backdrop)"
|
|
7056
|
+
},
|
|
7057
|
+
{
|
|
7058
|
+
"name": "tabbar-inset",
|
|
7059
|
+
"tier": "component",
|
|
7060
|
+
"type": "size",
|
|
7061
|
+
"group": "components",
|
|
7062
|
+
"value": "0px"
|
|
7063
|
+
},
|
|
7064
|
+
{
|
|
7065
|
+
"name": "tabbar-height",
|
|
7066
|
+
"tier": "component",
|
|
7067
|
+
"type": "size",
|
|
7068
|
+
"group": "components",
|
|
7069
|
+
"value": "64px"
|
|
7070
|
+
},
|
|
7071
|
+
{
|
|
7072
|
+
"name": "tabbar-item-ink",
|
|
7073
|
+
"tier": "component",
|
|
7074
|
+
"type": "color",
|
|
7075
|
+
"group": "components",
|
|
7076
|
+
"value": "var(--iox-text-muted)"
|
|
7077
|
+
},
|
|
7078
|
+
{
|
|
7079
|
+
"name": "tabbar-item-current-ink",
|
|
7080
|
+
"tier": "component",
|
|
7081
|
+
"type": "color",
|
|
7082
|
+
"group": "components",
|
|
7083
|
+
"value": "var(--iox-accent-text)"
|
|
7084
|
+
},
|
|
7085
|
+
{
|
|
7086
|
+
"name": "tabbar-indicator",
|
|
7087
|
+
"tier": "component",
|
|
7088
|
+
"type": "color",
|
|
7089
|
+
"group": "components",
|
|
7090
|
+
"value": "var(--iox-surface-2)"
|
|
7091
|
+
},
|
|
7092
|
+
{
|
|
7093
|
+
"name": "tabbar-label-size",
|
|
7094
|
+
"tier": "component",
|
|
7095
|
+
"type": "size",
|
|
7096
|
+
"group": "components",
|
|
7097
|
+
"value": "var(--iox-size-label)"
|
|
7098
|
+
},
|
|
7099
|
+
{
|
|
7100
|
+
"name": "heading-color",
|
|
7101
|
+
"tier": "component",
|
|
7102
|
+
"type": "color",
|
|
7103
|
+
"group": "components",
|
|
7104
|
+
"value": "var(--iox-text)"
|
|
7105
|
+
},
|
|
7106
|
+
{
|
|
7107
|
+
"name": "eyebrow-color",
|
|
7108
|
+
"tier": "component",
|
|
7109
|
+
"type": "color",
|
|
7110
|
+
"group": "components",
|
|
7111
|
+
"value": "var(--iox-accent-text)"
|
|
7112
|
+
},
|
|
7113
|
+
{
|
|
7114
|
+
"name": "icon-color",
|
|
7115
|
+
"tier": "component",
|
|
7116
|
+
"type": "color",
|
|
7117
|
+
"group": "components",
|
|
7118
|
+
"value": "var(--iox-accent-text)"
|
|
7119
|
+
},
|
|
7120
|
+
{
|
|
7121
|
+
"name": "divider-color",
|
|
7122
|
+
"tier": "component",
|
|
7123
|
+
"type": "color",
|
|
7124
|
+
"group": "components",
|
|
7125
|
+
"value": "var(--iox-line)"
|
|
7126
|
+
},
|
|
7127
|
+
{
|
|
7128
|
+
"name": "badge-radius",
|
|
7129
|
+
"tier": "component",
|
|
7130
|
+
"type": "radius",
|
|
7131
|
+
"group": "components",
|
|
7132
|
+
"value": "var(--iox-radius-pill)"
|
|
6710
7133
|
},
|
|
6711
7134
|
{
|
|
6712
7135
|
"name": "badge-pad",
|
|
@@ -8156,6 +8579,110 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
8156
8579
|
"group": "components",
|
|
8157
8580
|
"value": "underline"
|
|
8158
8581
|
},
|
|
8582
|
+
{
|
|
8583
|
+
"name": "link-current-color",
|
|
8584
|
+
"tier": "component",
|
|
8585
|
+
"type": "color",
|
|
8586
|
+
"group": "components",
|
|
8587
|
+
"value": "var(--iox-text)"
|
|
8588
|
+
},
|
|
8589
|
+
{
|
|
8590
|
+
"name": "link-current-decoration",
|
|
8591
|
+
"tier": "component",
|
|
8592
|
+
"type": "keyword",
|
|
8593
|
+
"group": "components",
|
|
8594
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
8595
|
+
},
|
|
8596
|
+
{
|
|
8597
|
+
"name": "tabbar-bg",
|
|
8598
|
+
"tier": "component",
|
|
8599
|
+
"type": "color",
|
|
8600
|
+
"group": "components",
|
|
8601
|
+
"value": "var(--iox-surface-glass-strong)",
|
|
8602
|
+
"overridden": true
|
|
8603
|
+
},
|
|
8604
|
+
{
|
|
8605
|
+
"name": "tabbar-border",
|
|
8606
|
+
"tier": "component",
|
|
8607
|
+
"type": "color",
|
|
8608
|
+
"group": "components",
|
|
8609
|
+
"value": "var(--iox-glass-border)",
|
|
8610
|
+
"overridden": true
|
|
8611
|
+
},
|
|
8612
|
+
{
|
|
8613
|
+
"name": "tabbar-border-width",
|
|
8614
|
+
"tier": "component",
|
|
8615
|
+
"type": "size",
|
|
8616
|
+
"group": "components",
|
|
8617
|
+
"value": "var(--iox-border-width)",
|
|
8618
|
+
"overridden": true
|
|
8619
|
+
},
|
|
8620
|
+
{
|
|
8621
|
+
"name": "tabbar-radius",
|
|
8622
|
+
"tier": "component",
|
|
8623
|
+
"type": "radius",
|
|
8624
|
+
"group": "components",
|
|
8625
|
+
"value": "var(--iox-radius-xl)",
|
|
8626
|
+
"overridden": true
|
|
8627
|
+
},
|
|
8628
|
+
{
|
|
8629
|
+
"name": "tabbar-shadow",
|
|
8630
|
+
"tier": "component",
|
|
8631
|
+
"type": "shadow",
|
|
8632
|
+
"group": "components",
|
|
8633
|
+
"value": "var(--iox-nav-shadow)",
|
|
8634
|
+
"overridden": true
|
|
8635
|
+
},
|
|
8636
|
+
{
|
|
8637
|
+
"name": "tabbar-backdrop",
|
|
8638
|
+
"tier": "component",
|
|
8639
|
+
"type": "effect",
|
|
8640
|
+
"group": "components",
|
|
8641
|
+
"value": "var(--iox-nav-backdrop)"
|
|
8642
|
+
},
|
|
8643
|
+
{
|
|
8644
|
+
"name": "tabbar-inset",
|
|
8645
|
+
"tier": "component",
|
|
8646
|
+
"type": "size",
|
|
8647
|
+
"group": "components",
|
|
8648
|
+
"value": "10px",
|
|
8649
|
+
"overridden": true
|
|
8650
|
+
},
|
|
8651
|
+
{
|
|
8652
|
+
"name": "tabbar-height",
|
|
8653
|
+
"tier": "component",
|
|
8654
|
+
"type": "size",
|
|
8655
|
+
"group": "components",
|
|
8656
|
+
"value": "64px"
|
|
8657
|
+
},
|
|
8658
|
+
{
|
|
8659
|
+
"name": "tabbar-item-ink",
|
|
8660
|
+
"tier": "component",
|
|
8661
|
+
"type": "color",
|
|
8662
|
+
"group": "components",
|
|
8663
|
+
"value": "var(--iox-text-muted)"
|
|
8664
|
+
},
|
|
8665
|
+
{
|
|
8666
|
+
"name": "tabbar-item-current-ink",
|
|
8667
|
+
"tier": "component",
|
|
8668
|
+
"type": "color",
|
|
8669
|
+
"group": "components",
|
|
8670
|
+
"value": "var(--iox-accent-text)"
|
|
8671
|
+
},
|
|
8672
|
+
{
|
|
8673
|
+
"name": "tabbar-indicator",
|
|
8674
|
+
"tier": "component",
|
|
8675
|
+
"type": "color",
|
|
8676
|
+
"group": "components",
|
|
8677
|
+
"value": "var(--iox-surface-2)"
|
|
8678
|
+
},
|
|
8679
|
+
{
|
|
8680
|
+
"name": "tabbar-label-size",
|
|
8681
|
+
"tier": "component",
|
|
8682
|
+
"type": "size",
|
|
8683
|
+
"group": "components",
|
|
8684
|
+
"value": "var(--iox-size-label)"
|
|
8685
|
+
},
|
|
8159
8686
|
{
|
|
8160
8687
|
"name": "heading-color",
|
|
8161
8688
|
"tier": "component",
|
|
@@ -9607,6 +10134,105 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
9607
10134
|
"group": "components",
|
|
9608
10135
|
"value": "underline"
|
|
9609
10136
|
},
|
|
10137
|
+
{
|
|
10138
|
+
"name": "link-current-color",
|
|
10139
|
+
"tier": "component",
|
|
10140
|
+
"type": "color",
|
|
10141
|
+
"group": "components",
|
|
10142
|
+
"value": "var(--iox-text)"
|
|
10143
|
+
},
|
|
10144
|
+
{
|
|
10145
|
+
"name": "link-current-decoration",
|
|
10146
|
+
"tier": "component",
|
|
10147
|
+
"type": "keyword",
|
|
10148
|
+
"group": "components",
|
|
10149
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
10150
|
+
},
|
|
10151
|
+
{
|
|
10152
|
+
"name": "tabbar-bg",
|
|
10153
|
+
"tier": "component",
|
|
10154
|
+
"type": "color",
|
|
10155
|
+
"group": "components",
|
|
10156
|
+
"value": "var(--iox-nav-bg)"
|
|
10157
|
+
},
|
|
10158
|
+
{
|
|
10159
|
+
"name": "tabbar-border",
|
|
10160
|
+
"tier": "component",
|
|
10161
|
+
"type": "color",
|
|
10162
|
+
"group": "components",
|
|
10163
|
+
"value": "var(--iox-nav-border)"
|
|
10164
|
+
},
|
|
10165
|
+
{
|
|
10166
|
+
"name": "tabbar-border-width",
|
|
10167
|
+
"tier": "component",
|
|
10168
|
+
"type": "size",
|
|
10169
|
+
"group": "components",
|
|
10170
|
+
"value": "0px",
|
|
10171
|
+
"overridden": true
|
|
10172
|
+
},
|
|
10173
|
+
{
|
|
10174
|
+
"name": "tabbar-radius",
|
|
10175
|
+
"tier": "component",
|
|
10176
|
+
"type": "radius",
|
|
10177
|
+
"group": "components",
|
|
10178
|
+
"value": "0px"
|
|
10179
|
+
},
|
|
10180
|
+
{
|
|
10181
|
+
"name": "tabbar-shadow",
|
|
10182
|
+
"tier": "component",
|
|
10183
|
+
"type": "shadow",
|
|
10184
|
+
"group": "components",
|
|
10185
|
+
"value": "none"
|
|
10186
|
+
},
|
|
10187
|
+
{
|
|
10188
|
+
"name": "tabbar-backdrop",
|
|
10189
|
+
"tier": "component",
|
|
10190
|
+
"type": "effect",
|
|
10191
|
+
"group": "components",
|
|
10192
|
+
"value": "var(--iox-nav-backdrop)"
|
|
10193
|
+
},
|
|
10194
|
+
{
|
|
10195
|
+
"name": "tabbar-inset",
|
|
10196
|
+
"tier": "component",
|
|
10197
|
+
"type": "size",
|
|
10198
|
+
"group": "components",
|
|
10199
|
+
"value": "0px"
|
|
10200
|
+
},
|
|
10201
|
+
{
|
|
10202
|
+
"name": "tabbar-height",
|
|
10203
|
+
"tier": "component",
|
|
10204
|
+
"type": "size",
|
|
10205
|
+
"group": "components",
|
|
10206
|
+
"value": "64px"
|
|
10207
|
+
},
|
|
10208
|
+
{
|
|
10209
|
+
"name": "tabbar-item-ink",
|
|
10210
|
+
"tier": "component",
|
|
10211
|
+
"type": "color",
|
|
10212
|
+
"group": "components",
|
|
10213
|
+
"value": "var(--iox-text-muted)"
|
|
10214
|
+
},
|
|
10215
|
+
{
|
|
10216
|
+
"name": "tabbar-item-current-ink",
|
|
10217
|
+
"tier": "component",
|
|
10218
|
+
"type": "color",
|
|
10219
|
+
"group": "components",
|
|
10220
|
+
"value": "var(--iox-accent-text)"
|
|
10221
|
+
},
|
|
10222
|
+
{
|
|
10223
|
+
"name": "tabbar-indicator",
|
|
10224
|
+
"tier": "component",
|
|
10225
|
+
"type": "color",
|
|
10226
|
+
"group": "components",
|
|
10227
|
+
"value": "var(--iox-surface-2)"
|
|
10228
|
+
},
|
|
10229
|
+
{
|
|
10230
|
+
"name": "tabbar-label-size",
|
|
10231
|
+
"tier": "component",
|
|
10232
|
+
"type": "size",
|
|
10233
|
+
"group": "components",
|
|
10234
|
+
"value": "var(--iox-size-label)"
|
|
10235
|
+
},
|
|
9610
10236
|
{
|
|
9611
10237
|
"name": "heading-color",
|
|
9612
10238
|
"tier": "component",
|
|
@@ -11062,6 +11688,106 @@ export const SPEC_FLAVOR_PACKS = [
|
|
|
11062
11688
|
"group": "components",
|
|
11063
11689
|
"value": "underline"
|
|
11064
11690
|
},
|
|
11691
|
+
{
|
|
11692
|
+
"name": "link-current-color",
|
|
11693
|
+
"tier": "component",
|
|
11694
|
+
"type": "color",
|
|
11695
|
+
"group": "components",
|
|
11696
|
+
"value": "var(--iox-text)"
|
|
11697
|
+
},
|
|
11698
|
+
{
|
|
11699
|
+
"name": "link-current-decoration",
|
|
11700
|
+
"tier": "component",
|
|
11701
|
+
"type": "keyword",
|
|
11702
|
+
"group": "components",
|
|
11703
|
+
"value": "underline 2px var(--iox-accent-text)"
|
|
11704
|
+
},
|
|
11705
|
+
{
|
|
11706
|
+
"name": "tabbar-bg",
|
|
11707
|
+
"tier": "component",
|
|
11708
|
+
"type": "color",
|
|
11709
|
+
"group": "components",
|
|
11710
|
+
"value": "var(--iox-nav-bg)"
|
|
11711
|
+
},
|
|
11712
|
+
{
|
|
11713
|
+
"name": "tabbar-border",
|
|
11714
|
+
"tier": "component",
|
|
11715
|
+
"type": "color",
|
|
11716
|
+
"group": "components",
|
|
11717
|
+
"value": "var(--iox-line-strong)",
|
|
11718
|
+
"overridden": true
|
|
11719
|
+
},
|
|
11720
|
+
{
|
|
11721
|
+
"name": "tabbar-border-width",
|
|
11722
|
+
"tier": "component",
|
|
11723
|
+
"type": "size",
|
|
11724
|
+
"group": "components",
|
|
11725
|
+
"value": "var(--iox-border-width) 0px 0px 0px"
|
|
11726
|
+
},
|
|
11727
|
+
{
|
|
11728
|
+
"name": "tabbar-radius",
|
|
11729
|
+
"tier": "component",
|
|
11730
|
+
"type": "radius",
|
|
11731
|
+
"group": "components",
|
|
11732
|
+
"value": "0px"
|
|
11733
|
+
},
|
|
11734
|
+
{
|
|
11735
|
+
"name": "tabbar-shadow",
|
|
11736
|
+
"tier": "component",
|
|
11737
|
+
"type": "shadow",
|
|
11738
|
+
"group": "components",
|
|
11739
|
+
"value": "none"
|
|
11740
|
+
},
|
|
11741
|
+
{
|
|
11742
|
+
"name": "tabbar-backdrop",
|
|
11743
|
+
"tier": "component",
|
|
11744
|
+
"type": "effect",
|
|
11745
|
+
"group": "components",
|
|
11746
|
+
"value": "var(--iox-nav-backdrop)"
|
|
11747
|
+
},
|
|
11748
|
+
{
|
|
11749
|
+
"name": "tabbar-inset",
|
|
11750
|
+
"tier": "component",
|
|
11751
|
+
"type": "size",
|
|
11752
|
+
"group": "components",
|
|
11753
|
+
"value": "0px"
|
|
11754
|
+
},
|
|
11755
|
+
{
|
|
11756
|
+
"name": "tabbar-height",
|
|
11757
|
+
"tier": "component",
|
|
11758
|
+
"type": "size",
|
|
11759
|
+
"group": "components",
|
|
11760
|
+
"value": "64px"
|
|
11761
|
+
},
|
|
11762
|
+
{
|
|
11763
|
+
"name": "tabbar-item-ink",
|
|
11764
|
+
"tier": "component",
|
|
11765
|
+
"type": "color",
|
|
11766
|
+
"group": "components",
|
|
11767
|
+
"value": "var(--iox-text-muted)"
|
|
11768
|
+
},
|
|
11769
|
+
{
|
|
11770
|
+
"name": "tabbar-item-current-ink",
|
|
11771
|
+
"tier": "component",
|
|
11772
|
+
"type": "color",
|
|
11773
|
+
"group": "components",
|
|
11774
|
+
"value": "var(--iox-text)",
|
|
11775
|
+
"overridden": true
|
|
11776
|
+
},
|
|
11777
|
+
{
|
|
11778
|
+
"name": "tabbar-indicator",
|
|
11779
|
+
"tier": "component",
|
|
11780
|
+
"type": "color",
|
|
11781
|
+
"group": "components",
|
|
11782
|
+
"value": "var(--iox-surface-2)"
|
|
11783
|
+
},
|
|
11784
|
+
{
|
|
11785
|
+
"name": "tabbar-label-size",
|
|
11786
|
+
"tier": "component",
|
|
11787
|
+
"type": "size",
|
|
11788
|
+
"group": "components",
|
|
11789
|
+
"value": "var(--iox-size-label)"
|
|
11790
|
+
},
|
|
11065
11791
|
{
|
|
11066
11792
|
"name": "heading-color",
|
|
11067
11793
|
"tier": "component",
|