@vectoriox/iox-ui 5.35.0 → 5.37.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 (36) hide show
  1. package/actions-core/index.d.ts +12 -3
  2. package/composite-core/index.d.ts +500 -2
  3. package/design-core/index.d.ts +417 -0
  4. package/fesm2022/vectoriox-iox-ui-actions-core.mjs +26 -2
  5. package/fesm2022/vectoriox-iox-ui-actions-core.mjs.map +1 -1
  6. package/fesm2022/vectoriox-iox-ui-composite-core.mjs +1205 -2
  7. package/fesm2022/vectoriox-iox-ui-composite-core.mjs.map +1 -1
  8. package/fesm2022/vectoriox-iox-ui-design-core.mjs +489 -0
  9. package/fesm2022/vectoriox-iox-ui-design-core.mjs.map +1 -1
  10. package/fesm2022/vectoriox-iox-ui-forms-core.mjs +2 -1
  11. package/fesm2022/vectoriox-iox-ui-forms-core.mjs.map +1 -1
  12. package/fesm2022/vectoriox-iox-ui-generation-core.mjs +113 -8
  13. package/fesm2022/vectoriox-iox-ui-generation-core.mjs.map +1 -1
  14. package/fesm2022/vectoriox-iox-ui.mjs +94 -19
  15. package/fesm2022/vectoriox-iox-ui.mjs.map +1 -1
  16. package/generation-core/index.d.ts +53 -3
  17. package/index.d.ts +60 -10
  18. package/package.json +1 -1
  19. package/src/actions-core/action.model.ts +4 -2
  20. package/src/actions-core/element-actions.ts +29 -1
  21. package/src/composite-core/accordion-runtime.ts +443 -0
  22. package/src/composite-core/accordion.ts +694 -0
  23. package/src/composite-core/composite-kinds.ts +110 -0
  24. package/src/composite-core/composite-node.ts +16 -0
  25. package/src/composite-core/disclosure.ts +125 -0
  26. package/src/composite-core/public-api.ts +7 -1
  27. package/src/composite-core/structure.ts +14 -0
  28. package/src/design-core/flavor-spec.generated.ts +489 -0
  29. package/src/forms-core/nesting.ts +2 -1
  30. package/src/generation-core/compose-site.ts +49 -1
  31. package/src/generation-core/node-baselines.generated.ts +6 -2
  32. package/src/generation-core/patterns.ts +10 -0
  33. package/src/generation-core/serialized-node.ts +4 -0
  34. package/src/generation-core/site-spec.generated.ts +46 -1
  35. package/src/generation-core/validate-site-plan.ts +5 -4
  36. package/styles/iox-design.css +30 -0
package/fesm2022/vectoriox-iox-ui-design-core.mjs CHANGED
@@ -972,6 +972,51 @@ const SPEC_TIERS = {
972
972
  "type": "size",
973
973
  "default": "var(--iox-size-label)"
974
974
  },
975
+ {
976
+ "name": "accordion-gap",
977
+ "type": "spacing",
978
+ "default": "0px"
979
+ },
980
+ {
981
+ "name": "accordion-item-bg",
982
+ "type": "color",
983
+ "default": "var(--iox-section-bg)"
984
+ },
985
+ {
986
+ "name": "accordion-item-border",
987
+ "type": "color",
988
+ "default": "var(--iox-line)"
989
+ },
990
+ {
991
+ "name": "accordion-item-border-width",
992
+ "type": "size",
993
+ "default": "0px 0px var(--iox-border-width) 0px"
994
+ },
995
+ {
996
+ "name": "accordion-item-radius",
997
+ "type": "radius",
998
+ "default": "0px"
999
+ },
1000
+ {
1001
+ "name": "accordion-item-pad",
1002
+ "type": "spacing",
1003
+ "default": "0px"
1004
+ },
1005
+ {
1006
+ "name": "accordion-trigger-pad",
1007
+ "type": "spacing",
1008
+ "default": "20px 0px"
1009
+ },
1010
+ {
1011
+ "name": "accordion-trigger-hover-ink",
1012
+ "type": "color",
1013
+ "default": "var(--iox-accent-text)"
1014
+ },
1015
+ {
1016
+ "name": "accordion-panel-pad",
1017
+ "type": "spacing",
1018
+ "default": "0px 0px 20px 0px"
1019
+ },
975
1020
  {
976
1021
  "name": "heading-color",
977
1022
  "type": "color",
@@ -1829,6 +1874,55 @@ const SPEC_ELEMENT_STYLES = [
1829
1874
  "boxShadow": "var(--iox-focus-ring)"
1830
1875
  }
1831
1876
  },
1877
+ {
1878
+ "id": "accordion-item",
1879
+ "label": "Accordion item",
1880
+ "group": "Layout",
1881
+ "appliesTo": [
1882
+ "Container"
1883
+ ],
1884
+ "base": {
1885
+ "color": "inherit",
1886
+ "backgroundColor": "var(--iox-accordion-item-bg)",
1887
+ "borderStyle": "solid",
1888
+ "borderWidth": "var(--iox-accordion-item-border-width)",
1889
+ "borderColor": "var(--iox-accordion-item-border)",
1890
+ "borderRadius": "var(--iox-accordion-item-radius)",
1891
+ "padding": "var(--iox-accordion-item-pad)"
1892
+ }
1893
+ },
1894
+ {
1895
+ "id": "accordion-trigger",
1896
+ "label": "Accordion header",
1897
+ "group": "Layout",
1898
+ "appliesTo": [
1899
+ "LinkedContainer"
1900
+ ],
1901
+ "base": {
1902
+ "color": "var(--iox-heading-color)",
1903
+ "padding": "var(--iox-accordion-trigger-pad)",
1904
+ "transitionDuration": "var(--iox-dur-fast)",
1905
+ "transitionTimingFunction": "var(--iox-ease-standard)"
1906
+ },
1907
+ "hover": {
1908
+ "color": "var(--iox-accordion-trigger-hover-ink)"
1909
+ },
1910
+ "focus": {
1911
+ "boxShadow": "var(--iox-focus-ring)"
1912
+ }
1913
+ },
1914
+ {
1915
+ "id": "accordion-panel",
1916
+ "label": "Accordion panel",
1917
+ "group": "Layout",
1918
+ "appliesTo": [
1919
+ "Container"
1920
+ ],
1921
+ "base": {
1922
+ "padding": "var(--iox-accordion-panel-pad)",
1923
+ "color": "var(--iox-text-muted)"
1924
+ }
1925
+ },
1832
1926
  {
1833
1927
  "id": "media",
1834
1928
  "label": "Image",
@@ -3988,6 +4082,69 @@ const SPEC_FLAVOR_PACKS = [
3988
4082
  "group": "components",
3989
4083
  "value": "var(--iox-size-label)"
3990
4084
  },
4085
+ {
4086
+ "name": "accordion-gap",
4087
+ "tier": "component",
4088
+ "type": "spacing",
4089
+ "group": "components",
4090
+ "value": "0px"
4091
+ },
4092
+ {
4093
+ "name": "accordion-item-bg",
4094
+ "tier": "component",
4095
+ "type": "color",
4096
+ "group": "components",
4097
+ "value": "var(--iox-section-bg)"
4098
+ },
4099
+ {
4100
+ "name": "accordion-item-border",
4101
+ "tier": "component",
4102
+ "type": "color",
4103
+ "group": "components",
4104
+ "value": "var(--iox-line)"
4105
+ },
4106
+ {
4107
+ "name": "accordion-item-border-width",
4108
+ "tier": "component",
4109
+ "type": "size",
4110
+ "group": "components",
4111
+ "value": "0px 0px var(--iox-border-width) 0px"
4112
+ },
4113
+ {
4114
+ "name": "accordion-item-radius",
4115
+ "tier": "component",
4116
+ "type": "radius",
4117
+ "group": "components",
4118
+ "value": "0px"
4119
+ },
4120
+ {
4121
+ "name": "accordion-item-pad",
4122
+ "tier": "component",
4123
+ "type": "spacing",
4124
+ "group": "components",
4125
+ "value": "0px"
4126
+ },
4127
+ {
4128
+ "name": "accordion-trigger-pad",
4129
+ "tier": "component",
4130
+ "type": "spacing",
4131
+ "group": "components",
4132
+ "value": "20px 0px"
4133
+ },
4134
+ {
4135
+ "name": "accordion-trigger-hover-ink",
4136
+ "tier": "component",
4137
+ "type": "color",
4138
+ "group": "components",
4139
+ "value": "var(--iox-accent-text)"
4140
+ },
4141
+ {
4142
+ "name": "accordion-panel-pad",
4143
+ "tier": "component",
4144
+ "type": "spacing",
4145
+ "group": "components",
4146
+ "value": "0px 0px 20px 0px"
4147
+ },
3991
4148
  {
3992
4149
  "name": "heading-color",
3993
4150
  "tier": "component",
@@ -5546,6 +5703,69 @@ const SPEC_FLAVOR_PACKS = [
5546
5703
  "group": "components",
5547
5704
  "value": "var(--iox-size-label)"
5548
5705
  },
5706
+ {
5707
+ "name": "accordion-gap",
5708
+ "tier": "component",
5709
+ "type": "spacing",
5710
+ "group": "components",
5711
+ "value": "0px"
5712
+ },
5713
+ {
5714
+ "name": "accordion-item-bg",
5715
+ "tier": "component",
5716
+ "type": "color",
5717
+ "group": "components",
5718
+ "value": "var(--iox-section-bg)"
5719
+ },
5720
+ {
5721
+ "name": "accordion-item-border",
5722
+ "tier": "component",
5723
+ "type": "color",
5724
+ "group": "components",
5725
+ "value": "var(--iox-line)"
5726
+ },
5727
+ {
5728
+ "name": "accordion-item-border-width",
5729
+ "tier": "component",
5730
+ "type": "size",
5731
+ "group": "components",
5732
+ "value": "0px 0px var(--iox-border-width) 0px"
5733
+ },
5734
+ {
5735
+ "name": "accordion-item-radius",
5736
+ "tier": "component",
5737
+ "type": "radius",
5738
+ "group": "components",
5739
+ "value": "0px"
5740
+ },
5741
+ {
5742
+ "name": "accordion-item-pad",
5743
+ "tier": "component",
5744
+ "type": "spacing",
5745
+ "group": "components",
5746
+ "value": "0px"
5747
+ },
5748
+ {
5749
+ "name": "accordion-trigger-pad",
5750
+ "tier": "component",
5751
+ "type": "spacing",
5752
+ "group": "components",
5753
+ "value": "20px 0px"
5754
+ },
5755
+ {
5756
+ "name": "accordion-trigger-hover-ink",
5757
+ "tier": "component",
5758
+ "type": "color",
5759
+ "group": "components",
5760
+ "value": "var(--iox-accent-text)"
5761
+ },
5762
+ {
5763
+ "name": "accordion-panel-pad",
5764
+ "tier": "component",
5765
+ "type": "spacing",
5766
+ "group": "components",
5767
+ "value": "0px 0px 20px 0px"
5768
+ },
5549
5769
  {
5550
5770
  "name": "heading-color",
5551
5771
  "tier": "component",
@@ -7098,6 +7318,69 @@ const SPEC_FLAVOR_PACKS = [
7098
7318
  "group": "components",
7099
7319
  "value": "var(--iox-size-label)"
7100
7320
  },
7321
+ {
7322
+ "name": "accordion-gap",
7323
+ "tier": "component",
7324
+ "type": "spacing",
7325
+ "group": "components",
7326
+ "value": "0px"
7327
+ },
7328
+ {
7329
+ "name": "accordion-item-bg",
7330
+ "tier": "component",
7331
+ "type": "color",
7332
+ "group": "components",
7333
+ "value": "var(--iox-section-bg)"
7334
+ },
7335
+ {
7336
+ "name": "accordion-item-border",
7337
+ "tier": "component",
7338
+ "type": "color",
7339
+ "group": "components",
7340
+ "value": "var(--iox-line)"
7341
+ },
7342
+ {
7343
+ "name": "accordion-item-border-width",
7344
+ "tier": "component",
7345
+ "type": "size",
7346
+ "group": "components",
7347
+ "value": "0px 0px var(--iox-border-width) 0px"
7348
+ },
7349
+ {
7350
+ "name": "accordion-item-radius",
7351
+ "tier": "component",
7352
+ "type": "radius",
7353
+ "group": "components",
7354
+ "value": "0px"
7355
+ },
7356
+ {
7357
+ "name": "accordion-item-pad",
7358
+ "tier": "component",
7359
+ "type": "spacing",
7360
+ "group": "components",
7361
+ "value": "0px"
7362
+ },
7363
+ {
7364
+ "name": "accordion-trigger-pad",
7365
+ "tier": "component",
7366
+ "type": "spacing",
7367
+ "group": "components",
7368
+ "value": "20px 0px"
7369
+ },
7370
+ {
7371
+ "name": "accordion-trigger-hover-ink",
7372
+ "tier": "component",
7373
+ "type": "color",
7374
+ "group": "components",
7375
+ "value": "var(--iox-accent-text)"
7376
+ },
7377
+ {
7378
+ "name": "accordion-panel-pad",
7379
+ "tier": "component",
7380
+ "type": "spacing",
7381
+ "group": "components",
7382
+ "value": "0px 0px 20px 0px"
7383
+ },
7101
7384
  {
7102
7385
  "name": "heading-color",
7103
7386
  "tier": "component",
@@ -8685,6 +8968,75 @@ const SPEC_FLAVOR_PACKS = [
8685
8968
  "group": "components",
8686
8969
  "value": "var(--iox-size-label)"
8687
8970
  },
8971
+ {
8972
+ "name": "accordion-gap",
8973
+ "tier": "component",
8974
+ "type": "spacing",
8975
+ "group": "components",
8976
+ "value": "12px",
8977
+ "overridden": true
8978
+ },
8979
+ {
8980
+ "name": "accordion-item-bg",
8981
+ "tier": "component",
8982
+ "type": "color",
8983
+ "group": "components",
8984
+ "value": "var(--iox-surface-glass)",
8985
+ "overridden": true
8986
+ },
8987
+ {
8988
+ "name": "accordion-item-border",
8989
+ "tier": "component",
8990
+ "type": "color",
8991
+ "group": "components",
8992
+ "value": "var(--iox-glass-border)",
8993
+ "overridden": true
8994
+ },
8995
+ {
8996
+ "name": "accordion-item-border-width",
8997
+ "tier": "component",
8998
+ "type": "size",
8999
+ "group": "components",
9000
+ "value": "var(--iox-border-width)",
9001
+ "overridden": true
9002
+ },
9003
+ {
9004
+ "name": "accordion-item-radius",
9005
+ "tier": "component",
9006
+ "type": "radius",
9007
+ "group": "components",
9008
+ "value": "var(--iox-radius-md)",
9009
+ "overridden": true
9010
+ },
9011
+ {
9012
+ "name": "accordion-item-pad",
9013
+ "tier": "component",
9014
+ "type": "spacing",
9015
+ "group": "components",
9016
+ "value": "0px var(--iox-space-pad)",
9017
+ "overridden": true
9018
+ },
9019
+ {
9020
+ "name": "accordion-trigger-pad",
9021
+ "tier": "component",
9022
+ "type": "spacing",
9023
+ "group": "components",
9024
+ "value": "20px 0px"
9025
+ },
9026
+ {
9027
+ "name": "accordion-trigger-hover-ink",
9028
+ "tier": "component",
9029
+ "type": "color",
9030
+ "group": "components",
9031
+ "value": "var(--iox-accent-text)"
9032
+ },
9033
+ {
9034
+ "name": "accordion-panel-pad",
9035
+ "tier": "component",
9036
+ "type": "spacing",
9037
+ "group": "components",
9038
+ "value": "0px 0px 20px 0px"
9039
+ },
8688
9040
  {
8689
9041
  "name": "heading-color",
8690
9042
  "tier": "component",
@@ -10235,6 +10587,74 @@ const SPEC_FLAVOR_PACKS = [
10235
10587
  "group": "components",
10236
10588
  "value": "var(--iox-size-label)"
10237
10589
  },
10590
+ {
10591
+ "name": "accordion-gap",
10592
+ "tier": "component",
10593
+ "type": "spacing",
10594
+ "group": "components",
10595
+ "value": "12px",
10596
+ "overridden": true
10597
+ },
10598
+ {
10599
+ "name": "accordion-item-bg",
10600
+ "tier": "component",
10601
+ "type": "color",
10602
+ "group": "components",
10603
+ "value": "var(--iox-surface-2)",
10604
+ "overridden": true
10605
+ },
10606
+ {
10607
+ "name": "accordion-item-border",
10608
+ "tier": "component",
10609
+ "type": "color",
10610
+ "group": "components",
10611
+ "value": "var(--iox-line)"
10612
+ },
10613
+ {
10614
+ "name": "accordion-item-border-width",
10615
+ "tier": "component",
10616
+ "type": "size",
10617
+ "group": "components",
10618
+ "value": "0px",
10619
+ "overridden": true
10620
+ },
10621
+ {
10622
+ "name": "accordion-item-radius",
10623
+ "tier": "component",
10624
+ "type": "radius",
10625
+ "group": "components",
10626
+ "value": "var(--iox-radius-md)",
10627
+ "overridden": true
10628
+ },
10629
+ {
10630
+ "name": "accordion-item-pad",
10631
+ "tier": "component",
10632
+ "type": "spacing",
10633
+ "group": "components",
10634
+ "value": "0px var(--iox-space-pad)",
10635
+ "overridden": true
10636
+ },
10637
+ {
10638
+ "name": "accordion-trigger-pad",
10639
+ "tier": "component",
10640
+ "type": "spacing",
10641
+ "group": "components",
10642
+ "value": "20px 0px"
10643
+ },
10644
+ {
10645
+ "name": "accordion-trigger-hover-ink",
10646
+ "tier": "component",
10647
+ "type": "color",
10648
+ "group": "components",
10649
+ "value": "var(--iox-accent-text)"
10650
+ },
10651
+ {
10652
+ "name": "accordion-panel-pad",
10653
+ "tier": "component",
10654
+ "type": "spacing",
10655
+ "group": "components",
10656
+ "value": "0px 0px 20px 0px"
10657
+ },
10238
10658
  {
10239
10659
  "name": "heading-color",
10240
10660
  "tier": "component",
@@ -11790,6 +12210,75 @@ const SPEC_FLAVOR_PACKS = [
11790
12210
  "group": "components",
11791
12211
  "value": "var(--iox-size-label)"
11792
12212
  },
12213
+ {
12214
+ "name": "accordion-gap",
12215
+ "tier": "component",
12216
+ "type": "spacing",
12217
+ "group": "components",
12218
+ "value": "12px",
12219
+ "overridden": true
12220
+ },
12221
+ {
12222
+ "name": "accordion-item-bg",
12223
+ "tier": "component",
12224
+ "type": "color",
12225
+ "group": "components",
12226
+ "value": "var(--iox-surface)",
12227
+ "overridden": true
12228
+ },
12229
+ {
12230
+ "name": "accordion-item-border",
12231
+ "tier": "component",
12232
+ "type": "color",
12233
+ "group": "components",
12234
+ "value": "var(--iox-line-strong)",
12235
+ "overridden": true
12236
+ },
12237
+ {
12238
+ "name": "accordion-item-border-width",
12239
+ "tier": "component",
12240
+ "type": "size",
12241
+ "group": "components",
12242
+ "value": "var(--iox-border-width)",
12243
+ "overridden": true
12244
+ },
12245
+ {
12246
+ "name": "accordion-item-radius",
12247
+ "tier": "component",
12248
+ "type": "radius",
12249
+ "group": "components",
12250
+ "value": "var(--iox-radius-sm)",
12251
+ "overridden": true
12252
+ },
12253
+ {
12254
+ "name": "accordion-item-pad",
12255
+ "tier": "component",
12256
+ "type": "spacing",
12257
+ "group": "components",
12258
+ "value": "0px var(--iox-space-pad)",
12259
+ "overridden": true
12260
+ },
12261
+ {
12262
+ "name": "accordion-trigger-pad",
12263
+ "tier": "component",
12264
+ "type": "spacing",
12265
+ "group": "components",
12266
+ "value": "20px 0px"
12267
+ },
12268
+ {
12269
+ "name": "accordion-trigger-hover-ink",
12270
+ "tier": "component",
12271
+ "type": "color",
12272
+ "group": "components",
12273
+ "value": "var(--iox-accent-text)"
12274
+ },
12275
+ {
12276
+ "name": "accordion-panel-pad",
12277
+ "tier": "component",
12278
+ "type": "spacing",
12279
+ "group": "components",
12280
+ "value": "0px 0px 20px 0px"
12281
+ },
11793
12282
  {
11794
12283
  "name": "heading-color",
11795
12284
  "tier": "component",