@politiet/sheriff-web-components 2.10.0 → 2.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (156) hide show
  1. package/custom-elements.json +271 -111
  2. package/dist/frameworks/preact.d.ts +4 -1
  3. package/dist/frameworks/preact.d.ts.map +1 -1
  4. package/dist/frameworks/react.d.ts +4 -1
  5. package/dist/frameworks/react.d.ts.map +1 -1
  6. package/dist/frameworks/solidjs.d.ts +1 -0
  7. package/dist/frameworks/solidjs.d.ts.map +1 -1
  8. package/dist/frameworks/svelte.d.ts +1 -0
  9. package/dist/frameworks/svelte.d.ts.map +1 -1
  10. package/dist/frameworks/vue.d.ts +1 -0
  11. package/dist/frameworks/vue.d.ts.map +1 -1
  12. package/dist/index.d.ts +2 -0
  13. package/dist/index.d.ts.map +1 -1
  14. package/dist/index.js +1 -0
  15. package/dist/index.js.map +1 -1
  16. package/dist/react-wrappers/SDSInternalHeaderWrapper.d.ts +3 -0
  17. package/dist/react-wrappers/SDSInternalHeaderWrapper.d.ts.map +1 -0
  18. package/dist/react-wrappers/SDSInternalHeaderWrapper.js +10 -0
  19. package/dist/react-wrappers/SDSInternalHeaderWrapper.js.map +1 -0
  20. package/dist/react-wrappers/index.d.ts +1 -0
  21. package/dist/react-wrappers/index.d.ts.map +1 -1
  22. package/dist/react-wrappers/index.js +1 -0
  23. package/dist/react-wrappers/index.js.map +1 -1
  24. package/dist/sds-alert/sds-alert.component.d.ts +2 -2
  25. package/dist/sds-alert/sds-alert.component.d.ts.map +1 -1
  26. package/dist/sds-alert/sds-alert.component.js +3 -2
  27. package/dist/sds-alert/sds-alert.component.js.map +1 -1
  28. package/dist/sds-button/sds-button.component.d.ts +3 -2
  29. package/dist/sds-button/sds-button.component.d.ts.map +1 -1
  30. package/dist/sds-button/sds-button.component.js +4 -3
  31. package/dist/sds-button/sds-button.component.js.map +1 -1
  32. package/dist/sds-card/sds-card.d.ts +2 -2
  33. package/dist/sds-card/sds-card.d.ts.map +1 -1
  34. package/dist/sds-card/sds-card.js +3 -2
  35. package/dist/sds-card/sds-card.js.map +1 -1
  36. package/dist/sds-checkbox/sds-checkbox.d.ts +3 -2
  37. package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
  38. package/dist/sds-checkbox/sds-checkbox.js +3 -2
  39. package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
  40. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts +2 -2
  41. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts.map +1 -1
  42. package/dist/sds-checkbox-group/sds-checkbox-group.js +3 -2
  43. package/dist/sds-checkbox-group/sds-checkbox-group.js.map +1 -1
  44. package/dist/sds-chip/sds-chip.d.ts +2 -2
  45. package/dist/sds-chip/sds-chip.d.ts.map +1 -1
  46. package/dist/sds-chip/sds-chip.js +3 -2
  47. package/dist/sds-chip/sds-chip.js.map +1 -1
  48. package/dist/sds-details/sds-details.d.ts +2 -2
  49. package/dist/sds-details/sds-details.d.ts.map +1 -1
  50. package/dist/sds-details/sds-details.js +3 -2
  51. package/dist/sds-details/sds-details.js.map +1 -1
  52. package/dist/sds-details-group/sds-details-group.d.ts +2 -2
  53. package/dist/sds-details-group/sds-details-group.d.ts.map +1 -1
  54. package/dist/sds-details-group/sds-details-group.js +3 -2
  55. package/dist/sds-details-group/sds-details-group.js.map +1 -1
  56. package/dist/sds-dialog/sds-dialog.component.d.ts +3 -2
  57. package/dist/sds-dialog/sds-dialog.component.d.ts.map +1 -1
  58. package/dist/sds-dialog/sds-dialog.component.js +3 -2
  59. package/dist/sds-dialog/sds-dialog.component.js.map +1 -1
  60. package/dist/sds-heading/sds-heading.component.d.ts +2 -2
  61. package/dist/sds-heading/sds-heading.component.d.ts.map +1 -1
  62. package/dist/sds-heading/sds-heading.component.js +3 -2
  63. package/dist/sds-heading/sds-heading.component.js.map +1 -1
  64. package/dist/sds-icon/sds-icon.component.d.ts +2 -2
  65. package/dist/sds-icon/sds-icon.component.d.ts.map +1 -1
  66. package/dist/sds-icon/sds-icon.component.js +3 -2
  67. package/dist/sds-icon/sds-icon.component.js.map +1 -1
  68. package/dist/sds-internal-header/sds-internal-header.component.d.ts +14 -0
  69. package/dist/sds-internal-header/sds-internal-header.component.d.ts.map +1 -0
  70. package/dist/sds-internal-header/sds-internal-header.component.js +54 -0
  71. package/dist/sds-internal-header/sds-internal-header.component.js.map +1 -0
  72. package/dist/sds-internal-header/sds-internal-header.d.ts +10 -0
  73. package/dist/sds-internal-header/sds-internal-header.d.ts.map +1 -0
  74. package/dist/sds-internal-header/sds-internal-header.js +15 -0
  75. package/dist/sds-internal-header/sds-internal-header.js.map +1 -0
  76. package/dist/sds-internal-header/sds-internal-header.styles.d.ts +2 -0
  77. package/dist/sds-internal-header/sds-internal-header.styles.d.ts.map +1 -0
  78. package/dist/sds-internal-header/sds-internal-header.styles.js +122 -0
  79. package/dist/sds-internal-header/sds-internal-header.styles.js.map +1 -0
  80. package/dist/sds-loader/sds-loader.d.ts +2 -2
  81. package/dist/sds-loader/sds-loader.d.ts.map +1 -1
  82. package/dist/sds-loader/sds-loader.js +3 -2
  83. package/dist/sds-loader/sds-loader.js.map +1 -1
  84. package/dist/sds-notification/sds-notification.d.ts +3 -2
  85. package/dist/sds-notification/sds-notification.d.ts.map +1 -1
  86. package/dist/sds-notification/sds-notification.js +3 -2
  87. package/dist/sds-notification/sds-notification.js.map +1 -1
  88. package/dist/sds-popover/sds-popover.d.ts +4 -3
  89. package/dist/sds-popover/sds-popover.d.ts.map +1 -1
  90. package/dist/sds-popover/sds-popover.js +3 -2
  91. package/dist/sds-popover/sds-popover.js.map +1 -1
  92. package/dist/sds-process/sds-process.d.ts +2 -2
  93. package/dist/sds-process/sds-process.d.ts.map +1 -1
  94. package/dist/sds-process/sds-process.js +3 -2
  95. package/dist/sds-process/sds-process.js.map +1 -1
  96. package/dist/sds-process-step/sds-process-step.d.ts +2 -2
  97. package/dist/sds-process-step/sds-process-step.d.ts.map +1 -1
  98. package/dist/sds-process-step/sds-process-step.js +3 -2
  99. package/dist/sds-process-step/sds-process-step.js.map +1 -1
  100. package/dist/sds-radio/sds-radio.d.ts +3 -2
  101. package/dist/sds-radio/sds-radio.d.ts.map +1 -1
  102. package/dist/sds-radio/sds-radio.js +3 -2
  103. package/dist/sds-radio/sds-radio.js.map +1 -1
  104. package/dist/sds-radio-group/sds-radio-group.d.ts +2 -2
  105. package/dist/sds-radio-group/sds-radio-group.d.ts.map +1 -1
  106. package/dist/sds-radio-group/sds-radio-group.js +3 -2
  107. package/dist/sds-radio-group/sds-radio-group.js.map +1 -1
  108. package/dist/sds-select/sds-select.component.d.ts +2 -2
  109. package/dist/sds-select/sds-select.component.d.ts.map +1 -1
  110. package/dist/sds-select/sds-select.component.js +3 -2
  111. package/dist/sds-select/sds-select.component.js.map +1 -1
  112. package/dist/sds-stepper/sds-stepper.d.ts +2 -2
  113. package/dist/sds-stepper/sds-stepper.d.ts.map +1 -1
  114. package/dist/sds-stepper/sds-stepper.js +3 -2
  115. package/dist/sds-stepper/sds-stepper.js.map +1 -1
  116. package/dist/sds-stepper-step/sds-stepper-step.d.ts +2 -2
  117. package/dist/sds-stepper-step/sds-stepper-step.d.ts.map +1 -1
  118. package/dist/sds-stepper-step/sds-stepper-step.js +4 -3
  119. package/dist/sds-stepper-step/sds-stepper-step.js.map +1 -1
  120. package/dist/sds-switch/sds-switch.d.ts +2 -2
  121. package/dist/sds-switch/sds-switch.d.ts.map +1 -1
  122. package/dist/sds-switch/sds-switch.js +3 -2
  123. package/dist/sds-switch/sds-switch.js.map +1 -1
  124. package/dist/sds-tag/sds-tag.d.ts +2 -2
  125. package/dist/sds-tag/sds-tag.d.ts.map +1 -1
  126. package/dist/sds-tag/sds-tag.js +3 -2
  127. package/dist/sds-tag/sds-tag.js.map +1 -1
  128. package/dist/sds-text/sds-text.component.d.ts +2 -2
  129. package/dist/sds-text/sds-text.component.d.ts.map +1 -1
  130. package/dist/sds-text/sds-text.component.js +3 -2
  131. package/dist/sds-text/sds-text.component.js.map +1 -1
  132. package/dist/sds-textarea/sds-textarea.d.ts +2 -2
  133. package/dist/sds-textarea/sds-textarea.d.ts.map +1 -1
  134. package/dist/sds-textarea/sds-textarea.js +3 -2
  135. package/dist/sds-textarea/sds-textarea.js.map +1 -1
  136. package/dist/sds-textfield/sds-textfield.component.d.ts +2 -2
  137. package/dist/sds-textfield/sds-textfield.component.d.ts.map +1 -1
  138. package/dist/sds-textfield/sds-textfield.component.js +3 -2
  139. package/dist/sds-textfield/sds-textfield.component.js.map +1 -1
  140. package/dist/sds-tooltip/sds-tooltip.d.ts +4 -3
  141. package/dist/sds-tooltip/sds-tooltip.d.ts.map +1 -1
  142. package/dist/sds-tooltip/sds-tooltip.js +3 -2
  143. package/dist/sds-tooltip/sds-tooltip.js.map +1 -1
  144. package/dist/sds-tooltip/sds-tooltip.styles.js +8 -8
  145. package/dist/sds-tooltip/sds-tooltip.styles.js.map +1 -1
  146. package/dist/sheriff-web-components.js +281 -145
  147. package/dist/utils/sds-element.d.ts +5 -0
  148. package/dist/utils/sds-element.d.ts.map +1 -0
  149. package/dist/utils/sds-element.js +9 -0
  150. package/dist/utils/sds-element.js.map +1 -0
  151. package/dist/version.d.ts +2 -0
  152. package/dist/version.d.ts.map +1 -0
  153. package/dist/version.js +3 -0
  154. package/dist/version.js.map +1 -0
  155. package/package.json +8 -3
  156. package/web-types.json +491 -1
package/dist/sds-tooltip/sds-tooltip.styles.js CHANGED
@@ -41,28 +41,28 @@ export const styles = css `
41
41
  rotate: -45deg;
42
42
  }
43
43
 
44
- :host([data-floating='top'])::after,
45
- :host([data-floating='bottom'])::after {
44
+ :host([data-floating|='top'])::after,
45
+ :host([data-floating|='bottom'])::after {
46
46
  height: var(--dsc-tooltip-arrow-size);
47
47
  left: 0;
48
48
  width: 100%;
49
49
  }
50
- :host([data-floating='top'])::after {
50
+ :host([data-floating|='top'])::after {
51
51
  top: 100%;
52
52
  }
53
- :host([data-floating='bottom'])::after {
53
+ :host([data-floating|='bottom'])::after {
54
54
  top: calc(var(--dsc-tooltip-arrow-size) * -1);
55
55
  }
56
- :host([data-floating='left'])::after,
57
- :host([data-floating='right'])::after {
56
+ :host([data-floating|='left'])::after,
57
+ :host([data-floating|='right'])::after {
58
58
  height: 100%;
59
59
  top: 0;
60
60
  width: var(--dsc-tooltip-arrow-size);
61
61
  }
62
- :host([data-floating='right'])::after {
62
+ :host([data-floating|='right'])::after {
63
63
  left: calc(var(--dsc-tooltip-arrow-size) * -1);
64
64
  }
65
- :host([data-floating='left'])::after {
65
+ :host([data-floating|='left'])::after {
66
66
  left: 100%;
67
67
  }
68
68
 
package/dist/sds-tooltip/sds-tooltip.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sds-tooltip.styles.js","sourceRoot":"","sources":["../../src/sds-tooltip/sds-tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;GACtB,SAAS,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFvB,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport stylesheet from './assets/tooltip-styles';\n\nexport const styles = css`\n\t${unsafeCSS(stylesheet)}\n\n\t:host {\n\t\t--dsc-tooltip-background: var(--sds-tooltip-background, var(--sds-color-neutral-text-default));\n\t\t--dsc-tooltip-color: var(--sds-tooltip-text-color, var(--sds-color-neutral-background-default));\n\t\t--dsc-tooltip-border-radius: var(--sds-tooltip-border-radius, var(--sds-radius-sm));\n\t\t--dsc-tooltip-padding: var(--sds-tooltip-padding, var(--sds-spacing-4xs) var(--sds-spacing-3xs));\n\t\t--dsc-tooltip-arrow-size: var(--sds-tooltip-arrow-size, 8px);\n\n\t\t--_sds-tooltip-max-width: var(--sds-tooltip-max-width, 30ch);\n\t\t--_sds-tooltip-font-size: var(--sds-tooltip-font-size, var(--sds-components-font-size-content-sm, 0.875rem));\n\t\t--_sds-tooltip-line-height: var(--sds-tooltip-line-height, var(--sds-components-line-height-squeezed-sm, 1.125rem));\n\n\t\tslot {\n\t\t\tmax-width: var(--_sds-tooltip-max-width);\n\t\t\tfont-size: var(--_sds-tooltip-font-size);\n\t\t\tline-height: var(--_sds-tooltip-line-height);\n\t\t}\n\t}\n\n\t/* Note: Designsystem's tooltip.css uses nested CSS selectors that do not work in the shadow DOM.\n\t These rules ensure that arrow positioning works for our tooltip.\n\t Do not remove unless the CSS selectors from Designsystem work out of the box. */\n\t:host([data-floating|='top'])::before {\n\t\trotate: 45deg;\n\t\ttop: 100%;\n\t}\n\t:host([data-floating|='right'])::before {\n\t\tleft: 0;\n\t\trotate: 135deg;\n\t}\n\t:host([data-floating|='bottom'])::before {\n\t\trotate: -135deg;\n\t\ttop: 0;\n\t}\n\t:host([data-floating|='left'])::before {\n\t\tleft: 100%;\n\t\trotate: -45deg;\n\t}\n\n\t:host([data-floating='top'])::after,\n\t:host([data-floating='bottom'])::after {\n\t\theight: var(--dsc-tooltip-arrow-size);\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n\t:host([data-floating='top'])::after {\n\t\ttop: 100%;\n\t}\n\t:host([data-floating='bottom'])::after {\n\t\ttop: calc(var(--dsc-tooltip-arrow-size) * -1);\n\t}\n\t:host([data-floating='left'])::after,\n\t:host([data-floating='right'])::after {\n\t\theight: 100%;\n\t\ttop: 0;\n\t\twidth: var(--dsc-tooltip-arrow-size);\n\t}\n\t:host([data-floating='right'])::after {\n\t\tleft: calc(var(--dsc-tooltip-arrow-size) * -1);\n\t}\n\t:host([data-floating='left'])::after {\n\t\tleft: 100%;\n\t}\n\n\t@keyframes ds-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t@media (forced-colors: active) {\n\t\t:host {\n\t\t\tborder: 1px solid CanvasText;\n\t\t}\n\t}\n`;\n"]}
1
+ {"version":3,"file":"sds-tooltip.styles.js","sourceRoot":"","sources":["../../src/sds-tooltip/sds-tooltip.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;GACtB,SAAS,CAAC,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkFvB,CAAC","sourcesContent":["import { css, unsafeCSS } from 'lit';\nimport stylesheet from './assets/tooltip-styles';\n\nexport const styles = css`\n\t${unsafeCSS(stylesheet)}\n\n\t:host {\n\t\t--dsc-tooltip-background: var(--sds-tooltip-background, var(--sds-color-neutral-text-default));\n\t\t--dsc-tooltip-color: var(--sds-tooltip-text-color, var(--sds-color-neutral-background-default));\n\t\t--dsc-tooltip-border-radius: var(--sds-tooltip-border-radius, var(--sds-radius-sm));\n\t\t--dsc-tooltip-padding: var(--sds-tooltip-padding, var(--sds-spacing-4xs) var(--sds-spacing-3xs));\n\t\t--dsc-tooltip-arrow-size: var(--sds-tooltip-arrow-size, 8px);\n\n\t\t--_sds-tooltip-max-width: var(--sds-tooltip-max-width, 30ch);\n\t\t--_sds-tooltip-font-size: var(--sds-tooltip-font-size, var(--sds-components-font-size-content-sm, 0.875rem));\n\t\t--_sds-tooltip-line-height: var(--sds-tooltip-line-height, var(--sds-components-line-height-squeezed-sm, 1.125rem));\n\n\t\tslot {\n\t\t\tmax-width: var(--_sds-tooltip-max-width);\n\t\t\tfont-size: var(--_sds-tooltip-font-size);\n\t\t\tline-height: var(--_sds-tooltip-line-height);\n\t\t}\n\t}\n\n\t/* Note: Designsystem's tooltip.css uses nested CSS selectors that do not work in the shadow DOM.\n\t These rules ensure that arrow positioning works for our tooltip.\n\t Do not remove unless the CSS selectors from Designsystem work out of the box. */\n\t:host([data-floating|='top'])::before {\n\t\trotate: 45deg;\n\t\ttop: 100%;\n\t}\n\t:host([data-floating|='right'])::before {\n\t\tleft: 0;\n\t\trotate: 135deg;\n\t}\n\t:host([data-floating|='bottom'])::before {\n\t\trotate: -135deg;\n\t\ttop: 0;\n\t}\n\t:host([data-floating|='left'])::before {\n\t\tleft: 100%;\n\t\trotate: -45deg;\n\t}\n\n\t:host([data-floating|='top'])::after,\n\t:host([data-floating|='bottom'])::after {\n\t\theight: var(--dsc-tooltip-arrow-size);\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n\t:host([data-floating|='top'])::after {\n\t\ttop: 100%;\n\t}\n\t:host([data-floating|='bottom'])::after {\n\t\ttop: calc(var(--dsc-tooltip-arrow-size) * -1);\n\t}\n\t:host([data-floating|='left'])::after,\n\t:host([data-floating|='right'])::after {\n\t\theight: 100%;\n\t\ttop: 0;\n\t\twidth: var(--dsc-tooltip-arrow-size);\n\t}\n\t:host([data-floating|='right'])::after {\n\t\tleft: calc(var(--dsc-tooltip-arrow-size) * -1);\n\t}\n\t:host([data-floating|='left'])::after {\n\t\tleft: 100%;\n\t}\n\n\t@keyframes ds-fade-in {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\t:host {\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t@media (forced-colors: active) {\n\t\t:host {\n\t\t\tborder: 1px solid CanvasText;\n\t\t}\n\t}\n`;\n"]}