@politiet/sheriff-web-components 2.0.0-rc.2 → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -26,7 +26,7 @@ export const styles = css `
26
26
  display: inline-block;
27
27
  box-sizing: border-box;
28
28
 
29
- &:has(sds-icon) {
29
+ ::slotted(sds-icon) {
30
30
  --sds-icon-color: var(--_sds-button-text-color);
31
31
  }
32
32
  }
@@ -1 +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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IxB,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-typography-body-md-desktop-font-size));\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&:has(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-hover)));\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([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\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\tfont-size: 0.875rem;\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"]}
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+IxB,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-typography-body-md-desktop-font-size));\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-hover)));\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([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\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\tfont-size: 0.875rem;\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"]}
@@ -2,7 +2,7 @@ import { css } from 'lit';
2
2
  export const styles = css `
3
3
  :host {
4
4
  --_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
5
- --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
5
+ --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
6
6
 
7
7
  display: inline-block;
8
8
  color: var(--_sds-icon-color);
@@ -21,7 +21,7 @@ export const styles = css `
21
21
  }
22
22
 
23
23
  :host([data-palette]) {
24
- --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
24
+ --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
25
25
  }
26
26
 
27
27
  .sds-icon {
@@ -1 +1 @@
1
- {"version":3,"file":"sds-icon.styles.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));\n\t\t--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));\n\n\t\tdisplay: inline-block;\n\t\tcolor: var(--_sds-icon-color);\n\t\tblock-size: var(--_sds-icon-size);\n\t\tinline-size: var(--_sds-icon-size);\n\t\tmin-inline-size: var(--_sds-icon-size);\n\t}\n\n\t:host([size='lg']) {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-lg));\n\t}\n\n\t:host([size='s']), /* Deprecated */\n\t:host([size='sm']) {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-sm));\n\t}\n\n\t:host([data-palette]) {\n\t\t--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));\n\t}\n\n\t.sds-icon {\n\t\taspect-ratio: 1;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n`;\n"]}
1
+ {"version":3,"file":"sds-icon.styles.js","sourceRoot":"","sources":["../../src/sds-icon/sds-icon.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));\n\t\t--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));\n\n\t\tdisplay: inline-block;\n\t\tcolor: var(--_sds-icon-color);\n\t\tblock-size: var(--_sds-icon-size);\n\t\tinline-size: var(--_sds-icon-size);\n\t\tmin-inline-size: var(--_sds-icon-size);\n\t}\n\n\t:host([size='lg']) {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-lg));\n\t}\n\n\t:host([size='s']), /* Deprecated */\n\t:host([size='sm']) {\n\t\t--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-sm));\n\t}\n\n\t:host([data-palette]) {\n\t\t--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));\n\t}\n\n\t.sds-icon {\n\t\taspect-ratio: 1;\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n`;\n"]}
@@ -880,7 +880,7 @@ class SDSIconLoader {
880
880
  const styles$f = i$4`
881
881
  :host {
882
882
  --_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
883
- --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
883
+ --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
884
884
 
885
885
  display: inline-block;
886
886
  color: var(--_sds-icon-color);
@@ -899,7 +899,7 @@ const styles$f = i$4`
899
899
  }
900
900
 
901
901
  :host([data-palette]) {
902
- --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
902
+ --_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
903
903
  }
904
904
 
905
905
  .sds-icon {
@@ -1037,7 +1037,7 @@ const styles$e = i$4`
1037
1037
  display: inline-block;
1038
1038
  box-sizing: border-box;
1039
1039
 
1040
- &:has(sds-icon) {
1040
+ ::slotted(sds-icon) {
1041
1041
  --sds-icon-color: var(--_sds-button-text-color);
1042
1042
  }
1043
1043
  }
package/package.json CHANGED
@@ -1,145 +1,145 @@
1
1
  {
2
- "name": "@politiet/sheriff-web-components",
3
- "version": "2.0.0-rc.2",
4
- "description": "Sheriff Design System Web Components Library",
5
- "main": "dist/index.js",
6
- "module": "dist/index.js",
7
- "type": "module",
8
- "types": "dist/index.d.ts",
9
- "files": [
10
- "./dist/"
11
- ],
12
- "exports": {
13
- ".": {
14
- "import": "./dist/index.js",
15
- "require": "./dist/index.js",
16
- "types": "./dist/index.d.ts"
17
- },
18
- "./framework/preact": {
19
- "types": "./dist/frameworks/preact.d.ts"
20
- },
21
- "./framework/react": {
22
- "types": "./dist/frameworks/react.d.ts"
23
- },
24
- "./framework/solidjs": {
25
- "types": "./dist/frameworks/solidjs.d.ts"
26
- },
27
- "./framework/svelte": {
28
- "types": "./dist/frameworks/svelte.d.ts"
29
- },
30
- "./framework/vue": {
31
- "types": "./dist/frameworks/vue.d.ts"
32
- },
33
- "./react-wrappers": {
34
- "import": "./dist/react-wrappers/index.js",
35
- "require": "./dist/react-wrappers/index.js",
36
- "types": "./dist/react-wrappers/index.d.ts"
37
- },
38
- "./sds-alert": {
39
- "import": "./dist/sds-alert/sds-alert.js",
40
- "require": "./dist/sds-alert/sds-alert.js",
41
- "types": "./dist/sds-alert/sds-alert.d.ts"
42
- },
43
- "./sds-button": {
44
- "import": "./dist/sds-button/sds-button.js",
45
- "require": "./dist/sds-button/sds-button.js",
46
- "types": "./dist/sds-button/sds-button.d.ts"
47
- },
48
- "./sds-checkbox": {
49
- "import": "./dist/sds-checkbox/sds-checkbox.js",
50
- "require": "./dist/sds-checkbox/sds-checkbox.js",
51
- "types": "./dist/sds-checkbox/sds-checkbox.d.ts"
52
- },
53
- "./sds-checkbox-group": {
54
- "import": "./dist/sds-checkbox-group/sds-checkbox-group.js",
55
- "require": "./dist/sds-checkbox-group/sds-checkbox-group.js",
56
- "types": "./dist/sds-checkbox-group/sds-checkbox-group.d.ts"
57
- },
58
- "./sds-chip": {
59
- "import": "./dist/sds-chip/sds-chip.js",
60
- "require": "./dist/sds-chip/sds-chip.js",
61
- "types": "./dist/sds-chip/sds-chip.d.ts"
62
- },
63
- "./sds-heading": {
64
- "import": "./dist/sds-heading/sds-heading.js",
65
- "require": "./dist/sds-heading/sds-heading.js",
66
- "types": "./dist/sds-heading/sds-heading.d.ts"
67
- },
68
- "./sds-icon": {
69
- "import": "./dist/sds-icon/sds-icon.js",
70
- "require": "./dist/sds-icon/sds-icon.js",
71
- "types": "./dist/sds-icon/sds-icon.d.ts"
72
- },
73
- "./sds-icon/icon-loader": {
74
- "import": "./dist/sds-icon/sds-icon-loader.js",
75
- "require": "./dist/sds-icon/sds-icon-loader.js",
76
- "types": "./dist/sds-icon/sds-icon-loader.d.ts"
77
- },
78
- "./sds-loader": {
79
- "import": "./dist/sds-loader/sds-loader.js",
80
- "require": "./dist/sds-loader/sds-loader.js",
81
- "types": "./dist/sds-loader/sds-loader.d.ts"
82
- },
83
- "./sds-card": {
84
- "import": "./dist/sds-card/sds-card.js",
85
- "require": "./dist/sds-card/sds-card.js",
86
- "types": "./dist/sds-card/sds-card.d.ts"
87
- },
88
- "./sds-notification": {
89
- "import": "./dist/sds-notification/sds-notification.js",
90
- "require": "./dist/sds-notification/sds-notification.js",
91
- "types": "./dist/sds-notification/sds-notification.d.ts"
92
- },
93
- "./sds-radio": {
94
- "import": "./dist/sds-radio/sds-radio.js",
95
- "require": "./dist/sds-radio/sds-radio.js",
96
- "types": "./dist/sds-radio/sds-radio.d.ts"
97
- },
98
- "./sds-radio-group": {
99
- "import": "./dist/sds-radio-group/sds-radio-group.js",
100
- "require": "./dist/sds-radio-group/sds-radio-group.js",
101
- "types": "./dist/sds-radio-group/sds-radio-group.d.ts"
102
- },
103
- "./sds-switch": {
104
- "import": "./dist/sds-switch/sds-switch.js",
105
- "require": "./dist/sds-switch/sds-switch.js",
106
- "types": "./dist/sds-switch/sds-switch.d.ts"
107
- },
108
- "./sds-tag": {
109
- "import": "./dist/sds-tag/sds-tag.js",
110
- "require": "./dist/sds-tag/sds-tag.js",
111
- "types": "./dist/sds-tag/sds-tag.d.ts"
112
- },
113
- "./sds-text": {
114
- "import": "./dist/sds-text/sds-text.js",
115
- "require": "./dist/sds-text/sds-text.js",
116
- "types": "./dist/sds-text/sds-text.d.ts"
117
- },
118
- "./sds-textarea": {
119
- "import": "./dist/sds-textarea/sds-textarea.js",
120
- "require": "./dist/sds-textarea/sds-textarea.js",
121
- "types": "./dist/sds-textarea/sds-textarea.d.ts"
122
- },
123
- "./sds-textfield": {
124
- "import": "./dist/sds-textfield/sds-textfield.js",
125
- "require": "./dist/sds-textfield/sds-textfield.js",
126
- "types": "./dist/sds-textfield/sds-textfield.d.ts"
127
- }
128
- },
129
- "scripts": {
130
- "tidy-frameworks": "node ../../../scripts/delete-filetypes-from-folder.js --folder ./dist/frameworks --filetypes js,js.map",
131
- "build": "tsc && npm run tidy-frameworks"
132
- },
133
- "dependencies": {
134
- "lit": "^3.3.1"
135
- },
136
- "optionalDependencies": {
137
- "@lit/react": "^1.0.8",
138
- "@politiet/sheriff-icons": "^2.0.0-rc.0"
139
- },
140
- "peerDependencies": {
141
- "@politiet/sheriff-css-framework": "^2.0.0-rc.1"
142
- },
143
- "author": "Politiets IT-enhet",
144
- "license": "ISC"
2
+ "name": "@politiet/sheriff-web-components",
3
+ "version": "2.0.1",
4
+ "description": "Sheriff Design System Web Components Library",
5
+ "main": "dist/index.js",
6
+ "module": "dist/index.js",
7
+ "type": "module",
8
+ "types": "dist/index.d.ts",
9
+ "files": [
10
+ "./dist/"
11
+ ],
12
+ "exports": {
13
+ ".": {
14
+ "import": "./dist/index.js",
15
+ "require": "./dist/index.js",
16
+ "types": "./dist/index.d.ts"
17
+ },
18
+ "./framework/preact": {
19
+ "types": "./dist/frameworks/preact.d.ts"
20
+ },
21
+ "./framework/react": {
22
+ "types": "./dist/frameworks/react.d.ts"
23
+ },
24
+ "./framework/solidjs": {
25
+ "types": "./dist/frameworks/solidjs.d.ts"
26
+ },
27
+ "./framework/svelte": {
28
+ "types": "./dist/frameworks/svelte.d.ts"
29
+ },
30
+ "./framework/vue": {
31
+ "types": "./dist/frameworks/vue.d.ts"
32
+ },
33
+ "./react-wrappers": {
34
+ "import": "./dist/react-wrappers/index.js",
35
+ "require": "./dist/react-wrappers/index.js",
36
+ "types": "./dist/react-wrappers/index.d.ts"
37
+ },
38
+ "./sds-alert": {
39
+ "import": "./dist/sds-alert/sds-alert.js",
40
+ "require": "./dist/sds-alert/sds-alert.js",
41
+ "types": "./dist/sds-alert/sds-alert.d.ts"
42
+ },
43
+ "./sds-button": {
44
+ "import": "./dist/sds-button/sds-button.js",
45
+ "require": "./dist/sds-button/sds-button.js",
46
+ "types": "./dist/sds-button/sds-button.d.ts"
47
+ },
48
+ "./sds-checkbox": {
49
+ "import": "./dist/sds-checkbox/sds-checkbox.js",
50
+ "require": "./dist/sds-checkbox/sds-checkbox.js",
51
+ "types": "./dist/sds-checkbox/sds-checkbox.d.ts"
52
+ },
53
+ "./sds-checkbox-group": {
54
+ "import": "./dist/sds-checkbox-group/sds-checkbox-group.js",
55
+ "require": "./dist/sds-checkbox-group/sds-checkbox-group.js",
56
+ "types": "./dist/sds-checkbox-group/sds-checkbox-group.d.ts"
57
+ },
58
+ "./sds-chip": {
59
+ "import": "./dist/sds-chip/sds-chip.js",
60
+ "require": "./dist/sds-chip/sds-chip.js",
61
+ "types": "./dist/sds-chip/sds-chip.d.ts"
62
+ },
63
+ "./sds-heading": {
64
+ "import": "./dist/sds-heading/sds-heading.js",
65
+ "require": "./dist/sds-heading/sds-heading.js",
66
+ "types": "./dist/sds-heading/sds-heading.d.ts"
67
+ },
68
+ "./sds-icon": {
69
+ "import": "./dist/sds-icon/sds-icon.js",
70
+ "require": "./dist/sds-icon/sds-icon.js",
71
+ "types": "./dist/sds-icon/sds-icon.d.ts"
72
+ },
73
+ "./sds-icon/icon-loader": {
74
+ "import": "./dist/sds-icon/sds-icon-loader.js",
75
+ "require": "./dist/sds-icon/sds-icon-loader.js",
76
+ "types": "./dist/sds-icon/sds-icon-loader.d.ts"
77
+ },
78
+ "./sds-loader": {
79
+ "import": "./dist/sds-loader/sds-loader.js",
80
+ "require": "./dist/sds-loader/sds-loader.js",
81
+ "types": "./dist/sds-loader/sds-loader.d.ts"
82
+ },
83
+ "./sds-card": {
84
+ "import": "./dist/sds-card/sds-card.js",
85
+ "require": "./dist/sds-card/sds-card.js",
86
+ "types": "./dist/sds-card/sds-card.d.ts"
87
+ },
88
+ "./sds-notification": {
89
+ "import": "./dist/sds-notification/sds-notification.js",
90
+ "require": "./dist/sds-notification/sds-notification.js",
91
+ "types": "./dist/sds-notification/sds-notification.d.ts"
92
+ },
93
+ "./sds-radio": {
94
+ "import": "./dist/sds-radio/sds-radio.js",
95
+ "require": "./dist/sds-radio/sds-radio.js",
96
+ "types": "./dist/sds-radio/sds-radio.d.ts"
97
+ },
98
+ "./sds-radio-group": {
99
+ "import": "./dist/sds-radio-group/sds-radio-group.js",
100
+ "require": "./dist/sds-radio-group/sds-radio-group.js",
101
+ "types": "./dist/sds-radio-group/sds-radio-group.d.ts"
102
+ },
103
+ "./sds-switch": {
104
+ "import": "./dist/sds-switch/sds-switch.js",
105
+ "require": "./dist/sds-switch/sds-switch.js",
106
+ "types": "./dist/sds-switch/sds-switch.d.ts"
107
+ },
108
+ "./sds-tag": {
109
+ "import": "./dist/sds-tag/sds-tag.js",
110
+ "require": "./dist/sds-tag/sds-tag.js",
111
+ "types": "./dist/sds-tag/sds-tag.d.ts"
112
+ },
113
+ "./sds-text": {
114
+ "import": "./dist/sds-text/sds-text.js",
115
+ "require": "./dist/sds-text/sds-text.js",
116
+ "types": "./dist/sds-text/sds-text.d.ts"
117
+ },
118
+ "./sds-textarea": {
119
+ "import": "./dist/sds-textarea/sds-textarea.js",
120
+ "require": "./dist/sds-textarea/sds-textarea.js",
121
+ "types": "./dist/sds-textarea/sds-textarea.d.ts"
122
+ },
123
+ "./sds-textfield": {
124
+ "import": "./dist/sds-textfield/sds-textfield.js",
125
+ "require": "./dist/sds-textfield/sds-textfield.js",
126
+ "types": "./dist/sds-textfield/sds-textfield.d.ts"
127
+ }
128
+ },
129
+ "scripts": {
130
+ "tidy-frameworks": "node ../../../scripts/delete-filetypes-from-folder.js --folder ./dist/frameworks --filetypes js,js.map",
131
+ "build": "tsc && npm run tidy-frameworks"
132
+ },
133
+ "dependencies": {
134
+ "lit": "^3.3.1"
135
+ },
136
+ "optionalDependencies": {
137
+ "@lit/react": "^1.0.8",
138
+ "@politiet/sheriff-icons": "^2.0.1"
139
+ },
140
+ "peerDependencies": {
141
+ "@politiet/sheriff-css-framework": "^2.0.1"
142
+ },
143
+ "author": "Politiets IT-enhet",
144
+ "license": "ISC"
145
145
  }