@synergy-design-system/components 1.0.2 → 1.2.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 (121) hide show
  1. package/README.md +24 -16
  2. package/dist/chunks/chunk.2FN5DTS6.js +67 -0
  3. package/dist/chunks/chunk.2FN5DTS6.js.map +7 -0
  4. package/dist/chunks/{chunk.SUNIN43Y.js → chunk.2OYZUDFV.js} +2 -2
  5. package/dist/chunks/{chunk.XVJVR3MD.js → chunk.3CSVGX3J.js} +3 -3
  6. package/dist/chunks/{chunk.B7KNRAHG.js → chunk.44U5VKNJ.js} +3 -3
  7. package/dist/chunks/{chunk.JVSVQG6I.js → chunk.4EWYZIJS.js} +2 -2
  8. package/dist/chunks/{chunk.FJGYV3Y3.js → chunk.4EXY5F5M.js} +2 -2
  9. package/dist/chunks/{chunk.4XAK6MOQ.js → chunk.6PFQSQLU.js} +2 -2
  10. package/dist/chunks/chunk.7W73A57K.js +108 -0
  11. package/dist/chunks/chunk.7W73A57K.js.map +7 -0
  12. package/dist/chunks/{chunk.3NY33MCF.js → chunk.ADE7GDYK.js} +3 -3
  13. package/dist/chunks/{chunk.U2NJG6GX.js → chunk.AFVZYX7H.js} +2 -2
  14. package/dist/chunks/chunk.CAIB544F.js +12 -0
  15. package/dist/chunks/chunk.CAIB544F.js.map +7 -0
  16. package/dist/chunks/{chunk.MB5S3IM7.js → chunk.CB2M3AVU.js} +2 -2
  17. package/dist/chunks/{chunk.W5GPJ6ZR.js → chunk.D5YL3H6T.js} +2 -2
  18. package/dist/chunks/{chunk.D7KU5L75.js → chunk.E2TU3YYJ.js} +2 -2
  19. package/dist/chunks/{chunk.GNAJOKCJ.js → chunk.EJXWL3JM.js} +4 -2
  20. package/dist/chunks/{chunk.GNAJOKCJ.js.map → chunk.EJXWL3JM.js.map} +2 -2
  21. package/dist/chunks/chunk.ESQOUQV3.js +75 -0
  22. package/dist/chunks/chunk.ESQOUQV3.js.map +7 -0
  23. package/dist/chunks/{chunk.IFPM2NRM.js → chunk.FHYBGERU.js} +2 -2
  24. package/dist/chunks/{chunk.M5DMOLZK.js → chunk.JRAW7QJL.js} +2 -2
  25. package/dist/chunks/chunk.L6I5ZLBO.js +137 -0
  26. package/dist/chunks/chunk.L6I5ZLBO.js.map +7 -0
  27. package/dist/chunks/{chunk.WVYTLFNV.js → chunk.MJC7VLA2.js} +2 -2
  28. package/dist/chunks/{chunk.P3O63FHH.js → chunk.MUP4GIQL.js} +2 -2
  29. package/dist/chunks/{chunk.HZERAHZP.js → chunk.NRA7I7QC.js} +7 -7
  30. package/dist/chunks/chunk.OJF7KL44.js +67 -0
  31. package/dist/chunks/chunk.OJF7KL44.js.map +7 -0
  32. package/dist/chunks/{chunk.5SKPG6DM.js → chunk.Q7NHWXSL.js} +2 -2
  33. package/dist/chunks/chunk.QHFGD6WW.js +73 -0
  34. package/dist/chunks/chunk.QHFGD6WW.js.map +7 -0
  35. package/dist/chunks/{chunk.U7R4EV7C.js → chunk.RG4Z2I6D.js} +6 -6
  36. package/dist/chunks/{chunk.PHG2CETE.js → chunk.RKQHPBKM.js} +3 -3
  37. package/dist/chunks/{chunk.DUAFHNTR.js → chunk.SEHRSICV.js} +2 -2
  38. package/dist/chunks/{chunk.MUOAKBT3.js → chunk.SPPBO7QV.js} +2 -2
  39. package/dist/chunks/{chunk.MUOAKBT3.js.map → chunk.SPPBO7QV.js.map} +1 -1
  40. package/dist/chunks/{chunk.7MTLFTYG.js → chunk.TACOOH3N.js} +2 -2
  41. package/dist/chunks/chunk.VTYPMAXM.js +12 -0
  42. package/dist/chunks/chunk.VTYPMAXM.js.map +7 -0
  43. package/dist/chunks/{chunk.G3EPLUES.js → chunk.ZGZ7W6BC.js} +2 -2
  44. package/dist/components/button/button.component.js +7 -7
  45. package/dist/components/button/button.js +8 -8
  46. package/dist/components/button-group/button-group.component.js +2 -2
  47. package/dist/components/button-group/button-group.js +3 -3
  48. package/dist/components/checkbox/checkbox.component.js +5 -5
  49. package/dist/components/checkbox/checkbox.js +6 -6
  50. package/dist/components/icon/icon.component.js +4 -4
  51. package/dist/components/icon/icon.js +5 -5
  52. package/dist/components/icon/library.js +2 -2
  53. package/dist/components/icon/library.system.js +1 -1
  54. package/dist/components/icon-button/icon-button.component.d.ts +63 -0
  55. package/dist/components/icon-button/icon-button.component.js +20 -0
  56. package/dist/components/icon-button/icon-button.component.js.map +7 -0
  57. package/dist/components/icon-button/icon-button.custom.styles.d.ts +2 -0
  58. package/dist/components/icon-button/icon-button.custom.styles.js +8 -0
  59. package/dist/components/icon-button/icon-button.custom.styles.js.map +7 -0
  60. package/dist/components/icon-button/icon-button.d.ts +8 -0
  61. package/dist/components/icon-button/icon-button.js +21 -0
  62. package/dist/components/icon-button/icon-button.js.map +7 -0
  63. package/dist/components/icon-button/icon-button.styles.d.ts +2 -0
  64. package/dist/components/icon-button/icon-button.styles.js +10 -0
  65. package/dist/components/icon-button/icon-button.styles.js.map +7 -0
  66. package/dist/components/input/input.component.js +6 -6
  67. package/dist/components/input/input.js +7 -7
  68. package/dist/components/radio/radio.component.js +5 -5
  69. package/dist/components/radio/radio.js +6 -6
  70. package/dist/components/radio-button/radio-button.component.js +2 -2
  71. package/dist/components/radio-button/radio-button.js +3 -3
  72. package/dist/components/radio-group/radio-group.component.js +3 -3
  73. package/dist/components/radio-group/radio-group.js +4 -4
  74. package/dist/components/spinner/spinner.component.js +2 -2
  75. package/dist/components/switch/switch.component.js +2 -2
  76. package/dist/components/switch/switch.js +3 -3
  77. package/dist/components/tag/tag.component.d.ts +33 -0
  78. package/dist/components/tag/tag.component.js +25 -0
  79. package/dist/components/tag/tag.component.js.map +7 -0
  80. package/dist/components/tag/tag.custom.styles.d.ts +2 -0
  81. package/dist/components/tag/tag.custom.styles.js +8 -0
  82. package/dist/components/tag/tag.custom.styles.js.map +7 -0
  83. package/dist/components/tag/tag.d.ts +8 -0
  84. package/dist/components/tag/tag.js +26 -0
  85. package/dist/components/tag/tag.js.map +7 -0
  86. package/dist/components/tag/tag.styles.d.ts +2 -0
  87. package/dist/components/tag/tag.styles.js +10 -0
  88. package/dist/components/tag/tag.styles.js.map +7 -0
  89. package/dist/components/textarea/textarea.component.js +2 -2
  90. package/dist/components/textarea/textarea.js +3 -3
  91. package/dist/custom-elements.json +629 -184
  92. package/dist/events/events.d.ts +1 -0
  93. package/dist/events/syn-remove.d.ts +6 -0
  94. package/dist/synergy.d.ts +2 -0
  95. package/dist/synergy.js +47 -33
  96. package/dist/utilities/icon-library.js +2 -2
  97. package/dist/vscode.html-custom-data.json +119 -17
  98. package/dist/web-types.json +218 -30
  99. package/package.json +14 -13
  100. /package/dist/chunks/{chunk.SUNIN43Y.js.map → chunk.2OYZUDFV.js.map} +0 -0
  101. /package/dist/chunks/{chunk.XVJVR3MD.js.map → chunk.3CSVGX3J.js.map} +0 -0
  102. /package/dist/chunks/{chunk.B7KNRAHG.js.map → chunk.44U5VKNJ.js.map} +0 -0
  103. /package/dist/chunks/{chunk.JVSVQG6I.js.map → chunk.4EWYZIJS.js.map} +0 -0
  104. /package/dist/chunks/{chunk.FJGYV3Y3.js.map → chunk.4EXY5F5M.js.map} +0 -0
  105. /package/dist/chunks/{chunk.4XAK6MOQ.js.map → chunk.6PFQSQLU.js.map} +0 -0
  106. /package/dist/chunks/{chunk.3NY33MCF.js.map → chunk.ADE7GDYK.js.map} +0 -0
  107. /package/dist/chunks/{chunk.U2NJG6GX.js.map → chunk.AFVZYX7H.js.map} +0 -0
  108. /package/dist/chunks/{chunk.MB5S3IM7.js.map → chunk.CB2M3AVU.js.map} +0 -0
  109. /package/dist/chunks/{chunk.W5GPJ6ZR.js.map → chunk.D5YL3H6T.js.map} +0 -0
  110. /package/dist/chunks/{chunk.D7KU5L75.js.map → chunk.E2TU3YYJ.js.map} +0 -0
  111. /package/dist/chunks/{chunk.IFPM2NRM.js.map → chunk.FHYBGERU.js.map} +0 -0
  112. /package/dist/chunks/{chunk.M5DMOLZK.js.map → chunk.JRAW7QJL.js.map} +0 -0
  113. /package/dist/chunks/{chunk.WVYTLFNV.js.map → chunk.MJC7VLA2.js.map} +0 -0
  114. /package/dist/chunks/{chunk.P3O63FHH.js.map → chunk.MUP4GIQL.js.map} +0 -0
  115. /package/dist/chunks/{chunk.HZERAHZP.js.map → chunk.NRA7I7QC.js.map} +0 -0
  116. /package/dist/chunks/{chunk.5SKPG6DM.js.map → chunk.Q7NHWXSL.js.map} +0 -0
  117. /package/dist/chunks/{chunk.U7R4EV7C.js.map → chunk.RG4Z2I6D.js.map} +0 -0
  118. /package/dist/chunks/{chunk.PHG2CETE.js.map → chunk.RKQHPBKM.js.map} +0 -0
  119. /package/dist/chunks/{chunk.DUAFHNTR.js.map → chunk.SEHRSICV.js.map} +0 -0
  120. /package/dist/chunks/{chunk.7MTLFTYG.js.map → chunk.TACOOH3N.js.map} +0 -0
  121. /package/dist/chunks/{chunk.G3EPLUES.js.map → chunk.ZGZ7W6BC.js.map} +0 -0
@@ -1,24 +1,24 @@
1
1
  import {
2
2
  button_default
3
- } from "../../chunks/chunk.P3O63FHH.js";
4
- import "../../chunks/chunk.HZERAHZP.js";
5
- import "../../chunks/chunk.IFPM2NRM.js";
3
+ } from "../../chunks/chunk.MUP4GIQL.js";
4
+ import "../../chunks/chunk.NRA7I7QC.js";
5
+ import "../../chunks/chunk.FHYBGERU.js";
6
6
  import "../../chunks/chunk.N2I6HVX3.js";
7
+ import "../../chunks/chunk.XGXFE6IF.js";
7
8
  import "../../chunks/chunk.R6VNLE6N.js";
8
9
  import "../../chunks/chunk.A3SKDWCT.js";
9
- import "../../chunks/chunk.XGXFE6IF.js";
10
10
  import "../../chunks/chunk.P2LNG2PZ.js";
11
- import "../../chunks/chunk.PHG2CETE.js";
11
+ import "../../chunks/chunk.RKQHPBKM.js";
12
12
  import "../../chunks/chunk.VZ7S7YYN.js";
13
- import "../../chunks/chunk.4XAK6MOQ.js";
13
+ import "../../chunks/chunk.6PFQSQLU.js";
14
14
  import "../../chunks/chunk.6C4JXZZN.js";
15
- import "../../chunks/chunk.GNAJOKCJ.js";
15
+ import "../../chunks/chunk.EJXWL3JM.js";
16
16
  import "../../chunks/chunk.RSONAU45.js";
17
17
  import "../../chunks/chunk.PJO6TM3T.js";
18
18
  import "../../chunks/chunk.C7624ITA.js";
19
19
  import "../../chunks/chunk.YTS5TRJZ.js";
20
20
  import "../../chunks/chunk.FVSP4LXX.js";
21
- import "../../chunks/chunk.MUOAKBT3.js";
21
+ import "../../chunks/chunk.SPPBO7QV.js";
22
22
  import "../../chunks/chunk.O7USYXBT.js";
23
23
  import "../../chunks/chunk.DJOAQ4JU.js";
24
24
  export {
@@ -1,7 +1,7 @@
1
1
  import {
2
2
  SynButtonGroup
3
- } from "../../chunks/chunk.5SKPG6DM.js";
4
- import "../../chunks/chunk.MUOAKBT3.js";
3
+ } from "../../chunks/chunk.Q7NHWXSL.js";
4
+ import "../../chunks/chunk.SPPBO7QV.js";
5
5
  import "../../chunks/chunk.4ZURABYO.js";
6
6
  import "../../chunks/chunk.O7USYXBT.js";
7
7
  import "../../chunks/chunk.DJOAQ4JU.js";
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  button_group_default
3
- } from "../../chunks/chunk.DUAFHNTR.js";
4
- import "../../chunks/chunk.5SKPG6DM.js";
5
- import "../../chunks/chunk.MUOAKBT3.js";
3
+ } from "../../chunks/chunk.SEHRSICV.js";
4
+ import "../../chunks/chunk.Q7NHWXSL.js";
5
+ import "../../chunks/chunk.SPPBO7QV.js";
6
6
  import "../../chunks/chunk.4ZURABYO.js";
7
7
  import "../../chunks/chunk.O7USYXBT.js";
8
8
  import "../../chunks/chunk.DJOAQ4JU.js";
@@ -1,19 +1,19 @@
1
1
  import {
2
2
  SynCheckbox
3
- } from "../../chunks/chunk.XVJVR3MD.js";
3
+ } from "../../chunks/chunk.3CSVGX3J.js";
4
4
  import "../../chunks/chunk.WFAJR3FN.js";
5
5
  import "../../chunks/chunk.4CBN5LPQ.js";
6
6
  import "../../chunks/chunk.2XZKXVMR.js";
7
7
  import "../../chunks/chunk.P2LNG2PZ.js";
8
- import "../../chunks/chunk.PHG2CETE.js";
8
+ import "../../chunks/chunk.RKQHPBKM.js";
9
9
  import "../../chunks/chunk.VZ7S7YYN.js";
10
- import "../../chunks/chunk.4XAK6MOQ.js";
10
+ import "../../chunks/chunk.6PFQSQLU.js";
11
11
  import "../../chunks/chunk.6C4JXZZN.js";
12
- import "../../chunks/chunk.GNAJOKCJ.js";
12
+ import "../../chunks/chunk.EJXWL3JM.js";
13
13
  import "../../chunks/chunk.RSONAU45.js";
14
14
  import "../../chunks/chunk.PJO6TM3T.js";
15
15
  import "../../chunks/chunk.C7624ITA.js";
16
- import "../../chunks/chunk.MUOAKBT3.js";
16
+ import "../../chunks/chunk.SPPBO7QV.js";
17
17
  import "../../chunks/chunk.O7USYXBT.js";
18
18
  import "../../chunks/chunk.DJOAQ4JU.js";
19
19
  export {
@@ -1,20 +1,20 @@
1
1
  import {
2
2
  checkbox_default
3
- } from "../../chunks/chunk.7MTLFTYG.js";
4
- import "../../chunks/chunk.XVJVR3MD.js";
3
+ } from "../../chunks/chunk.TACOOH3N.js";
4
+ import "../../chunks/chunk.3CSVGX3J.js";
5
5
  import "../../chunks/chunk.WFAJR3FN.js";
6
6
  import "../../chunks/chunk.4CBN5LPQ.js";
7
7
  import "../../chunks/chunk.2XZKXVMR.js";
8
8
  import "../../chunks/chunk.P2LNG2PZ.js";
9
- import "../../chunks/chunk.PHG2CETE.js";
9
+ import "../../chunks/chunk.RKQHPBKM.js";
10
10
  import "../../chunks/chunk.VZ7S7YYN.js";
11
- import "../../chunks/chunk.4XAK6MOQ.js";
11
+ import "../../chunks/chunk.6PFQSQLU.js";
12
12
  import "../../chunks/chunk.6C4JXZZN.js";
13
- import "../../chunks/chunk.GNAJOKCJ.js";
13
+ import "../../chunks/chunk.EJXWL3JM.js";
14
14
  import "../../chunks/chunk.RSONAU45.js";
15
15
  import "../../chunks/chunk.PJO6TM3T.js";
16
16
  import "../../chunks/chunk.C7624ITA.js";
17
- import "../../chunks/chunk.MUOAKBT3.js";
17
+ import "../../chunks/chunk.SPPBO7QV.js";
18
18
  import "../../chunks/chunk.O7USYXBT.js";
19
19
  import "../../chunks/chunk.DJOAQ4JU.js";
20
20
  export {
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  SynIcon
3
- } from "../../chunks/chunk.PHG2CETE.js";
3
+ } from "../../chunks/chunk.RKQHPBKM.js";
4
4
  import "../../chunks/chunk.VZ7S7YYN.js";
5
- import "../../chunks/chunk.4XAK6MOQ.js";
5
+ import "../../chunks/chunk.6PFQSQLU.js";
6
6
  import "../../chunks/chunk.6C4JXZZN.js";
7
- import "../../chunks/chunk.GNAJOKCJ.js";
7
+ import "../../chunks/chunk.EJXWL3JM.js";
8
8
  import "../../chunks/chunk.RSONAU45.js";
9
9
  import "../../chunks/chunk.PJO6TM3T.js";
10
10
  import "../../chunks/chunk.C7624ITA.js";
11
- import "../../chunks/chunk.MUOAKBT3.js";
11
+ import "../../chunks/chunk.SPPBO7QV.js";
12
12
  import "../../chunks/chunk.O7USYXBT.js";
13
13
  import "../../chunks/chunk.DJOAQ4JU.js";
14
14
  export {
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  icon_default
3
- } from "../../chunks/chunk.G3EPLUES.js";
4
- import "../../chunks/chunk.PHG2CETE.js";
3
+ } from "../../chunks/chunk.ZGZ7W6BC.js";
4
+ import "../../chunks/chunk.RKQHPBKM.js";
5
5
  import "../../chunks/chunk.VZ7S7YYN.js";
6
- import "../../chunks/chunk.4XAK6MOQ.js";
6
+ import "../../chunks/chunk.6PFQSQLU.js";
7
7
  import "../../chunks/chunk.6C4JXZZN.js";
8
- import "../../chunks/chunk.GNAJOKCJ.js";
8
+ import "../../chunks/chunk.EJXWL3JM.js";
9
9
  import "../../chunks/chunk.RSONAU45.js";
10
10
  import "../../chunks/chunk.PJO6TM3T.js";
11
11
  import "../../chunks/chunk.C7624ITA.js";
12
- import "../../chunks/chunk.MUOAKBT3.js";
12
+ import "../../chunks/chunk.SPPBO7QV.js";
13
13
  import "../../chunks/chunk.O7USYXBT.js";
14
14
  import "../../chunks/chunk.DJOAQ4JU.js";
15
15
  export {
@@ -4,9 +4,9 @@ import {
4
4
  unregisterIconLibrary,
5
5
  unwatchIcon,
6
6
  watchIcon
7
- } from "../../chunks/chunk.4XAK6MOQ.js";
7
+ } from "../../chunks/chunk.6PFQSQLU.js";
8
8
  import "../../chunks/chunk.6C4JXZZN.js";
9
- import "../../chunks/chunk.GNAJOKCJ.js";
9
+ import "../../chunks/chunk.EJXWL3JM.js";
10
10
  import "../../chunks/chunk.C7624ITA.js";
11
11
  import "../../chunks/chunk.DJOAQ4JU.js";
12
12
  export {
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  library_system_default
3
- } from "../../chunks/chunk.GNAJOKCJ.js";
3
+ } from "../../chunks/chunk.EJXWL3JM.js";
4
4
  import "../../chunks/chunk.DJOAQ4JU.js";
5
5
  export {
6
6
  library_system_default as default
@@ -0,0 +1,63 @@
1
+ import SynergyElement from '../../internal/synergy-element.js';
2
+ import SynIcon from '../icon/icon.component.js';
3
+ import type { CSSResultGroup } from 'lit';
4
+ /**
5
+ * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
6
+ * @documentation https://synergy.style/components/icon-button
7
+ * @status stable
8
+ * @since 2.0
9
+ *
10
+ * @dependency syn-icon
11
+ *
12
+ * @event syn-blur - Emitted when the icon button loses focus.
13
+ * @event syn-focus - Emitted when the icon button gains focus.
14
+ *
15
+ * @csspart base - The component's base wrapper.
16
+ */
17
+ export default class SynIconButton extends SynergyElement {
18
+ static styles: CSSResultGroup;
19
+ static dependencies: {
20
+ 'syn-icon': typeof SynIcon;
21
+ };
22
+ button: HTMLButtonElement | HTMLLinkElement;
23
+ private hasFocus;
24
+ /** The name of the icon to draw. Available names depend on the icon library being used. */
25
+ name?: string;
26
+ /** The name of a registered custom icon library. */
27
+ library?: string;
28
+ /**
29
+ * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and
30
+ * can result in XSS attacks.
31
+ */
32
+ src?: string;
33
+ /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */
34
+ href?: string;
35
+ /** Tells the browser where to open the link. Only used when `href` is set. */
36
+ target?: '_blank' | '_parent' | '_self' | '_top';
37
+ /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */
38
+ download?: string;
39
+ /**
40
+ * A description that gets read by assistive devices. For optimal accessibility, you should always include a label
41
+ * that describes what the icon button does.
42
+ */
43
+ label: string;
44
+ /** The icon button's size. */
45
+ size: 'small' | 'medium' | 'large' | 'inherit';
46
+ /**
47
+ * The color of the icon button.
48
+ * The default "currentColor" makes it possible to easily style the icon button from outside without any CSS variables.
49
+ */
50
+ color: 'currentColor' | 'primary' | 'neutral';
51
+ /** Disables the button. */
52
+ disabled: boolean;
53
+ private handleBlur;
54
+ private handleFocus;
55
+ private handleClick;
56
+ /** Simulates a click on the icon button. */
57
+ click(): void;
58
+ /** Sets focus on the icon button. */
59
+ focus(options?: FocusOptions): void;
60
+ /** Removes focus from the icon button. */
61
+ blur(): void;
62
+ render(): import("lit").TemplateResult;
63
+ }
@@ -0,0 +1,20 @@
1
+ import {
2
+ SynIconButton
3
+ } from "../../chunks/chunk.L6I5ZLBO.js";
4
+ import "../../chunks/chunk.2FN5DTS6.js";
5
+ import "../../chunks/chunk.OJF7KL44.js";
6
+ import "../../chunks/chunk.RKQHPBKM.js";
7
+ import "../../chunks/chunk.VZ7S7YYN.js";
8
+ import "../../chunks/chunk.6PFQSQLU.js";
9
+ import "../../chunks/chunk.6C4JXZZN.js";
10
+ import "../../chunks/chunk.EJXWL3JM.js";
11
+ import "../../chunks/chunk.RSONAU45.js";
12
+ import "../../chunks/chunk.PJO6TM3T.js";
13
+ import "../../chunks/chunk.C7624ITA.js";
14
+ import "../../chunks/chunk.SPPBO7QV.js";
15
+ import "../../chunks/chunk.O7USYXBT.js";
16
+ import "../../chunks/chunk.DJOAQ4JU.js";
17
+ export {
18
+ SynIconButton as default
19
+ };
20
+ //# sourceMappingURL=icon-button.component.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,8 @@
1
+ import {
2
+ icon_button_custom_styles_default
3
+ } from "../../chunks/chunk.OJF7KL44.js";
4
+ import "../../chunks/chunk.DJOAQ4JU.js";
5
+ export {
6
+ icon_button_custom_styles_default as default
7
+ };
8
+ //# sourceMappingURL=icon-button.custom.styles.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -0,0 +1,8 @@
1
+ import SynIconButton from './icon-button.component.js';
2
+ export * from './icon-button.component.js';
3
+ export default SynIconButton;
4
+ declare global {
5
+ interface HTMLElementTagNameMap {
6
+ 'syn-icon-button': SynIconButton;
7
+ }
8
+ }
@@ -0,0 +1,21 @@
1
+ import {
2
+ icon_button_default
3
+ } from "../../chunks/chunk.VTYPMAXM.js";
4
+ import "../../chunks/chunk.L6I5ZLBO.js";
5
+ import "../../chunks/chunk.2FN5DTS6.js";
6
+ import "../../chunks/chunk.OJF7KL44.js";
7
+ import "../../chunks/chunk.RKQHPBKM.js";
8
+ import "../../chunks/chunk.VZ7S7YYN.js";
9
+ import "../../chunks/chunk.6PFQSQLU.js";
10
+ import "../../chunks/chunk.6C4JXZZN.js";
11
+ import "../../chunks/chunk.EJXWL3JM.js";
12
+ import "../../chunks/chunk.RSONAU45.js";
13
+ import "../../chunks/chunk.PJO6TM3T.js";
14
+ import "../../chunks/chunk.C7624ITA.js";
15
+ import "../../chunks/chunk.SPPBO7QV.js";
16
+ import "../../chunks/chunk.O7USYXBT.js";
17
+ import "../../chunks/chunk.DJOAQ4JU.js";
18
+ export {
19
+ icon_button_default as default
20
+ };
21
+ //# sourceMappingURL=icon-button.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -0,0 +1,2 @@
1
+ declare const _default: import("lit").CSSResult;
2
+ export default _default;
@@ -0,0 +1,10 @@
1
+ import {
2
+ icon_button_styles_default
3
+ } from "../../chunks/chunk.2FN5DTS6.js";
4
+ import "../../chunks/chunk.OJF7KL44.js";
5
+ import "../../chunks/chunk.O7USYXBT.js";
6
+ import "../../chunks/chunk.DJOAQ4JU.js";
7
+ export {
8
+ icon_button_styles_default as default
9
+ };
10
+ //# sourceMappingURL=icon-button.styles.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": [],
4
+ "sourcesContent": [],
5
+ "mappings": "",
6
+ "names": []
7
+ }
@@ -1,23 +1,23 @@
1
1
  import {
2
2
  SynInput
3
- } from "../../chunks/chunk.U7R4EV7C.js";
3
+ } from "../../chunks/chunk.RG4Z2I6D.js";
4
4
  import "../../chunks/chunk.OXUFFH57.js";
5
5
  import "../../chunks/chunk.JHXCBOUD.js";
6
6
  import "../../chunks/chunk.W46CFM2R.js";
7
7
  import "../../chunks/chunk.WFAJR3FN.js";
8
+ import "../../chunks/chunk.XGXFE6IF.js";
8
9
  import "../../chunks/chunk.R6VNLE6N.js";
9
10
  import "../../chunks/chunk.A3SKDWCT.js";
10
- import "../../chunks/chunk.XGXFE6IF.js";
11
11
  import "../../chunks/chunk.P2LNG2PZ.js";
12
- import "../../chunks/chunk.PHG2CETE.js";
12
+ import "../../chunks/chunk.RKQHPBKM.js";
13
13
  import "../../chunks/chunk.VZ7S7YYN.js";
14
- import "../../chunks/chunk.4XAK6MOQ.js";
14
+ import "../../chunks/chunk.6PFQSQLU.js";
15
15
  import "../../chunks/chunk.6C4JXZZN.js";
16
- import "../../chunks/chunk.GNAJOKCJ.js";
16
+ import "../../chunks/chunk.EJXWL3JM.js";
17
17
  import "../../chunks/chunk.RSONAU45.js";
18
18
  import "../../chunks/chunk.PJO6TM3T.js";
19
19
  import "../../chunks/chunk.C7624ITA.js";
20
- import "../../chunks/chunk.MUOAKBT3.js";
20
+ import "../../chunks/chunk.SPPBO7QV.js";
21
21
  import "../../chunks/chunk.O7USYXBT.js";
22
22
  import "../../chunks/chunk.DJOAQ4JU.js";
23
23
  export {
@@ -1,24 +1,24 @@
1
1
  import {
2
2
  input_default
3
- } from "../../chunks/chunk.M5DMOLZK.js";
4
- import "../../chunks/chunk.U7R4EV7C.js";
3
+ } from "../../chunks/chunk.JRAW7QJL.js";
4
+ import "../../chunks/chunk.RG4Z2I6D.js";
5
5
  import "../../chunks/chunk.OXUFFH57.js";
6
6
  import "../../chunks/chunk.JHXCBOUD.js";
7
7
  import "../../chunks/chunk.W46CFM2R.js";
8
8
  import "../../chunks/chunk.WFAJR3FN.js";
9
+ import "../../chunks/chunk.XGXFE6IF.js";
9
10
  import "../../chunks/chunk.R6VNLE6N.js";
10
11
  import "../../chunks/chunk.A3SKDWCT.js";
11
- import "../../chunks/chunk.XGXFE6IF.js";
12
12
  import "../../chunks/chunk.P2LNG2PZ.js";
13
- import "../../chunks/chunk.PHG2CETE.js";
13
+ import "../../chunks/chunk.RKQHPBKM.js";
14
14
  import "../../chunks/chunk.VZ7S7YYN.js";
15
- import "../../chunks/chunk.4XAK6MOQ.js";
15
+ import "../../chunks/chunk.6PFQSQLU.js";
16
16
  import "../../chunks/chunk.6C4JXZZN.js";
17
- import "../../chunks/chunk.GNAJOKCJ.js";
17
+ import "../../chunks/chunk.EJXWL3JM.js";
18
18
  import "../../chunks/chunk.RSONAU45.js";
19
19
  import "../../chunks/chunk.PJO6TM3T.js";
20
20
  import "../../chunks/chunk.C7624ITA.js";
21
- import "../../chunks/chunk.MUOAKBT3.js";
21
+ import "../../chunks/chunk.SPPBO7QV.js";
22
22
  import "../../chunks/chunk.O7USYXBT.js";
23
23
  import "../../chunks/chunk.DJOAQ4JU.js";
24
24
  export {
@@ -1,17 +1,17 @@
1
1
  import {
2
2
  SynRadio
3
- } from "../../chunks/chunk.B7KNRAHG.js";
3
+ } from "../../chunks/chunk.44U5VKNJ.js";
4
4
  import "../../chunks/chunk.JBYBQ5TQ.js";
5
5
  import "../../chunks/chunk.V6VND4OF.js";
6
- import "../../chunks/chunk.PHG2CETE.js";
6
+ import "../../chunks/chunk.RKQHPBKM.js";
7
7
  import "../../chunks/chunk.VZ7S7YYN.js";
8
- import "../../chunks/chunk.4XAK6MOQ.js";
8
+ import "../../chunks/chunk.6PFQSQLU.js";
9
9
  import "../../chunks/chunk.6C4JXZZN.js";
10
- import "../../chunks/chunk.GNAJOKCJ.js";
10
+ import "../../chunks/chunk.EJXWL3JM.js";
11
11
  import "../../chunks/chunk.RSONAU45.js";
12
12
  import "../../chunks/chunk.PJO6TM3T.js";
13
13
  import "../../chunks/chunk.C7624ITA.js";
14
- import "../../chunks/chunk.MUOAKBT3.js";
14
+ import "../../chunks/chunk.SPPBO7QV.js";
15
15
  import "../../chunks/chunk.O7USYXBT.js";
16
16
  import "../../chunks/chunk.DJOAQ4JU.js";
17
17
  export {
@@ -1,18 +1,18 @@
1
1
  import {
2
2
  radio_default
3
- } from "../../chunks/chunk.JVSVQG6I.js";
4
- import "../../chunks/chunk.B7KNRAHG.js";
3
+ } from "../../chunks/chunk.4EWYZIJS.js";
4
+ import "../../chunks/chunk.44U5VKNJ.js";
5
5
  import "../../chunks/chunk.JBYBQ5TQ.js";
6
6
  import "../../chunks/chunk.V6VND4OF.js";
7
- import "../../chunks/chunk.PHG2CETE.js";
7
+ import "../../chunks/chunk.RKQHPBKM.js";
8
8
  import "../../chunks/chunk.VZ7S7YYN.js";
9
- import "../../chunks/chunk.4XAK6MOQ.js";
9
+ import "../../chunks/chunk.6PFQSQLU.js";
10
10
  import "../../chunks/chunk.6C4JXZZN.js";
11
- import "../../chunks/chunk.GNAJOKCJ.js";
11
+ import "../../chunks/chunk.EJXWL3JM.js";
12
12
  import "../../chunks/chunk.RSONAU45.js";
13
13
  import "../../chunks/chunk.PJO6TM3T.js";
14
14
  import "../../chunks/chunk.C7624ITA.js";
15
- import "../../chunks/chunk.MUOAKBT3.js";
15
+ import "../../chunks/chunk.SPPBO7QV.js";
16
16
  import "../../chunks/chunk.O7USYXBT.js";
17
17
  import "../../chunks/chunk.DJOAQ4JU.js";
18
18
  export {
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  SynRadioButton
3
- } from "../../chunks/chunk.MB5S3IM7.js";
3
+ } from "../../chunks/chunk.CB2M3AVU.js";
4
4
  import "../../chunks/chunk.OVVMSN4D.js";
5
5
  import "../../chunks/chunk.XGXFE6IF.js";
6
6
  import "../../chunks/chunk.VZ7S7YYN.js";
7
7
  import "../../chunks/chunk.YTS5TRJZ.js";
8
8
  import "../../chunks/chunk.FVSP4LXX.js";
9
- import "../../chunks/chunk.MUOAKBT3.js";
9
+ import "../../chunks/chunk.SPPBO7QV.js";
10
10
  import "../../chunks/chunk.O7USYXBT.js";
11
11
  import "../../chunks/chunk.DJOAQ4JU.js";
12
12
  export {
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  radio_button_default
3
- } from "../../chunks/chunk.WVYTLFNV.js";
4
- import "../../chunks/chunk.MB5S3IM7.js";
3
+ } from "../../chunks/chunk.MJC7VLA2.js";
4
+ import "../../chunks/chunk.CB2M3AVU.js";
5
5
  import "../../chunks/chunk.OVVMSN4D.js";
6
6
  import "../../chunks/chunk.XGXFE6IF.js";
7
7
  import "../../chunks/chunk.VZ7S7YYN.js";
8
8
  import "../../chunks/chunk.YTS5TRJZ.js";
9
9
  import "../../chunks/chunk.FVSP4LXX.js";
10
- import "../../chunks/chunk.MUOAKBT3.js";
10
+ import "../../chunks/chunk.SPPBO7QV.js";
11
11
  import "../../chunks/chunk.O7USYXBT.js";
12
12
  import "../../chunks/chunk.DJOAQ4JU.js";
13
13
  export {
@@ -1,14 +1,14 @@
1
1
  import {
2
2
  SynRadioGroup
3
- } from "../../chunks/chunk.3NY33MCF.js";
3
+ } from "../../chunks/chunk.ADE7GDYK.js";
4
4
  import "../../chunks/chunk.4I6M5V6O.js";
5
5
  import "../../chunks/chunk.F4MRQLNL.js";
6
6
  import "../../chunks/chunk.JHXCBOUD.js";
7
7
  import "../../chunks/chunk.XGXFE6IF.js";
8
8
  import "../../chunks/chunk.P2LNG2PZ.js";
9
9
  import "../../chunks/chunk.VZ7S7YYN.js";
10
- import "../../chunks/chunk.5SKPG6DM.js";
11
- import "../../chunks/chunk.MUOAKBT3.js";
10
+ import "../../chunks/chunk.Q7NHWXSL.js";
11
+ import "../../chunks/chunk.SPPBO7QV.js";
12
12
  import "../../chunks/chunk.4ZURABYO.js";
13
13
  import "../../chunks/chunk.O7USYXBT.js";
14
14
  import "../../chunks/chunk.DJOAQ4JU.js";
@@ -1,15 +1,15 @@
1
1
  import {
2
2
  radio_group_default
3
- } from "../../chunks/chunk.U2NJG6GX.js";
4
- import "../../chunks/chunk.3NY33MCF.js";
3
+ } from "../../chunks/chunk.AFVZYX7H.js";
4
+ import "../../chunks/chunk.ADE7GDYK.js";
5
5
  import "../../chunks/chunk.4I6M5V6O.js";
6
6
  import "../../chunks/chunk.F4MRQLNL.js";
7
7
  import "../../chunks/chunk.JHXCBOUD.js";
8
8
  import "../../chunks/chunk.XGXFE6IF.js";
9
9
  import "../../chunks/chunk.P2LNG2PZ.js";
10
10
  import "../../chunks/chunk.VZ7S7YYN.js";
11
- import "../../chunks/chunk.5SKPG6DM.js";
12
- import "../../chunks/chunk.MUOAKBT3.js";
11
+ import "../../chunks/chunk.Q7NHWXSL.js";
12
+ import "../../chunks/chunk.SPPBO7QV.js";
13
13
  import "../../chunks/chunk.4ZURABYO.js";
14
14
  import "../../chunks/chunk.O7USYXBT.js";
15
15
  import "../../chunks/chunk.DJOAQ4JU.js";
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  SynSpinner
3
- } from "../../chunks/chunk.IFPM2NRM.js";
3
+ } from "../../chunks/chunk.FHYBGERU.js";
4
4
  import "../../chunks/chunk.N2I6HVX3.js";
5
5
  import "../../chunks/chunk.R6VNLE6N.js";
6
6
  import "../../chunks/chunk.A3SKDWCT.js";
7
- import "../../chunks/chunk.MUOAKBT3.js";
7
+ import "../../chunks/chunk.SPPBO7QV.js";
8
8
  import "../../chunks/chunk.O7USYXBT.js";
9
9
  import "../../chunks/chunk.DJOAQ4JU.js";
10
10
  export {
@@ -1,12 +1,12 @@
1
1
  import {
2
2
  SynSwitch
3
- } from "../../chunks/chunk.SUNIN43Y.js";
3
+ } from "../../chunks/chunk.2OYZUDFV.js";
4
4
  import "../../chunks/chunk.MNMITYTH.js";
5
5
  import "../../chunks/chunk.AFEABUNX.js";
6
6
  import "../../chunks/chunk.WFAJR3FN.js";
7
7
  import "../../chunks/chunk.P2LNG2PZ.js";
8
8
  import "../../chunks/chunk.VZ7S7YYN.js";
9
- import "../../chunks/chunk.MUOAKBT3.js";
9
+ import "../../chunks/chunk.SPPBO7QV.js";
10
10
  import "../../chunks/chunk.O7USYXBT.js";
11
11
  import "../../chunks/chunk.DJOAQ4JU.js";
12
12
  export {
@@ -1,13 +1,13 @@
1
1
  import {
2
2
  switch_default
3
- } from "../../chunks/chunk.D7KU5L75.js";
4
- import "../../chunks/chunk.SUNIN43Y.js";
3
+ } from "../../chunks/chunk.E2TU3YYJ.js";
4
+ import "../../chunks/chunk.2OYZUDFV.js";
5
5
  import "../../chunks/chunk.MNMITYTH.js";
6
6
  import "../../chunks/chunk.AFEABUNX.js";
7
7
  import "../../chunks/chunk.WFAJR3FN.js";
8
8
  import "../../chunks/chunk.P2LNG2PZ.js";
9
9
  import "../../chunks/chunk.VZ7S7YYN.js";
10
- import "../../chunks/chunk.MUOAKBT3.js";
10
+ import "../../chunks/chunk.SPPBO7QV.js";
11
11
  import "../../chunks/chunk.O7USYXBT.js";
12
12
  import "../../chunks/chunk.DJOAQ4JU.js";
13
13
  export {
@@ -0,0 +1,33 @@
1
+ import SynergyElement from '../../internal/synergy-element.js';
2
+ import SynIconButton from '../icon-button/icon-button.component.js';
3
+ import type { CSSResultGroup } from 'lit';
4
+ /**
5
+ * @summary Tags are used as labels to organize things or to indicate a selection.
6
+ * @documentation https://synergy.style/components/tag
7
+ * @status stable
8
+ * @since 2.0
9
+ *
10
+ * @dependency syn-icon-button
11
+ *
12
+ * @slot - The tag's content.
13
+ *
14
+ * @event syn-remove - Emitted when the remove button is activated.
15
+ *
16
+ * @csspart base - The component's base wrapper.
17
+ * @csspart content - The tag's content.
18
+ * @csspart remove-button - The tag's remove button, an `<syn-icon-button>`.
19
+ * @csspart remove-button__base - The remove button's exported `base` part.
20
+ */
21
+ export default class SynTag extends SynergyElement {
22
+ static styles: CSSResultGroup;
23
+ static dependencies: {
24
+ 'syn-icon-button': typeof SynIconButton;
25
+ };
26
+ private readonly localize;
27
+ /** The tag's size. */
28
+ size: 'small' | 'medium' | 'large';
29
+ /** Makes the tag removable and shows a remove button. */
30
+ removable: boolean;
31
+ private handleRemoveClick;
32
+ render(): import("lit").TemplateResult<1>;
33
+ }