@vonage/vivid 4.14.3 → 4.14.4

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/custom-elements.json +722 -722
  2. package/lib/option/option.d.ts +6 -0
  3. package/package.json +1 -1
  4. package/shared/definition17.cjs +2 -2
  5. package/shared/definition17.js +2 -2
  6. package/shared/definition2.cjs +2 -2
  7. package/shared/definition2.js +2 -2
  8. package/shared/definition29.cjs +0 -3
  9. package/shared/definition29.js +0 -3
  10. package/shared/definition5.cjs +1 -1
  11. package/shared/definition5.js +1 -1
  12. package/shared/listbox.cjs +3 -22
  13. package/shared/listbox.js +2 -21
  14. package/styles/core/all.css +1 -1
  15. package/styles/core/theme.css +1 -1
  16. package/styles/core/typography.css +1 -1
  17. package/styles/tokens/theme-dark.css +4 -4
  18. package/styles/tokens/theme-light.css +4 -4
  19. package/styles/tokens/vivid-2-compat.css +1 -1
package/custom-elements.json CHANGED
@@ -10,9 +10,9 @@
10
10
  "kind": "variable",
11
11
  "name": "AccordionExpandMode",
12
12
  "type": {
13
- "text": "{\n\t/**\n\t * Designates only a single {@link @microsoft/fast-foundation#(AccordionItem:class) } can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple {@link @microsoft/fast-foundation#(AccordionItem:class) | AccordionItems} can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}"
13
+ "text": "{\n\t/**\n\t * Designates only a single AccordionItem can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple AccordionItems can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}"
14
14
  },
15
- "default": "{\n\t/**\n\t * Designates only a single {@link @microsoft/fast-foundation#(AccordionItem:class) } can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple {@link @microsoft/fast-foundation#(AccordionItem:class) | AccordionItems} can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}",
15
+ "default": "{\n\t/**\n\t * Designates only a single AccordionItem can be open a time.\n\t */\n\tsingle: 'single',\n\n\t/**\n\t * Designates multiple AccordionItems can be open simultaneously.\n\t */\n\tmulti: 'multi',\n}",
16
16
  "description": "Expand mode for Accordion",
17
17
  "privacy": "public"
18
18
  },
@@ -16543,6 +16543,517 @@
16543
16543
  }
16544
16544
  ]
16545
16545
  },
16546
+ {
16547
+ "kind": "javascript-module",
16548
+ "path": "libs/components/src/lib/split-button/definition.ts",
16549
+ "declarations": [
16550
+ {
16551
+ "kind": "variable",
16552
+ "name": "registerSplitButton",
16553
+ "description": "Registers the button elements with the design system.",
16554
+ "parameters": [
16555
+ {
16556
+ "description": "the prefix to use for the component name",
16557
+ "name": "prefix"
16558
+ }
16559
+ ]
16560
+ }
16561
+ ],
16562
+ "exports": [
16563
+ {
16564
+ "kind": "js",
16565
+ "name": "SplitButtonAppearance",
16566
+ "declaration": {
16567
+ "name": "SplitButtonAppearance",
16568
+ "module": "./split-button"
16569
+ }
16570
+ },
16571
+ {
16572
+ "kind": "js",
16573
+ "name": "SplitButtonConnotation",
16574
+ "declaration": {
16575
+ "name": "SplitButtonConnotation",
16576
+ "module": "./split-button"
16577
+ }
16578
+ },
16579
+ {
16580
+ "kind": "js",
16581
+ "name": "SplitButtonShape",
16582
+ "declaration": {
16583
+ "name": "SplitButtonShape",
16584
+ "module": "./split-button"
16585
+ }
16586
+ },
16587
+ {
16588
+ "kind": "js",
16589
+ "name": "SplitButtonSize",
16590
+ "declaration": {
16591
+ "name": "SplitButtonSize",
16592
+ "module": "./split-button"
16593
+ }
16594
+ },
16595
+ {
16596
+ "kind": "js",
16597
+ "name": "registerSplitButton",
16598
+ "declaration": {
16599
+ "name": "registerSplitButton",
16600
+ "module": "libs/components/src/lib/split-button/definition.ts"
16601
+ }
16602
+ }
16603
+ ]
16604
+ },
16605
+ {
16606
+ "kind": "javascript-module",
16607
+ "path": "libs/components/src/lib/split-button/locale.ts",
16608
+ "declarations": [],
16609
+ "exports": []
16610
+ },
16611
+ {
16612
+ "kind": "javascript-module",
16613
+ "path": "libs/components/src/lib/split-button/split-button.ts",
16614
+ "declarations": [
16615
+ {
16616
+ "kind": "class",
16617
+ "description": "",
16618
+ "name": "SplitButton",
16619
+ "cssProperties": [
16620
+ {
16621
+ "name": "--vvd-split-button-cta-primary",
16622
+ "default": "var(--vvd-color-cta-500)"
16623
+ },
16624
+ {
16625
+ "name": "--vvd-split-button-cta-primary-text",
16626
+ "default": "var(--vvd-color-canvas)"
16627
+ },
16628
+ {
16629
+ "name": "--vvd-split-button-cta-primary-increment",
16630
+ "default": "var(--vvd-color-cta-600)"
16631
+ },
16632
+ {
16633
+ "name": "--vvd-split-button-cta-contrast",
16634
+ "default": "var(--vvd-color-cta-800)"
16635
+ },
16636
+ {
16637
+ "name": "--vvd-split-button-cta-fierce",
16638
+ "default": "var(--vvd-color-cta-700)"
16639
+ },
16640
+ {
16641
+ "name": "--vvd-split-button-cta-firm",
16642
+ "default": "var(--vvd-color-cta-600)"
16643
+ },
16644
+ {
16645
+ "name": "--vvd-split-button-cta-soft",
16646
+ "default": "var(--vvd-color-cta-100)"
16647
+ },
16648
+ {
16649
+ "name": "--vvd-split-button-cta-faint",
16650
+ "default": "var(--vvd-color-cta-50)"
16651
+ },
16652
+ {
16653
+ "name": "--vvd-split-button-success-primary",
16654
+ "default": "var(--vvd-color-success-500)"
16655
+ },
16656
+ {
16657
+ "name": "--vvd-split-button-success-primary-text",
16658
+ "default": "var(--vvd-color-canvas)"
16659
+ },
16660
+ {
16661
+ "name": "--vvd-split-button-success-primary-increment",
16662
+ "default": "var(--vvd-color-success-600)"
16663
+ },
16664
+ {
16665
+ "name": "--vvd-split-button-success-contrast",
16666
+ "default": "var(--vvd-color-success-800)"
16667
+ },
16668
+ {
16669
+ "name": "--vvd-split-button-success-fierce",
16670
+ "default": "var(--vvd-color-success-700)"
16671
+ },
16672
+ {
16673
+ "name": "--vvd-split-button-success-firm",
16674
+ "default": "var(--vvd-color-success-600)"
16675
+ },
16676
+ {
16677
+ "name": "--vvd-split-button-success-soft",
16678
+ "default": "var(--vvd-color-success-100)"
16679
+ },
16680
+ {
16681
+ "name": "--vvd-split-button-success-faint",
16682
+ "default": "var(--vvd-color-success-50)"
16683
+ },
16684
+ {
16685
+ "name": "--vvd-split-button-alert-primary",
16686
+ "default": "var(--vvd-color-alert-500)"
16687
+ },
16688
+ {
16689
+ "name": "--vvd-split-button-alert-primary-text",
16690
+ "default": "var(--vvd-color-canvas)"
16691
+ },
16692
+ {
16693
+ "name": "--vvd-split-button-alert-primary-increment",
16694
+ "default": "var(--vvd-color-alert-600)"
16695
+ },
16696
+ {
16697
+ "name": "--vvd-split-button-alert-contrast",
16698
+ "default": "var(--vvd-color-alert-800)"
16699
+ },
16700
+ {
16701
+ "name": "--vvd-split-button-alert-fierce",
16702
+ "default": "var(--vvd-color-alert-700)"
16703
+ },
16704
+ {
16705
+ "name": "--vvd-split-button-alert-firm",
16706
+ "default": "var(--vvd-color-alert-600)"
16707
+ },
16708
+ {
16709
+ "name": "--vvd-split-button-alert-soft",
16710
+ "default": "var(--vvd-color-alert-100)"
16711
+ },
16712
+ {
16713
+ "name": "--vvd-split-button-alert-faint",
16714
+ "default": "var(--vvd-color-alert-50)"
16715
+ },
16716
+ {
16717
+ "name": "--vvd-split-button-announcement-primary",
16718
+ "default": "var(--vvd-color-announcement-500)"
16719
+ },
16720
+ {
16721
+ "name": "--vvd-split-button-announcement-primary-text",
16722
+ "default": "var(--vvd-color-canvas)"
16723
+ },
16724
+ {
16725
+ "name": "--vvd-split-button-announcement-primary-increment",
16726
+ "default": "var(--vvd-color-announcement-600)"
16727
+ },
16728
+ {
16729
+ "name": "--vvd-split-button-announcement-contrast",
16730
+ "default": "var(--vvd-color-announcement-800)"
16731
+ },
16732
+ {
16733
+ "name": "--vvd-split-button-announcement-fierce",
16734
+ "default": "var(--vvd-color-announcement-700)"
16735
+ },
16736
+ {
16737
+ "name": "--vvd-split-button-announcement-firm",
16738
+ "default": "var(--vvd-color-announcement-600)"
16739
+ },
16740
+ {
16741
+ "name": "--vvd-split-button-announcement-soft",
16742
+ "default": "var(--vvd-color-announcement-100)"
16743
+ },
16744
+ {
16745
+ "name": "--vvd-split-button-announcement-faint",
16746
+ "default": "var(--vvd-color-announcement-50)"
16747
+ },
16748
+ {
16749
+ "name": "--vvd-split-button-accent-primary",
16750
+ "default": "var(--vvd-color-canvas-text)"
16751
+ },
16752
+ {
16753
+ "name": "--vvd-split-button-accent-primary-text",
16754
+ "default": "var(--vvd-color-canvas)"
16755
+ },
16756
+ {
16757
+ "name": "--vvd-split-button-accent-primary-increment",
16758
+ "default": "var(--vvd-color-neutral-800)"
16759
+ },
16760
+ {
16761
+ "name": "--vvd-split-button-accent-contrast",
16762
+ "default": "var(--vvd-color-neutral-800)"
16763
+ },
16764
+ {
16765
+ "name": "--vvd-split-button-accent-fierce",
16766
+ "default": "var(--vvd-color-neutral-700)"
16767
+ },
16768
+ {
16769
+ "name": "--vvd-split-button-accent-firm",
16770
+ "default": "var(--vvd-color-canvas-text)"
16771
+ },
16772
+ {
16773
+ "name": "--vvd-split-button-accent-soft",
16774
+ "default": "var(--vvd-color-neutral-100)"
16775
+ },
16776
+ {
16777
+ "name": "--vvd-split-button-accent-faint",
16778
+ "default": "var(--vvd-color-neutral-50)"
16779
+ }
16780
+ ],
16781
+ "slots": [
16782
+ {
16783
+ "description": "Default slot.",
16784
+ "name": ""
16785
+ },
16786
+ {
16787
+ "description": "Add an icon to the component.",
16788
+ "name": "icon"
16789
+ }
16790
+ ],
16791
+ "members": [
16792
+ {
16793
+ "kind": "field",
16794
+ "name": "_action",
16795
+ "type": {
16796
+ "text": "HTMLButtonElement"
16797
+ },
16798
+ "description": "Action HTML button element",
16799
+ "privacy": "public"
16800
+ },
16801
+ {
16802
+ "kind": "field",
16803
+ "name": "action",
16804
+ "type": {
16805
+ "text": "HTMLButtonElement"
16806
+ },
16807
+ "readonly": true
16808
+ },
16809
+ {
16810
+ "kind": "field",
16811
+ "name": "_indicator",
16812
+ "type": {
16813
+ "text": "HTMLButtonElement"
16814
+ },
16815
+ "description": "Indicator HTML button element",
16816
+ "privacy": "public"
16817
+ },
16818
+ {
16819
+ "kind": "field",
16820
+ "name": "indicator",
16821
+ "type": {
16822
+ "text": "HTMLButtonElement"
16823
+ },
16824
+ "readonly": true
16825
+ },
16826
+ {
16827
+ "kind": "field",
16828
+ "name": "connotation",
16829
+ "type": {
16830
+ "text": "SplitButtonConnotation | undefined"
16831
+ },
16832
+ "description": "The connotation the split button should have.",
16833
+ "privacy": "public"
16834
+ },
16835
+ {
16836
+ "kind": "field",
16837
+ "name": "shape",
16838
+ "type": {
16839
+ "text": "SplitButtonShape | undefined"
16840
+ },
16841
+ "description": "The shape the split button should have.",
16842
+ "privacy": "public"
16843
+ },
16844
+ {
16845
+ "kind": "field",
16846
+ "name": "appearance",
16847
+ "type": {
16848
+ "text": "SplitButtonAppearance | undefined"
16849
+ },
16850
+ "description": "The appearance the split button should have.",
16851
+ "privacy": "public"
16852
+ },
16853
+ {
16854
+ "kind": "field",
16855
+ "name": "size",
16856
+ "type": {
16857
+ "text": "SplitButtonSize | undefined"
16858
+ },
16859
+ "description": "The size the split button should have.",
16860
+ "privacy": "public"
16861
+ },
16862
+ {
16863
+ "kind": "field",
16864
+ "name": "label",
16865
+ "type": {
16866
+ "text": "string | undefined"
16867
+ },
16868
+ "description": "Indicates the split button's label.",
16869
+ "privacy": "public"
16870
+ },
16871
+ {
16872
+ "kind": "field",
16873
+ "name": "icon",
16874
+ "type": {
16875
+ "text": "string | undefined"
16876
+ },
16877
+ "description": "Indicates the split button's icon.",
16878
+ "privacy": "public"
16879
+ },
16880
+ {
16881
+ "kind": "field",
16882
+ "name": "splitIndicator",
16883
+ "type": {
16884
+ "text": "string"
16885
+ },
16886
+ "default": "'chevron-down-line'",
16887
+ "description": "Indicates the split button's icon indicator.",
16888
+ "privacy": "public"
16889
+ },
16890
+ {
16891
+ "kind": "field",
16892
+ "name": "disabled",
16893
+ "type": {
16894
+ "text": "boolean"
16895
+ },
16896
+ "default": "false",
16897
+ "description": "Indicates if the button is disabled.",
16898
+ "privacy": "public"
16899
+ },
16900
+ {
16901
+ "kind": "field",
16902
+ "name": "ariaLabel",
16903
+ "type": {
16904
+ "text": "string | null"
16905
+ },
16906
+ "default": "null"
16907
+ },
16908
+ {
16909
+ "kind": "field",
16910
+ "name": "ariaExpanded",
16911
+ "type": {
16912
+ "text": "string | null"
16913
+ },
16914
+ "default": "null"
16915
+ },
16916
+ {
16917
+ "kind": "field",
16918
+ "name": "indicatorAriaLabel",
16919
+ "type": {
16920
+ "text": "| string\n\t\t| null"
16921
+ },
16922
+ "default": "null",
16923
+ "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
16924
+ "privacy": "public"
16925
+ }
16926
+ ],
16927
+ "events": [
16928
+ {
16929
+ "type": {
16930
+ "text": "CustomEvent<undefined>"
16931
+ },
16932
+ "description": "Event emitted when the action button is clicked",
16933
+ "name": "action-click"
16934
+ },
16935
+ {
16936
+ "type": {
16937
+ "text": "CustomEvent<undefined>"
16938
+ },
16939
+ "description": "Event emitted when the indicator button is clicked",
16940
+ "name": "indicator-click"
16941
+ }
16942
+ ],
16943
+ "attributes": [
16944
+ {
16945
+ "name": "connotation",
16946
+ "type": {
16947
+ "text": "SplitButtonConnotation | undefined"
16948
+ },
16949
+ "description": "The connotation the split button should have.",
16950
+ "fieldName": "connotation"
16951
+ },
16952
+ {
16953
+ "name": "shape",
16954
+ "type": {
16955
+ "text": "SplitButtonShape | undefined"
16956
+ },
16957
+ "description": "The shape the split button should have.",
16958
+ "fieldName": "shape"
16959
+ },
16960
+ {
16961
+ "name": "appearance",
16962
+ "type": {
16963
+ "text": "SplitButtonAppearance | undefined"
16964
+ },
16965
+ "description": "The appearance the split button should have.",
16966
+ "fieldName": "appearance"
16967
+ },
16968
+ {
16969
+ "name": "size",
16970
+ "type": {
16971
+ "text": "SplitButtonSize | undefined"
16972
+ },
16973
+ "description": "The size the split button should have.",
16974
+ "fieldName": "size"
16975
+ },
16976
+ {
16977
+ "name": "label",
16978
+ "type": {
16979
+ "text": "string | undefined"
16980
+ },
16981
+ "description": "Indicates the split button's label.",
16982
+ "fieldName": "label"
16983
+ },
16984
+ {
16985
+ "name": "icon",
16986
+ "type": {
16987
+ "text": "string | undefined"
16988
+ },
16989
+ "description": "Indicates the split button's icon.",
16990
+ "fieldName": "icon"
16991
+ },
16992
+ {
16993
+ "name": "split-indicator",
16994
+ "type": {
16995
+ "text": "string"
16996
+ },
16997
+ "default": "'chevron-down-line'",
16998
+ "description": "Indicates the split button's icon indicator.",
16999
+ "fieldName": "splitIndicator"
17000
+ },
17001
+ {
17002
+ "name": "disabled",
17003
+ "type": {
17004
+ "text": "boolean"
17005
+ },
17006
+ "default": "false",
17007
+ "description": "Indicates if the button is disabled.",
17008
+ "fieldName": "disabled"
17009
+ },
17010
+ {
17011
+ "name": "aria-label",
17012
+ "type": {
17013
+ "text": "string | null"
17014
+ },
17015
+ "default": "null",
17016
+ "fieldName": "ariaLabel"
17017
+ },
17018
+ {
17019
+ "name": "aria-expanded",
17020
+ "type": {
17021
+ "text": "string | null"
17022
+ },
17023
+ "default": "null",
17024
+ "fieldName": "ariaExpanded"
17025
+ },
17026
+ {
17027
+ "name": "indicator-aria-label",
17028
+ "type": {
17029
+ "text": "| string\n\t\t| null"
17030
+ },
17031
+ "default": "null",
17032
+ "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
17033
+ "fieldName": "indicatorAriaLabel"
17034
+ }
17035
+ ],
17036
+ "superclass": {
17037
+ "name": "VividElement",
17038
+ "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
17039
+ },
17040
+ "vividComponent": {
17041
+ "public": true,
17042
+ "name": "split-button"
17043
+ }
17044
+ }
17045
+ ],
17046
+ "exports": [
17047
+ {
17048
+ "kind": "js",
17049
+ "name": "SplitButton",
17050
+ "declaration": {
17051
+ "name": "SplitButton",
17052
+ "module": "libs/components/src/lib/split-button/split-button.ts"
17053
+ }
17054
+ }
17055
+ ]
17056
+ },
16546
17057
  {
16547
17058
  "kind": "javascript-module",
16548
17059
  "path": "libs/components/src/lib/slider/definition.ts",
@@ -16626,7 +17137,7 @@
16626
17137
  "text": "{\n\tsingleValue: 'single-value',\n}"
16627
17138
  },
16628
17139
  "default": "{\n\tsingleValue: 'single-value',\n}",
16629
- "description": "The selection modes of a @microsoft/fast-foundation#(Slider:class).",
17140
+ "description": "The selection modes of a Slider.",
16630
17141
  "privacy": "public"
16631
17142
  },
16632
17143
  {
@@ -17101,12 +17612,12 @@
17101
17612
  },
17102
17613
  {
17103
17614
  "kind": "javascript-module",
17104
- "path": "libs/components/src/lib/split-button/definition.ts",
17615
+ "path": "libs/components/src/lib/tab/definition.ts",
17105
17616
  "declarations": [
17106
17617
  {
17107
17618
  "kind": "variable",
17108
- "name": "registerSplitButton",
17109
- "description": "Registers the button elements with the design system.",
17619
+ "name": "registerTab",
17620
+ "description": "Registers the tab elements with the design system.",
17110
17621
  "parameters": [
17111
17622
  {
17112
17623
  "description": "the prefix to use for the component name",
@@ -17118,301 +17629,126 @@
17118
17629
  "exports": [
17119
17630
  {
17120
17631
  "kind": "js",
17121
- "name": "SplitButtonAppearance",
17122
- "declaration": {
17123
- "name": "SplitButtonAppearance",
17124
- "module": "./split-button"
17125
- }
17126
- },
17127
- {
17128
- "kind": "js",
17129
- "name": "SplitButtonConnotation",
17130
- "declaration": {
17131
- "name": "SplitButtonConnotation",
17132
- "module": "./split-button"
17133
- }
17134
- },
17135
- {
17136
- "kind": "js",
17137
- "name": "SplitButtonShape",
17138
- "declaration": {
17139
- "name": "SplitButtonShape",
17140
- "module": "./split-button"
17141
- }
17142
- },
17143
- {
17144
- "kind": "js",
17145
- "name": "SplitButtonSize",
17632
+ "name": "TabConnotation",
17146
17633
  "declaration": {
17147
- "name": "SplitButtonSize",
17148
- "module": "./split-button"
17634
+ "name": "TabConnotation",
17635
+ "module": "./tab"
17149
17636
  }
17150
17637
  },
17151
17638
  {
17152
17639
  "kind": "js",
17153
- "name": "registerSplitButton",
17640
+ "name": "TabShape",
17154
17641
  "declaration": {
17155
- "name": "registerSplitButton",
17156
- "module": "libs/components/src/lib/split-button/definition.ts"
17157
- }
17158
- }
17159
- ]
17160
- },
17161
- {
17162
- "kind": "javascript-module",
17163
- "path": "libs/components/src/lib/split-button/locale.ts",
17164
- "declarations": [],
17165
- "exports": []
17166
- },
17167
- {
17168
- "kind": "javascript-module",
17169
- "path": "libs/components/src/lib/split-button/split-button.ts",
17170
- "declarations": [
17171
- {
17172
- "kind": "class",
17173
- "description": "",
17174
- "name": "SplitButton",
17175
- "cssProperties": [
17176
- {
17177
- "name": "--vvd-split-button-cta-primary",
17178
- "default": "var(--vvd-color-cta-500)"
17179
- },
17180
- {
17181
- "name": "--vvd-split-button-cta-primary-text",
17182
- "default": "var(--vvd-color-canvas)"
17183
- },
17184
- {
17185
- "name": "--vvd-split-button-cta-primary-increment",
17186
- "default": "var(--vvd-color-cta-600)"
17187
- },
17188
- {
17189
- "name": "--vvd-split-button-cta-contrast",
17190
- "default": "var(--vvd-color-cta-800)"
17191
- },
17192
- {
17193
- "name": "--vvd-split-button-cta-fierce",
17194
- "default": "var(--vvd-color-cta-700)"
17195
- },
17196
- {
17197
- "name": "--vvd-split-button-cta-firm",
17198
- "default": "var(--vvd-color-cta-600)"
17199
- },
17200
- {
17201
- "name": "--vvd-split-button-cta-soft",
17202
- "default": "var(--vvd-color-cta-100)"
17203
- },
17204
- {
17205
- "name": "--vvd-split-button-cta-faint",
17206
- "default": "var(--vvd-color-cta-50)"
17207
- },
17208
- {
17209
- "name": "--vvd-split-button-success-primary",
17210
- "default": "var(--vvd-color-success-500)"
17211
- },
17212
- {
17213
- "name": "--vvd-split-button-success-primary-text",
17214
- "default": "var(--vvd-color-canvas)"
17215
- },
17216
- {
17217
- "name": "--vvd-split-button-success-primary-increment",
17218
- "default": "var(--vvd-color-success-600)"
17219
- },
17220
- {
17221
- "name": "--vvd-split-button-success-contrast",
17222
- "default": "var(--vvd-color-success-800)"
17223
- },
17224
- {
17225
- "name": "--vvd-split-button-success-fierce",
17226
- "default": "var(--vvd-color-success-700)"
17227
- },
17228
- {
17229
- "name": "--vvd-split-button-success-firm",
17230
- "default": "var(--vvd-color-success-600)"
17231
- },
17232
- {
17233
- "name": "--vvd-split-button-success-soft",
17234
- "default": "var(--vvd-color-success-100)"
17235
- },
17236
- {
17237
- "name": "--vvd-split-button-success-faint",
17238
- "default": "var(--vvd-color-success-50)"
17239
- },
17240
- {
17241
- "name": "--vvd-split-button-alert-primary",
17242
- "default": "var(--vvd-color-alert-500)"
17243
- },
17244
- {
17245
- "name": "--vvd-split-button-alert-primary-text",
17246
- "default": "var(--vvd-color-canvas)"
17247
- },
17248
- {
17249
- "name": "--vvd-split-button-alert-primary-increment",
17250
- "default": "var(--vvd-color-alert-600)"
17251
- },
17252
- {
17253
- "name": "--vvd-split-button-alert-contrast",
17254
- "default": "var(--vvd-color-alert-800)"
17255
- },
17256
- {
17257
- "name": "--vvd-split-button-alert-fierce",
17258
- "default": "var(--vvd-color-alert-700)"
17259
- },
17260
- {
17261
- "name": "--vvd-split-button-alert-firm",
17262
- "default": "var(--vvd-color-alert-600)"
17263
- },
17264
- {
17265
- "name": "--vvd-split-button-alert-soft",
17266
- "default": "var(--vvd-color-alert-100)"
17267
- },
17268
- {
17269
- "name": "--vvd-split-button-alert-faint",
17270
- "default": "var(--vvd-color-alert-50)"
17271
- },
17272
- {
17273
- "name": "--vvd-split-button-announcement-primary",
17274
- "default": "var(--vvd-color-announcement-500)"
17275
- },
17642
+ "name": "TabShape",
17643
+ "module": "./tab"
17644
+ }
17645
+ },
17646
+ {
17647
+ "kind": "js",
17648
+ "name": "registerTab",
17649
+ "declaration": {
17650
+ "name": "registerTab",
17651
+ "module": "libs/components/src/lib/tab/definition.ts"
17652
+ }
17653
+ }
17654
+ ]
17655
+ },
17656
+ {
17657
+ "kind": "javascript-module",
17658
+ "path": "libs/components/src/lib/tab/locale.ts",
17659
+ "declarations": [],
17660
+ "exports": []
17661
+ },
17662
+ {
17663
+ "kind": "javascript-module",
17664
+ "path": "libs/components/src/lib/tab/tab.ts",
17665
+ "declarations": [
17666
+ {
17667
+ "kind": "class",
17668
+ "description": "",
17669
+ "name": "Tab",
17670
+ "cssProperties": [
17276
17671
  {
17277
- "name": "--vvd-split-button-announcement-primary-text",
17672
+ "name": "--vvd-tab-cta-primary-text",
17278
17673
  "default": "var(--vvd-color-canvas)"
17279
17674
  },
17280
17675
  {
17281
- "name": "--vvd-split-button-announcement-primary-increment",
17282
- "default": "var(--vvd-color-announcement-600)"
17283
- },
17284
- {
17285
- "name": "--vvd-split-button-announcement-contrast",
17286
- "default": "var(--vvd-color-announcement-800)"
17287
- },
17288
- {
17289
- "name": "--vvd-split-button-announcement-fierce",
17290
- "default": "var(--vvd-color-announcement-700)"
17676
+ "name": "--vvd-tab-cta-firm",
17677
+ "default": "var(--vvd-color-cta-600)"
17291
17678
  },
17292
17679
  {
17293
- "name": "--vvd-split-button-announcement-firm",
17294
- "default": "var(--vvd-color-announcement-600)"
17680
+ "name": "--vvd-tab-cta-faint",
17681
+ "default": "var(--vvd-color-cta-50)"
17295
17682
  },
17296
17683
  {
17297
- "name": "--vvd-split-button-announcement-soft",
17298
- "default": "var(--vvd-color-announcement-100)"
17684
+ "name": "--vvd-tab-cta-fierce",
17685
+ "default": "var(--vvd-color-cta-700)"
17299
17686
  },
17300
17687
  {
17301
- "name": "--vvd-split-button-announcement-faint",
17302
- "default": "var(--vvd-color-announcement-50)"
17688
+ "name": "--vvd-tab-cta-pale",
17689
+ "default": "var(--vvd-color-cta-300)"
17303
17690
  },
17304
17691
  {
17305
- "name": "--vvd-split-button-accent-primary",
17306
- "default": "var(--vvd-color-canvas-text)"
17692
+ "name": "--vvd-tab-cta-soft",
17693
+ "default": "var(--vvd-color-cta-100)"
17307
17694
  },
17308
17695
  {
17309
- "name": "--vvd-split-button-accent-primary-text",
17696
+ "name": "--vvd-tab-accent-primary-text",
17310
17697
  "default": "var(--vvd-color-canvas)"
17311
17698
  },
17312
17699
  {
17313
- "name": "--vvd-split-button-accent-primary-increment",
17314
- "default": "var(--vvd-color-neutral-800)"
17700
+ "name": "--vvd-tab-accent-firm",
17701
+ "default": "var(--vvd-color-canvas-text)"
17315
17702
  },
17316
17703
  {
17317
- "name": "--vvd-split-button-accent-contrast",
17318
- "default": "var(--vvd-color-neutral-800)"
17704
+ "name": "--vvd-tab-accent-faint",
17705
+ "default": "var(--vvd-color-neutral-50)"
17319
17706
  },
17320
17707
  {
17321
- "name": "--vvd-split-button-accent-fierce",
17708
+ "name": "--vvd-tab-accent-fierce",
17322
17709
  "default": "var(--vvd-color-neutral-700)"
17323
17710
  },
17324
17711
  {
17325
- "name": "--vvd-split-button-accent-firm",
17326
- "default": "var(--vvd-color-canvas-text)"
17712
+ "name": "--vvd-tab-accent-pale",
17713
+ "default": "var(--vvd-color-neutral-300)"
17327
17714
  },
17328
17715
  {
17329
- "name": "--vvd-split-button-accent-soft",
17716
+ "name": "--vvd-tab-accent-soft",
17330
17717
  "default": "var(--vvd-color-neutral-100)"
17331
- },
17332
- {
17333
- "name": "--vvd-split-button-accent-faint",
17334
- "default": "var(--vvd-color-neutral-50)"
17335
17718
  }
17336
17719
  ],
17337
17720
  "slots": [
17338
17721
  {
17339
- "description": "Default slot.",
17340
- "name": ""
17341
- },
17342
- {
17343
- "description": "Add an icon to the component.",
17722
+ "description": "Slot to add an icon to tab.",
17344
17723
  "name": "icon"
17345
17724
  }
17346
17725
  ],
17347
17726
  "members": [
17348
17727
  {
17349
17728
  "kind": "field",
17350
- "name": "_action",
17351
- "type": {
17352
- "text": "HTMLButtonElement"
17353
- },
17354
- "description": "Action HTML button element",
17355
- "privacy": "public"
17356
- },
17357
- {
17358
- "kind": "field",
17359
- "name": "action",
17360
- "type": {
17361
- "text": "HTMLButtonElement"
17362
- },
17363
- "readonly": true
17364
- },
17365
- {
17366
- "kind": "field",
17367
- "name": "_indicator",
17729
+ "name": "disabled",
17368
17730
  "type": {
17369
- "text": "HTMLButtonElement"
17731
+ "text": "boolean"
17370
17732
  },
17371
- "description": "Indicator HTML button element",
17733
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
17372
17734
  "privacy": "public"
17373
17735
  },
17374
- {
17375
- "kind": "field",
17376
- "name": "indicator",
17377
- "type": {
17378
- "text": "HTMLButtonElement"
17379
- },
17380
- "readonly": true
17381
- },
17382
17736
  {
17383
17737
  "kind": "field",
17384
17738
  "name": "connotation",
17385
17739
  "type": {
17386
- "text": "SplitButtonConnotation | undefined"
17740
+ "text": "TabConnotation | undefined"
17387
17741
  },
17388
- "description": "The connotation the split button should have.",
17742
+ "description": "The connotation the tab should have.",
17389
17743
  "privacy": "public"
17390
17744
  },
17391
17745
  {
17392
17746
  "kind": "field",
17393
17747
  "name": "shape",
17394
17748
  "type": {
17395
- "text": "SplitButtonShape | undefined"
17396
- },
17397
- "description": "The shape the split button should have.",
17398
- "privacy": "public"
17399
- },
17400
- {
17401
- "kind": "field",
17402
- "name": "appearance",
17403
- "type": {
17404
- "text": "SplitButtonAppearance | undefined"
17405
- },
17406
- "description": "The appearance the split button should have.",
17407
- "privacy": "public"
17408
- },
17409
- {
17410
- "kind": "field",
17411
- "name": "size",
17412
- "type": {
17413
- "text": "SplitButtonSize | undefined"
17749
+ "text": "TabShape | undefined"
17414
17750
  },
17415
- "description": "The size the split button should have.",
17751
+ "description": "The shape the tab should have.",
17416
17752
  "privacy": "public"
17417
17753
  },
17418
17754
  {
@@ -17421,172 +17757,114 @@
17421
17757
  "type": {
17422
17758
  "text": "string | undefined"
17423
17759
  },
17424
- "description": "Indicates the split button's label.",
17425
- "privacy": "public"
17426
- },
17427
- {
17428
- "kind": "field",
17429
- "name": "icon",
17430
- "type": {
17431
- "text": "string | undefined"
17432
- },
17433
- "description": "Indicates the split button's icon.",
17434
- "privacy": "public"
17435
- },
17436
- {
17437
- "kind": "field",
17438
- "name": "splitIndicator",
17439
- "type": {
17440
- "text": "string"
17441
- },
17442
- "default": "'chevron-down-line'",
17443
- "description": "Indicates the split button's icon indicator.",
17760
+ "description": "Indicates the tab's label.",
17444
17761
  "privacy": "public"
17445
17762
  },
17446
17763
  {
17447
17764
  "kind": "field",
17448
- "name": "disabled",
17765
+ "name": "removable",
17449
17766
  "type": {
17450
17767
  "text": "boolean"
17451
17768
  },
17452
17769
  "default": "false",
17453
- "description": "Indicates if the button is disabled.",
17770
+ "description": "Indicates the tab's label.",
17454
17771
  "privacy": "public"
17455
17772
  },
17456
17773
  {
17457
17774
  "kind": "field",
17458
- "name": "ariaLabel",
17775
+ "name": "tabIndex",
17459
17776
  "type": {
17460
- "text": "string | null"
17777
+ "text": "number"
17461
17778
  },
17462
- "default": "null"
17779
+ "default": "'-1' as unknown"
17463
17780
  },
17464
17781
  {
17465
17782
  "kind": "field",
17466
- "name": "ariaExpanded",
17783
+ "name": "ariaSelected",
17467
17784
  "type": {
17468
17785
  "text": "string | null"
17469
17786
  },
17470
17787
  "default": "null"
17471
17788
  },
17472
17789
  {
17473
- "kind": "field",
17474
- "name": "indicatorAriaLabel",
17475
- "type": {
17476
- "text": "| string\n\t\t| null"
17477
- },
17478
- "default": "null",
17479
- "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
17480
- "privacy": "public"
17481
- }
17482
- ],
17483
- "events": [
17484
- {
17485
- "type": {
17486
- "text": "CustomEvent<undefined>"
17487
- },
17488
- "description": "Event emitted when the action button is clicked",
17489
- "name": "action-click"
17790
+ "kind": "method",
17791
+ "name": "_handleCloseClick",
17792
+ "parameters": [
17793
+ {
17794
+ "name": "e",
17795
+ "type": {
17796
+ "text": "Event"
17797
+ }
17798
+ }
17799
+ ]
17490
17800
  },
17491
17801
  {
17492
- "type": {
17493
- "text": "CustomEvent<undefined>"
17494
- },
17495
- "description": "Event emitted when the indicator button is clicked",
17496
- "name": "indicator-click"
17802
+ "kind": "method",
17803
+ "name": "_onKeyDown",
17804
+ "parameters": [
17805
+ {
17806
+ "name": "e",
17807
+ "type": {
17808
+ "text": "KeyboardEvent"
17809
+ }
17810
+ }
17811
+ ]
17497
17812
  }
17498
17813
  ],
17499
17814
  "attributes": [
17500
17815
  {
17501
- "name": "connotation",
17502
- "type": {
17503
- "text": "SplitButtonConnotation | undefined"
17504
- },
17505
- "description": "The connotation the split button should have.",
17506
- "fieldName": "connotation"
17507
- },
17508
- {
17509
- "name": "shape",
17510
- "type": {
17511
- "text": "SplitButtonShape | undefined"
17512
- },
17513
- "description": "The shape the split button should have.",
17514
- "fieldName": "shape"
17515
- },
17516
- {
17517
- "name": "appearance",
17518
- "type": {
17519
- "text": "SplitButtonAppearance | undefined"
17520
- },
17521
- "description": "The appearance the split button should have.",
17522
- "fieldName": "appearance"
17523
- },
17524
- {
17525
- "name": "size",
17526
17816
  "type": {
17527
- "text": "SplitButtonSize | undefined"
17817
+ "text": "boolean"
17528
17818
  },
17529
- "description": "The size the split button should have.",
17530
- "fieldName": "size"
17819
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
17820
+ "fieldName": "disabled"
17531
17821
  },
17532
17822
  {
17533
- "name": "label",
17823
+ "name": "connotation",
17534
17824
  "type": {
17535
- "text": "string | undefined"
17825
+ "text": "TabConnotation | undefined"
17536
17826
  },
17537
- "description": "Indicates the split button's label.",
17538
- "fieldName": "label"
17827
+ "description": "The connotation the tab should have.",
17828
+ "fieldName": "connotation"
17539
17829
  },
17540
17830
  {
17541
- "name": "icon",
17831
+ "name": "shape",
17542
17832
  "type": {
17543
- "text": "string | undefined"
17833
+ "text": "TabShape | undefined"
17544
17834
  },
17545
- "description": "Indicates the split button's icon.",
17546
- "fieldName": "icon"
17835
+ "description": "The shape the tab should have.",
17836
+ "fieldName": "shape"
17547
17837
  },
17548
17838
  {
17549
- "name": "split-indicator",
17839
+ "name": "label",
17550
17840
  "type": {
17551
- "text": "string"
17841
+ "text": "string | undefined"
17552
17842
  },
17553
- "default": "'chevron-down-line'",
17554
- "description": "Indicates the split button's icon indicator.",
17555
- "fieldName": "splitIndicator"
17843
+ "description": "Indicates the tab's label.",
17844
+ "fieldName": "label"
17556
17845
  },
17557
17846
  {
17558
- "name": "disabled",
17559
17847
  "type": {
17560
17848
  "text": "boolean"
17561
17849
  },
17562
17850
  "default": "false",
17563
- "description": "Indicates if the button is disabled.",
17564
- "fieldName": "disabled"
17851
+ "description": "Indicates the tab's label.",
17852
+ "fieldName": "removable"
17565
17853
  },
17566
17854
  {
17567
- "name": "aria-label",
17568
17855
  "type": {
17569
- "text": "string | null"
17856
+ "text": "number"
17570
17857
  },
17571
- "default": "null",
17572
- "fieldName": "ariaLabel"
17858
+ "default": "'-1' as unknown",
17859
+ "fieldName": "tabIndex"
17573
17860
  },
17574
17861
  {
17575
- "name": "aria-expanded",
17862
+ "name": "aria-selected",
17576
17863
  "type": {
17577
17864
  "text": "string | null"
17578
17865
  },
17579
17866
  "default": "null",
17580
- "fieldName": "ariaExpanded"
17581
- },
17582
- {
17583
- "name": "indicator-aria-label",
17584
- "type": {
17585
- "text": "| string\n\t\t| null"
17586
- },
17587
- "default": "null",
17588
- "description": "Defines a string value that labels the indicator element.\n\nhttps://www.w3.org/TR/wai-aria-1.1/#aria-label",
17589
- "fieldName": "indicatorAriaLabel"
17867
+ "fieldName": "ariaSelected"
17590
17868
  }
17591
17869
  ],
17592
17870
  "superclass": {
@@ -17595,17 +17873,17 @@
17595
17873
  },
17596
17874
  "vividComponent": {
17597
17875
  "public": true,
17598
- "name": "split-button"
17876
+ "name": "tab"
17599
17877
  }
17600
17878
  }
17601
17879
  ],
17602
17880
  "exports": [
17603
17881
  {
17604
17882
  "kind": "js",
17605
- "name": "SplitButton",
17883
+ "name": "Tab",
17606
17884
  "declaration": {
17607
- "name": "SplitButton",
17608
- "module": "libs/components/src/lib/split-button/split-button.ts"
17885
+ "name": "Tab",
17886
+ "module": "libs/components/src/lib/tab/tab.ts"
17609
17887
  }
17610
17888
  }
17611
17889
  ]
@@ -17758,475 +18036,197 @@
17758
18036
  {
17759
18037
  "name": "--vvd-switch-success-intermediate",
17760
18038
  "default": "var(--vvd-color-success-500)"
17761
- },
17762
- {
17763
- "name": "--vvd-switch-success-fierce",
17764
- "default": "var(--vvd-color-success-700)"
17765
- },
17766
- {
17767
- "name": "--vvd-switch-announcement-primary-text",
17768
- "default": "var(--vvd-color-canvas)"
17769
- },
17770
- {
17771
- "name": "--vvd-switch-announcement-primary",
17772
- "default": "var(--vvd-color-announcement-500)"
17773
- },
17774
- {
17775
- "name": "--vvd-switch-announcement-primary-increment",
17776
- "default": "var(--vvd-color-announcement-600)"
17777
- },
17778
- {
17779
- "name": "--vvd-switch-announcement-firm",
17780
- "default": "var(--vvd-color-announcement-600)"
17781
- },
17782
- {
17783
- "name": "--vvd-switch-announcement-intermediate",
17784
- "default": "var(--vvd-color-announcement-500)"
17785
- },
17786
- {
17787
- "name": "--vvd-switch-announcement-fierce",
17788
- "default": "var(--vvd-color-announcement-700)"
17789
- },
17790
- {
17791
- "name": "--vvd-switch-accent-primary-text",
17792
- "default": "var(--vvd-color-canvas)"
17793
- },
17794
- {
17795
- "name": "--vvd-switch-accent-primary",
17796
- "default": "var(--vvd-color-canvas-text)"
17797
- },
17798
- {
17799
- "name": "--vvd-switch-accent-primary-increment",
17800
- "default": "var(--vvd-color-neutral-800)"
17801
- },
17802
- {
17803
- "name": "--vvd-switch-accent-firm",
17804
- "default": "var(--vvd-color-canvas-text)"
17805
- },
17806
- {
17807
- "name": "--vvd-switch-accent-intermediate",
17808
- "default": "var(--vvd-color-neutral-500)"
17809
- },
17810
- {
17811
- "name": "--vvd-switch-accent-fierce",
17812
- "default": "var(--vvd-color-neutral-700)"
17813
- }
17814
- ],
17815
- "members": [
17816
- {
17817
- "kind": "field",
17818
- "name": "ariaLabel",
17819
- "type": {
17820
- "text": "string | null"
17821
- },
17822
- "default": "null"
17823
- },
17824
- {
17825
- "kind": "field",
17826
- "name": "label",
17827
- "type": {
17828
- "text": "string | undefined"
17829
- },
17830
- "description": "Indicates the switch's label.",
17831
- "privacy": "public"
17832
- },
17833
- {
17834
- "kind": "field",
17835
- "name": "connotation",
17836
- "type": {
17837
- "text": "SwitchConnotation | undefined"
17838
- },
17839
- "description": "Indicates the switch's connotation.",
17840
- "privacy": "public"
17841
- },
17842
- {
17843
- "kind": "field",
17844
- "name": "readOnly",
17845
- "type": {
17846
- "text": "boolean"
17847
- },
17848
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
17849
- "privacy": "public"
17850
- },
17851
- {
17852
- "kind": "method",
17853
- "name": "updateForm",
17854
- "privacy": "private",
17855
- "return": {
17856
- "type": {
17857
- "text": "void"
17858
- }
17859
- }
17860
- },
17861
- {
17862
- "kind": "field",
17863
- "name": "defaultChecked",
17864
- "type": {
17865
- "text": "boolean"
17866
- },
17867
- "default": "!!this.checkedAttribute"
17868
- },
17869
- {
17870
- "kind": "field",
17871
- "name": "checked"
17872
- },
17873
- {
17874
- "kind": "field",
17875
- "name": "proxy",
17876
- "inheritedFrom": {
17877
- "name": "FormAssociatedSwitch",
17878
- "module": "libs/components/src/lib/switch/switch.form-associated.ts"
17879
- }
17880
- }
17881
- ],
17882
- "events": [
17883
- {
17884
- "type": {
17885
- "text": "CustomEvent<undefined>"
17886
- },
17887
- "description": "Emits a custom change event when the checked state changes",
17888
- "name": "change"
17889
- }
17890
- ],
17891
- "attributes": [
17892
- {
17893
- "name": "aria-label",
17894
- "type": {
17895
- "text": "string | null"
17896
- },
17897
- "default": "null",
17898
- "fieldName": "ariaLabel"
17899
- },
17900
- {
17901
- "name": "label",
17902
- "type": {
17903
- "text": "string | undefined"
17904
- },
17905
- "description": "Indicates the switch's label.",
17906
- "fieldName": "label"
17907
- },
17908
- {
17909
- "name": "connotation",
17910
- "type": {
17911
- "text": "SwitchConnotation | undefined"
17912
- },
17913
- "description": "Indicates the switch's connotation.",
17914
- "fieldName": "connotation"
17915
- },
17916
- {
17917
- "name": "readonly",
17918
- "type": {
17919
- "text": "boolean"
17920
- },
17921
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
17922
- "fieldName": "readOnly"
17923
- }
17924
- ],
17925
- "superclass": {
17926
- "name": "FormAssociatedSwitch",
17927
- "module": "/libs/components/src/lib/switch/switch.form-associated"
17928
- },
17929
- "vividComponent": {
17930
- "public": true,
17931
- "name": "switch",
17932
- "vueModels": [
17933
- {
17934
- "name": "modelValue",
17935
- "attributeName": "checked",
17936
- "eventNames": [
17937
- "change"
17938
- ],
17939
- "valueMapping": "(event.target as HTMLInputElement).checked"
17940
- }
17941
- ]
17942
- }
17943
- }
17944
- ],
17945
- "exports": [
17946
- {
17947
- "kind": "js",
17948
- "name": "Switch",
17949
- "declaration": {
17950
- "name": "Switch",
17951
- "module": "libs/components/src/lib/switch/switch.ts"
17952
- }
17953
- }
17954
- ]
17955
- },
17956
- {
17957
- "kind": "javascript-module",
17958
- "path": "libs/components/src/lib/tab/definition.ts",
17959
- "declarations": [
17960
- {
17961
- "kind": "variable",
17962
- "name": "registerTab",
17963
- "description": "Registers the tab elements with the design system.",
17964
- "parameters": [
18039
+ },
17965
18040
  {
17966
- "description": "the prefix to use for the component name",
17967
- "name": "prefix"
17968
- }
17969
- ]
17970
- }
17971
- ],
17972
- "exports": [
17973
- {
17974
- "kind": "js",
17975
- "name": "TabConnotation",
17976
- "declaration": {
17977
- "name": "TabConnotation",
17978
- "module": "./tab"
17979
- }
17980
- },
17981
- {
17982
- "kind": "js",
17983
- "name": "TabShape",
17984
- "declaration": {
17985
- "name": "TabShape",
17986
- "module": "./tab"
17987
- }
17988
- },
17989
- {
17990
- "kind": "js",
17991
- "name": "registerTab",
17992
- "declaration": {
17993
- "name": "registerTab",
17994
- "module": "libs/components/src/lib/tab/definition.ts"
17995
- }
17996
- }
17997
- ]
17998
- },
17999
- {
18000
- "kind": "javascript-module",
18001
- "path": "libs/components/src/lib/tab/locale.ts",
18002
- "declarations": [],
18003
- "exports": []
18004
- },
18005
- {
18006
- "kind": "javascript-module",
18007
- "path": "libs/components/src/lib/tab/tab.ts",
18008
- "declarations": [
18009
- {
18010
- "kind": "class",
18011
- "description": "",
18012
- "name": "Tab",
18013
- "cssProperties": [
18041
+ "name": "--vvd-switch-success-fierce",
18042
+ "default": "var(--vvd-color-success-700)"
18043
+ },
18014
18044
  {
18015
- "name": "--vvd-tab-cta-primary-text",
18045
+ "name": "--vvd-switch-announcement-primary-text",
18016
18046
  "default": "var(--vvd-color-canvas)"
18017
18047
  },
18018
18048
  {
18019
- "name": "--vvd-tab-cta-firm",
18020
- "default": "var(--vvd-color-cta-600)"
18049
+ "name": "--vvd-switch-announcement-primary",
18050
+ "default": "var(--vvd-color-announcement-500)"
18021
18051
  },
18022
18052
  {
18023
- "name": "--vvd-tab-cta-faint",
18024
- "default": "var(--vvd-color-cta-50)"
18053
+ "name": "--vvd-switch-announcement-primary-increment",
18054
+ "default": "var(--vvd-color-announcement-600)"
18025
18055
  },
18026
18056
  {
18027
- "name": "--vvd-tab-cta-fierce",
18028
- "default": "var(--vvd-color-cta-700)"
18057
+ "name": "--vvd-switch-announcement-firm",
18058
+ "default": "var(--vvd-color-announcement-600)"
18029
18059
  },
18030
18060
  {
18031
- "name": "--vvd-tab-cta-pale",
18032
- "default": "var(--vvd-color-cta-300)"
18061
+ "name": "--vvd-switch-announcement-intermediate",
18062
+ "default": "var(--vvd-color-announcement-500)"
18033
18063
  },
18034
18064
  {
18035
- "name": "--vvd-tab-cta-soft",
18036
- "default": "var(--vvd-color-cta-100)"
18065
+ "name": "--vvd-switch-announcement-fierce",
18066
+ "default": "var(--vvd-color-announcement-700)"
18037
18067
  },
18038
18068
  {
18039
- "name": "--vvd-tab-accent-primary-text",
18069
+ "name": "--vvd-switch-accent-primary-text",
18040
18070
  "default": "var(--vvd-color-canvas)"
18041
18071
  },
18042
18072
  {
18043
- "name": "--vvd-tab-accent-firm",
18073
+ "name": "--vvd-switch-accent-primary",
18044
18074
  "default": "var(--vvd-color-canvas-text)"
18045
18075
  },
18046
18076
  {
18047
- "name": "--vvd-tab-accent-faint",
18048
- "default": "var(--vvd-color-neutral-50)"
18077
+ "name": "--vvd-switch-accent-primary-increment",
18078
+ "default": "var(--vvd-color-neutral-800)"
18049
18079
  },
18050
18080
  {
18051
- "name": "--vvd-tab-accent-fierce",
18052
- "default": "var(--vvd-color-neutral-700)"
18081
+ "name": "--vvd-switch-accent-firm",
18082
+ "default": "var(--vvd-color-canvas-text)"
18053
18083
  },
18054
18084
  {
18055
- "name": "--vvd-tab-accent-pale",
18056
- "default": "var(--vvd-color-neutral-300)"
18085
+ "name": "--vvd-switch-accent-intermediate",
18086
+ "default": "var(--vvd-color-neutral-500)"
18057
18087
  },
18058
18088
  {
18059
- "name": "--vvd-tab-accent-soft",
18060
- "default": "var(--vvd-color-neutral-100)"
18061
- }
18062
- ],
18063
- "slots": [
18064
- {
18065
- "description": "Slot to add an icon to tab.",
18066
- "name": "icon"
18089
+ "name": "--vvd-switch-accent-fierce",
18090
+ "default": "var(--vvd-color-neutral-700)"
18067
18091
  }
18068
18092
  ],
18069
18093
  "members": [
18070
18094
  {
18071
18095
  "kind": "field",
18072
- "name": "disabled",
18073
- "type": {
18074
- "text": "boolean"
18075
- },
18076
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
18077
- "privacy": "public"
18078
- },
18079
- {
18080
- "kind": "field",
18081
- "name": "connotation",
18096
+ "name": "ariaLabel",
18082
18097
  "type": {
18083
- "text": "TabConnotation | undefined"
18098
+ "text": "string | null"
18084
18099
  },
18085
- "description": "The connotation the tab should have.",
18086
- "privacy": "public"
18100
+ "default": "null"
18087
18101
  },
18088
18102
  {
18089
18103
  "kind": "field",
18090
- "name": "shape",
18104
+ "name": "label",
18091
18105
  "type": {
18092
- "text": "TabShape | undefined"
18106
+ "text": "string | undefined"
18093
18107
  },
18094
- "description": "The shape the tab should have.",
18108
+ "description": "Indicates the switch's label.",
18095
18109
  "privacy": "public"
18096
18110
  },
18097
18111
  {
18098
18112
  "kind": "field",
18099
- "name": "label",
18113
+ "name": "connotation",
18100
18114
  "type": {
18101
- "text": "string | undefined"
18115
+ "text": "SwitchConnotation | undefined"
18102
18116
  },
18103
- "description": "Indicates the tab's label.",
18117
+ "description": "Indicates the switch's connotation.",
18104
18118
  "privacy": "public"
18105
18119
  },
18106
18120
  {
18107
18121
  "kind": "field",
18108
- "name": "removable",
18122
+ "name": "readOnly",
18109
18123
  "type": {
18110
18124
  "text": "boolean"
18111
18125
  },
18112
- "default": "false",
18113
- "description": "Indicates the tab's label.",
18126
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
18114
18127
  "privacy": "public"
18115
18128
  },
18116
18129
  {
18117
- "kind": "field",
18118
- "name": "tabIndex",
18119
- "type": {
18120
- "text": "number"
18121
- },
18122
- "default": "'-1' as unknown"
18130
+ "kind": "method",
18131
+ "name": "updateForm",
18132
+ "privacy": "private",
18133
+ "return": {
18134
+ "type": {
18135
+ "text": "void"
18136
+ }
18137
+ }
18123
18138
  },
18124
18139
  {
18125
18140
  "kind": "field",
18126
- "name": "ariaSelected",
18141
+ "name": "defaultChecked",
18127
18142
  "type": {
18128
- "text": "string | null"
18143
+ "text": "boolean"
18129
18144
  },
18130
- "default": "null"
18145
+ "default": "!!this.checkedAttribute"
18131
18146
  },
18132
18147
  {
18133
- "kind": "method",
18134
- "name": "_handleCloseClick",
18135
- "parameters": [
18136
- {
18137
- "name": "e",
18138
- "type": {
18139
- "text": "Event"
18140
- }
18141
- }
18142
- ]
18148
+ "kind": "field",
18149
+ "name": "checked"
18143
18150
  },
18144
18151
  {
18145
- "kind": "method",
18146
- "name": "_onKeyDown",
18147
- "parameters": [
18148
- {
18149
- "name": "e",
18150
- "type": {
18151
- "text": "KeyboardEvent"
18152
- }
18153
- }
18154
- ]
18152
+ "kind": "field",
18153
+ "name": "proxy",
18154
+ "inheritedFrom": {
18155
+ "name": "FormAssociatedSwitch",
18156
+ "module": "libs/components/src/lib/switch/switch.form-associated.ts"
18157
+ }
18155
18158
  }
18156
18159
  ],
18157
- "attributes": [
18158
- {
18159
- "type": {
18160
- "text": "boolean"
18161
- },
18162
- "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/disabled | disabled HTML attribute for more information.",
18163
- "fieldName": "disabled"
18164
- },
18160
+ "events": [
18165
18161
  {
18166
- "name": "connotation",
18167
18162
  "type": {
18168
- "text": "TabConnotation | undefined"
18163
+ "text": "CustomEvent<undefined>"
18169
18164
  },
18170
- "description": "The connotation the tab should have.",
18171
- "fieldName": "connotation"
18172
- },
18165
+ "description": "Emits a custom change event when the checked state changes",
18166
+ "name": "change"
18167
+ }
18168
+ ],
18169
+ "attributes": [
18173
18170
  {
18174
- "name": "shape",
18171
+ "name": "aria-label",
18175
18172
  "type": {
18176
- "text": "TabShape | undefined"
18173
+ "text": "string | null"
18177
18174
  },
18178
- "description": "The shape the tab should have.",
18179
- "fieldName": "shape"
18175
+ "default": "null",
18176
+ "fieldName": "ariaLabel"
18180
18177
  },
18181
18178
  {
18182
18179
  "name": "label",
18183
18180
  "type": {
18184
18181
  "text": "string | undefined"
18185
18182
  },
18186
- "description": "Indicates the tab's label.",
18183
+ "description": "Indicates the switch's label.",
18187
18184
  "fieldName": "label"
18188
18185
  },
18189
18186
  {
18187
+ "name": "connotation",
18190
18188
  "type": {
18191
- "text": "boolean"
18192
- },
18193
- "default": "false",
18194
- "description": "Indicates the tab's label.",
18195
- "fieldName": "removable"
18196
- },
18197
- {
18198
- "type": {
18199
- "text": "number"
18189
+ "text": "SwitchConnotation | undefined"
18200
18190
  },
18201
- "default": "'-1' as unknown",
18202
- "fieldName": "tabIndex"
18191
+ "description": "Indicates the switch's connotation.",
18192
+ "fieldName": "connotation"
18203
18193
  },
18204
18194
  {
18205
- "name": "aria-selected",
18195
+ "name": "readonly",
18206
18196
  "type": {
18207
- "text": "string | null"
18197
+ "text": "boolean"
18208
18198
  },
18209
- "default": "null",
18210
- "fieldName": "ariaSelected"
18199
+ "description": "When true, the control will be immutable by user interaction. See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/readonly | readonly HTML attribute for more information.",
18200
+ "fieldName": "readOnly"
18211
18201
  }
18212
18202
  ],
18213
18203
  "superclass": {
18214
- "name": "VividElement",
18215
- "module": "/libs/components/src/shared/foundation/vivid-element/vivid-element"
18204
+ "name": "FormAssociatedSwitch",
18205
+ "module": "/libs/components/src/lib/switch/switch.form-associated"
18216
18206
  },
18217
18207
  "vividComponent": {
18218
18208
  "public": true,
18219
- "name": "tab"
18209
+ "name": "switch",
18210
+ "vueModels": [
18211
+ {
18212
+ "name": "modelValue",
18213
+ "attributeName": "checked",
18214
+ "eventNames": [
18215
+ "change"
18216
+ ],
18217
+ "valueMapping": "(event.target as HTMLInputElement).checked"
18218
+ }
18219
+ ]
18220
18220
  }
18221
18221
  }
18222
18222
  ],
18223
18223
  "exports": [
18224
18224
  {
18225
18225
  "kind": "js",
18226
- "name": "Tab",
18226
+ "name": "Switch",
18227
18227
  "declaration": {
18228
- "name": "Tab",
18229
- "module": "libs/components/src/lib/tab/tab.ts"
18228
+ "name": "Switch",
18229
+ "module": "libs/components/src/lib/switch/switch.ts"
18230
18230
  }
18231
18231
  }
18232
18232
  ]