@politiet/sheriff-web-components 2.1.2 → 2.2.0

package/dist/sds-button/sds-button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-button.styles.d.ts","sourceRoot":"","sources":["../../src/sds-button/sds-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA4JlB,CAAC"}
+{"version":3,"file":"sds-button.styles.d.ts","sourceRoot":"","sources":["../../src/sds-button/sds-button.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBA2KlB,CAAC"}

package/dist/sds-button/sds-button.styles.js

@@ -70,6 +70,9 @@ export const styles = css `
 			opacity: var(--_sds-button-disabled-opacity);
 			cursor: not-allowed;
 			pointer-events: none;
+			--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-neutral-action-default));
+			--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));
+			--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-contrast-default));
 		}
 	}
 
@@ -90,6 +93,12 @@ export const styles = css `
 		.sds-button:active {
 			--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
 		}
+
+		.sds-button:disabled {
+			--_sds-button-background-color: var(--sds-button-background-color, transparent);
+			--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));
+			--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));
+		}
 	}
 
 	:host([variant='tertiary']) {
@@ -113,6 +122,12 @@ export const styles = css `
 			--_sds-button-border-color: var(--sds-button-border-color, transparent);
 			--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
 		}
+
+		.sds-button:disabled {
+			--_sds-button-background-color: var(--sds-button-background-color, transparent);
+			--_sds-button-border-color: var(--sds-button-border-color, transparent);
+			--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));
+		}
 	}
 
 	:host([variant='tertiary']):host([icon]) {

package/dist/sds-button/sds-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"sds-button.styles.js","sourceRoot":"","sources":["../../src/sds-button/sds-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-border-width: var(--sds-button-border-width, var(--sds-border-md));\n\t\t--_sds-button-disabled-opacity: var(--sds-button-disabled-opacity, var(--sds-color-states-disabled-opacity));\n\t\t--_sds-button-focus-color: var(--sds-button-focus-color, var(--sds-color-states-focus-outer));\n\t\t--_sds-button-focus-inner-color: var(--sds-button-focus-inner-color, var(--sds-color-states-focus-inner));\n\t\t--_sds-button-focus-spacing: var(--sds-button-focus-spacing, var(--sds-color-states-focus-spacing));\n\t\t--_sds-button-font-family: var(--sds-button-font, var(--sds-typography-font-family-roboto));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-button-font-weight: var(--sds-button-font-weight, var(--sds-typography-body-md-strong-desktop-font-weight));\n\t\t--_sds-button-gap: var(--sds-button-gap, var(--sds-spacing-3xs));\n\t\t--_sds-button-line-height: var(--sds-button-line-height, var(--sds-typography-body-md-desktop-line-height));\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-lg));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, 0);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-xs));\n\t\t--_sds-button-radius: var(--sds-button-radius, var(--sds-radius-sm));\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));\n\n\t\t--_sds-button-tertiary-text-decoration: var(--sds-typography-link-text-decoration, underline);\n\t\t--_sds-button-tertiary-text-underline-offset: var(--sds-typography-link-text-underline-offset, 4px);\n\t\t--_sds-button-tertiary-text-underline-thickness: 2px;\n\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\n\t\t::slotted(sds-icon) {\n\t\t\t--sds-icon-color: var(--_sds-button-text-color);\n\t\t}\n\t}\n\n\t.sds-button {\n\t\talign-items: center;\n\t\tbackground-color: var(--_sds-button-background-color);\n\t\tborder-radius: var(--_sds-button-radius);\n\t\tborder: var(--_sds-button-border-width) solid var(--_sds-button-border-color);\n\t\tcolor: var(--_sds-button-text-color);\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tfont-family: var(--_sds-button-font-family);\n\t\tfont-size: var(--_sds-button-font-size);\n\t\tfont-weight: var(--_sds-button-font-weight);\n\t\tgap: var(--_sds-button-gap);\n\t\tinline-size: 100%;\n\t\tjustify-content: center;\n\t\tline-height: var(--_sds-button-line-height);\n\t\tmin-height: var(--_sds-button-min-height);\n\t\tpadding: var(--_sds-button-padding-block) var(--_sds-button-padding-inline);\n\t\ttext-align: center;\n\n\t\t&:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbox-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-button-focus-inner-color);\n\t\t\toutline: 3px solid var(--_sds-button-focus-color);\n\t\t\toutline-offset: 3px;\n\t\t}\n\n\t\t&:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: var(--_sds-button-disabled-opacity);\n\t\t\tcursor: not-allowed;\n\t\t\tpointer-events: none;\n\t\t}\n\t}\n\n\t.sds-button--as-link {\n\t\tinline-size: auto;\n\t\ttext-decoration: none;\n\t}\n\n\t:host([variant='secondary']) {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\n\t\t}\n\t}\n\n\t:host([variant='tertiary']) {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\n\t\t\ttext-decoration: var(--_sds-button-tertiary-text-decoration);\n\t\t\ttext-decoration-thickness: var(--_sds-button-tertiary-text-underline-thickness);\n\t\t\ttext-underline-offset: var(--_sds-button-tertiary-text-underline-offset);\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t}\n\t}\n\n\t:host([variant='tertiary']):host([icon]) {\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t}\n\t}\n\n\t:host([size='medium']), /* Deprecated */\n\t:host([size='md']) {\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-md));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, var(--sds-spacing-4xs));\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-md));\n\n\t\t&:host([variant='tertiary']) {\n\t\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t}\n\t}\n\n\t:host([size='small']), /* Deprecated */\n\t:host([size='sm']) {\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-sm));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, 0);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-sm));\n\n\t\t&:host([variant='tertiary']) {\n\t\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t}\n\t}\n\n\t:host([icon]) {\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\tmin-width: var(--_sds-button-min-height);\n\t}\n`;\n"]}
+{"version":3,"file":"sds-button.styles.js","sourceRoot":"","sources":["../../src/sds-button/sds-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2KxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-border-width: var(--sds-button-border-width, var(--sds-border-md));\n\t\t--_sds-button-disabled-opacity: var(--sds-button-disabled-opacity, var(--sds-color-states-disabled-opacity));\n\t\t--_sds-button-focus-color: var(--sds-button-focus-color, var(--sds-color-states-focus-outer));\n\t\t--_sds-button-focus-inner-color: var(--sds-button-focus-inner-color, var(--sds-color-states-focus-inner));\n\t\t--_sds-button-focus-spacing: var(--sds-button-focus-spacing, var(--sds-color-states-focus-spacing));\n\t\t--_sds-button-font-family: var(--sds-button-font, var(--sds-typography-font-family-roboto));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-lg));\n\t\t--_sds-button-font-weight: var(--sds-button-font-weight, var(--sds-typography-body-md-strong-desktop-font-weight));\n\t\t--_sds-button-gap: var(--sds-button-gap, var(--sds-spacing-3xs));\n\t\t--_sds-button-line-height: var(--sds-button-line-height, var(--sds-typography-body-md-desktop-line-height));\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-lg));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, 0);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-xs));\n\t\t--_sds-button-radius: var(--sds-button-radius, var(--sds-radius-sm));\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));\n\n\t\t--_sds-button-tertiary-text-decoration: var(--sds-typography-link-text-decoration, underline);\n\t\t--_sds-button-tertiary-text-underline-offset: var(--sds-typography-link-text-underline-offset, 4px);\n\t\t--_sds-button-tertiary-text-underline-thickness: 2px;\n\n\t\tdisplay: inline-block;\n\t\tbox-sizing: border-box;\n\n\t\t::slotted(sds-icon) {\n\t\t\t--sds-icon-color: var(--_sds-button-text-color);\n\t\t}\n\t}\n\n\t.sds-button {\n\t\talign-items: center;\n\t\tbackground-color: var(--_sds-button-background-color);\n\t\tborder-radius: var(--_sds-button-radius);\n\t\tborder: var(--_sds-button-border-width) solid var(--_sds-button-border-color);\n\t\tcolor: var(--_sds-button-text-color);\n\t\tcursor: pointer;\n\t\tdisplay: inline-flex;\n\t\tfont-family: var(--_sds-button-font-family);\n\t\tfont-size: var(--_sds-button-font-size);\n\t\tfont-weight: var(--_sds-button-font-weight);\n\t\tgap: var(--_sds-button-gap);\n\t\tinline-size: 100%;\n\t\tjustify-content: center;\n\t\tline-height: var(--_sds-button-line-height);\n\t\tmin-height: var(--_sds-button-min-height);\n\t\tpadding: var(--_sds-button-padding-block) var(--_sds-button-padding-inline);\n\t\ttext-align: center;\n\n\t\t&:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\t\t}\n\n\t\t&:focus-visible {\n\t\t\tbox-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-button-focus-inner-color);\n\t\t\toutline: 3px solid var(--_sds-button-focus-color);\n\t\t\toutline-offset: 3px;\n\t\t}\n\n\t\t&:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t}\n\n\t\t&:disabled {\n\t\t\topacity: var(--_sds-button-disabled-opacity);\n\t\t\tcursor: not-allowed;\n\t\t\tpointer-events: none;\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-neutral-action-default));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-contrast-default));\n\t\t}\n\t}\n\n\t.sds-button--as-link {\n\t\tinline-size: auto;\n\t\ttext-decoration: none;\n\t}\n\n\t:host([variant='secondary']) {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\n\t\t}\n\n\t\t.sds-button:disabled {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));\n\t\t}\n\t}\n\n\t:host([variant='tertiary']) {\n\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));\n\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));\n\n\t\t\ttext-decoration: var(--_sds-button-tertiary-text-decoration);\n\t\t\ttext-decoration-thickness: var(--_sds-button-tertiary-text-underline-thickness);\n\t\t\ttext-underline-offset: var(--_sds-button-tertiary-text-underline-offset);\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));\n\t\t}\n\n\t\t.sds-button:disabled {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, transparent);\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t\t--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));\n\t\t}\n\t}\n\n\t:host([variant='tertiary']):host([icon]) {\n\t\t.sds-button:hover {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t}\n\n\t\t.sds-button:active {\n\t\t\t--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\n\t\t\t--_sds-button-border-color: var(--sds-button-border-color, transparent);\n\t\t}\n\t}\n\n\t:host([size='medium']), /* Deprecated */\n\t:host([size='md']) {\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-md));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, var(--sds-spacing-4xs));\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-md));\n\n\t\t&:host([variant='tertiary']) {\n\t\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t}\n\t}\n\n\t:host([size='small']), /* Deprecated */\n\t:host([size='sm']) {\n\t\t--_sds-button-min-height: var(--sds-button-height, var(--sds-components-button-sm));\n\t\t--_sds-button-padding-block: var(--sds-button-padding-block, 0);\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, var(--sds-spacing-3xs));\n\t\t--_sds-button-font-size: var(--sds-button-font-size, var(--sds-components-font-size-content-sm));\n\n\t\t&:host([variant='tertiary']) {\n\t\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\t}\n\t}\n\n\t:host([icon]) {\n\t\t--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);\n\t\tmin-width: var(--_sds-button-min-height);\n\t}\n`;\n"]}

package/dist/sds-heading/sds-heading.component.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+import { SDS_SIZES } from '../types';
+type Level = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type DisplaySize = 'l' | 'm' | 's' | SDS_SIZES;
+export interface SDSHeadingProps {
+    level?: Level;
+    size?: DisplaySize;
+}
+export declare class SDSHeadingComponent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    level: SDSHeadingProps['level'];
+    size?: SDSHeadingProps['size'];
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=sds-heading.component.d.ts.map

package/dist/sds-heading/sds-heading.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-heading.component.d.ts","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,qBAAa,mBAAoB,SAAQ,UAAU;IAClD,OAAgB,MAAM,4BAAY;IAES,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAQ;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM;CA2Bf"}

package/dist/sds-heading/sds-heading.component.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './sds-heading.styles';
+export class SDSHeadingComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.level = 'h1';
+    }
+    render() {
+        const headingClasses = {
+            'sds-heading': true,
+            'sds-heading--xl': this.size === 'xl',
+            'sds-heading--lg': this.size === 'l' || this.size === 'lg',
+            'sds-heading--md': this.size === 'm' || this.size === 'md',
+            'sds-heading--sm': this.size === 's' || this.size === 'sm',
+            'sds-heading--xs': this.size === 'xs',
+        };
+        switch (this.level?.toLowerCase()) {
+            case 'h1':
+                return html `<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;
+            case 'h2':
+                return html `<h2 class=${classMap(headingClasses)}><slot></slot></h2>`;
+            case 'h3':
+                return html `<h3 class=${classMap(headingClasses)}><slot></slot></h3>`;
+            case 'h4':
+                return html `<h4 class=${classMap(headingClasses)}><slot></slot></h4>`;
+            case 'h5':
+                return html `<h5 class=${classMap(headingClasses)}><slot></slot></h5>`;
+            case 'h6':
+                return html `<h6 class=${classMap(headingClasses)}><slot></slot></h6>`;
+            default:
+                return html `<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;
+        }
+    }
+}
+SDSHeadingComponent.styles = [styles];
+__decorate([
+    property({ type: String, reflect: true })
+], SDSHeadingComponent.prototype, "level", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSHeadingComponent.prototype, "size", void 0);
+//# sourceMappingURL=sds-heading.component.js.map

package/dist/sds-heading/sds-heading.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-heading.component.js","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAW9C,MAAM,OAAO,mBAAoB,SAAQ,UAAU;IAAnD;;QAG4C,UAAK,GAA6B,IAAI,CAAC;IA8BnF,CAAC;IA3BS,MAAM;QACd,MAAM,cAAc,GAAG;YACtB,aAAa,EAAE,IAAI;YACnB,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YACrC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACrC,CAAC;QAEF,QAAQ,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC;YACnC,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE;gBACC,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;QACxE,CAAC;IACF,CAAC;;AA/Be,0BAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;kDAAwC;AACvC;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAgC","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './sds-heading.styles';\nimport { SDS_SIZES } from '../types';\n\ntype Level = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype DisplaySize = 'l' | 'm' | 's' | SDS_SIZES;\n\nexport interface SDSHeadingProps {\n\tlevel?: Level;\n\tsize?: DisplaySize;\n}\n\nexport class SDSHeadingComponent extends LitElement {\n\tstatic override styles = [styles];\n\n\t@property({ type: String, reflect: true }) level: SDSHeadingProps['level'] = 'h1';\n\t@property({ type: String, reflect: true }) size?: SDSHeadingProps['size'];\n\n\toverride render() {\n\t\tconst headingClasses = {\n\t\t\t'sds-heading': true,\n\t\t\t'sds-heading--xl': this.size === 'xl',\n\t\t\t'sds-heading--lg': this.size === 'l' || this.size === 'lg',\n\t\t\t'sds-heading--md': this.size === 'm' || this.size === 'md',\n\t\t\t'sds-heading--sm': this.size === 's' || this.size === 'sm',\n\t\t\t'sds-heading--xs': this.size === 'xs',\n\t\t};\n\n\t\tswitch (this.level?.toLowerCase()) {\n\t\t\tcase 'h1':\n\t\t\t\treturn html`<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;\n\t\t\tcase 'h2':\n\t\t\t\treturn html`<h2 class=${classMap(headingClasses)}><slot></slot></h2>`;\n\t\t\tcase 'h3':\n\t\t\t\treturn html`<h3 class=${classMap(headingClasses)}><slot></slot></h3>`;\n\t\t\tcase 'h4':\n\t\t\t\treturn html`<h4 class=${classMap(headingClasses)}><slot></slot></h4>`;\n\t\t\tcase 'h5':\n\t\t\t\treturn html`<h5 class=${classMap(headingClasses)}><slot></slot></h5>`;\n\t\t\tcase 'h6':\n\t\t\t\treturn html`<h6 class=${classMap(headingClasses)}><slot></slot></h6>`;\n\t\t\tdefault:\n\t\t\t\treturn html`<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;\n\t\t}\n\t}\n}\n"]}

package/dist/sds-heading/sds-heading.d.ts

@@ -1,21 +1,9 @@
-import { LitElement } from 'lit';
-import { SDS_SIZES } from '../types';
-type Level = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
-type DisplaySize = 'l' | 'm' | 's' | SDS_SIZES;
-export interface SDSHeadingProps {
-    level?: Level;
-    size?: DisplaySize;
-}
-export declare class SDSHeading extends LitElement {
-    static styles: import("lit").CSSResult[];
-    level: SDSHeadingProps['level'];
-    size?: SDSHeadingProps['size'];
-    render(): import("lit-html").TemplateResult<1>;
+import { SDSHeadingComponent } from './sds-heading.component';
+export declare class SDSHeading extends SDSHeadingComponent {
 }
 declare global {
     interface HTMLElementTagNameMap {
         'sds-heading': SDSHeading;
     }
 }
-export {};
 //# sourceMappingURL=sds-heading.d.ts.map

package/dist/sds-heading/sds-heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-heading.d.ts","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,KAAK,WAAW,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;AAE/C,MAAM,WAAW,eAAe;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,WAAW,CAAC;CACnB;AAED,qBACa,UAAW,SAAQ,UAAU;IACzC,OAAgB,MAAM,4BAAY;IAES,KAAK,EAAE,eAAe,CAAC,OAAO,CAAC,CAAQ;IACvC,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM;CA2Bf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
+{"version":3,"file":"sds-heading.d.ts","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,qBACa,UAAW,SAAQ,mBAAmB;CAAG;AAEtD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}

package/dist/sds-heading/sds-heading.js

@@ -4,50 +4,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { LitElement, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
 import { guardedCustomElement } from '../utils/guarded-custom-element';
-import { styles } from './sds-heading.styles';
-let SDSHeading = class SDSHeading extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.level = 'h1';
-    }
-    render() {
-        const headingClasses = {
-            'sds-heading': true,
-            'sds-heading--xl': this.size === 'xl',
-            'sds-heading--lg': this.size === 'l' || this.size === 'lg',
-            'sds-heading--md': this.size === 'm' || this.size === 'md',
-            'sds-heading--sm': this.size === 's' || this.size === 'sm',
-            'sds-heading--xs': this.size === 'xs',
-        };
-        switch (this.level?.toLowerCase()) {
-            case 'h1':
-                return html `<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;
-            case 'h2':
-                return html `<h2 class=${classMap(headingClasses)}><slot></slot></h2>`;
-            case 'h3':
-                return html `<h3 class=${classMap(headingClasses)}><slot></slot></h3>`;
-            case 'h4':
-                return html `<h4 class=${classMap(headingClasses)}><slot></slot></h4>`;
-            case 'h5':
-                return html `<h5 class=${classMap(headingClasses)}><slot></slot></h5>`;
-            case 'h6':
-                return html `<h6 class=${classMap(headingClasses)}><slot></slot></h6>`;
-            default:
-                return html `<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;
-        }
-    }
+import { SDSHeadingComponent } from './sds-heading.component';
+let SDSHeading = class SDSHeading extends SDSHeadingComponent {
 };
-SDSHeading.styles = [styles];
-__decorate([
-    property({ type: String, reflect: true })
-], SDSHeading.prototype, "level", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SDSHeading.prototype, "size", void 0);
 SDSHeading = __decorate([
     guardedCustomElement('sds-heading')
 ], SDSHeading);

package/dist/sds-heading/sds-heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"sds-heading.js","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAYvC,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,UAAU;IAAnC;;QAGqC,UAAK,GAA6B,IAAI,CAAC;IA8BnF,CAAC;IA3BS,MAAM;QACd,MAAM,cAAc,GAAG;YACtB,aAAa,EAAE,IAAI;YACnB,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;YACrC,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAC1D,iBAAiB,EAAE,IAAI,CAAC,IAAI,KAAK,IAAI;SACrC,CAAC;QAEF,QAAQ,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC;YACnC,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE,KAAK,IAAI;gBACR,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;YACvE;gBACC,OAAO,IAAI,CAAA,aAAa,QAAQ,CAAC,cAAc,CAAC,qBAAqB,CAAC;QACxE,CAAC;IACF,CAAC;;AA/Be,iBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAES;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAwC;AACvC;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAgC;AAJ9D,UAAU;IADtB,oBAAoB,CAAC,aAAa,CAAC;GACvB,UAAU,CAiCtB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-heading.styles';\nimport { SDS_SIZES } from '../types';\n\ntype Level = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\ntype DisplaySize = 'l' | 'm' | 's' | SDS_SIZES;\n\nexport interface SDSHeadingProps {\n\tlevel?: Level;\n\tsize?: DisplaySize;\n}\n\n@guardedCustomElement('sds-heading')\nexport class SDSHeading extends LitElement {\n\tstatic override styles = [styles];\n\n\t@property({ type: String, reflect: true }) level: SDSHeadingProps['level'] = 'h1';\n\t@property({ type: String, reflect: true }) size?: SDSHeadingProps['size'];\n\n\toverride render() {\n\t\tconst headingClasses = {\n\t\t\t'sds-heading': true,\n\t\t\t'sds-heading--xl': this.size === 'xl',\n\t\t\t'sds-heading--lg': this.size === 'l' || this.size === 'lg',\n\t\t\t'sds-heading--md': this.size === 'm' || this.size === 'md',\n\t\t\t'sds-heading--sm': this.size === 's' || this.size === 'sm',\n\t\t\t'sds-heading--xs': this.size === 'xs',\n\t\t};\n\n\t\tswitch (this.level?.toLowerCase()) {\n\t\t\tcase 'h1':\n\t\t\t\treturn html`<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;\n\t\t\tcase 'h2':\n\t\t\t\treturn html`<h2 class=${classMap(headingClasses)}><slot></slot></h2>`;\n\t\t\tcase 'h3':\n\t\t\t\treturn html`<h3 class=${classMap(headingClasses)}><slot></slot></h3>`;\n\t\t\tcase 'h4':\n\t\t\t\treturn html`<h4 class=${classMap(headingClasses)}><slot></slot></h4>`;\n\t\t\tcase 'h5':\n\t\t\t\treturn html`<h5 class=${classMap(headingClasses)}><slot></slot></h5>`;\n\t\t\tcase 'h6':\n\t\t\t\treturn html`<h6 class=${classMap(headingClasses)}><slot></slot></h6>`;\n\t\t\tdefault:\n\t\t\t\treturn html`<h1 class=${classMap(headingClasses)}><slot></slot></h1>`;\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-heading': SDSHeading;\n\t}\n}\n"]}
+{"version":3,"file":"sds-heading.js","sourceRoot":"","sources":["../../src/sds-heading/sds-heading.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAGvD,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,mBAAmB;CAAG,CAAA;AAAzC,UAAU;IADtB,oBAAoB,CAAC,aAAa,CAAC;GACvB,UAAU,CAA+B","sourcesContent":["import { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { SDSHeadingComponent } from './sds-heading.component';\n\n@guardedCustomElement('sds-heading')\nexport class SDSHeading extends SDSHeadingComponent {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-heading': SDSHeading;\n\t}\n}\n"]}

package/dist/sds-icon/sds-icon.component.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+import { type IconPromise } from './sds-icon-loader';
+import { SDS_SIZES } from '../types';
+type IconSizes = Extract<SDS_SIZES, 'sm' | 'md' | 'lg'>;
+export interface SDSIconProps {
+    name?: string;
+    size?: 's' | 'm' | IconSizes;
+    color?: string;
+    label?: string;
+}
+export declare class SDSIconComponent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    private static readonly iconLoader;
+    static setLoadLocal(loadLocal: boolean): void;
+    static registerResolver(resolver: IconPromise): void;
+    name: string;
+    size?: 's' | 'm' | IconSizes;
+    color: string;
+    label: string;
+    private svg;
+    render(): import("lit-html").TemplateResult<1>;
+    /**
+     * Wraps the icon loader's callback in a promise. Even if the loader
+     * calls the callback synchronously, awaiting the promise defers the
+     * property update to the next microtask.
+     */
+    private fetchIcon;
+    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+}
+export {};
+//# sourceMappingURL=sds-icon.component.d.ts.map

package/dist/sds-icon/sds-icon.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-icon.component.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AACxD,MAAM,WAAW,YAAY;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,gBAAiB,SAAQ,UAAU;IAC/C,OAAgB,MAAM,4BAAY;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAuB;IAEzD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAI7C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAIT,IAAI,EAAE,MAAM,CAAM;IAClB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAM;IACnB,KAAK,EAAE,MAAM,CAAM;IAErD,OAAO,CAAC,GAAG,CAAc;IAEzB,MAAM;IAQf;;;;OAIG;YACW,SAAS;IAWd,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAMjF"}

package/dist/sds-icon/sds-icon.component.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property, state } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
+import { SDSIconLoader } from './sds-icon-loader';
+import { styles } from './sds-icon.styles';
+export class SDSIconComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.name = '';
+        this.color = '';
+        this.label = '';
+        this.svg = '';
+    }
+    static setLoadLocal(loadLocal) {
+        this.iconLoader.loadLocal = loadLocal;
+    }
+    static registerResolver(resolver) {
+        this.iconLoader.resolver = resolver;
+    }
+    render() {
+        return html `
+			<div class="sds-icon" role="${ifDefined(this.label ? 'img' : undefined)}" style="${ifDefined(this.color ? `color:${this.color}` : undefined)}" aria-label="${ifDefined(this.label)}">
+				${this.name ? html `<slot aria-hidden="true">${unsafeSVG(this.svg)}</slot>` : html `<slot aria-hidden="true"></slot>`}
+			</div>
+		`;
+    }
+    /**
+     * Wraps the icon loader's callback in a promise. Even if the loader
+     * calls the callback synchronously, awaiting the promise defers the
+     * property update to the next microtask.
+     */
+    async fetchIcon() {
+        if (!this.name) {
+            this.svg = '';
+            return;
+        }
+        const svg = await new Promise((resolve) => {
+            SDSIconComponent.iconLoader.resolve(this.name, resolve);
+        });
+        this.svg = svg;
+    }
+    updated(changedProperties) {
+        super.updated(changedProperties);
+        if (changedProperties.has('name') && this.name) {
+            void this.fetchIcon();
+        }
+    }
+}
+SDSIconComponent.styles = [styles];
+SDSIconComponent.iconLoader = new SDSIconLoader();
+__decorate([
+    property({ type: String, reflect: true })
+], SDSIconComponent.prototype, "name", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSIconComponent.prototype, "size", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSIconComponent.prototype, "color", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], SDSIconComponent.prototype, "label", void 0);
+__decorate([
+    state()
+], SDSIconComponent.prototype, "svg", void 0);
+//# sourceMappingURL=sds-icon.component.js.map

package/dist/sds-icon/sds-icon.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-icon.component.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAoB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAW3C,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAAhD;;QAa4C,SAAI,GAAW,EAAE,CAAC;QAElB,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QAE7C,QAAG,GAAW,EAAE,CAAC;IAgCnC,CAAC;IA7CA,MAAM,CAAC,YAAY,CAAC,SAAkB;QACrC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAqB;QAC5C,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACrC,CAAC;IASQ,MAAM;QACd,OAAO,IAAI,CAAA;iCACoB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;MAC/K,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC;;GAEpH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,SAAS;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;YACd,OAAO;QACR,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;YACjD,gBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IAChB,CAAC;IAEQ,OAAO,CAAC,iBAAyD;QACzE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAChD,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;;AAhDe,uBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEV,2BAAU,GAAG,IAAI,aAAa,EAAE,AAAtB,CAAuB;AAUd;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAmB;AAClB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAA8B;AAC7B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAoB;AACnB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAoB;AAE7C;IAAhB,KAAK,EAAE;6CAA0B","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { SDSIconLoader, type IconPromise } from './sds-icon-loader';\nimport { styles } from './sds-icon.styles';\nimport { SDS_SIZES } from '../types';\n\ntype IconSizes = Extract<SDS_SIZES, 'sm' | 'md' | 'lg'>;\nexport interface SDSIconProps {\n\tname?: string;\n\tsize?: 's' | 'm' | IconSizes;\n\tcolor?: string;\n\tlabel?: string;\n}\n\nexport class SDSIconComponent extends LitElement {\n\tstatic override styles = [styles];\n\n\tprivate static readonly iconLoader = new SDSIconLoader();\n\n\tstatic setLoadLocal(loadLocal: boolean): void {\n\t\tthis.iconLoader.loadLocal = loadLocal;\n\t}\n\n\tstatic registerResolver(resolver: IconPromise): void {\n\t\tthis.iconLoader.resolver = resolver;\n\t}\n\n\t@property({ type: String, reflect: true }) name: string = '';\n\t@property({ type: String, reflect: true }) size?: 's' | 'm' | IconSizes;\n\t@property({ type: String, reflect: true }) color: string = '';\n\t@property({ type: String, reflect: true }) label: string = '';\n\n\t@state() private svg: string = '';\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"sds-icon\" role=\"${ifDefined(this.label ? 'img' : undefined)}\" style=\"${ifDefined(this.color ? `color:${this.color}` : undefined)}\" aria-label=\"${ifDefined(this.label)}\">\n\t\t\t\t${this.name ? html`<slot aria-hidden=\"true\">${unsafeSVG(this.svg)}</slot>` : html`<slot aria-hidden=\"true\"></slot>`}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/**\n\t * Wraps the icon loader's callback in a promise. Even if the loader\n\t * calls the callback synchronously, awaiting the promise defers the\n\t * property update to the next microtask.\n\t */\n\tprivate async fetchIcon() {\n\t\tif (!this.name) {\n\t\t\tthis.svg = '';\n\t\t\treturn;\n\t\t}\n\t\tconst svg = await new Promise<string>((resolve) => {\n\t\t\tSDSIconComponent.iconLoader.resolve(this.name, resolve);\n\t\t});\n\t\tthis.svg = svg;\n\t}\n\n\toverride updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties);\n\t\tif (changedProperties.has('name') && this.name) {\n\t\t\tvoid this.fetchIcon();\n\t\t}\n\t}\n}\n"]}

package/dist/sds-icon/sds-icon.d.ts

@@ -1,36 +1,9 @@
-import { LitElement } from 'lit';
-import { type IconPromise } from './sds-icon-loader';
-import { SDS_SIZES } from '../types';
-type IconSizes = Extract<SDS_SIZES, 'sm' | 'md' | 'lg'>;
-export interface SDSIconProps {
-    name?: string;
-    size?: 's' | 'm' | IconSizes;
-    color?: string;
-    label?: string;
-}
-export declare class SDSIcon extends LitElement {
-    static styles: import("lit").CSSResult[];
-    private static readonly iconLoader;
-    static setLoadLocal(loadLocal: boolean): void;
-    static registerResolver(resolver: IconPromise): void;
-    name: string;
-    size?: 's' | 'm' | IconSizes;
-    color: string;
-    label: string;
-    private svg;
-    render(): import("lit-html").TemplateResult<1>;
-    /**
-     * Wraps the icon loader's callback in a promise. Even if the loader
-     * calls the callback synchronously, awaiting the promise defers the
-     * property update to the next microtask.
-     */
-    private fetchIcon;
-    updated(changedProperties: Map<string | number | symbol, unknown>): void;
+import { SDSIconComponent } from './sds-icon.component';
+export declare class SDSIcon extends SDSIconComponent {
 }
 declare global {
     interface HTMLElementTagNameMap {
         'sds-icon': SDSIcon;
     }
 }
-export {};
 //# sourceMappingURL=sds-icon.d.ts.map

package/dist/sds-icon/sds-icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-icon.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGpE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,SAAS,GAAG,OAAO,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;AACxD,MAAM,WAAW,YAAY;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AACD,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,4BAAY;IAElC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAuB;IAEzD,MAAM,CAAC,YAAY,CAAC,SAAS,EAAE,OAAO,GAAG,IAAI;IAI7C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,WAAW,GAAG,IAAI;IAIT,IAAI,EAAE,MAAM,CAAM;IAClB,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAM;IACnB,KAAK,EAAE,MAAM,CAAM;IAErD,OAAO,CAAC,GAAG,CAAc;IAEzB,MAAM;IAQf;;;;OAIG;YACW,SAAS;IAWd,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;CAMjF;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
+{"version":3,"file":"sds-icon.d.ts","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,qBACa,OAAQ,SAAQ,gBAAgB;CAAG;AAEhD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}

package/dist/sds-icon/sds-icon.js

@@ -4,75 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-var SDSIcon_1;
-import { LitElement, html } from 'lit';
-import { property, state } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { unsafeSVG } from 'lit/directives/unsafe-svg.js';
-import { SDSIconLoader } from './sds-icon-loader';
 import { guardedCustomElement } from '../utils/guarded-custom-element';
-import { styles } from './sds-icon.styles';
-let SDSIcon = SDSIcon_1 = class SDSIcon extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.name = '';
-        this.color = '';
-        this.label = '';
-        this.svg = '';
-    }
-    static setLoadLocal(loadLocal) {
-        this.iconLoader.loadLocal = loadLocal;
-    }
-    static registerResolver(resolver) {
-        this.iconLoader.resolver = resolver;
-    }
-    render() {
-        return html `
-			<div class="sds-icon" role="${ifDefined(this.label ? 'img' : undefined)}" style="${ifDefined(this.color ? `color:${this.color}` : undefined)}" aria-label="${ifDefined(this.label)}">
-				${this.name ? html `<slot aria-hidden="true">${unsafeSVG(this.svg)}</slot>` : html `<slot aria-hidden="true"></slot>`}
-			</div>
-		`;
-    }
-    /**
-     * Wraps the icon loader's callback in a promise. Even if the loader
-     * calls the callback synchronously, awaiting the promise defers the
-     * property update to the next microtask.
-     */
-    async fetchIcon() {
-        if (!this.name) {
-            this.svg = '';
-            return;
-        }
-        const svg = await new Promise((resolve) => {
-            SDSIcon_1.iconLoader.resolve(this.name, resolve);
-        });
-        this.svg = svg;
-    }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('name') && this.name) {
-            void this.fetchIcon();
-        }
-    }
+import { SDSIconComponent } from './sds-icon.component';
+let SDSIcon = class SDSIcon extends SDSIconComponent {
 };
-SDSIcon.styles = [styles];
-SDSIcon.iconLoader = new SDSIconLoader();
-__decorate([
-    property({ type: String, reflect: true })
-], SDSIcon.prototype, "name", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SDSIcon.prototype, "size", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SDSIcon.prototype, "color", void 0);
-__decorate([
-    property({ type: String, reflect: true })
-], SDSIcon.prototype, "label", void 0);
-__decorate([
-    state()
-], SDSIcon.prototype, "svg", void 0);
-SDSIcon = SDSIcon_1 = __decorate([
+SDSIcon = __decorate([
     guardedCustomElement('sds-icon')
 ], SDSIcon);
 export { SDSIcon };

package/dist/sds-icon/sds-icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"sds-icon.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,aAAa,EAAoB,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAWpC,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAaqC,SAAI,GAAW,EAAE,CAAC;QAElB,UAAK,GAAW,EAAE,CAAC;QACnB,UAAK,GAAW,EAAE,CAAC;QAE7C,QAAG,GAAW,EAAE,CAAC;IAgCnC,CAAC;IA7CA,MAAM,CAAC,YAAY,CAAC,SAAkB;QACrC,IAAI,CAAC,UAAU,CAAC,SAAS,GAAG,SAAS,CAAC;IACvC,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,QAAqB;QAC5C,IAAI,CAAC,UAAU,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACrC,CAAC;IASQ,MAAM;QACd,OAAO,IAAI,CAAA;iCACoB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;MAC/K,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,4BAA4B,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,kCAAkC;;GAEpH,CAAC;IACH,CAAC;IAED;;;;OAIG;IACK,KAAK,CAAC,SAAS;QACtB,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;YACd,OAAO;QACR,CAAC;QACD,MAAM,GAAG,GAAG,MAAM,IAAI,OAAO,CAAS,CAAC,OAAO,EAAE,EAAE;YACjD,SAAO,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QAChD,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IAChB,CAAC;IAEQ,OAAO,CAAC,iBAAyD;QACzE,KAAK,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;QACjC,IAAI,iBAAiB,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YAChD,KAAK,IAAI,CAAC,SAAS,EAAE,CAAC;QACvB,CAAC;IACF,CAAC;;AAhDe,cAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAEV,kBAAU,GAAG,IAAI,aAAa,EAAE,AAAtB,CAAuB;AAUd;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAAmB;AAClB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAA8B;AAC7B;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAoB;AACnB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;sCAAoB;AAE7C;IAAhB,KAAK,EAAE;oCAA0B;AAlBtB,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CAkDnB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { unsafeSVG } from 'lit/directives/unsafe-svg.js';\nimport { SDSIconLoader, type IconPromise } from './sds-icon-loader';\nimport { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { styles } from './sds-icon.styles';\nimport { SDS_SIZES } from '../types';\n\ntype IconSizes = Extract<SDS_SIZES, 'sm' | 'md' | 'lg'>;\nexport interface SDSIconProps {\n\tname?: string;\n\tsize?: 's' | 'm' | IconSizes;\n\tcolor?: string;\n\tlabel?: string;\n}\n@guardedCustomElement('sds-icon')\nexport class SDSIcon extends LitElement {\n\tstatic override styles = [styles];\n\n\tprivate static readonly iconLoader = new SDSIconLoader();\n\n\tstatic setLoadLocal(loadLocal: boolean): void {\n\t\tthis.iconLoader.loadLocal = loadLocal;\n\t}\n\n\tstatic registerResolver(resolver: IconPromise): void {\n\t\tthis.iconLoader.resolver = resolver;\n\t}\n\n\t@property({ type: String, reflect: true }) name: string = '';\n\t@property({ type: String, reflect: true }) size?: 's' | 'm' | IconSizes;\n\t@property({ type: String, reflect: true }) color: string = '';\n\t@property({ type: String, reflect: true }) label: string = '';\n\n\t@state() private svg: string = '';\n\n\toverride render() {\n\t\treturn html`\n\t\t\t<div class=\"sds-icon\" role=\"${ifDefined(this.label ? 'img' : undefined)}\" style=\"${ifDefined(this.color ? `color:${this.color}` : undefined)}\" aria-label=\"${ifDefined(this.label)}\">\n\t\t\t\t${this.name ? html`<slot aria-hidden=\"true\">${unsafeSVG(this.svg)}</slot>` : html`<slot aria-hidden=\"true\"></slot>`}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\t/**\n\t * Wraps the icon loader's callback in a promise. Even if the loader\n\t * calls the callback synchronously, awaiting the promise defers the\n\t * property update to the next microtask.\n\t */\n\tprivate async fetchIcon() {\n\t\tif (!this.name) {\n\t\t\tthis.svg = '';\n\t\t\treturn;\n\t\t}\n\t\tconst svg = await new Promise<string>((resolve) => {\n\t\t\tSDSIcon.iconLoader.resolve(this.name, resolve);\n\t\t});\n\t\tthis.svg = svg;\n\t}\n\n\toverride updated(changedProperties: Map<string | number | symbol, unknown>): void {\n\t\tsuper.updated(changedProperties);\n\t\tif (changedProperties.has('name') && this.name) {\n\t\t\tvoid this.fetchIcon();\n\t\t}\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-icon': SDSIcon;\n\t}\n}\n"]}
+{"version":3,"file":"sds-icon.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAGjD,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,gBAAgB;CAAG,CAAA;AAAnC,OAAO;IADnB,oBAAoB,CAAC,UAAU,CAAC;GACpB,OAAO,CAA4B","sourcesContent":["import { guardedCustomElement } from '../utils/guarded-custom-element';\nimport { SDSIconComponent } from './sds-icon.component';\n\n@guardedCustomElement('sds-icon')\nexport class SDSIcon extends SDSIconComponent {}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sds-icon': SDSIcon;\n\t}\n}\n"]}

package/dist/sds-text/sds-text.component.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import { SDS_SIZES } from '../types';
+type Size = SDS_SIZES;
+export interface SDSTextProps {
+    size?: Size;
+    strong?: boolean;
+    tall?: boolean;
+}
+export declare class SDSTextComponent extends LitElement {
+    static styles: import("lit").CSSResult[];
+    size: Size;
+    strong: boolean;
+    tall: boolean;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=sds-text.component.d.ts.map

package/dist/sds-text/sds-text.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-text.component.d.ts","sourceRoot":"","sources":["../../src/sds-text/sds-text.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,IAAI,GAAG,SAAS,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,qBAAa,gBAAiB,SAAQ,UAAU;IAE/C,OAAgB,MAAM,4BAAY;IAGS,IAAI,EAAE,IAAI,CAAQ;IACjB,MAAM,EAAE,OAAO,CAAS;IACxB,IAAI,EAAE,OAAO,CAAS;IAEzD,MAAM;CAGf"}

package/dist/sds-text/sds-text.component.js

@@ -0,0 +1,33 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { styles } from './sds-text.styles';
+export class SDSTextComponent extends LitElement {
+    constructor() {
+        super(...arguments);
+        // Reactive Props
+        this.size = 'md';
+        this.strong = false;
+        this.tall = false;
+    }
+    render() {
+        return html `<p><slot></slot></p>`;
+    }
+}
+// Styling
+SDSTextComponent.styles = [styles];
+__decorate([
+    property({ type: String, reflect: true })
+], SDSTextComponent.prototype, "size", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SDSTextComponent.prototype, "strong", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], SDSTextComponent.prototype, "tall", void 0);
+//# sourceMappingURL=sds-text.component.js.map

package/dist/sds-text/sds-text.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sds-text.component.js","sourceRoot":"","sources":["../../src/sds-text/sds-text.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAW3C,MAAM,OAAO,gBAAiB,SAAQ,UAAU;IAAhD;;QAIC,iBAAiB;QAC0B,SAAI,GAAS,IAAI,CAAC;QACjB,WAAM,GAAY,KAAK,CAAC;QACxB,SAAI,GAAY,KAAK,CAAC;IAKnE,CAAC;IAHS,MAAM;QACd,OAAO,IAAI,CAAA,sBAAsB,CAAC;IACnC,CAAC;;AAVD,UAAU;AACM,uBAAM,GAAG,CAAC,MAAM,CAAC,AAAX,CAAY;AAGS;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAmB;AACjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAyB;AACxB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAuB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { styles } from './sds-text.styles';\nimport { SDS_SIZES } from '../types';\n\ntype Size = SDS_SIZES;\n\nexport interface SDSTextProps {\n\tsize?: Size;\n\tstrong?: boolean;\n\ttall?: boolean;\n}\n\nexport class SDSTextComponent extends LitElement {\n\t// Styling\n\tstatic override styles = [styles];\n\n\t// Reactive Props\n\t@property({ type: String, reflect: true }) size: Size = 'md';\n\t@property({ type: Boolean, reflect: true }) strong: boolean = false;\n\t@property({ type: Boolean, reflect: true }) tall: boolean = false;\n\n\toverride render() {\n\t\treturn html`<p><slot></slot></p>`;\n\t}\n}\n"]}

package/dist/sds-text/sds-text.d.ts

@@ -1,22 +1,9 @@
-import { LitElement } from 'lit';
-import { SDS_SIZES } from '../types';
-type Size = SDS_SIZES;
-export interface SDSTextProps {
-    size?: Size;
-    strong?: boolean;
-    tall?: boolean;
-}
-export declare class SDSText extends LitElement {
-    static styles: import("lit").CSSResult[];
-    size: Size;
-    strong: boolean;
-    tall: boolean;
-    render(): import("lit-html").TemplateResult<1>;
+import { SDSTextComponent } from './sds-text.component';
+export declare class SDSText extends SDSTextComponent {
 }
 declare global {
     interface HTMLElementTagNameMap {
         'sds-text': SDSText;
     }
 }
-export {};
 //# sourceMappingURL=sds-text.d.ts.map

package/dist/sds-text/sds-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sds-text.d.ts","sourceRoot":"","sources":["../../src/sds-text/sds-text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,KAAK,IAAI,GAAG,SAAS,CAAC;AAEtB,MAAM,WAAW,YAAY;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,qBACa,OAAQ,SAAQ,UAAU;IAEtC,OAAgB,MAAM,4BAAY;IAGS,IAAI,EAAE,IAAI,CAAQ;IACjB,MAAM,EAAE,OAAO,CAAS;IACxB,IAAI,EAAE,OAAO,CAAS;IAEzD,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
+{"version":3,"file":"sds-text.d.ts","sourceRoot":"","sources":["../../src/sds-text/sds-text.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD,qBACa,OAAQ,SAAQ,gBAAgB;CAAG;AAEhD,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}