@viasat/beam-web-components 2.10.1 → 2.10.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-web-components",
3
- "version": "2.10.1",
3
+ "version": "2.10.2",
4
4
  "description": "Framework-agnostic web components for the Beam Design System built with Lit, compatible with Angular, Vue, Svelte, and vanilla JavaScript",
5
5
  "license": "MIT",
6
6
  "author": "Viasat",
@@ -64,11 +64,11 @@
64
64
  "access": "public"
65
65
  },
66
66
  "dependencies": {
67
- "@viasat/beam-fonts": "2.10.1",
68
- "@viasat/beam-shared": "2.10.1",
69
- "@viasat/beam-styles": "2.10.1",
70
- "@viasat/beam-tokens": "2.10.1",
71
- "@viasat/beam-icons": "2.10.1",
67
+ "@viasat/beam-fonts": "2.10.2",
68
+ "@viasat/beam-shared": "2.10.2",
69
+ "@viasat/beam-styles": "2.10.2",
70
+ "@viasat/beam-tokens": "2.10.2",
71
+ "@viasat/beam-icons": "2.10.2",
72
72
  "clsx": "^1.2.1",
73
73
  "lit": "^3.1.0",
74
74
  "@lit/context": "^1.1.1",
@@ -159,48 +159,6 @@
159
159
  }
160
160
  ]
161
161
  },
162
- {
163
- "name": "bm-badge-dot",
164
- "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
165
- "attributes": [
166
- {
167
- "name": "theme",
168
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
169
- "values": [{ "name": "light" }, { "name": "dark" }]
170
- },
171
- {
172
- "name": "appearance",
173
- "description": "Specify the appearance of the BadgeDot",
174
- "values": [
175
- { "name": "primary" },
176
- { "name": "secondary" },
177
- { "name": "infoPrimary" },
178
- { "name": "infoSecondary" },
179
- { "name": "positive" },
180
- { "name": "warning" },
181
- { "name": "negative" },
182
- { "name": "inverse" },
183
- { "name": "secondaryInverse" }
184
- ]
185
- },
186
- {
187
- "name": "emphasis",
188
- "description": "Specify the emphasis of the BadgeDot",
189
- "values": [{ "name": "Emphasis" }]
190
- },
191
- {
192
- "name": "overrideDotColor",
193
- "description": "Overrides default dot color",
194
- "values": []
195
- }
196
- ],
197
- "references": [
198
- {
199
- "name": "Storybook",
200
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
201
- }
202
- ]
203
- },
204
162
  {
205
163
  "name": "bm-badge",
206
164
  "description": "`bm-badge`\n\n### Attributes:\n- **appearance** - Specify the appearance of the Badge\n- **theme** - Theme of the Badge\n- **size** - Specify the size of the Badge\n- **emphasis** - Specify the emphasis of the Badge\n- **hideIcon** - Hides Badge icon\n---\n\n\n### **Slots:**\n - **default** - Provide text for the Badge\n- **icon** - Specify a different icon for the Badge",
@@ -720,6 +678,48 @@
720
678
  }
721
679
  ]
722
680
  },
681
+ {
682
+ "name": "bm-badge-dot",
683
+ "description": "`bm-badge-dot`\n\n### Attributes:\n- **theme** - Specify the theme of the BadgeDot. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the BadgeDot\n- **emphasis** - Specify the emphasis of the BadgeDot\n- **overrideDotColor** - Overrides default dot color\n---\n\n\n### **Slots:**\n - **default** - Provide text for the BadgeDot",
684
+ "attributes": [
685
+ {
686
+ "name": "theme",
687
+ "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
688
+ "values": [{ "name": "light" }, { "name": "dark" }]
689
+ },
690
+ {
691
+ "name": "appearance",
692
+ "description": "Specify the appearance of the BadgeDot",
693
+ "values": [
694
+ { "name": "primary" },
695
+ { "name": "secondary" },
696
+ { "name": "infoPrimary" },
697
+ { "name": "infoSecondary" },
698
+ { "name": "positive" },
699
+ { "name": "warning" },
700
+ { "name": "negative" },
701
+ { "name": "inverse" },
702
+ { "name": "secondaryInverse" }
703
+ ]
704
+ },
705
+ {
706
+ "name": "emphasis",
707
+ "description": "Specify the emphasis of the BadgeDot",
708
+ "values": [{ "name": "Emphasis" }]
709
+ },
710
+ {
711
+ "name": "overrideDotColor",
712
+ "description": "Overrides default dot color",
713
+ "values": []
714
+ }
715
+ ],
716
+ "references": [
717
+ {
718
+ "name": "Storybook",
719
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
720
+ }
721
+ ]
722
+ },
723
723
  {
724
724
  "name": "bm-breadcrumb",
725
725
  "description": "`bm-breadcrumb`\n\n### Attributes:\n- **wrap** - Specify if items wrap or collapse to an ellipsis\n- **itemsBeforeCollapse** - Specify how many items show before ellipsis\n- **itemsAfterCollapse** - Specify how many items show after ellipsis\n- **theme** - Specify the theme of the Breadcrumbs. By default, it inherits the theme from the parent\n---\n\n\n### **Slots:**\n - **default** - Pass items to the Breadcrumb",
@@ -1761,6 +1761,88 @@
1761
1761
  }
1762
1762
  ]
1763
1763
  },
1764
+ {
1765
+ "name": "bm-form",
1766
+ "description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
1767
+ "attributes": [
1768
+ {
1769
+ "name": "validationMode",
1770
+ "description": "Specify if validation runs on change or when loosing focus",
1771
+ "values": [
1772
+ { "name": "onChange" },
1773
+ { "name": "onBlur" },
1774
+ { "name": "onSubmit" }
1775
+ ]
1776
+ },
1777
+ {
1778
+ "name": "initialValues",
1779
+ "description": "Specify initial values on Form controls based on their names",
1780
+ "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
1781
+ },
1782
+ {
1783
+ "name": "required",
1784
+ "description": "Specify if input is a required",
1785
+ "values": []
1786
+ },
1787
+ {
1788
+ "name": "disabled",
1789
+ "description": "Specify if input is a disabled",
1790
+ "values": []
1791
+ },
1792
+ {
1793
+ "name": "readOnly",
1794
+ "description": "Specify if input is a read only",
1795
+ "values": []
1796
+ },
1797
+ { "name": "action", "values": [{ "name": "Optional<string>" }] },
1798
+ { "name": "method", "values": [{ "name": "Optional<string>" }] },
1799
+ { "name": "target", "values": [{ "name": "Optional<string>" }] },
1800
+ { "name": "enctype", "values": [{ "name": "Optional<string>" }] }
1801
+ ],
1802
+ "references": [
1803
+ {
1804
+ "name": "Storybook",
1805
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
1806
+ }
1807
+ ]
1808
+ },
1809
+ {
1810
+ "name": "bm-label",
1811
+ "description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
1812
+ "attributes": [
1813
+ {
1814
+ "name": "disabled",
1815
+ "description": "Specify if the Label displays disabled",
1816
+ "values": []
1817
+ },
1818
+ {
1819
+ "name": "required",
1820
+ "description": "Specify if the Label displays as required",
1821
+ "values": []
1822
+ },
1823
+ {
1824
+ "name": "text",
1825
+ "description": "Specify the text for Label",
1826
+ "values": [{ "name": "Optional<string>" }]
1827
+ },
1828
+ {
1829
+ "name": "optional",
1830
+ "description": "Specify the text for Label",
1831
+ "values": [{ "name": "Optional<string>" }]
1832
+ },
1833
+ {
1834
+ "name": "theme",
1835
+ "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
1836
+ "values": [{ "name": "Optional<ThemeTypes>" }]
1837
+ }
1838
+ ],
1839
+ "references": [
1840
+ {
1841
+ "name": "Storybook",
1842
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
1843
+ }
1844
+ ]
1845
+ },
1764
1846
  {
1765
1847
  "name": "bm-file-upload-button",
1766
1848
  "description": "`bm-file-upload-button`\n\n### Attributes:\n- **error** - Specify if FileUpload is in error state\n- **accept** - Specify the accepted file types\n- **multiple** - Specify if multiple files can be uploaded\n---\n\n\n### **Slots:**\n - **default** - Specify text for the Button\n- **iconBefore** - Specify if the Button displays icon before the text\n- **iconAfter** - Specify if the Button displays icon after the text",
@@ -2071,88 +2153,6 @@
2071
2153
  }
2072
2154
  ]
2073
2155
  },
2074
- {
2075
- "name": "bm-form",
2076
- "description": "`bm-form`\n---\n\n\n### **Events:**\n - **submit** - Validates the inputs and submits the form\n\n### **Slots:**\n - **slot** - Add controls to the Form",
2077
- "attributes": [
2078
- {
2079
- "name": "validationMode",
2080
- "description": "Specify if validation runs on change or when loosing focus",
2081
- "values": [
2082
- { "name": "onChange" },
2083
- { "name": "onBlur" },
2084
- { "name": "onSubmit" }
2085
- ]
2086
- },
2087
- {
2088
- "name": "initialValues",
2089
- "description": "Specify initial values on Form controls based on their names",
2090
- "values": [{ "name": "Record<string" }, { "name": "FormValue>" }]
2091
- },
2092
- {
2093
- "name": "required",
2094
- "description": "Specify if input is a required",
2095
- "values": []
2096
- },
2097
- {
2098
- "name": "disabled",
2099
- "description": "Specify if input is a disabled",
2100
- "values": []
2101
- },
2102
- {
2103
- "name": "readOnly",
2104
- "description": "Specify if input is a read only",
2105
- "values": []
2106
- },
2107
- { "name": "action", "values": [{ "name": "Optional<string>" }] },
2108
- { "name": "method", "values": [{ "name": "Optional<string>" }] },
2109
- { "name": "target", "values": [{ "name": "Optional<string>" }] },
2110
- { "name": "enctype", "values": [{ "name": "Optional<string>" }] }
2111
- ],
2112
- "references": [
2113
- {
2114
- "name": "Storybook",
2115
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-form"
2116
- }
2117
- ]
2118
- },
2119
- {
2120
- "name": "bm-label",
2121
- "description": "`bm-label`\n---\n\n\n### **Slots:**\n - **text** - Specify the text for Label\n- **optional** - Specify if the Label displays as optional\n- **tooltip** - Specify if the icon displays to add a Tooltip",
2122
- "attributes": [
2123
- {
2124
- "name": "disabled",
2125
- "description": "Specify if the Label displays disabled",
2126
- "values": []
2127
- },
2128
- {
2129
- "name": "required",
2130
- "description": "Specify if the Label displays as required",
2131
- "values": []
2132
- },
2133
- {
2134
- "name": "text",
2135
- "description": "Specify the text for Label",
2136
- "values": [{ "name": "Optional<string>" }]
2137
- },
2138
- {
2139
- "name": "optional",
2140
- "description": "Specify the text for Label",
2141
- "values": [{ "name": "Optional<string>" }]
2142
- },
2143
- {
2144
- "name": "theme",
2145
- "description": "Specify the theme of the Label. By default it inherits the theme from the parent",
2146
- "values": [{ "name": "Optional<ThemeTypes>" }]
2147
- }
2148
- ],
2149
- "references": [
2150
- {
2151
- "name": "Storybook",
2152
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-label"
2153
- }
2154
- ]
2155
- },
2156
2156
  {
2157
2157
  "name": "bm-native-select",
2158
2158
  "description": "`bm-native-select`\n---\n\n\n### **Slots:**\n - **slot** - Specify Options for NativeSelect\n- **label** - Specify Label for NativeSelect\n- **helper-text** - Specify HelperText for NativeSelect",
@@ -2316,6 +2316,99 @@
2316
2316
  }
2317
2317
  ]
2318
2318
  },
2319
+ {
2320
+ "name": "bm-text-area",
2321
+ "description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
2322
+ "attributes": [
2323
+ {
2324
+ "name": "rows",
2325
+ "description": "Specify the height of TextArea",
2326
+ "values": [{ "name": "Optional<number>" }]
2327
+ },
2328
+ {
2329
+ "name": "cols",
2330
+ "description": "Specify the width of TextArea",
2331
+ "values": [{ "name": "Optional<number>" }]
2332
+ },
2333
+ {
2334
+ "name": "placeholder",
2335
+ "description": "Specify placeholder text for TextArea",
2336
+ "values": [{ "name": "Optional<string>" }]
2337
+ },
2338
+ {
2339
+ "name": "required",
2340
+ "description": "Specify if TextArea is a required input",
2341
+ "values": []
2342
+ },
2343
+ {
2344
+ "name": "hideRequiredMarker",
2345
+ "description": "Specify if the TextArea displays with an asterisk",
2346
+ "values": []
2347
+ },
2348
+ {
2349
+ "name": "error",
2350
+ "description": "Specify error text and display error state of a TextArea",
2351
+ "values": [{ "name": "Optional<string>" }]
2352
+ },
2353
+ {
2354
+ "name": "readOnly",
2355
+ "description": "Specify if TextArea displays in a read-only state",
2356
+ "values": []
2357
+ },
2358
+ {
2359
+ "name": "disabled",
2360
+ "description": "Specify if TextArea displays in a disabled state",
2361
+ "values": []
2362
+ },
2363
+ {
2364
+ "name": "fluid",
2365
+ "description": "Specify if TextArea is fluid",
2366
+ "values": []
2367
+ },
2368
+ {
2369
+ "name": "width",
2370
+ "description": "Specify the width of TextArea",
2371
+ "values": [{ "name": "Optional<string>" }]
2372
+ },
2373
+ {
2374
+ "name": "hideResize",
2375
+ "description": "Specify if TextArea can be manually resized",
2376
+ "values": []
2377
+ },
2378
+ {
2379
+ "name": "maxCount",
2380
+ "description": "Specify the maximum character count for the TextArea",
2381
+ "values": [{ "name": "Optional<number>" }]
2382
+ },
2383
+ {
2384
+ "name": "autoResize",
2385
+ "description": "Specify if the TextArea automatically resizes to fit the text",
2386
+ "values": []
2387
+ },
2388
+ {
2389
+ "name": "theme",
2390
+ "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
2391
+ "values": [{ "name": "Optional<ThemeTypes>" }]
2392
+ },
2393
+ { "name": "id", "values": [] },
2394
+ { "name": "name", "values": [] },
2395
+ { "name": "value", "values": [] },
2396
+ {
2397
+ "name": "validationRules",
2398
+ "values": [{ "name": "Array<FormValidator>" }]
2399
+ },
2400
+ {
2401
+ "name": "input-aria-label",
2402
+ "values": [{ "name": "Optional<string>" }]
2403
+ }
2404
+ ],
2405
+ "references": [
2406
+ {
2407
+ "name": "Storybook",
2408
+ "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
2409
+ }
2410
+ ]
2411
+ },
2319
2412
  {
2320
2413
  "name": "bm-text-field",
2321
2414
  "description": "`bm-text-field`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextField\n- **helper-text** - Specify the helper text for TextField\n- **content-after** - Specify content to display after input\n- **content-before** - Specify content to display before input",
@@ -2606,99 +2699,6 @@
2606
2699
  "url": "https://web-components.beam.viasat.com/?path=/docs/forms-switch"
2607
2700
  }
2608
2701
  ]
2609
- },
2610
- {
2611
- "name": "bm-text-area",
2612
- "description": "`bm-text-area`\n---\n\n\n### **Slots:**\n - **label** - Specify the label for TextArea\n- **helper-text** - Specify the helper text for TextArea",
2613
- "attributes": [
2614
- {
2615
- "name": "rows",
2616
- "description": "Specify the height of TextArea",
2617
- "values": [{ "name": "Optional<number>" }]
2618
- },
2619
- {
2620
- "name": "cols",
2621
- "description": "Specify the width of TextArea",
2622
- "values": [{ "name": "Optional<number>" }]
2623
- },
2624
- {
2625
- "name": "placeholder",
2626
- "description": "Specify placeholder text for TextArea",
2627
- "values": [{ "name": "Optional<string>" }]
2628
- },
2629
- {
2630
- "name": "required",
2631
- "description": "Specify if TextArea is a required input",
2632
- "values": []
2633
- },
2634
- {
2635
- "name": "hideRequiredMarker",
2636
- "description": "Specify if the TextArea displays with an asterisk",
2637
- "values": []
2638
- },
2639
- {
2640
- "name": "error",
2641
- "description": "Specify error text and display error state of a TextArea",
2642
- "values": [{ "name": "Optional<string>" }]
2643
- },
2644
- {
2645
- "name": "readOnly",
2646
- "description": "Specify if TextArea displays in a read-only state",
2647
- "values": []
2648
- },
2649
- {
2650
- "name": "disabled",
2651
- "description": "Specify if TextArea displays in a disabled state",
2652
- "values": []
2653
- },
2654
- {
2655
- "name": "fluid",
2656
- "description": "Specify if TextArea is fluid",
2657
- "values": []
2658
- },
2659
- {
2660
- "name": "width",
2661
- "description": "Specify the width of TextArea",
2662
- "values": [{ "name": "Optional<string>" }]
2663
- },
2664
- {
2665
- "name": "hideResize",
2666
- "description": "Specify if TextArea can be manually resized",
2667
- "values": []
2668
- },
2669
- {
2670
- "name": "maxCount",
2671
- "description": "Specify the maximum character count for the TextArea",
2672
- "values": [{ "name": "Optional<number>" }]
2673
- },
2674
- {
2675
- "name": "autoResize",
2676
- "description": "Specify if the TextArea automatically resizes to fit the text",
2677
- "values": []
2678
- },
2679
- {
2680
- "name": "theme",
2681
- "description": "Specify the theme of the TextArea. By default it inherits the theme from the parent",
2682
- "values": [{ "name": "Optional<ThemeTypes>" }]
2683
- },
2684
- { "name": "id", "values": [] },
2685
- { "name": "name", "values": [] },
2686
- { "name": "value", "values": [] },
2687
- {
2688
- "name": "validationRules",
2689
- "values": [{ "name": "Array<FormValidator>" }]
2690
- },
2691
- {
2692
- "name": "input-aria-label",
2693
- "values": [{ "name": "Optional<string>" }]
2694
- }
2695
- ],
2696
- "references": [
2697
- {
2698
- "name": "Storybook",
2699
- "url": "https://web-components.beam.viasat.com/?path=/docs/forms-textarea"
2700
- }
2701
- ]
2702
2702
  }
2703
2703
  ]
2704
2704
  }