@vectoriox/iox-ui 5.32.1 → 5.34.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 (19) hide show
  1. package/composite-core/index.d.ts +4 -1
  2. package/design-core/index.d.ts +59 -5
  3. package/fesm2022/vectoriox-iox-ui-composite-core.mjs +9 -8
  4. package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
  5. package/fesm2022/vectoriox-iox-ui-design-core.mjs +740 -604
  6. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  7. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +25 -51
  8. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  9. package/fesm2022/vectoriox-iox-ui.mjs +42 -1
  10. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  11. package/index.d.ts +16 -1
  12. package/package.json +1 -1
  13. package/src/composite-core/badge.ts +4 -3
  14. package/src/composite-core/card.ts +4 -4
  15. package/src/design-core/contrast-audit.ts +50 -1
  16. package/src/design-core/flavor-spec.generated.ts +20 -0
  17. package/src/design-core/node-classes.ts +49 -1
  18. package/src/design-core/token-css.ts +39 -11
  19. package/src/generation-core/node-baselines.generated.ts +25 -51
package/fesm2022/vectoriox-iox-ui-generation-core.mjs CHANGED
@@ -1181,7 +1181,6 @@ const NODE_BASELINES = {
1181
1181
  "gridTemplateRows": "auto",
1182
1182
  "justifyItems": "stretch",
1183
1183
  "alignContent": "stretch",
1184
- "direction": "ltr",
1185
1184
  "alignSelf": "auto",
1186
1185
  "order": "0",
1187
1186
  "flexGrow": "0",
@@ -1270,7 +1269,7 @@ const NODE_BASELINES = {
1270
1269
  "gridTemplateRows",
1271
1270
  "justifyItems",
1272
1271
  "alignContent",
1273
- "direction",
1272
+ "textDirection",
1274
1273
  "alignSelf",
1275
1274
  "order",
1276
1275
  "flexGrow",
@@ -1373,7 +1372,6 @@ const NODE_BASELINES = {
1373
1372
  "gridTemplateRows": "auto",
1374
1373
  "justifyItems": "stretch",
1375
1374
  "alignContent": "stretch",
1376
- "direction": "ltr",
1377
1375
  "alignSelf": "auto",
1378
1376
  "order": "0",
1379
1377
  "flexGrow": "0",
@@ -1467,7 +1465,7 @@ const NODE_BASELINES = {
1467
1465
  "gridTemplateRows",
1468
1466
  "justifyItems",
1469
1467
  "alignContent",
1470
- "direction",
1468
+ "textDirection",
1471
1469
  "alignSelf",
1472
1470
  "order",
1473
1471
  "flexGrow",
@@ -1566,7 +1564,6 @@ const NODE_BASELINES = {
1566
1564
  "gridTemplateRows": "auto",
1567
1565
  "justifyItems": "stretch",
1568
1566
  "alignContent": "stretch",
1569
- "direction": "ltr",
1570
1567
  "alignSelf": "auto",
1571
1568
  "order": "0",
1572
1569
  "flexGrow": "0",
@@ -1655,7 +1652,7 @@ const NODE_BASELINES = {
1655
1652
  "gridTemplateRows",
1656
1653
  "justifyItems",
1657
1654
  "alignContent",
1658
- "direction",
1655
+ "textDirection",
1659
1656
  "alignSelf",
1660
1657
  "order",
1661
1658
  "flexGrow",
@@ -1753,7 +1750,6 @@ const NODE_BASELINES = {
1753
1750
  "gridTemplateRows": "auto",
1754
1751
  "justifyItems": "stretch",
1755
1752
  "alignContent": "stretch",
1756
- "direction": "ltr",
1757
1753
  "alignSelf": "auto",
1758
1754
  "order": "0",
1759
1755
  "flexGrow": "0",
@@ -1841,7 +1837,7 @@ const NODE_BASELINES = {
1841
1837
  "gridTemplateRows",
1842
1838
  "justifyItems",
1843
1839
  "alignContent",
1844
- "direction",
1840
+ "textDirection",
1845
1841
  "alignSelf",
1846
1842
  "order",
1847
1843
  "flexGrow",
@@ -1943,7 +1939,6 @@ const NODE_BASELINES = {
1943
1939
  "gridTemplateRows": "auto",
1944
1940
  "justifyItems": "stretch",
1945
1941
  "alignContent": "stretch",
1946
- "direction": "ltr",
1947
1942
  "alignSelf": "auto",
1948
1943
  "order": "0",
1949
1944
  "flexGrow": "0",
@@ -2036,7 +2031,7 @@ const NODE_BASELINES = {
2036
2031
  "gridTemplateRows",
2037
2032
  "justifyItems",
2038
2033
  "alignContent",
2039
- "direction",
2034
+ "textDirection",
2040
2035
  "alignSelf",
2041
2036
  "order",
2042
2037
  "flexGrow",
@@ -2135,7 +2130,6 @@ const NODE_BASELINES = {
2135
2130
  "gridTemplateRows": "auto",
2136
2131
  "justifyItems": "stretch",
2137
2132
  "alignContent": "stretch",
2138
- "direction": "ltr",
2139
2133
  "alignSelf": "auto",
2140
2134
  "order": "0",
2141
2135
  "flexGrow": "0",
@@ -2224,7 +2218,7 @@ const NODE_BASELINES = {
2224
2218
  "gridTemplateRows",
2225
2219
  "justifyItems",
2226
2220
  "alignContent",
2227
- "direction",
2221
+ "textDirection",
2228
2222
  "alignSelf",
2229
2223
  "order",
2230
2224
  "flexGrow",
@@ -2323,7 +2317,6 @@ const NODE_BASELINES = {
2323
2317
  "gridTemplateRows": "auto",
2324
2318
  "justifyItems": "stretch",
2325
2319
  "alignContent": "stretch",
2326
- "direction": "ltr",
2327
2320
  "alignSelf": "auto",
2328
2321
  "order": "0",
2329
2322
  "flexGrow": "0",
@@ -2411,7 +2404,7 @@ const NODE_BASELINES = {
2411
2404
  "gridTemplateRows",
2412
2405
  "justifyItems",
2413
2406
  "alignContent",
2414
- "direction",
2407
+ "textDirection",
2415
2408
  "alignSelf",
2416
2409
  "order",
2417
2410
  "flexGrow",
@@ -2513,7 +2506,6 @@ const NODE_BASELINES = {
2513
2506
  "gridTemplateRows": "auto",
2514
2507
  "justifyItems": "stretch",
2515
2508
  "alignContent": "stretch",
2516
- "direction": "ltr",
2517
2509
  "alignSelf": "auto",
2518
2510
  "order": "0",
2519
2511
  "flexGrow": "0",
@@ -2606,7 +2598,7 @@ const NODE_BASELINES = {
2606
2598
  "gridTemplateRows",
2607
2599
  "justifyItems",
2608
2600
  "alignContent",
2609
- "direction",
2601
+ "textDirection",
2610
2602
  "alignSelf",
2611
2603
  "order",
2612
2604
  "flexGrow",
@@ -2708,7 +2700,6 @@ const NODE_BASELINES = {
2708
2700
  "gridTemplateRows": "auto",
2709
2701
  "justifyItems": "stretch",
2710
2702
  "alignContent": "stretch",
2711
- "direction": "ltr",
2712
2703
  "alignSelf": "auto",
2713
2704
  "order": "0",
2714
2705
  "flexGrow": "0",
@@ -2801,7 +2792,7 @@ const NODE_BASELINES = {
2801
2792
  "gridTemplateRows",
2802
2793
  "justifyItems",
2803
2794
  "alignContent",
2804
- "direction",
2795
+ "textDirection",
2805
2796
  "alignSelf",
2806
2797
  "order",
2807
2798
  "flexGrow",
@@ -2898,7 +2889,6 @@ const NODE_BASELINES = {
2898
2889
  "gridTemplateRows": "auto",
2899
2890
  "justifyItems": "stretch",
2900
2891
  "alignContent": "stretch",
2901
- "direction": "ltr",
2902
2892
  "alignSelf": "auto",
2903
2893
  "order": "0",
2904
2894
  "flexGrow": "0",
@@ -2985,7 +2975,7 @@ const NODE_BASELINES = {
2985
2975
  "gridTemplateRows",
2986
2976
  "justifyItems",
2987
2977
  "alignContent",
2988
- "direction",
2978
+ "textDirection",
2989
2979
  "alignSelf",
2990
2980
  "order",
2991
2981
  "flexGrow",
@@ -3082,7 +3072,6 @@ const NODE_BASELINES = {
3082
3072
  "gridTemplateRows": "auto",
3083
3073
  "justifyItems": "stretch",
3084
3074
  "alignContent": "stretch",
3085
- "direction": "ltr",
3086
3075
  "alignSelf": "auto",
3087
3076
  "order": "0",
3088
3077
  "flexGrow": "0",
@@ -3169,7 +3158,7 @@ const NODE_BASELINES = {
3169
3158
  "gridTemplateRows",
3170
3159
  "justifyItems",
3171
3160
  "alignContent",
3172
- "direction",
3161
+ "textDirection",
3173
3162
  "alignSelf",
3174
3163
  "order",
3175
3164
  "flexGrow",
@@ -3264,7 +3253,6 @@ const NODE_BASELINES = {
3264
3253
  "gridTemplateRows": "auto",
3265
3254
  "justifyItems": "stretch",
3266
3255
  "alignContent": "stretch",
3267
- "direction": "ltr",
3268
3256
  "alignSelf": "auto",
3269
3257
  "order": "0",
3270
3258
  "flexGrow": "0",
@@ -3349,7 +3337,7 @@ const NODE_BASELINES = {
3349
3337
  "gridTemplateRows",
3350
3338
  "justifyItems",
3351
3339
  "alignContent",
3352
- "direction",
3340
+ "textDirection",
3353
3341
  "alignSelf",
3354
3342
  "order",
3355
3343
  "flexGrow",
@@ -3444,7 +3432,6 @@ const NODE_BASELINES = {
3444
3432
  "gridTemplateRows": "auto",
3445
3433
  "justifyItems": "stretch",
3446
3434
  "alignContent": "stretch",
3447
- "direction": "ltr",
3448
3435
  "alignSelf": "auto",
3449
3436
  "order": "0",
3450
3437
  "flexGrow": "0",
@@ -3529,7 +3516,7 @@ const NODE_BASELINES = {
3529
3516
  "gridTemplateRows",
3530
3517
  "justifyItems",
3531
3518
  "alignContent",
3532
- "direction",
3519
+ "textDirection",
3533
3520
  "alignSelf",
3534
3521
  "order",
3535
3522
  "flexGrow",
@@ -3634,7 +3621,6 @@ const NODE_BASELINES = {
3634
3621
  "gridTemplateRows": "auto",
3635
3622
  "justifyItems": "stretch",
3636
3623
  "alignContent": "stretch",
3637
- "direction": "ltr",
3638
3624
  "width": "100%",
3639
3625
  "height": "auto",
3640
3626
  "minWidth": "auto",
@@ -3722,7 +3708,7 @@ const NODE_BASELINES = {
3722
3708
  "gridTemplateRows",
3723
3709
  "justifyItems",
3724
3710
  "alignContent",
3725
- "direction",
3711
+ "textDirection",
3726
3712
  "width",
3727
3713
  "height",
3728
3714
  "minWidth",
@@ -3811,7 +3797,6 @@ const NODE_BASELINES = {
3811
3797
  "gridTemplateRows": "auto",
3812
3798
  "justifyItems": "stretch",
3813
3799
  "alignContent": "stretch",
3814
- "direction": "ltr",
3815
3800
  "alignSelf": "auto",
3816
3801
  "order": "0",
3817
3802
  "flexGrow": "0",
@@ -3898,7 +3883,7 @@ const NODE_BASELINES = {
3898
3883
  "gridTemplateRows",
3899
3884
  "justifyItems",
3900
3885
  "alignContent",
3901
- "direction",
3886
+ "textDirection",
3902
3887
  "alignSelf",
3903
3888
  "order",
3904
3889
  "flexGrow",
@@ -3996,7 +3981,6 @@ const NODE_BASELINES = {
3996
3981
  "gridTemplateRows": "auto",
3997
3982
  "justifyItems": "stretch",
3998
3983
  "alignContent": "stretch",
3999
- "direction": "ltr",
4000
3984
  "alignSelf": "auto",
4001
3985
  "order": "0",
4002
3986
  "flexGrow": "0",
@@ -4084,7 +4068,7 @@ const NODE_BASELINES = {
4084
4068
  "gridTemplateRows",
4085
4069
  "justifyItems",
4086
4070
  "alignContent",
4087
- "direction",
4071
+ "textDirection",
4088
4072
  "alignSelf",
4089
4073
  "order",
4090
4074
  "flexGrow",
@@ -4225,7 +4209,6 @@ const NODE_BASELINES = {
4225
4209
  "gridTemplateRows": "auto",
4226
4210
  "justifyItems": "stretch",
4227
4211
  "alignContent": "stretch",
4228
- "direction": "ltr",
4229
4212
  "margin": "0px 0px 0px 0px",
4230
4213
  "padding": "0px 0px 0px 0px",
4231
4214
  "borderWidth": "0px",
@@ -4336,7 +4319,7 @@ const NODE_BASELINES = {
4336
4319
  "gridTemplateRows",
4337
4320
  "justifyItems",
4338
4321
  "alignContent",
4339
- "direction",
4322
+ "textDirection",
4340
4323
  "margin",
4341
4324
  "padding",
4342
4325
  "borderWidth",
@@ -4401,7 +4384,6 @@ const NODE_BASELINES = {
4401
4384
  "gridTemplateRows": "auto",
4402
4385
  "justifyItems": "stretch",
4403
4386
  "alignContent": "stretch",
4404
- "direction": "ltr",
4405
4387
  "width": "33%",
4406
4388
  "height": "auto",
4407
4389
  "minWidth": "auto",
@@ -4478,7 +4460,7 @@ const NODE_BASELINES = {
4478
4460
  "gridTemplateRows",
4479
4461
  "justifyItems",
4480
4462
  "alignContent",
4481
- "direction",
4463
+ "textDirection",
4482
4464
  "width",
4483
4465
  "height",
4484
4466
  "minWidth",
@@ -4712,7 +4694,6 @@ const NODE_BASELINES = {
4712
4694
  "gridTemplateRows": "auto",
4713
4695
  "justifyItems": "stretch",
4714
4696
  "alignContent": "stretch",
4715
- "direction": "ltr",
4716
4697
  "width": "100%",
4717
4698
  "height": "auto",
4718
4699
  "minWidth": "auto",
@@ -4805,7 +4786,7 @@ const NODE_BASELINES = {
4805
4786
  "gridTemplateRows",
4806
4787
  "justifyItems",
4807
4788
  "alignContent",
4808
- "direction",
4789
+ "textDirection",
4809
4790
  "width",
4810
4791
  "height",
4811
4792
  "minWidth",
@@ -4907,7 +4888,6 @@ const NODE_BASELINES = {
4907
4888
  "gridTemplateRows": "auto",
4908
4889
  "justifyItems": "stretch",
4909
4890
  "alignContent": "stretch",
4910
- "direction": "ltr",
4911
4891
  "alignSelf": "auto",
4912
4892
  "order": "0",
4913
4893
  "flexGrow": "0",
@@ -5010,7 +4990,7 @@ const NODE_BASELINES = {
5010
4990
  "gridTemplateRows",
5011
4991
  "justifyItems",
5012
4992
  "alignContent",
5013
- "direction",
4993
+ "textDirection",
5014
4994
  "alignSelf",
5015
4995
  "order",
5016
4996
  "flexGrow",
@@ -5107,7 +5087,6 @@ const NODE_BASELINES = {
5107
5087
  "gridTemplateRows": "auto",
5108
5088
  "justifyItems": "stretch",
5109
5089
  "alignContent": "stretch",
5110
- "direction": "ltr",
5111
5090
  "alignSelf": "auto",
5112
5091
  "order": "0",
5113
5092
  "flexGrow": "0",
@@ -5194,7 +5173,7 @@ const NODE_BASELINES = {
5194
5173
  "gridTemplateRows",
5195
5174
  "justifyItems",
5196
5175
  "alignContent",
5197
- "direction",
5176
+ "textDirection",
5198
5177
  "alignSelf",
5199
5178
  "order",
5200
5179
  "flexGrow",
@@ -5293,7 +5272,6 @@ const NODE_BASELINES = {
5293
5272
  "gridTemplateRows": "auto",
5294
5273
  "justifyItems": "stretch",
5295
5274
  "alignContent": "stretch",
5296
- "direction": "ltr",
5297
5275
  "alignSelf": "auto",
5298
5276
  "order": "0",
5299
5277
  "flexGrow": "0",
@@ -5382,7 +5360,7 @@ const NODE_BASELINES = {
5382
5360
  "gridTemplateRows",
5383
5361
  "justifyItems",
5384
5362
  "alignContent",
5385
- "direction",
5363
+ "textDirection",
5386
5364
  "alignSelf",
5387
5365
  "order",
5388
5366
  "flexGrow",
@@ -5479,7 +5457,6 @@ const NODE_BASELINES = {
5479
5457
  "gridTemplateRows": "auto",
5480
5458
  "justifyItems": "stretch",
5481
5459
  "alignContent": "stretch",
5482
- "direction": "ltr",
5483
5460
  "alignSelf": "auto",
5484
5461
  "order": "0",
5485
5462
  "flexGrow": "0",
@@ -5566,7 +5543,7 @@ const NODE_BASELINES = {
5566
5543
  "gridTemplateRows",
5567
5544
  "justifyItems",
5568
5545
  "alignContent",
5569
- "direction",
5546
+ "textDirection",
5570
5547
  "alignSelf",
5571
5548
  "order",
5572
5549
  "flexGrow",
@@ -5663,7 +5640,6 @@ const NODE_BASELINES = {
5663
5640
  "gridTemplateRows": "auto",
5664
5641
  "justifyItems": "stretch",
5665
5642
  "alignContent": "stretch",
5666
- "direction": "ltr",
5667
5643
  "alignSelf": "auto",
5668
5644
  "order": "0",
5669
5645
  "flexGrow": "0",
@@ -5750,7 +5726,7 @@ const NODE_BASELINES = {
5750
5726
  "gridTemplateRows",
5751
5727
  "justifyItems",
5752
5728
  "alignContent",
5753
- "direction",
5729
+ "textDirection",
5754
5730
  "alignSelf",
5755
5731
  "order",
5756
5732
  "flexGrow",
@@ -5852,7 +5828,6 @@ const NODE_BASELINES = {
5852
5828
  "gridTemplateRows": "auto",
5853
5829
  "justifyItems": "stretch",
5854
5830
  "alignContent": "stretch",
5855
- "direction": "ltr",
5856
5831
  "alignSelf": "auto",
5857
5832
  "order": "0",
5858
5833
  "flexGrow": "0",
@@ -5946,7 +5921,7 @@ const NODE_BASELINES = {
5946
5921
  "gridTemplateRows",
5947
5922
  "justifyItems",
5948
5923
  "alignContent",
5949
- "direction",
5924
+ "textDirection",
5950
5925
  "alignSelf",
5951
5926
  "order",
5952
5927
  "flexGrow",
@@ -6041,7 +6016,6 @@ const NEUTRAL_STYLE_PROPS = {
6041
6016
  "gridTemplateRows": "auto",
6042
6017
  "justifyItems": "stretch",
6043
6018
  "alignContent": "stretch",
6044
- "direction": "ltr",
6045
6019
  "alignSelf": "auto",
6046
6020
  "order": "0",
6047
6021
  "flexGrow": "0",