@viasat/beam-web-components 2.47.1 → 2.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@viasat/beam-web-components",
3
- "version": "2.47.1",
3
+ "version": "2.48.0",
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.47.1",
68
- "@viasat/beam-shared": "2.47.1",
69
- "@viasat/beam-styles": "2.47.1",
70
- "@viasat/beam-tokens": "2.47.1",
71
- "@viasat/beam-icons": "2.47.1",
67
+ "@viasat/beam-fonts": "2.48.0",
68
+ "@viasat/beam-shared": "2.48.0",
69
+ "@viasat/beam-styles": "2.48.0",
70
+ "@viasat/beam-tokens": "2.48.0",
71
+ "@viasat/beam-icons": "2.48.0",
72
72
  "clsx": "^1.2.1",
73
73
  "lit": "^3.1.0",
74
74
  "@lit/context": "^1.1.1",
@@ -160,17 +160,80 @@
160
160
  ]
161
161
  },
162
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",
163
+ "name": "bm-badge",
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",
165
165
  "attributes": [
166
+ {
167
+ "name": "appearance",
168
+ "description": "Specify the appearance of the Badge",
169
+ "values": [
170
+ { "name": "infoPrimary" },
171
+ { "name": "infoSecondary" },
172
+ { "name": "positive" },
173
+ { "name": "warning" },
174
+ { "name": "negative" }
175
+ ]
176
+ },
166
177
  {
167
178
  "name": "theme",
168
- "description": "Specify the theme of the BadgeDot. By default it inherits the theme from the parent",
179
+ "description": "Theme of the Badge",
180
+ "values": [{ "name": "light" }, { "name": "dark" }]
181
+ },
182
+ {
183
+ "name": "size",
184
+ "description": "Specify the size of the Badge",
185
+ "values": [{ "name": "sm" }, { "name": "md" }]
186
+ },
187
+ {
188
+ "name": "emphasis",
189
+ "description": "Specify the emphasis of the Badge",
190
+ "values": [
191
+ { "name": "strong" },
192
+ { "name": "medium" },
193
+ { "name": "subtle" }
194
+ ]
195
+ },
196
+ { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
197
+ ],
198
+ "references": [
199
+ {
200
+ "name": "Storybook",
201
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
202
+ }
203
+ ]
204
+ },
205
+ {
206
+ "name": "bm-alert",
207
+ "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
208
+ "attributes": [
209
+ {
210
+ "name": "heading",
211
+ "description": "Specify the heading text for Alert",
212
+ "values": []
213
+ },
214
+ {
215
+ "name": "body",
216
+ "description": "Specify the body text for Alert",
217
+ "values": []
218
+ },
219
+ {
220
+ "name": "size",
221
+ "description": "Specify the size of the Alert",
222
+ "values": [{ "name": "sm" }, { "name": "md" }]
223
+ },
224
+ {
225
+ "name": "fullWidth",
226
+ "description": "Specify if the Alert has no border radius",
227
+ "values": []
228
+ },
229
+ {
230
+ "name": "theme",
231
+ "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
169
232
  "values": [{ "name": "light" }, { "name": "dark" }]
170
233
  },
171
234
  {
172
235
  "name": "appearance",
173
- "description": "Specify the appearance of the BadgeDot",
236
+ "description": "Specify the appearance of the Alert",
174
237
  "values": [
175
238
  { "name": "infoPrimary" },
176
239
  { "name": "infoSecondary" },
@@ -180,20 +243,35 @@
180
243
  ]
181
244
  },
182
245
  {
183
- "name": "emphasis",
184
- "description": "Specify the emphasis of the BadgeDot",
185
- "values": [{ "name": "strong" }, { "name": "subtle" }]
246
+ "name": "hidden",
247
+ "description": "Specify if the Alert is hidden",
248
+ "values": []
186
249
  },
187
250
  {
188
- "name": "overrideDotColor",
189
- "description": "Overrides default dot color",
251
+ "name": "hideIcon",
252
+ "description": "Specify if the icon displays on the Alert",
253
+ "values": []
254
+ },
255
+ {
256
+ "name": "dismissible",
257
+ "description": "Specify if the Alert can be dismissed",
258
+ "values": []
259
+ },
260
+ {
261
+ "name": "disableAutoFocus",
262
+ "description": "Prevent autofocus on show",
263
+ "values": []
264
+ },
265
+ {
266
+ "name": "disableCloseOnEscape",
267
+ "description": "Prevent Escape from closing",
190
268
  "values": []
191
269
  }
192
270
  ],
193
271
  "references": [
194
272
  {
195
273
  "name": "Storybook",
196
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
274
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
197
275
  }
198
276
  ]
199
277
  },
@@ -600,6 +678,44 @@
600
678
  }
601
679
  ]
602
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": "infoPrimary" },
695
+ { "name": "infoSecondary" },
696
+ { "name": "positive" },
697
+ { "name": "warning" },
698
+ { "name": "negative" }
699
+ ]
700
+ },
701
+ {
702
+ "name": "emphasis",
703
+ "description": "Specify the emphasis of the BadgeDot",
704
+ "values": [{ "name": "strong" }, { "name": "subtle" }]
705
+ },
706
+ {
707
+ "name": "overrideDotColor",
708
+ "description": "Overrides default dot color",
709
+ "values": []
710
+ }
711
+ ],
712
+ "references": [
713
+ {
714
+ "name": "Storybook",
715
+ "url": "https://web-components.beam.viasat.com/?path=/docs/components-badgedot"
716
+ }
717
+ ]
718
+ },
603
719
  {
604
720
  "name": "bm-breadcrumb",
605
721
  "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",
@@ -661,49 +777,6 @@
661
777
  }
662
778
  ]
663
779
  },
664
- {
665
- "name": "bm-badge",
666
- "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",
667
- "attributes": [
668
- {
669
- "name": "appearance",
670
- "description": "Specify the appearance of the Badge",
671
- "values": [
672
- { "name": "infoPrimary" },
673
- { "name": "infoSecondary" },
674
- { "name": "positive" },
675
- { "name": "warning" },
676
- { "name": "negative" }
677
- ]
678
- },
679
- {
680
- "name": "theme",
681
- "description": "Theme of the Badge",
682
- "values": [{ "name": "light" }, { "name": "dark" }]
683
- },
684
- {
685
- "name": "size",
686
- "description": "Specify the size of the Badge",
687
- "values": [{ "name": "sm" }, { "name": "md" }]
688
- },
689
- {
690
- "name": "emphasis",
691
- "description": "Specify the emphasis of the Badge",
692
- "values": [
693
- { "name": "strong" },
694
- { "name": "medium" },
695
- { "name": "subtle" }
696
- ]
697
- },
698
- { "name": "hideIcon", "description": "Hides Badge icon", "values": [] }
699
- ],
700
- "references": [
701
- {
702
- "name": "Storybook",
703
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-badge"
704
- }
705
- ]
706
- },
707
780
  {
708
781
  "name": "bm-button",
709
782
  "description": "`bm-button`\n\n### Attributes:\n- **appearance** - Specify the appearance of a Button\n- **kind** - Specify the kind of Button\n- **size** - Specify the size of a Button\n- **disabled** - Specify if the Button is disabled\n- **fluid** - Specify if Button is fluid\n- **width** - Specify the width of a Button\n- **height** - Specify the height of a Button\n- **theme** - Specify the theme of the Button\n- **iconOnly** - Specify if the icon displays without text\n- **type** \n---\n\n\n### **Slots:**\n - **default** - Provide content 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",
@@ -772,79 +845,6 @@
772
845
  }
773
846
  ]
774
847
  },
775
- {
776
- "name": "bm-alert",
777
- "description": "`bm-alert`\n\n### Attributes:\n- **heading** - Specify the heading text for Alert\n- **body** - Specify the body text for Alert\n- **size** - Specify the size of the Alert\n- **fullWidth** - Specify if the Alert has no border radius\n- **theme** - Specify the theme of the Alert. By default it inherits the theme from the parent\n- **appearance** - Specify the appearance of the Alert\n- **hidden** - Specify if the Alert is hidden\n- **hideIcon** - Specify if the icon displays on the Alert\n- **dismissible** - Specify if the Alert can be dismissed\n- **disableAutoFocus** - Prevent autofocus on show\n- **disableCloseOnEscape** - Prevent Escape from closing\n---\n\n\n### **Events:**\n - **bm-dismiss** - Dispatched when the Alert has been dismissed\n\n### **Slots:**\n - **icon** - Specify a different icon for the Alert\n- **heading** - Specify the heading text for Alert or pass the `heading` attribute to set the heading\n- **body** - Specify the body text for Alert or pass the `body` attribute to set the body\n- **actions** - Specify if actions display on the Alert",
778
- "attributes": [
779
- {
780
- "name": "heading",
781
- "description": "Specify the heading text for Alert",
782
- "values": []
783
- },
784
- {
785
- "name": "body",
786
- "description": "Specify the body text for Alert",
787
- "values": []
788
- },
789
- {
790
- "name": "size",
791
- "description": "Specify the size of the Alert",
792
- "values": [{ "name": "sm" }, { "name": "md" }]
793
- },
794
- {
795
- "name": "fullWidth",
796
- "description": "Specify if the Alert has no border radius",
797
- "values": []
798
- },
799
- {
800
- "name": "theme",
801
- "description": "Specify the theme of the Alert. By default it inherits the theme from the parent",
802
- "values": [{ "name": "light" }, { "name": "dark" }]
803
- },
804
- {
805
- "name": "appearance",
806
- "description": "Specify the appearance of the Alert",
807
- "values": [
808
- { "name": "infoPrimary" },
809
- { "name": "infoSecondary" },
810
- { "name": "positive" },
811
- { "name": "warning" },
812
- { "name": "negative" }
813
- ]
814
- },
815
- {
816
- "name": "hidden",
817
- "description": "Specify if the Alert is hidden",
818
- "values": []
819
- },
820
- {
821
- "name": "hideIcon",
822
- "description": "Specify if the icon displays on the Alert",
823
- "values": []
824
- },
825
- {
826
- "name": "dismissible",
827
- "description": "Specify if the Alert can be dismissed",
828
- "values": []
829
- },
830
- {
831
- "name": "disableAutoFocus",
832
- "description": "Prevent autofocus on show",
833
- "values": []
834
- },
835
- {
836
- "name": "disableCloseOnEscape",
837
- "description": "Prevent Escape from closing",
838
- "values": []
839
- }
840
- ],
841
- "references": [
842
- {
843
- "name": "Storybook",
844
- "url": "https://web-components.beam.viasat.com/?path=/docs/components-alert"
845
- }
846
- ]
847
- },
848
848
  {
849
849
  "name": "bm-close-button",
850
850
  "description": "`bm-close-button`\n\n### Attributes:\n- **size** - Specify the size of the CloseButton\n- **disabled** - Specify if the CloseButton is disabled\n---\n",