@politiet/sheriff-web-components 2.0.3 → 2.1.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 (85) hide show
  1. package/dist/frameworks/preact.d.ts +4 -1
  2. package/dist/frameworks/preact.d.ts.map +1 -1
  3. package/dist/frameworks/react.d.ts +4 -1
  4. package/dist/frameworks/react.d.ts.map +1 -1
  5. package/dist/frameworks/solidjs.d.ts +1 -0
  6. package/dist/frameworks/solidjs.d.ts.map +1 -1
  7. package/dist/frameworks/svelte.d.ts +1 -0
  8. package/dist/frameworks/svelte.d.ts.map +1 -1
  9. package/dist/frameworks/vue.d.ts +1 -0
  10. package/dist/frameworks/vue.d.ts.map +1 -1
  11. package/dist/index.d.ts +2 -0
  12. package/dist/index.d.ts.map +1 -1
  13. package/dist/index.js +1 -0
  14. package/dist/index.js.map +1 -1
  15. package/dist/react-wrappers/SDSDetailsWrapper.d.ts +6 -0
  16. package/dist/react-wrappers/SDSDetailsWrapper.d.ts.map +1 -0
  17. package/dist/react-wrappers/SDSDetailsWrapper.js +12 -0
  18. package/dist/react-wrappers/SDSDetailsWrapper.js.map +1 -0
  19. package/dist/react-wrappers/index.d.ts +1 -0
  20. package/dist/react-wrappers/index.d.ts.map +1 -1
  21. package/dist/react-wrappers/index.js +1 -0
  22. package/dist/react-wrappers/index.js.map +1 -1
  23. package/dist/sds-alert/sds-alert.styles.d.ts.map +1 -1
  24. package/dist/sds-alert/sds-alert.styles.js +2 -0
  25. package/dist/sds-alert/sds-alert.styles.js.map +1 -1
  26. package/dist/sds-checkbox/sds-checkbox.d.ts +20 -1
  27. package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
  28. package/dist/sds-checkbox/sds-checkbox.js +54 -2
  29. package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
  30. package/dist/sds-checkbox/sds-checkbox.styles.js +1 -1
  31. package/dist/sds-checkbox/sds-checkbox.styles.js.map +1 -1
  32. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts +2 -0
  33. package/dist/sds-checkbox-group/sds-checkbox-group.d.ts.map +1 -1
  34. package/dist/sds-checkbox-group/sds-checkbox-group.js +37 -24
  35. package/dist/sds-checkbox-group/sds-checkbox-group.js.map +1 -1
  36. package/dist/sds-checkbox-group/sds-checkbox-group.styles.js +6 -6
  37. package/dist/sds-checkbox-group/sds-checkbox-group.styles.js.map +1 -1
  38. package/dist/sds-chip/sds-chip.d.ts.map +1 -1
  39. package/dist/sds-chip/sds-chip.js +2 -3
  40. package/dist/sds-chip/sds-chip.js.map +1 -1
  41. package/dist/sds-chip/sds-chip.styles.d.ts.map +1 -1
  42. package/dist/sds-chip/sds-chip.styles.js +7 -3
  43. package/dist/sds-chip/sds-chip.styles.js.map +1 -1
  44. package/dist/sds-details/sds-details.d.ts +21 -0
  45. package/dist/sds-details/sds-details.d.ts.map +1 -0
  46. package/dist/sds-details/sds-details.js +60 -0
  47. package/dist/sds-details/sds-details.js.map +1 -0
  48. package/dist/sds-details/sds-details.styles.d.ts +2 -0
  49. package/dist/sds-details/sds-details.styles.d.ts.map +1 -0
  50. package/dist/sds-details/sds-details.styles.js +139 -0
  51. package/dist/sds-details/sds-details.styles.js.map +1 -0
  52. package/dist/sds-icon/sds-icon-names.d.ts +1 -1
  53. package/dist/sds-icon/sds-icon-names.d.ts.map +1 -1
  54. package/dist/sds-icon/sds-icon-names.js +1 -0
  55. package/dist/sds-icon/sds-icon-names.js.map +1 -1
  56. package/dist/sds-icon/sds-icon.system.d.ts +1 -1
  57. package/dist/sds-icon/sds-icon.system.d.ts.map +1 -1
  58. package/dist/sds-icon/sds-icon.system.js +2 -0
  59. package/dist/sds-icon/sds-icon.system.js.map +1 -1
  60. package/dist/sds-notification/sds-notification.styles.js +1 -1
  61. package/dist/sds-notification/sds-notification.styles.js.map +1 -1
  62. package/dist/sds-radio-group/sds-radio-group.styles.js +6 -6
  63. package/dist/sds-radio-group/sds-radio-group.styles.js.map +1 -1
  64. package/dist/sds-switch/sds-switch.js +2 -2
  65. package/dist/sds-switch/sds-switch.js.map +1 -1
  66. package/dist/sds-switch/sds-switch.styles.js +6 -6
  67. package/dist/sds-switch/sds-switch.styles.js.map +1 -1
  68. package/dist/sds-text/sds-text.styles.js +2 -2
  69. package/dist/sds-text/sds-text.styles.js.map +1 -1
  70. package/dist/sds-textarea/sds-textarea.d.ts +1 -1
  71. package/dist/sds-textarea/sds-textarea.d.ts.map +1 -1
  72. package/dist/sds-textarea/sds-textarea.js +14 -12
  73. package/dist/sds-textarea/sds-textarea.js.map +1 -1
  74. package/dist/sds-textarea/sds-textarea.styles.js +15 -15
  75. package/dist/sds-textarea/sds-textarea.styles.js.map +1 -1
  76. package/dist/sds-textfield/sds-textfield.d.ts +1 -1
  77. package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
  78. package/dist/sds-textfield/sds-textfield.js +16 -14
  79. package/dist/sds-textfield/sds-textfield.js.map +1 -1
  80. package/dist/sheriff-web-components.js +459 -199
  81. package/dist/types.d.ts +2 -1
  82. package/dist/types.d.ts.map +1 -1
  83. package/dist/types.js +1 -1
  84. package/dist/types.js.map +1 -1
  85. package/package.json +3 -3
package/dist/sds-details/sds-details.styles.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sds-details.styles.js","sourceRoot":"","sources":["../../src/sds-details/sds-details.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwIxB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\t:host {\n\t\t--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));\n\n\t\t--_sds-details-summary-padding: var(--sds-details-summary-padding, var(--sds-spacing-xs));\n\t\t--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\t\t--_sds-details-summary-gap: var(--sds-details-summary-gap, var(--sds-spacing-3xs));\n\n\t\t--_sds-details-content-padding-start: var(--sds-details-content-padding-start, calc(var(--_sds-details-summary-padding) + var(--_sds-details-summary-gap) + var(--sds-components-icon-md)));\n\t\t--_sds-details-content-padding: var(--sds-details-content-padding, var(--sds-spacing-xs));\n\t\t--_sds-details-content-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\n\t\t--_sds-details-focus-outline-width: var(--sds-details-focus-outline-width, var(--sds-border-md));\n\t\t--_sds-details-focus-outline-color: var(--sds-details-focus-outline-color, var(--sds-color-states-focus-outer));\n\t\t--_sds-details-focus-outline-offset: var(--sds-details-focus-outline-offset, var(--sds-color-states-focus-spacing));\n\t\t--_sds-details-focus-inner-color: var(--sds-details-focus-inner-color, var(--sds-color-states-focus-inner));\n\n\t\t--_sds-details-icon-transition: var(--sds-details-icon-transition, transform 0.2s ease);\n\n\t\t--_sds-details-border-color: var(--sds-details-border-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));\n\t\t--_sds-details-border-bottom: var(--sds-details-border-bottom, solid 1px var(--_sds-details-border-color));\n\t}\n\n\t:host([data-palette]) {\n\t\t--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));\n\t\t--_sds-details-summary-background-color: var(--sds-details-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));\n\t}\n\n\t.sds-details {\n\t\tcolor: var(--_sds-details-text-color);\n\n\t\t&:is([open]) {\n\t\t\t--_sds-details-summary-background-color: var(----_sds-details-summary-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));\n\t\t}\n\n\t\t&:not([data-standalone]) {\n\t\t\tborder-top: solid 1px var(--_sds-details-border-color);\n\t\t\tborder-bottom: var(--_sds-details-border-bottom);\n\t\t}\n\n\t\t/* Setting the border on the summary element preserves the border\n\t\t when the element has focus\n\t\t*/\n\t\t&:is([data-standalone]) {\n\t\t\tsummary {\n\t\t\t\tborder-radius: var(--sds-radius-md);\n\t\t\t\tborder: solid 1px var(--_sds-details-border-color);\n\t\t\t}\n\n\t\t\t&:is([open]) {\n\t\t\t\t& summary {\n\t\t\t\t\tborder-bottom-left-radius: 0px;\n\t\t\t\t\tborder-bottom-right-radius: 0px;\n\t\t\t\t}\n\n\t\t\t\t& .sds-details__content {\n\t\t\t\t\tborder-left: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-right: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-bottom: solid 1px var(--_sds-details-border-color);\n\t\t\t\t\tborder-bottom-left-radius: var(--sds-radius-md);\n\t\t\t\t\tborder-bottom-right-radius: var(--sds-radius-md);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sds-details__summary {\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: var(--_sds-details-summary-padding);\n\t\tbackground-color: var(--_sds-details-summary-background-color);\n\t\tgap: var(--_sds-details-summary-gap);\n\t\tlist-style: none;\n\t\tuser-select: none;\n\n\t\t&:hover {\n\t\t\t--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-hover, var(--sds-color-main-surface-hover)));\n\t\t}\n\n\t\t&:active {\n\t\t\t--_sds-details-summary-background-color: var(--sds-details-summary-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));\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-details-focus-inner-color);\n\t\t\toutline: var(--_sds-details-focus-outline-width) solid var(--_sds-details-focus-outline-color);\n\t\t\toutline-offset: var(--_sds-details-focus-outline-offset);\n\t\t}\n\t}\n\n\t.sds-details__summary-content {\n\t\tflex: 1;\n\t\tmin-width: 0;\n\t}\n\n\tsds-icon {\n\t\ttransition: var(--_sds-details-icon-transition);\n\t}\n\n\t.sds-details[open] sds-icon {\n\t\ttransform: rotate(180deg);\n\t}\n\n\t.sds-details__content {\n\t\tpadding: var(--_sds-details-content-padding);\n\t\tpadding-inline-start: var(--_sds-details-content-padding-start);\n\t}\n\n\t@media (prefers-reduced-motion: no-preference) {\n\t\t.sds-details__content {\n\t\t\tanimation: show-content-keyframes 200ms ease-in-out;\n\t\t}\n\t}\n\n\t@keyframes show-content-keyframes {\n\t\tfrom {\n\t\t\topacity: 0;\n\t\t\ttransform: translateY(-0.5rem);\n\t\t}\n\t\tto {\n\t\t\topacity: 1;\n\t\t\ttransform: translateY(0);\n\t\t}\n\t}\n\n\t::slotted(*) {\n\t\tmargin: 0 !important;\n\t\tpadding: 0 !important;\n\t}\n\n\t::slotted([slot='summary']) {\n\t\tdisplay: inline;\n\t\tmargin: 0;\n\t}\n`;\n"]}