@solid-design-system/components 1.0.0 → 1.3.13

package/dist/custom-elements.json

@@ -1 +1 @@
-{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"components/button/button.js","declarations":[{"kind":"class","description":"","name":"SdButton","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The button's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The button's label.","name":""},{"description":"A prefix icon or similar element.","name":"icon-left"},{"description":"A suffix icon or similar element.","name":"icon-right"}],"members":[{"kind":"field","name":"formControlController","privacy":"private","default":"new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    }\n  })"},{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"invalid","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"title","type":{"text":"string"},"default":"''","attribute":"title"},{"kind":"field","name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","attribute":"variant","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","attribute":"inverted","reflects":true},{"kind":"field","name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","attribute":"size","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","attribute":"disabled","reflects":true},{"kind":"field","name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","attribute":"loading","reflects":true},{"kind":"field","name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","attribute":"type"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","attribute":"name"},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","attribute":"value"},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"field","name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","attribute":"form"},{"kind":"field","name":"formAction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","attribute":"formaction"},{"kind":"field","name":"formEnctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","attribute":"formenctype"},{"kind":"field","name":"formMethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","attribute":"formmethod"},{"kind":"field","name":"formNoValidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","attribute":"formnovalidate"},{"kind":"field","name":"formTarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","attribute":"formtarget"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"handleClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"isButton","privacy":"private"},{"kind":"method","name":"isLink","privacy":"private"},{"kind":"method","name":"handleDisabledChange"},{"kind":"method","name":"click","description":"Simulates a click on the button."},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."},{"kind":"method","name":"checkValidity","description":"Checks for validity but does not show the browser's validation message."},{"kind":"method","name":"reportValidity","description":"Checks for validity and shows the browser's validation message if the control is invalid."},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}],"description":"Sets a custom validation message. Pass an empty string to restore validity."}],"events":[{"description":"Emitted when the button loses focus.","name":"sd-blur"},{"description":"Emitted when the button gains focus.","name":"sd-focus"}],"attributes":[{"name":"title","type":{"text":"string"},"default":"''","fieldName":"title","attribute":"title"},{"name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","fieldName":"variant","attribute":"variant"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","fieldName":"inverted","attribute":"inverted"},{"name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","fieldName":"size","attribute":"size"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","fieldName":"disabled","attribute":"disabled"},{"name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","fieldName":"loading","attribute":"loading"},{"name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","fieldName":"type","attribute":"type"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","fieldName":"name","attribute":"name"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","fieldName":"value","attribute":"value"},{"name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"},{"name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","fieldName":"form","attribute":"form"},{"name":"formaction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","fieldName":"formAction","attribute":"formaction"},{"name":"formenctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","fieldName":"formEnctype","attribute":"formenctype"},{"name":"formmethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","fieldName":"formMethod","attribute":"formmethod"},{"name":"formnovalidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","fieldName":"formNoValidate","attribute":"formnovalidate"},{"name":"formtarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","fieldName":"formTarget","attribute":"formtarget"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Buttons represent actions that are available to the user.","documentation":"https://solid.union-investment.com/[storybook-link]/button","status":"stable","since":"1.0","dependencies":["sd-icon","sd-spinner"],"tagName":"sd-button","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}}]},{"kind":"javascript-module","path":"components/icon/icon.js","declarations":[{"kind":"class","description":"","name":"SdIcon","members":[{"kind":"field","name":"svg","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","attribute":"name","reflects":true},{"kind":"field","name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","attribute":"src"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","attribute":"label"},{"kind":"field","name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","attribute":"library","reflects":true},{"kind":"field","name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","attribute":"color","reflects":true},{"kind":"method","name":"getUrl","privacy":"private"},{"kind":"method","name":"handleLabelChange"},{"kind":"method","name":"setIcon"}],"events":[{"description":"Emitted when the icon has loaded.","name":"sd-load"},{"description":"Emitted when the icon fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","fieldName":"name","attribute":"name"},{"name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","fieldName":"src","attribute":"src"},{"name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","fieldName":"label","attribute":"label"},{"name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","fieldName":"library","attribute":"library"},{"name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Icons are symbols that can be used to represent various options within an application.","status":"stable","since":"1.0","tagName":"sd-icon","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}}]},{"kind":"javascript-module","path":"components/icon/library.system.js","declarations":[{"kind":"variable","name":"icons","type":{"text":"object"},"default":"{\n  'chevron-down': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path>\n    </svg>\n  `,\n  'chevron-up': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path>\n    </svg>\n  `\n}"},{"kind":"variable","name":"systemLibrary","type":{"text":"IconLibrary"},"default":"{\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n    }\n    return '';\n  },\n  mutator: svg => svg.setAttribute('fill', 'currentColor')\n}"}],"exports":[{"kind":"js","name":"icons","declaration":{"name":"icons","module":"components/icon/library.system.js"}},{"kind":"js","name":"default","declaration":{"name":"systemLibrary","module":"components/icon/library.system.js"}}]},{"kind":"javascript-module","path":"components/icon/library.js","declarations":[{"kind":"function","name":"watchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Adds an icon to the list of watched icons."},{"kind":"function","name":"unwatchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Removes an icon from the list of watched icons."},{"kind":"function","name":"getIconLibrary","parameters":[{"name":"name","optional":true,"type":{"text":"string"}}],"description":"Returns a library from the registry."},{"kind":"function","name":"registerIconLibrary","parameters":[{"name":"name","type":{"text":"string"}},{"name":"options","type":{"text":"{ resolver: IconLibraryResolver; mutator?: IconLibraryMutator }"}}],"description":"Adds an icon library to the registry, or overrides an existing one."},{"kind":"function","name":"unregisterIconLibrary","parameters":[{"name":"name","type":{"text":"string"}}],"description":"Removes an icon library from the registry."}],"exports":[{"kind":"js","name":"watchIcon","declaration":{"name":"watchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"unwatchIcon","declaration":{"name":"unwatchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"getIconLibrary","declaration":{"name":"getIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"registerIconLibrary","declaration":{"name":"registerIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"unregisterIconLibrary","declaration":{"name":"unregisterIconLibrary","module":"components/icon/library.js"}}]},{"kind":"javascript-module","path":"components/icon/request.js","declarations":[{"kind":"function","name":"requestIcon","return":{"type":{"text":"Promise<IconFile>"}},"parameters":[{"name":"url","type":{"text":"string"}}]}],"exports":[{"kind":"js","name":"requestIcon","declaration":{"name":"requestIcon","module":"components/icon/request.js"}}]},{"kind":"javascript-module","path":"components/include/include.styles.js","declarations":[],"exports":[{"kind":"js","name":"default","declaration":{"module":"components/include/include.styles.js"}}]},{"kind":"javascript-module","path":"components/include/include.js","declarations":[{"kind":"class","description":"","name":"SdInclude","members":[{"kind":"field","name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"src"},{"kind":"field","name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","attribute":"mode"},{"kind":"field","name":"allowScripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"allow-scripts"},{"kind":"method","name":"executeScript","privacy":"private","parameters":[{"name":"script","type":{"text":"HTMLScriptElement"}}]},{"kind":"method","name":"handleSrcChange"}],"events":[{"description":"Emitted when the included file is loaded.","name":"sd-load"},{"type":{"text":"{ status: number }"},"description":"Emitted when the included file fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"src","attribute":"src"},{"name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","fieldName":"mode","attribute":"mode"},{"name":"allow-scripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"allowScripts","attribute":"allow-scripts"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Includes give you the power to embed external HTML files into the page.","documentation":"https://solid.union-investment.com/[storybook-link]/include","status":"stable","since":"1.0","tagName":"sd-include","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}}]},{"kind":"javascript-module","path":"components/include/request.js","declarations":[{"kind":"function","name":"requestInclude","return":{"type":{"text":"Promise<IncludeFile>"}},"parameters":[{"name":"src","type":{"text":"string"}},{"name":"mode","default":"'cors'","type":{"text":"'cors' | 'no-cors' | 'same-origin'"}}],"description":"Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once."}],"exports":[{"kind":"js","name":"requestInclude","declaration":{"name":"requestInclude","module":"components/include/request.js"}}]},{"kind":"javascript-module","path":"components/link/link.js","declarations":[{"kind":"class","description":"","name":"SdLink","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The link's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The default slot.","name":""},{"description":"The icon to display on the left side of the link.","name":"icon-left"},{"description":"The icon to display on the right side of the link.","name":"icon-right"}],"members":[{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","attribute":"size","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","attribute":"inverted","reflects":true},{"kind":"field","name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","attribute":"standalone","reflects":true},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."}],"events":[{"description":"Emitted when the link loses focus.","name":"sd-blur"},{"description":"Emitted when the link gains focus.","name":"sd-focus"}],"attributes":[{"name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","fieldName":"size","attribute":"size"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","fieldName":"inverted","attribute":"inverted"},{"name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","fieldName":"standalone","attribute":"standalone"},{"name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"A link component.","documentation":"https://solid.union-investment.com/[storybook-link]/link","status":"experimental","since":"1.2","tagName":"sd-link","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}}]},{"kind":"javascript-module","path":"components/spinner/spinner.js","declarations":[{"kind":"class","description":"","name":"SdSpinner","members":[{"kind":"field","name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","attribute":"color","reflects":true},{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"}],"attributes":[{"name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Spinners are used to show the progress of an indeterminate operation.","documentation":"https://solid.union-investment.com/[storybook-link]/spinner","status":"stable","since":"1.0","tagName":"sd-spinner","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}}]}],"package":{"name":"@solid-design-system/components","description":"Solid Design System: Components","version":"1.0.0","author":{"name":"Union Investment"},"homepage":"https://solid-design-system.fe.union-investment.de/x.x.x/storybook/","license":"MIT"}}
+{"schemaVersion":"1.0.0","readme":"","modules":[{"kind":"javascript-module","path":"components/button/button.js","declarations":[{"kind":"class","description":"","name":"SdButton","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The button's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The button's label.","name":""},{"description":"A prefix icon or similar element.","name":"icon-left"},{"description":"A suffix icon or similar element.","name":"icon-right"}],"members":[{"kind":"field","name":"formControlController","privacy":"private","default":"new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute it set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    }\n  })"},{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"invalid","type":{"text":"boolean"},"default":"false"},{"kind":"field","name":"title","type":{"text":"string"},"default":"''","attribute":"title"},{"kind":"field","name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","attribute":"variant","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","attribute":"inverted","reflects":true},{"kind":"field","name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","attribute":"size","reflects":true},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","attribute":"disabled","reflects":true},{"kind":"field","name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","attribute":"loading","reflects":true},{"kind":"field","name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","attribute":"type"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","attribute":"name"},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","attribute":"value"},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"field","name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","attribute":"form"},{"kind":"field","name":"formAction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","attribute":"formaction"},{"kind":"field","name":"formEnctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","attribute":"formenctype"},{"kind":"field","name":"formMethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","attribute":"formmethod"},{"kind":"field","name":"formNoValidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","attribute":"formnovalidate"},{"kind":"field","name":"formTarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","attribute":"formtarget"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"handleClick","privacy":"private","parameters":[{"name":"event","type":{"text":"MouseEvent"}}]},{"kind":"method","name":"isButton","privacy":"private"},{"kind":"method","name":"isLink","privacy":"private"},{"kind":"method","name":"handleDisabledChange"},{"kind":"method","name":"click","description":"Simulates a click on the button."},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."},{"kind":"method","name":"checkValidity","description":"Checks for validity but does not show the browser's validation message."},{"kind":"method","name":"reportValidity","description":"Checks for validity and shows the browser's validation message if the control is invalid."},{"kind":"method","name":"setCustomValidity","parameters":[{"name":"message","type":{"text":"string"}}],"description":"Sets a custom validation message. Pass an empty string to restore validity."}],"events":[{"description":"Emitted when the button loses focus.","name":"sd-blur"},{"description":"Emitted when the button gains focus.","name":"sd-focus"}],"attributes":[{"name":"title","type":{"text":"string"},"default":"''","fieldName":"title","attribute":"title"},{"name":"variant","type":{"text":"'primary' | 'secondary' | 'tertiary' | 'cta'"},"default":"'primary'","description":"The button's theme variant.","fieldName":"variant","attribute":"variant"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the button.","fieldName":"inverted","attribute":"inverted"},{"name":"size","type":{"text":"'lg' | 'md' | 'sm'"},"default":"'lg'","description":"The button's size.","fieldName":"size","attribute":"size"},{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"Disables the button.","fieldName":"disabled","attribute":"disabled"},{"name":"loading","type":{"text":"boolean"},"default":"false","description":"Draws the button in a loading state.","fieldName":"loading","attribute":"loading"},{"name":"type","type":{"text":"'button' | 'submit' | 'reset'"},"default":"'button'","description":"The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.","fieldName":"type","attribute":"type"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.","fieldName":"name","attribute":"name"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.","fieldName":"value","attribute":"value"},{"name":"href","type":{"text":"string"},"default":"''","description":"When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"},{"name":"form","type":{"text":"string"},"description":"The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.","fieldName":"form","attribute":"form"},{"name":"formaction","type":{"text":"string"},"description":"Used to override the form owner's `action` attribute.","fieldName":"formAction","attribute":"formaction"},{"name":"formenctype","type":{"text":"'application/x-www-form-urlencoded' | 'multipart/form-data' | 'text/plain'"},"description":"Used to override the form owner's `enctype` attribute.","fieldName":"formEnctype","attribute":"formenctype"},{"name":"formmethod","type":{"text":"'post' | 'get'"},"description":"Used to override the form owner's `method` attribute.","fieldName":"formMethod","attribute":"formmethod"},{"name":"formnovalidate","type":{"text":"boolean"},"description":"Used to override the form owner's `novalidate` attribute.","fieldName":"formNoValidate","attribute":"formnovalidate"},{"name":"formtarget","type":{"text":"'_self' | '_blank' | '_parent' | '_top' | string"},"description":"Used to override the form owner's `target` attribute.","fieldName":"formTarget","attribute":"formtarget"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Buttons represent actions that are available to the user.","documentation":"https://solid.union-investment.com/[storybook-link]/button","status":"stable","since":"1.0","dependencies":["sd-icon","sd-spinner"],"tagName":"sd-button","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}},{"kind":"custom-element-definition","name":"sd-button","declaration":{"name":"SdButton","module":"components/button/button.js"}}]},{"kind":"javascript-module","path":"components/icon/icon.js","declarations":[{"kind":"class","description":"","name":"SdIcon","members":[{"kind":"field","name":"svg","type":{"text":"string"},"privacy":"private","default":"''"},{"kind":"field","name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","attribute":"name","reflects":true},{"kind":"field","name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","attribute":"src"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","attribute":"label"},{"kind":"field","name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","attribute":"library","reflects":true},{"kind":"field","name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","attribute":"color","reflects":true},{"kind":"method","name":"getUrl","privacy":"private"},{"kind":"method","name":"handleLabelChange"},{"kind":"method","name":"setIcon"}],"events":[{"description":"Emitted when the icon has loaded.","name":"sd-load"},{"description":"Emitted when the icon fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"name","type":{"text":"string | undefined"},"description":"The name of the icon to draw. Available names depend on the icon library being used.","fieldName":"name","attribute":"name"},{"name":"src","type":{"text":"string | undefined"},"description":"An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks. Only SVGs on a local or CORS-enabled endpoint are supported. If you're using more than one custom icon,\nit might make sense to register a custom icon library.","fieldName":"src","attribute":"src"},{"name":"label","type":{"text":"string"},"default":"''","description":"An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.","fieldName":"label","attribute":"label"},{"name":"library","type":{"text":"string"},"default":"'default'","description":"The name of a registered custom icon library.","fieldName":"library","attribute":"library"},{"name":"color","type":{"text":"'currentColor' | 'primary' | 'white'"},"default":"'currentColor'","description":"The color of the icon.\n\"current\" refers to currentColor and makes it possible to easily style the icon from outside without any CSS variables.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Icons are symbols that can be used to represent various options within an application.","status":"stable","since":"1.0","tagName":"sd-icon","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}},{"kind":"custom-element-definition","name":"sd-icon","declaration":{"name":"SdIcon","module":"components/icon/icon.js"}}]},{"kind":"javascript-module","path":"components/icon/library.system.js","declarations":[{"kind":"variable","name":"icons","type":{"text":"object"},"default":"{\n  'chevron-down': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path>\n    </svg>\n  `,\n  'chevron-up': `\n    <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\">\n      <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path>\n    </svg>\n  `\n}"},{"kind":"variable","name":"systemLibrary","type":{"text":"IconLibrary"},"default":"{\n  name: 'system',\n  resolver: (name: keyof typeof icons) => {\n    if (name in icons) {\n      return `data:image/svg+xml,${encodeURIComponent(icons[name])}`;\n    }\n    return '';\n  },\n  mutator: svg => svg.setAttribute('fill', 'currentColor')\n}"}],"exports":[{"kind":"js","name":"icons","declaration":{"name":"icons","module":"components/icon/library.system.js"}},{"kind":"js","name":"default","declaration":{"name":"systemLibrary","module":"components/icon/library.system.js"}}]},{"kind":"javascript-module","path":"components/icon/library.js","declarations":[{"kind":"function","name":"watchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Adds an icon to the list of watched icons."},{"kind":"function","name":"unwatchIcon","parameters":[{"name":"icon","type":{"text":"SdIcon"}}],"description":"Removes an icon from the list of watched icons."},{"kind":"function","name":"getIconLibrary","parameters":[{"name":"name","optional":true,"type":{"text":"string"}}],"description":"Returns a library from the registry."},{"kind":"function","name":"registerIconLibrary","parameters":[{"name":"name","type":{"text":"string"}},{"name":"options","type":{"text":"{ resolver: IconLibraryResolver; mutator?: IconLibraryMutator }"}}],"description":"Adds an icon library to the registry, or overrides an existing one."},{"kind":"function","name":"unregisterIconLibrary","parameters":[{"name":"name","type":{"text":"string"}}],"description":"Removes an icon library from the registry."}],"exports":[{"kind":"js","name":"watchIcon","declaration":{"name":"watchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"unwatchIcon","declaration":{"name":"unwatchIcon","module":"components/icon/library.js"}},{"kind":"js","name":"getIconLibrary","declaration":{"name":"getIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"registerIconLibrary","declaration":{"name":"registerIconLibrary","module":"components/icon/library.js"}},{"kind":"js","name":"unregisterIconLibrary","declaration":{"name":"unregisterIconLibrary","module":"components/icon/library.js"}}]},{"kind":"javascript-module","path":"components/icon/request.js","declarations":[{"kind":"function","name":"requestIcon","return":{"type":{"text":"Promise<IconFile>"}},"parameters":[{"name":"url","type":{"text":"string"}}]}],"exports":[{"kind":"js","name":"requestIcon","declaration":{"name":"requestIcon","module":"components/icon/request.js"}}]},{"kind":"javascript-module","path":"components/include/include.styles.js","declarations":[],"exports":[{"kind":"js","name":"default","declaration":{"module":"components/include/include.styles.js"}}]},{"kind":"javascript-module","path":"components/include/include.js","declarations":[{"kind":"class","description":"","name":"SdInclude","members":[{"kind":"field","name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"src"},{"kind":"field","name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","attribute":"mode"},{"kind":"field","name":"allowScripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","attribute":"allow-scripts"},{"kind":"method","name":"executeScript","privacy":"private","parameters":[{"name":"script","type":{"text":"HTMLScriptElement"}}]},{"kind":"method","name":"handleSrcChange"}],"events":[{"description":"Emitted when the included file is loaded.","name":"sd-load"},{"type":{"text":"{ status: number }"},"description":"Emitted when the included file fails to load due to an error.","name":"sd-error"}],"attributes":[{"name":"src","type":{"text":"string"},"description":"The location of the HTML file to include. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"src","attribute":"src"},{"name":"mode","type":{"text":"'cors' | 'no-cors' | 'same-origin'"},"default":"'cors'","description":"The fetch mode to use.","fieldName":"mode","attribute":"mode"},{"name":"allow-scripts","type":{"text":"boolean"},"default":"false","description":"Allows included scripts to be executed. Be sure you trust the content you are including as it will be executed as\ncode and can result in XSS attacks.","fieldName":"allowScripts","attribute":"allow-scripts"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Includes give you the power to embed external HTML files into the page.","documentation":"https://solid.union-investment.com/[storybook-link]/include","status":"stable","since":"1.0","tagName":"sd-include","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}},{"kind":"custom-element-definition","name":"sd-include","declaration":{"name":"SdInclude","module":"components/include/include.js"}}]},{"kind":"javascript-module","path":"components/include/request.js","declarations":[{"kind":"function","name":"requestInclude","return":{"type":{"text":"Promise<IncludeFile>"}},"parameters":[{"name":"src","type":{"text":"string"}},{"name":"mode","default":"'cors'","type":{"text":"'cors' | 'no-cors' | 'same-origin'"}}],"description":"Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once."}],"exports":[{"kind":"js","name":"requestInclude","declaration":{"name":"requestInclude","module":"components/include/request.js"}}]},{"kind":"javascript-module","path":"components/link/link.js","declarations":[{"kind":"class","description":"","name":"SdLink","cssParts":[{"description":"The component's base wrapper.","name":"base"},{"description":"The container that wraps the left icon area.","name":"icon-left"},{"description":"The link's label.","name":"label"},{"description":"The container that wraps the right icon area.","name":"icon-right"}],"slots":[{"description":"The default slot.","name":""},{"description":"The icon to display on the left side of the link.","name":"icon-left"},{"description":"The icon to display on the right side of the link.","name":"icon-right"}],"members":[{"kind":"field","name":"hasSlotController","privacy":"private","default":"new HasSlotController(this, '[default]', 'icon-left', 'icon-right')"},{"kind":"field","name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","attribute":"size","reflects":true},{"kind":"field","name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","attribute":"inverted","reflects":true},{"kind":"field","name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","attribute":"standalone","reflects":true},{"kind":"field","name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","attribute":"href"},{"kind":"field","name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","attribute":"target"},{"kind":"field","name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","attribute":"download"},{"kind":"method","name":"handleBlur","privacy":"private"},{"kind":"method","name":"handleFocus","privacy":"private"},{"kind":"method","name":"focus","parameters":[{"name":"options","optional":true,"type":{"text":"FocusOptions"}}],"description":"Sets focus on the button."},{"kind":"method","name":"blur","description":"Removes focus from the button."}],"events":[{"description":"Emitted when the link loses focus.","name":"sd-blur"},{"description":"Emitted when the link gains focus.","name":"sd-focus"}],"attributes":[{"name":"size","type":{"text":"'inherit' | 'lg' | 'sm'"},"default":"'inherit'","description":"The link's size.","fieldName":"size","attribute":"size"},{"name":"inverted","type":{"text":"boolean"},"default":"false","description":"Inverts the link.","fieldName":"inverted","attribute":"inverted"},{"name":"standalone","type":{"text":"boolean"},"default":"false","description":"Control the layout of icon and text within the component and the component's positioning.","fieldName":"standalone","attribute":"standalone"},{"name":"href","type":{"text":"string"},"default":"''","description":"When not set, the link will render as disabled.","fieldName":"href","attribute":"href"},{"name":"target","type":{"text":"'_blank' | '_parent' | '_self' | '_top'"},"description":"Tells the browser where to open the link. Only used when `href` is present.","fieldName":"target","attribute":"target"},{"name":"download","type":{"text":"string | undefined"},"description":"Tells the browser to download the linked file as this filename. Only used when `href` is present.","fieldName":"download","attribute":"download"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"A link component.","documentation":"https://solid.union-investment.com/[storybook-link]/link","status":"experimental","since":"1.2","tagName":"sd-link","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}},{"kind":"custom-element-definition","name":"sd-link","declaration":{"name":"SdLink","module":"components/link/link.js"}}]},{"kind":"javascript-module","path":"components/spinner/spinner.js","declarations":[{"kind":"class","description":"","name":"SdSpinner","members":[{"kind":"field","name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","attribute":"color","reflects":true},{"kind":"field","name":"localize","privacy":"private","default":"new LocalizeController(this)"}],"attributes":[{"name":"color","type":{"text":"'primary' | 'white' | 'currentColor'"},"default":"'currentColor'","description":"The color color of the spinner.","fieldName":"color","attribute":"color"}],"superclass":{"name":"SolidElement","module":"/src/internal/solid-element"},"summary":"Spinners are used to show the progress of an indeterminate operation.","documentation":"https://solid.union-investment.com/[storybook-link]/spinner","status":"stable","since":"1.0","tagName":"sd-spinner","customElement":true}],"exports":[{"kind":"js","name":"default","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}},{"kind":"custom-element-definition","name":"sd-spinner","declaration":{"name":"SdSpinner","module":"components/spinner/spinner.js"}}]}],"package":{"name":"@solid-design-system/components","description":"Solid Design System: Components","version":"1.3.13","author":{"name":"Union Investment"},"homepage":"https://solid-design-system.fe.union-investment.de/x.x.x/storybook/","license":"MIT"}}

package/dist/versioned-components/es/button.js

@@ -1,4 +1,4 @@
-import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l as i,n as r,e as s}from"./solid-element.js";import{t as a}from"./state.js";import{H as n,l,i as d}from"./if-defined.js";import{w as h}from"./watch.js";import{c as u}from"./component.styles.js";import{t as p}from"./classix.js";const m=new WeakMap,c=new WeakMap,b=new WeakMap;class f{constructor(t,e){(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");if(o)return e.getElementById(o)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),setValue:(t,e)=>t.value=e,...e},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleUserInput=this.handleUserInput.bind(this)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),this.host.addEventListener("sd-input",this.handleUserInput)}hostDisconnected(){this.detachForm(),this.host.removeEventListener("sd-input",this.handleUserInput)}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.checkValidity())}attachForm(t){t?(this.form=t,m.has(this.form)?m.get(this.form).add(this.host):m.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),b.has(this.form)||(b.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&(null==(t=m.get(this.form))||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),b.has(this.form)&&(this.form.reportValidity=b.get(this.form),b.delete(this.form))),this.form=void 0}handleFormData(t){const e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),r="sd-1-0-0-button"===this.host.tagName.toLowerCase();!e&&!r&&"string"==typeof o&&o.length>0&&typeof i<"u"&&(Array.isArray(i)?i.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,i.toString()))}handleFormSubmit(t){var e;const o=this.options.disabled(this.host),i=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=m.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),this.form&&!this.form.noValidate&&!o&&!i(this.host)&&(t.preventDefault(),t.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1)}async handleUserInput(){await this.host.updateComplete,this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var e;const o=this.host,i=!!c.get(o),r=!!o.required;null!=(e=this.form)&&e.noValidate?(o.removeAttribute("data-required"),o.removeAttribute("data-optional"),o.removeAttribute("data-invalid"),o.removeAttribute("data-valid"),o.removeAttribute("data-user-invalid"),o.removeAttribute("data-user-valid")):(o.toggleAttribute("data-required",r),o.toggleAttribute("data-optional",!r),o.toggleAttribute("data-invalid",!t),o.toggleAttribute("data-valid",t),o.toggleAttribute("data-user-invalid",!t&&i),o.toggleAttribute("data-user-valid",t&&i))}updateValidity(){const t=this.host;this.setValidity(t.checkValidity())}}
+import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l as i,n as r,e as s}from"./solid-element.js";import{t as a}from"./state.js";import{H as n,l,i as d}from"./if-defined.js";import{w as h}from"./watch.js";import{c as u}from"./component.styles.js";import{t as p}from"./classix.js";const m=new WeakMap,c=new WeakMap,b=new WeakMap;class f{constructor(t,e){(this.host=t).addController(this),this.options={form:t=>{if(t.hasAttribute("form")&&""!==t.getAttribute("form")){const e=t.getRootNode(),o=t.getAttribute("form");if(o)return e.getElementById(o)}return t.closest("form")},name:t=>t.name,value:t=>t.value,defaultValue:t=>t.defaultValue,disabled:t=>t.disabled??!1,reportValidity:t=>"function"!=typeof t.reportValidity||t.reportValidity(),setValue:(t,e)=>t.value=e,...e},this.handleFormData=this.handleFormData.bind(this),this.handleFormSubmit=this.handleFormSubmit.bind(this),this.handleFormReset=this.handleFormReset.bind(this),this.reportFormValidity=this.reportFormValidity.bind(this),this.handleUserInput=this.handleUserInput.bind(this)}hostConnected(){const t=this.options.form(this.host);t&&this.attachForm(t),this.host.addEventListener("sd-input",this.handleUserInput)}hostDisconnected(){this.detachForm(),this.host.removeEventListener("sd-input",this.handleUserInput)}hostUpdated(){const t=this.options.form(this.host);t||this.detachForm(),t&&this.form!==t&&(this.detachForm(),this.attachForm(t)),this.host.hasUpdated&&this.setValidity(this.host.checkValidity())}attachForm(t){t?(this.form=t,m.has(this.form)?m.get(this.form).add(this.host):m.set(this.form,new Set([this.host])),this.form.addEventListener("formdata",this.handleFormData),this.form.addEventListener("submit",this.handleFormSubmit),this.form.addEventListener("reset",this.handleFormReset),b.has(this.form)||(b.set(this.form,this.form.reportValidity),this.form.reportValidity=()=>this.reportFormValidity())):this.form=void 0}detachForm(){var t;this.form&&(null==(t=m.get(this.form))||t.delete(this.host),this.form.removeEventListener("formdata",this.handleFormData),this.form.removeEventListener("submit",this.handleFormSubmit),this.form.removeEventListener("reset",this.handleFormReset),b.has(this.form)&&(this.form.reportValidity=b.get(this.form),b.delete(this.form))),this.form=void 0}handleFormData(t){const e=this.options.disabled(this.host),o=this.options.name(this.host),i=this.options.value(this.host),r="sd-1-3-13-button"===this.host.tagName.toLowerCase();!e&&!r&&"string"==typeof o&&o.length>0&&typeof i<"u"&&(Array.isArray(i)?i.forEach((e=>{t.formData.append(o,e.toString())})):t.formData.append(o,i.toString()))}handleFormSubmit(t){var e;const o=this.options.disabled(this.host),i=this.options.reportValidity;this.form&&!this.form.noValidate&&(null==(e=m.get(this.form))||e.forEach((t=>{this.setUserInteracted(t,!0)}))),this.form&&!this.form.noValidate&&!o&&!i(this.host)&&(t.preventDefault(),t.stopImmediatePropagation())}handleFormReset(){this.options.setValue(this.host,this.options.defaultValue(this.host)),this.setUserInteracted(this.host,!1)}async handleUserInput(){await this.host.updateComplete,this.setUserInteracted(this.host,!0)}reportFormValidity(){if(this.form&&!this.form.noValidate){const t=this.form.querySelectorAll("*");for(const e of t)if("function"==typeof e.reportValidity&&!e.reportValidity())return!1}return!0}setUserInteracted(t,e){c.set(t,e),t.requestUpdate()}doAction(t,e){if(this.form){const o=document.createElement("button");o.type=t,o.style.position="absolute",o.style.width="0",o.style.height="0",o.style.clipPath="inset(50%)",o.style.overflow="hidden",o.style.whiteSpace="nowrap",e&&(o.name=e.name,o.value=e.value,["formaction","formenctype","formmethod","formnovalidate","formtarget"].forEach((t=>{e.hasAttribute(t)&&o.setAttribute(t,e.getAttribute(t))}))),this.form.append(o),o.click(),o.remove()}}reset(t){this.doAction("reset",t)}submit(t){this.doAction("submit",t)}setValidity(t){var e;const o=this.host,i=!!c.get(o),r=!!o.required;null!=(e=this.form)&&e.noValidate?(o.removeAttribute("data-required"),o.removeAttribute("data-optional"),o.removeAttribute("data-invalid"),o.removeAttribute("data-valid"),o.removeAttribute("data-user-invalid"),o.removeAttribute("data-user-valid")):(o.toggleAttribute("data-required",r),o.toggleAttribute("data-optional",!r),o.toggleAttribute("data-invalid",!t),o.toggleAttribute("data-valid",t),o.toggleAttribute("data-user-invalid",!t&&i),o.toggleAttribute("data-user-valid",t&&i))}updateValidity(){const t=this.host;this.setValidity(t.checkValidity())}}
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -29,9 +29,9 @@ import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l
           part="icon-right"
           class=${p("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",o["icon-only"]&&"hidden",o["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}>
         </slot>
-      ${this.loading?w`<sd-1-0-0-spinner
+      ${this.loading?w`<sd-1-3-13-spinner
               class="${p("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"
-            ></sd-1-0-0-spinner>`:""}
+            ></sd-1-3-13-spinner>`:""}
       </${e}>
     `}};A.styles=[u,o.styles,e`
       :host {
@@ -41,7 +41,7 @@ import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l
         cursor: pointer;
       }
 
-      sd-1-0-0-spinner {
+      sd-1-3-13-spinner {
         --indicator-color: currentColor;
         --track-color: var(--tw-varcolor-200);
       }
@@ -60,11 +60,11 @@ import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l
       }
 
       /**
-       * sd-1-0-0-icons should automatically resize correctly based on the button size.
+       * sd-1-3-13-icons should automatically resize correctly based on the button size.
        */
 
-      ::slotted(sd-1-0-0-icon),
-      sd-1-0-0-spinner {
+      ::slotted(sd-1-3-13-icon),
+      sd-1-3-13-spinner {
         font-size: calc(var(--tw-varspacing) / 2);
       }
 
@@ -75,30 +75,30 @@ import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l
       // * buttons and we style them here instead.
       // */
 
-      // :host(.sd-1-0-0-button-group__button--first:not(.sd-1-0-0-button-group__button--last)) .button {
+      // :host(.sd-1-3-13-button-group__button--first:not(.sd-1-3-13-button-group__button--last)) .button {
       //   border-start-end-radius: 0;
       //   border-end-end-radius: 0;
       // }
 
-      // :host(.sd-1-0-0-button-group__button--inner) .button {
+      // :host(.sd-1-3-13-button-group__button--inner) .button {
       //   border-radius: 0;
       // }
 
-      // :host(.sd-1-0-0-button-group__button--last:not(.sd-1-0-0-button-group__button--first)) .button {
+      // :host(.sd-1-3-13-button-group__button--last:not(.sd-1-3-13-button-group__button--first)) .button {
       //   border-start-start-radius: 0;
       //   border-end-start-radius: 0;
       // }
 
       // /* All except the first */
-      // :host(.sd-1-0-0-button-group__button:not(.sd-1-0-0-button-group__button--first)) {
+      // :host(.sd-1-3-13-button-group__button:not(.sd-1-3-13-button-group__button--first)) {
       //   margin-inline-start: calc(-1 * var(--sd-input-border-width));
       // }
 
       // /* Add a visual separator between solid buttons */
       // :host(
-      //     .sd-1-0-0-button-group__button:not(
-      //         .sd-1-0-0-button-group__button--first,
-      //         .sd-1-0-0-button-group__button--radio,
+      //     .sd-1-3-13-button-group__button:not(
+      //         .sd-1-3-13-button-group__button--first,
+      //         .sd-1-3-13-button-group__button--radio,
       //         [variant='default']
       //       ):not(:hover)
       //   )
@@ -113,13 +113,13 @@ import"./spinner.js";import{x as t,i as e}from"./lit-element.js";import{S as o,l
       // }
 
       // /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-      // :host(.sd-1-0-0-button-group__button--hover) {
+      // :host(.sd-1-3-13-button-group__button--hover) {
       //   z-index: 1;
       // }
 
       // /* Focus and checked are always on top */
-      // :host(.sd-1-0-0-button-group__button--focus),
-      // :host(.sd-1-0-0-button-group__button[checked]) {
+      // :host(.sd-1-3-13-button-group__button--focus),
+      // :host(.sd-1-3-13-button-group__button[checked]) {
       //   z-index: 2;
       // }
-    `],F([d("a, button")],A.prototype,"button",2),F([i({selector:"sd-1-0-0-icon"})],A.prototype,"_iconsInDefaultSlot",2),F([a()],A.prototype,"invalid",2),F([r()],A.prototype,"title",2),F([r({reflect:!0})],A.prototype,"variant",2),F([r({type:Boolean,reflect:!0})],A.prototype,"inverted",2),F([r({reflect:!0})],A.prototype,"size",2),F([r({type:Boolean,reflect:!0})],A.prototype,"disabled",2),F([r({type:Boolean,reflect:!0})],A.prototype,"loading",2),F([r()],A.prototype,"type",2),F([r()],A.prototype,"name",2),F([r()],A.prototype,"value",2),F([r()],A.prototype,"href",2),F([r()],A.prototype,"target",2),F([r()],A.prototype,"download",2),F([r()],A.prototype,"form",2),F([r({attribute:"formaction"})],A.prototype,"formAction",2),F([r({attribute:"formenctype"})],A.prototype,"formEnctype",2),F([r({attribute:"formmethod"})],A.prototype,"formMethod",2),F([r({attribute:"formnovalidate",type:Boolean})],A.prototype,"formNoValidate",2),F([r({attribute:"formtarget"})],A.prototype,"formTarget",2),F([h("disabled",{waitUntilFirstUpdate:!0})],A.prototype,"handleDisabledChange",1),A=F([s("sd-1-0-0-button")],A);export{A as default};
+    `],F([d("a, button")],A.prototype,"button",2),F([i({selector:"sd-1-3-13-icon"})],A.prototype,"_iconsInDefaultSlot",2),F([a()],A.prototype,"invalid",2),F([r()],A.prototype,"title",2),F([r({reflect:!0})],A.prototype,"variant",2),F([r({type:Boolean,reflect:!0})],A.prototype,"inverted",2),F([r({reflect:!0})],A.prototype,"size",2),F([r({type:Boolean,reflect:!0})],A.prototype,"disabled",2),F([r({type:Boolean,reflect:!0})],A.prototype,"loading",2),F([r()],A.prototype,"type",2),F([r()],A.prototype,"name",2),F([r()],A.prototype,"value",2),F([r()],A.prototype,"href",2),F([r()],A.prototype,"target",2),F([r()],A.prototype,"download",2),F([r()],A.prototype,"form",2),F([r({attribute:"formaction"})],A.prototype,"formAction",2),F([r({attribute:"formenctype"})],A.prototype,"formEnctype",2),F([r({attribute:"formmethod"})],A.prototype,"formMethod",2),F([r({attribute:"formnovalidate",type:Boolean})],A.prototype,"formNoValidate",2),F([r({attribute:"formtarget"})],A.prototype,"formTarget",2),F([h("disabled",{waitUntilFirstUpdate:!0})],A.prototype,"handleDisabledChange",1),A=F([s("sd-1-3-13-button")],A);export{A as default};

package/dist/versioned-components/es/icon.js

@@ -14,4 +14,4 @@ import{A as t,T as e,x as r,i as s}from"./lit-element.js";import{S as i,n as o,e
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-class b extends y{}b.directiveName="unsafeSVG",b.resultType=2;const g=(v=b,(...t)=>({_$litDirective$:v,values:t}));var v,f=Object.defineProperty,w=Object.getOwnPropertyDescriptor,A=(t,e,r,s)=>{for(var i,o=s>1?void 0:s?w(e,r):e,a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s?i(e,r,o):i(o))||o);return s&&o&&f(e,r,o),o};let $,j=class extends i{constructor(){super(...arguments),this.svg="",this.label="",this.library="default",this.color="currentColor"}connectedCallback(){super.connectedCallback(),n(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),c(this)}getUrl(){const t=h(this.library);return this.name&&t?t.resolver(this.name):this.src}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const e=h(this.library),r=this.getUrl();if($||($=new DOMParser),r)try{const s=await p(r);if(r===this.getUrl())if(s.ok){const r=$.parseFromString(s.svg,"text/html").body.querySelector("svg");null!==r?(null==(t=null==e?void 0:e.mutator)||t.call(e,r),this.svg=r.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch{this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return r`${g(this.svg)}`}};j.styles=[d,s`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgb(var(--sd-color-primary,0 53 142) / var(--tw-text-opacity,1))}// text-primary :host([color=white]) svg{color:rgb(var(--sd-color-white,255 255 255) / var(--tw-text-opacity,1))}`],A([l()],j.prototype,"svg",2),A([o({reflect:!0})],j.prototype,"name",2),A([o()],j.prototype,"src",2),A([o()],j.prototype,"label",2),A([o({reflect:!0})],j.prototype,"library",2),A([o({reflect:!0})],j.prototype,"color",2),A([u("label")],j.prototype,"handleLabelChange",1),A([u(["name","src","library"])],j.prototype,"setIcon",1),j=A([a("sd-1-0-0-icon")],j);export{j as default};
+class b extends y{}b.directiveName="unsafeSVG",b.resultType=2;const g=(v=b,(...t)=>({_$litDirective$:v,values:t}));var v,f=Object.defineProperty,w=Object.getOwnPropertyDescriptor,A=(t,e,r,s)=>{for(var i,o=s>1?void 0:s?w(e,r):e,a=t.length-1;a>=0;a--)(i=t[a])&&(o=(s?i(e,r,o):i(o))||o);return s&&o&&f(e,r,o),o};let $,j=class extends i{constructor(){super(...arguments),this.svg="",this.label="",this.library="default",this.color="currentColor"}connectedCallback(){super.connectedCallback(),n(this)}firstUpdated(){this.setIcon()}disconnectedCallback(){super.disconnectedCallback(),c(this)}getUrl(){const t=h(this.library);return this.name&&t?t.resolver(this.name):this.src}handleLabelChange(){"string"==typeof this.label&&this.label.length>0?(this.setAttribute("role","img"),this.setAttribute("aria-label",this.label),this.removeAttribute("aria-hidden")):(this.removeAttribute("role"),this.removeAttribute("aria-label"),this.setAttribute("aria-hidden","true"))}async setIcon(){var t;const e=h(this.library),r=this.getUrl();if($||($=new DOMParser),r)try{const s=await p(r);if(r===this.getUrl())if(s.ok){const r=$.parseFromString(s.svg,"text/html").body.querySelector("svg");null!==r?(null==(t=null==e?void 0:e.mutator)||t.call(e,r),this.svg=r.outerHTML,this.emit("sd-load")):(this.svg="",this.emit("sd-error"))}else this.svg="",this.emit("sd-error")}catch{this.emit("sd-error")}else this.svg.length>0&&(this.svg="")}render(){return r`${g(this.svg)}`}};j.styles=[d,s`:host{display:inline-block;width:1em;height:1em;box-sizing:content-box!important}svg{display:block;height:100%;width:100%}:host([color=primary]) svg{color:rgb(var(--sd-color-primary,0 53 142) / var(--tw-text-opacity,1))}// text-primary :host([color=white]) svg{color:rgb(var(--sd-color-white,255 255 255) / var(--tw-text-opacity,1))}`],A([l()],j.prototype,"svg",2),A([o({reflect:!0})],j.prototype,"name",2),A([o()],j.prototype,"src",2),A([o()],j.prototype,"label",2),A([o({reflect:!0})],j.prototype,"library",2),A([o({reflect:!0})],j.prototype,"color",2),A([u("label")],j.prototype,"handleLabelChange",1),A([u(["name","src","library"])],j.prototype,"setIcon",1),j=A([a("sd-1-3-13-icon")],j);export{j as default};

package/dist/versioned-components/es/include.js

@@ -1 +1 @@
-import{S as t,n as e,e as r}from"./solid-element.js";import{x as s}from"./lit-element.js";import{requestInclude as o}from"./request2.js";import{w as i}from"./watch.js";import a from"./include.styles.js";import"./component.styles.js";var c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,n=(t,e,r,s)=>{for(var o,i=s>1?void 0:s?l(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(i=(s?o(e,r,i):o(i))||i);return s&&i&&c(e,r,i),i};let p=class extends t{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await o(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return s`<slot></slot>`}};p.styles=a,n([e()],p.prototype,"src",2),n([e()],p.prototype,"mode",2),n([e({attribute:"allow-scripts",type:Boolean})],p.prototype,"allowScripts",2),n([i("src")],p.prototype,"handleSrcChange",1),p=n([r("sd-1-0-0-include")],p);export{p as default};
+import{S as t,n as e,e as r}from"./solid-element.js";import{x as s}from"./lit-element.js";import{requestInclude as o}from"./request2.js";import{w as i}from"./watch.js";import a from"./include.styles.js";import"./component.styles.js";var c=Object.defineProperty,l=Object.getOwnPropertyDescriptor,n=(t,e,r,s)=>{for(var o,i=s>1?void 0:s?l(e,r):e,a=t.length-1;a>=0;a--)(o=t[a])&&(i=(s?o(e,r,i):o(i))||i);return s&&i&&c(e,r,i),i};let p=class extends t{constructor(){super(...arguments),this.mode="cors",this.allowScripts=!1}executeScript(t){const e=document.createElement("script");[...t.attributes].forEach((t=>e.setAttribute(t.name,t.value))),e.textContent=t.textContent,t.parentNode.replaceChild(e,t)}async handleSrcChange(){try{const t=this.src,e=await o(t,this.mode);if(t!==this.src)return;if(!e.ok)return void this.emit("sd-error",{detail:{status:e.status}});this.innerHTML=e.html,this.allowScripts&&[...this.querySelectorAll("script")].forEach((t=>this.executeScript(t))),this.emit("sd-load")}catch{this.emit("sd-error",{detail:{status:-1}})}}render(){return s`<slot></slot>`}};p.styles=a,n([e()],p.prototype,"src",2),n([e()],p.prototype,"mode",2),n([e({attribute:"allow-scripts",type:Boolean})],p.prototype,"allowScripts",2),n([i("src")],p.prototype,"handleSrcChange",1),p=n([r("sd-1-3-13-include")],p);export{p as default};

package/dist/versioned-components/es/link.js

@@ -1 +1 @@
-import{x as t,i as e}from"./lit-element.js";import{S as s,n as i,e as o}from"./solid-element.js";import{H as r,l,i as n}from"./if-defined.js";import{t as a}from"./classix.js";var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=(t,e,s,i)=>{for(var o,r=i>1?void 0:i?d(e,s):e,l=t.length-1;l>=0;l--)(o=t[l])&&(r=(i?o(e,s,r):o(r))||r);return i&&r&&h(e,s,r),r};let c=class extends s{constructor(){super(...arguments),this.hasSlotController=new r(this,"[default]","icon-left","icon-right"),this.size="inherit",this.inverted=!1,this.standalone=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const e={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return t`<a part="base" class="${a("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${l(this.href||void 0)}" target="${l(this.target||void 0)}" download="${l(this.download||void 0)}" rel="${l(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${a("inline",e["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${a("inline",e["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};c.styles=[s.styles,e`::slotted(sd-1-0-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-1-0-0-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-1-0-0-icon){font-size:1.5rem}`],f([n("a")],c.prototype,"button",2),f([i({reflect:!0})],c.prototype,"size",2),f([i({type:Boolean,reflect:!0})],c.prototype,"inverted",2),f([i({type:Boolean,reflect:!0})],c.prototype,"standalone",2),f([i()],c.prototype,"href",2),f([i()],c.prototype,"target",2),f([i()],c.prototype,"download",2),c=f([o("sd-1-0-0-link")],c);export{c as default};
+import{x as t,i as e}from"./lit-element.js";import{S as s,n as i,e as o}from"./solid-element.js";import{H as r,l,i as n}from"./if-defined.js";import{t as a}from"./classix.js";var h=Object.defineProperty,d=Object.getOwnPropertyDescriptor,f=(t,e,s,i)=>{for(var o,r=i>1?void 0:i?d(e,s):e,l=t.length-1;l>=0;l--)(o=t[l])&&(r=(i?o(e,s,r):o(r))||r);return i&&r&&h(e,s,r),r};let c=class extends s{constructor(){super(...arguments),this.hasSlotController=new r(this,"[default]","icon-left","icon-right"),this.size="inherit",this.inverted=!1,this.standalone=!1,this.href=""}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}focus(t){this.button.focus(t)}blur(){this.button.blur()}render(){const e={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right")};return t`<a part="base" class="${a("inline",this.href?"cursor-pointer":"",{sm:"text-sm",lg:"text-base",inherit:""}[this.size],{disabled:this.inverted?"text-neutral-600":"text-neutral-500",enabled:this.inverted?"text-white hover:text-primary-200 active:text-primary-400 focus-visible:focus-outline-inverted":" text-primary hover:text-primary-500 active:text-primary-800 focus-visible:focus-outline"}[this.href?"enabled":"disabled"],this.standalone&&"flex items-start")}" href="${l(this.href||void 0)}" target="${l(this.target||void 0)}" download="${l(this.download||void 0)}" rel="${l(this.target?"noreferrer noopener":void 0)}" aria-disabled="${this.href?"false":"true"}" tabindex="${this.href?"0":"-1"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}"><slot name="icon-left" part="icon-left" class="${a("inline",e["icon-left"]&&(this.standalone?{sm:"mr-1",lg:"mr-2",inherit:"mr-[0.5em]"}[this.size]:"mr-[0.25em]"))}"></slot><span part="label" class="inline underline underline-offset-2"><slot></slot></span><slot name="icon-right" part="icon-right" class="${a("inline",e["icon-right"]&&(this.standalone?{sm:"ml-1",lg:"ml-2",inherit:"ml-[0.5em]"}[this.size]:"ml-[0.25em]"))}"></slot></a>`}};c.styles=[s.styles,e`::slotted(sd-1-3-13-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-1-3-13-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-1-3-13-icon){font-size:1.5rem}`],f([n("a")],c.prototype,"button",2),f([i({reflect:!0})],c.prototype,"size",2),f([i({type:Boolean,reflect:!0})],c.prototype,"inverted",2),f([i({type:Boolean,reflect:!0})],c.prototype,"standalone",2),f([i()],c.prototype,"href",2),f([i()],c.prototype,"target",2),f([i()],c.prototype,"download",2),c=f([o("sd-1-3-13-link")],c);export{c as default};

package/dist/versioned-components/es/spinner.js

@@ -1 +1 @@
-import{x as e,i as t}from"./lit-element.js";import{S as r,n as o,e as n}from"./solid-element.js";import{t as s}from"./classix.js";const l=new Set,a=new MutationObserver(m),i=new Map;let c,d=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language;function m(){d=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language,[...l.keys()].map((e=>{"function"==typeof e.requestUpdate&&e.requestUpdate()}))}a.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let g=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){l.add(this.host)}hostDisconnected(){l.delete(this.host)}dir(){return`${this.host.dir||d}`.toLowerCase()}lang(){return`${this.host.lang||u}`.toLowerCase()}getTranslationData(e){var t,r;const o=new Intl.Locale(e),n=null==o?void 0:o.language.toLowerCase(),s=null!==(r=null===(t=null==o?void 0:o.region)||void 0===t?void 0:t.toLowerCase())&&void 0!==r?r:"";return{locale:o,language:n,region:s,primary:i.get(`${n}-${s}`),secondary:i.get(n)}}exists(e,t){var r;const{primary:o,secondary:n}=this.getTranslationData(null!==(r=t.lang)&&void 0!==r?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(o&&o[e]||n&&n[e]||t.includeFallback&&c&&c[e])}term(e,...t){const{primary:r,secondary:o}=this.getTranslationData(this.lang());let n;if(r&&r[e])n=r[e];else if(o&&o[e])n=o[e];else{if(!c||!c[e])return console.error(`No translation found for: ${String(e)}`),String(e);n=c[e]}return"function"==typeof n?n(...t):n}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(e,t)}};!function(...e){e.map((e=>{const t=e.$code.toLowerCase();i.has(t)?i.set(t,Object.assign(Object.assign({},i.get(t)),e)):i.set(t,e),c||(c=e)})),m()}({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:e=>0===e?"No options selected":1===e?"1 option selected":`${e} options selected`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",toggleColorFormat:"Toggle color format"});class h extends g{}var p=Object.defineProperty,C=Object.getOwnPropertyDescriptor,f=(e,t,r,o)=>{for(var n,s=o>1?void 0:o?C(t,r):t,l=e.length-1;l>=0;l--)(n=e[l])&&(s=(o?n(t,r,s):n(s))||s);return o&&s&&p(t,r,s),s};let v=class extends r{constructor(){super(...arguments),this.color="currentColor",this.localize=new h(this)}render(){return e`<svg role="progressbar" viewBox="0 0 24 24" class="${s("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-valuetext="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};v.styles=[r.styles,t`:host{display:inline-block;width:1em;height:1em}`],f([o({reflect:!0})],v.prototype,"color",2),v=f([n("sd-1-0-0-spinner")],v);export{v as default};
+import{x as e,i as t}from"./lit-element.js";import{S as r,n as o,e as n}from"./solid-element.js";import{t as s}from"./classix.js";const l=new Set,a=new MutationObserver(m),i=new Map;let c,d=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language;function m(){d=document.documentElement.dir||"ltr",u=document.documentElement.lang||navigator.language,[...l.keys()].map((e=>{"function"==typeof e.requestUpdate&&e.requestUpdate()}))}a.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","lang"]});let g=class{constructor(e){this.host=e,this.host.addController(this)}hostConnected(){l.add(this.host)}hostDisconnected(){l.delete(this.host)}dir(){return`${this.host.dir||d}`.toLowerCase()}lang(){return`${this.host.lang||u}`.toLowerCase()}getTranslationData(e){var t,r;const o=new Intl.Locale(e),n=null==o?void 0:o.language.toLowerCase(),s=null!==(r=null===(t=null==o?void 0:o.region)||void 0===t?void 0:t.toLowerCase())&&void 0!==r?r:"";return{locale:o,language:n,region:s,primary:i.get(`${n}-${s}`),secondary:i.get(n)}}exists(e,t){var r;const{primary:o,secondary:n}=this.getTranslationData(null!==(r=t.lang)&&void 0!==r?r:this.lang());return t=Object.assign({includeFallback:!1},t),!!(o&&o[e]||n&&n[e]||t.includeFallback&&c&&c[e])}term(e,...t){const{primary:r,secondary:o}=this.getTranslationData(this.lang());let n;if(r&&r[e])n=r[e];else if(o&&o[e])n=o[e];else{if(!c||!c[e])return console.error(`No translation found for: ${String(e)}`),String(e);n=c[e]}return"function"==typeof n?n(...t):n}date(e,t){return e=new Date(e),new Intl.DateTimeFormat(this.lang(),t).format(e)}number(e,t){return e=Number(e),isNaN(e)?"":new Intl.NumberFormat(this.lang(),t).format(e)}relativeTime(e,t,r){return new Intl.RelativeTimeFormat(this.lang(),r).format(e,t)}};!function(...e){e.map((e=>{const t=e.$code.toLowerCase();i.has(t)?i.set(t,Object.assign(Object.assign({},i.get(t)),e)):i.set(t,e),c||(c=e)})),m()}({$code:"en",$name:"English",$dir:"ltr",clearEntry:"Clear entry",close:"Close",copy:"Copy",numOptionsSelected:e=>0===e?"No options selected":1===e?"1 option selected":`${e} options selected`,currentValue:"Current value",hidePassword:"Hide password",loading:"Loading",progress:"Progress",remove:"Remove",resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",showPassword:"Show password",toggleColorFormat:"Toggle color format"});class h extends g{}var p=Object.defineProperty,C=Object.getOwnPropertyDescriptor,f=(e,t,r,o)=>{for(var n,s=o>1?void 0:o?C(t,r):t,l=e.length-1;l>=0;l--)(n=e[l])&&(s=(o?n(t,r,s):n(s))||s);return o&&s&&p(t,r,s),s};let v=class extends r{constructor(){super(...arguments),this.color="currentColor",this.localize=new h(this)}render(){return e`<svg role="progressbar" viewBox="0 0 24 24" class="${s("animate-spin",{primary:"text-primary",white:"text-white",currentColor:""}[this.color])}" aria-valuetext="${this.localize.term("loading")}"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" class="opacity-20" fill="currentColor"/><mask id="mask0_5273_25391" style="mask-type:alpha" maskUnits="userSpaceOnUse"><path d="M24 12C24 5.37258 18.6274 0 12 0V12H24Z" fill="currentColor"/></mask><g mask="url(#mask0_5273_25391)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12Z" fill="currentColor"/></g></svg>`}};v.styles=[r.styles,t`:host{display:inline-block;width:1em;height:1em}`],f([o({reflect:!0})],v.prototype,"color",2),v=f([n("sd-1-3-13-spinner")],v);export{v as default};

package/dist/versioned-package/components/button/button.d.ts

@@ -43,6 +43,6 @@ export default class SdButton extends SolidElement implements SolidFormControl {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-1-0-0-button': SdButton;
+        'sd-1-3-13-button': SdButton;
     }
 }

package/dist/versioned-package/components/button/button.js

@@ -216,9 +216,9 @@ let SdButton = class extends SolidElement {
       }[this.size]
     )}>
         </slot>
-      ${this.loading ? html`<sd-1-0-0-spinner
+      ${this.loading ? html`<sd-1-3-13-spinner
               class="${cx("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"
-            ></sd-1-0-0-spinner>` : ""}
+            ></sd-1-3-13-spinner>` : ""}
       </${tag}>
     `;
   }
@@ -234,7 +234,7 @@ SdButton.styles = [
         cursor: pointer;
       }
 
-      sd-1-0-0-spinner {
+      sd-1-3-13-spinner {
         --indicator-color: currentColor;
         --track-color: var(--tw-varcolor-200);
       }
@@ -253,11 +253,11 @@ SdButton.styles = [
       }
 
       /**
-       * sd-1-0-0-icons should automatically resize correctly based on the button size.
+       * sd-1-3-13-icons should automatically resize correctly based on the button size.
        */
 
-      ::slotted(sd-1-0-0-icon),
-      sd-1-0-0-spinner {
+      ::slotted(sd-1-3-13-icon),
+      sd-1-3-13-spinner {
         font-size: calc(var(--tw-varspacing) / 2);
       }
 
@@ -268,30 +268,30 @@ SdButton.styles = [
       // * buttons and we style them here instead.
       // */
 
-      // :host(.sd-1-0-0-button-group__button--first:not(.sd-1-0-0-button-group__button--last)) .button {
+      // :host(.sd-1-3-13-button-group__button--first:not(.sd-1-3-13-button-group__button--last)) .button {
       //   border-start-end-radius: 0;
       //   border-end-end-radius: 0;
       // }
 
-      // :host(.sd-1-0-0-button-group__button--inner) .button {
+      // :host(.sd-1-3-13-button-group__button--inner) .button {
       //   border-radius: 0;
       // }
 
-      // :host(.sd-1-0-0-button-group__button--last:not(.sd-1-0-0-button-group__button--first)) .button {
+      // :host(.sd-1-3-13-button-group__button--last:not(.sd-1-3-13-button-group__button--first)) .button {
       //   border-start-start-radius: 0;
       //   border-end-start-radius: 0;
       // }
 
       // /* All except the first */
-      // :host(.sd-1-0-0-button-group__button:not(.sd-1-0-0-button-group__button--first)) {
+      // :host(.sd-1-3-13-button-group__button:not(.sd-1-3-13-button-group__button--first)) {
       //   margin-inline-start: calc(-1 * var(--sd-input-border-width));
       // }
 
       // /* Add a visual separator between solid buttons */
       // :host(
-      //     .sd-1-0-0-button-group__button:not(
-      //         .sd-1-0-0-button-group__button--first,
-      //         .sd-1-0-0-button-group__button--radio,
+      //     .sd-1-3-13-button-group__button:not(
+      //         .sd-1-3-13-button-group__button--first,
+      //         .sd-1-3-13-button-group__button--radio,
       //         [variant='default']
       //       ):not(:hover)
       //   )
@@ -306,13 +306,13 @@ SdButton.styles = [
       // }
 
       // /* Bump hovered, focused, and checked buttons up so their focus ring isn't clipped */
-      // :host(.sd-1-0-0-button-group__button--hover) {
+      // :host(.sd-1-3-13-button-group__button--hover) {
       //   z-index: 1;
       // }
 
       // /* Focus and checked are always on top */
-      // :host(.sd-1-0-0-button-group__button--focus),
-      // :host(.sd-1-0-0-button-group__button[checked]) {
+      // :host(.sd-1-3-13-button-group__button--focus),
+      // :host(.sd-1-3-13-button-group__button[checked]) {
       //   z-index: 2;
       // }
     `
@@ -321,7 +321,7 @@ __decorateClass([
   query("a, button")
 ], SdButton.prototype, "button", 2);
 __decorateClass([
-  queryAssignedElements({ selector: "sd-1-0-0-icon" })
+  queryAssignedElements({ selector: "sd-1-3-13-icon" })
 ], SdButton.prototype, "_iconsInDefaultSlot", 2);
 __decorateClass([
   state()
@@ -384,7 +384,7 @@ __decorateClass([
   watch("disabled", { waitUntilFirstUpdate: true })
 ], SdButton.prototype, "handleDisabledChange", 1);
 SdButton = __decorateClass([
-  customElement("sd-1-0-0-button")
+  customElement("sd-1-3-13-button")
 ], SdButton);
 export {
   SdButton as default

package/dist/versioned-package/components/icon/icon.d.ts

@@ -17,6 +17,6 @@ export default class SdIcon extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-1-0-0-icon': SdIcon;
+        'sd-1-3-13-icon': SdIcon;
     }
 }

package/dist/versioned-package/components/icon/icon.js

@@ -122,7 +122,7 @@ __decorateClass([
   watch(["name", "src", "library"])
 ], SdIcon.prototype, "setIcon", 1);
 SdIcon = __decorateClass([
-  customElement("sd-1-0-0-icon")
+  customElement("sd-1-3-13-icon")
 ], SdIcon);
 export {
   SdIcon as default

package/dist/versioned-package/components/include/include.d.ts

@@ -11,6 +11,6 @@ export default class SdInclude extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-1-0-0-include': SdInclude;
+        'sd-1-3-13-include': SdInclude;
     }
 }

package/dist/versioned-package/components/include/include.js

@@ -65,7 +65,7 @@ __decorateClass([
   watch("src")
 ], SdInclude.prototype, "handleSrcChange", 1);
 SdInclude = __decorateClass([
-  customElement("sd-1-0-0-include")
+  customElement("sd-1-3-13-include")
 ], SdInclude);
 export {
   SdInclude as default

package/dist/versioned-package/components/link/link.d.ts

@@ -17,6 +17,6 @@ export default class SdLink extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-1-0-0-link': SdLink;
+        'sd-1-3-13-link': SdLink;
     }
 }

package/dist/versioned-package/components/link/link.js

@@ -76,7 +76,7 @@ let SdLink = class extends SolidElement {
 };
 SdLink.styles = [
   SolidElement.styles,
-  css`::slotted(sd-1-0-0-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-1-0-0-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-1-0-0-icon){font-size:1.5rem}`
+  css`::slotted(sd-1-3-13-icon){font-size:1.25em;margin-bottom:-.25em}:host([size=sm][standalone]) ::slotted(sd-1-3-13-icon){font-size:1rem}:host([size=lg][standalone]) ::slotted(sd-1-3-13-icon){font-size:1.5rem}`
 ];
 __decorateClass([
   query("a")
@@ -100,7 +100,7 @@ __decorateClass([
   property()
 ], SdLink.prototype, "download", 2);
 SdLink = __decorateClass([
-  customElement("sd-1-0-0-link")
+  customElement("sd-1-3-13-link")
 ], SdLink);
 export {
   SdLink as default

package/dist/versioned-package/components/spinner/spinner.d.ts

@@ -7,6 +7,6 @@ export default class SdSpinner extends SolidElement {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        'sd-1-0-0-spinner': SdSpinner;
+        'sd-1-3-13-spinner': SdSpinner;
     }
 }

package/dist/versioned-package/components/spinner/spinner.js

@@ -39,7 +39,7 @@ __decorateClass([
   property({ reflect: true })
 ], SdSpinner.prototype, "color", 2);
 SdSpinner = __decorateClass([
-  customElement("sd-1-0-0-spinner")
+  customElement("sd-1-3-13-spinner")
 ], SdSpinner);
 export {
   SdSpinner as default

package/dist/versioned-package/internal/form.js

@@ -90,7 +90,7 @@ class FormControlController {
     const disabled = this.options.disabled(this.host);
     const name = this.options.name(this.host);
     const value = this.options.value(this.host);
-    const isButton = this.host.tagName.toLowerCase() === "sd-1-0-0-button";
+    const isButton = this.host.tagName.toLowerCase() === "sd-1-3-13-button";
     if (!disabled && !isButton && typeof name === "string" && name.length > 0 && typeof value !== "undefined") {
       if (Array.isArray(value)) {
         value.forEach((val) => {

package/dist/vscode.html-custom-data.json

@@ -330,7 +330,7 @@
       "references": []
     },
     {
-      "name": "sd-1-0-0-button",
+      "name": "sd-1-3-13-button",
       "description": "Buttons represent actions that are available to the user.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-blur** - Emitted when the button loses focus.\n- **sd-focus** - Emitted when the button gains focus.\n\n### **Methods:**\n - **click()** - Simulates a click on the button.\n- **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n- **checkValidity()** - Checks for validity but does not show the browser's validation message.\n- **reportValidity()** - Checks for validity and shows the browser's validation message if the control is invalid.\n- **setCustomValidity(message: _string_)** - Sets a custom validation message. Pass an empty string to restore validity.\n\n### **Slots:**\n - _default_ - The button's label.\n- **icon-left** - A prefix icon or similar element.\n- **icon-right** - A suffix icon or similar element.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The button's label.\n- **icon-right** - The container that wraps the right icon area.",
       "attributes": [
         {
@@ -502,7 +502,7 @@
       "references": []
     },
     {
-      "name": "sd-1-0-0-icon",
+      "name": "sd-1-3-13-icon",
       "description": "Icons are symbols that can be used to represent various options within an application.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-load** - Emitted when the icon has loaded.\n- **sd-error** - Emitted when the icon fails to load due to an error.",
       "attributes": [
         {
@@ -544,7 +544,7 @@
       "references": []
     },
     {
-      "name": "sd-1-0-0-include",
+      "name": "sd-1-3-13-include",
       "description": "Includes give you the power to embed external HTML files into the page.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-load** - Emitted when the included file is loaded.\n- **sd-error** - Emitted when the included file fails to load due to an error.",
       "attributes": [
         {
@@ -576,7 +576,7 @@
       "references": []
     },
     {
-      "name": "sd-1-0-0-link",
+      "name": "sd-1-3-13-link",
       "description": "A link component.\n\n\n---\n\n\n\n\n### **Events:**\n - **sd-blur** - Emitted when the link loses focus.\n- **sd-focus** - Emitted when the link gains focus.\n\n### **Methods:**\n - **focus(options: _FocusOptions_)** - Sets focus on the button.\n- **blur()** - Removes focus from the button.\n\n### **Slots:**\n - _default_ - The default slot.\n- **icon-left** - The icon to display on the left side of the link.\n- **icon-right** - The icon to display on the right side of the link.\n\n### **CSS Parts:**\n - **base** - The component's base wrapper.\n- **icon-left** - The container that wraps the left icon area.\n- **label** - The link's label.\n- **icon-right** - The container that wraps the right icon area.",
       "attributes": [
         {
@@ -636,7 +636,7 @@
       "references": []
     },
     {
-      "name": "sd-1-0-0-spinner",
+      "name": "sd-1-3-13-spinner",
       "description": "Spinners are used to show the progress of an indeterminate operation.\n\n\n---\n\n\n",
       "attributes": [
         {

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@solid-design-system/components",
-  "version": "1.0.0",
+  "version": "1.3.13",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -768,7 +768,7 @@
           ]
         },
         {
-          "name": "sd-1-0-0-button",
+          "name": "sd-1-3-13-button",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/button",
           "js": {
@@ -1107,7 +1107,7 @@
           ]
         },
         {
-          "name": "sd-1-0-0-icon",
+          "name": "sd-1-3-13-icon",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/icon",
           "js": {
@@ -1216,7 +1216,7 @@
           ]
         },
         {
-          "name": "sd-1-0-0-include",
+          "name": "sd-1-3-13-include",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/include",
           "js": {
@@ -1287,7 +1287,7 @@
           ]
         },
         {
-          "name": "sd-1-0-0-link",
+          "name": "sd-1-3-13-link",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/link",
           "js": {
@@ -1414,7 +1414,7 @@
           ]
         },
         {
-          "name": "sd-1-0-0-spinner",
+          "name": "sd-1-3-13-spinner",
           "description": "",
           "doc-url": "https://solid.union-investment.com/[storybook-link]/spinner",
           "js": {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "1.0.0",
+  "version": "1.3.13",
   "homepage": "https://solid-design-system.fe.union-investment.de/x.x.x/storybook/",
   "author": {
     "name": "Union Investment"