@scania/tegel 1.32.0 → 1.32.2

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 (229) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/tds-accordion-item.cjs.entry.js +1 -1
  3. package/dist/cjs/tds-accordion.cjs.entry.js +1 -1
  4. package/dist/cjs/tds-badge.cjs.entry.js +1 -1
  5. package/dist/cjs/tds-banner.cjs.entry.js +1 -1
  6. package/dist/cjs/tds-breadcrumb.cjs.entry.js +1 -1
  7. package/dist/cjs/tds-button.cjs.entry.js +6 -4
  8. package/dist/cjs/tds-checkbox.cjs.entry.js +9 -3
  9. package/dist/cjs/tds-chip.cjs.entry.js +1 -1
  10. package/dist/cjs/tds-core-header-item_2.cjs.entry.js +1 -1
  11. package/dist/cjs/tds-datetime.cjs.entry.js +10 -3
  12. package/dist/cjs/tds-dropdown_2.cjs.entry.js +32 -11
  13. package/dist/cjs/tds-folder-tab.cjs.entry.js +1 -1
  14. package/dist/cjs/tds-folder-tabs.cjs.entry.js +1 -1
  15. package/dist/cjs/tds-footer-group.cjs.entry.js +1 -1
  16. package/dist/cjs/tds-footer-item.cjs.entry.js +1 -1
  17. package/dist/cjs/tds-header-cell.cjs.entry.js +1 -1
  18. package/dist/cjs/tds-header-dropdown-list-item.cjs.entry.js +1 -1
  19. package/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js +1 -1
  20. package/dist/cjs/tds-inline-tabs.cjs.entry.js +1 -1
  21. package/dist/cjs/tds-message.cjs.entry.js +1 -1
  22. package/dist/cjs/tds-modal.cjs.entry.js +1 -1
  23. package/dist/cjs/tds-navigation-tabs.cjs.entry.js +1 -1
  24. package/dist/cjs/tds-popover-core.cjs.entry.js +1 -1
  25. package/dist/cjs/tds-radio-button.cjs.entry.js +8 -2
  26. package/dist/cjs/tds-side-menu-dropdown-list-item.cjs.entry.js +1 -1
  27. package/dist/cjs/tds-side-menu-item.cjs.entry.js +1 -1
  28. package/dist/cjs/tds-spinner.cjs.entry.js +1 -1
  29. package/dist/cjs/tds-step.cjs.entry.js +2 -2
  30. package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js +1 -1
  31. package/dist/cjs/tds-table-footer.cjs.entry.js +1 -1
  32. package/dist/cjs/tds-textarea.cjs.entry.js +10 -3
  33. package/dist/cjs/tds-toast.cjs.entry.js +1 -1
  34. package/dist/cjs/tds-toggle.cjs.entry.js +9 -3
  35. package/dist/cjs/tegel.cjs.js +1 -1
  36. package/dist/collection/components/accordion/accordion-item/accordion-item.css +2 -1
  37. package/dist/collection/components/accordion/accordion.css +2 -1
  38. package/dist/collection/components/badge/badge.css +1 -1
  39. package/dist/collection/components/banner/banner.css +2 -1
  40. package/dist/collection/components/breadcrumbs/breadcrumb/breadcrumb.css +2 -1
  41. package/dist/collection/components/button/button.css +60 -57
  42. package/dist/collection/components/button/button.js +39 -3
  43. package/dist/collection/components/checkbox/checkbox.css +5 -5
  44. package/dist/collection/components/checkbox/checkbox.js +25 -2
  45. package/dist/collection/components/chip/chip.css +4 -3
  46. package/dist/collection/components/datetime/datetime.js +27 -3
  47. package/dist/collection/components/dropdown/dropdown-option/dropdown-option.css +2 -1
  48. package/dist/collection/components/dropdown/dropdown.css +2 -2
  49. package/dist/collection/components/dropdown/dropdown.js +30 -9
  50. package/dist/collection/components/footer/footer-group/footer-group.css +3 -3
  51. package/dist/collection/components/footer/footer-item/footer-item.css +6 -4
  52. package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css +2 -1
  53. package/dist/collection/components/header/header-item/header-item.css +2 -1
  54. package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css +2 -1
  55. package/dist/collection/components/message/message.css +12 -1
  56. package/dist/collection/components/modal/modal.css +2 -1
  57. package/dist/collection/components/popover-core/tds-popover-core.css +574 -501
  58. package/dist/collection/components/radio-button/radio-button.css +4 -7
  59. package/dist/collection/components/radio-button/radio-button.js +28 -1
  60. package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.css +2 -1
  61. package/dist/collection/components/side-menu/side-menu-item/side-menu-item.css +2 -1
  62. package/dist/collection/components/spinner/spinner.css +3 -3
  63. package/dist/collection/components/stepper/step/step.css +19 -27
  64. package/dist/collection/components/stepper/step/step.js +1 -1
  65. package/dist/collection/components/table/table-body-row-expandable/table-body-row-expandable.css +2 -1
  66. package/dist/collection/components/table/table-footer/table-footer.css +2 -1
  67. package/dist/collection/components/table/table-header-cell/table-header-cell.css +1 -1
  68. package/dist/collection/components/tabs/folder-tabs/folder-tab/folder-tab.css +2 -1
  69. package/dist/collection/components/tabs/folder-tabs/folder-tabs.css +2 -1
  70. package/dist/collection/components/tabs/inline-tabs/inline-tabs.css +2 -1
  71. package/dist/collection/components/tabs/navigation-tabs/navigation-tabs.css +2 -1
  72. package/dist/collection/components/textarea/textarea.js +31 -3
  73. package/dist/collection/components/toast/toast.css +10 -12
  74. package/dist/collection/components/toggle/toggle.css +18 -3
  75. package/dist/collection/components/toggle/toggle.js +25 -2
  76. package/dist/collection/utils/accessibility.js +30 -0
  77. package/dist/collection/utils/axeHelpers.js +11 -2
  78. package/dist/components/{p-ece91cb9.js → p-037c48f6.js} +1 -1
  79. package/dist/components/{p-6732b15a.js → p-1c6e7dc9.js} +1 -1
  80. package/dist/components/{p-69109003.js → p-39c7dafe.js} +1 -1
  81. package/dist/components/p-4d17e653.js +2098 -0
  82. package/dist/components/{p-1ef7423a.js → p-58b92113.js} +11 -4
  83. package/dist/components/{p-adbf32b9.js → p-5fad6216.js} +31 -10
  84. package/dist/components/{p-6cdccb27.js → p-76dc921a.js} +1 -1
  85. package/dist/components/{p-7ee8b262.js → p-9d6af0e6.js} +2 -2
  86. package/dist/components/{p-84a20410.js → p-c46ecd24.js} +1 -1
  87. package/dist/components/{p-516d8085.js → p-d8bd4b1d.js} +1 -1
  88. package/dist/components/tds-accordion-item.js +1 -1
  89. package/dist/components/tds-accordion.js +1 -1
  90. package/dist/components/tds-badge.js +1 -1
  91. package/dist/components/tds-banner.js +1 -1
  92. package/dist/components/tds-breadcrumb.js +1 -1
  93. package/dist/components/tds-button.js +8 -4
  94. package/dist/components/tds-checkbox.js +1 -1
  95. package/dist/components/tds-chip.js +1 -1
  96. package/dist/components/tds-datetime.js +12 -4
  97. package/dist/components/tds-dropdown-option.js +1 -1
  98. package/dist/components/tds-dropdown.js +1 -1
  99. package/dist/components/tds-folder-tab.js +1 -1
  100. package/dist/components/tds-folder-tabs.js +1 -1
  101. package/dist/components/tds-footer-group.js +1 -1
  102. package/dist/components/tds-footer-item.js +1 -1
  103. package/dist/components/tds-header-brand-symbol.js +1 -1
  104. package/dist/components/tds-header-cell.js +1 -1
  105. package/dist/components/tds-header-dropdown-list-item.js +1 -1
  106. package/dist/components/tds-header-dropdown.js +3 -3
  107. package/dist/components/tds-header-hamburger.js +1 -1
  108. package/dist/components/tds-header-item.js +1 -1
  109. package/dist/components/tds-header-launcher-button.js +1 -1
  110. package/dist/components/tds-header-launcher-grid-item.js +1 -1
  111. package/dist/components/tds-header-launcher-list-item.js +1 -1
  112. package/dist/components/tds-header-launcher.js +4 -4
  113. package/dist/components/tds-inline-tabs.js +1 -1
  114. package/dist/components/tds-message.js +1 -1
  115. package/dist/components/tds-modal.js +1 -1
  116. package/dist/components/tds-navigation-tabs.js +1 -1
  117. package/dist/components/tds-popover-canvas.js +1 -1
  118. package/dist/components/tds-popover-core.js +1 -1
  119. package/dist/components/tds-popover-menu.js +1 -1
  120. package/dist/components/tds-radio-button.js +10 -3
  121. package/dist/components/tds-side-menu-collapse-button.js +1 -1
  122. package/dist/components/tds-side-menu-dropdown-list-item.js +1 -1
  123. package/dist/components/tds-side-menu-dropdown.js +1 -1
  124. package/dist/components/tds-side-menu-item.js +1 -1
  125. package/dist/components/tds-spinner.js +1 -1
  126. package/dist/components/tds-step.js +2 -2
  127. package/dist/components/tds-table-body-row-expandable.js +1 -1
  128. package/dist/components/tds-table-body-row.js +1 -1
  129. package/dist/components/tds-table-footer.js +4 -4
  130. package/dist/components/tds-table-header.js +1 -1
  131. package/dist/components/tds-textarea.js +14 -6
  132. package/dist/components/tds-toast.js +1 -1
  133. package/dist/components/tds-toggle.js +11 -4
  134. package/dist/components/tds-tooltip.js +1 -1
  135. package/dist/esm/loader.js +1 -1
  136. package/dist/esm/tds-accordion-item.entry.js +1 -1
  137. package/dist/esm/tds-accordion.entry.js +1 -1
  138. package/dist/esm/tds-badge.entry.js +1 -1
  139. package/dist/esm/tds-banner.entry.js +1 -1
  140. package/dist/esm/tds-breadcrumb.entry.js +1 -1
  141. package/dist/esm/tds-button.entry.js +6 -4
  142. package/dist/esm/tds-checkbox.entry.js +9 -3
  143. package/dist/esm/tds-chip.entry.js +1 -1
  144. package/dist/esm/tds-core-header-item_2.entry.js +1 -1
  145. package/dist/esm/tds-datetime.entry.js +10 -3
  146. package/dist/esm/tds-dropdown_2.entry.js +32 -11
  147. package/dist/esm/tds-folder-tab.entry.js +1 -1
  148. package/dist/esm/tds-folder-tabs.entry.js +1 -1
  149. package/dist/esm/tds-footer-group.entry.js +1 -1
  150. package/dist/esm/tds-footer-item.entry.js +1 -1
  151. package/dist/esm/tds-header-cell.entry.js +1 -1
  152. package/dist/esm/tds-header-dropdown-list-item.entry.js +1 -1
  153. package/dist/esm/tds-header-launcher-grid-item.entry.js +1 -1
  154. package/dist/esm/tds-inline-tabs.entry.js +1 -1
  155. package/dist/esm/tds-message.entry.js +1 -1
  156. package/dist/esm/tds-modal.entry.js +1 -1
  157. package/dist/esm/tds-navigation-tabs.entry.js +1 -1
  158. package/dist/esm/tds-popover-core.entry.js +1 -1
  159. package/dist/esm/tds-radio-button.entry.js +8 -2
  160. package/dist/esm/tds-side-menu-dropdown-list-item.entry.js +1 -1
  161. package/dist/esm/tds-side-menu-item.entry.js +1 -1
  162. package/dist/esm/tds-spinner.entry.js +1 -1
  163. package/dist/esm/tds-step.entry.js +2 -2
  164. package/dist/esm/tds-table-body-row-expandable.entry.js +1 -1
  165. package/dist/esm/tds-table-footer.entry.js +1 -1
  166. package/dist/esm/tds-textarea.entry.js +10 -3
  167. package/dist/esm/tds-toast.entry.js +1 -1
  168. package/dist/esm/tds-toggle.entry.js +9 -3
  169. package/dist/esm/tegel.js +1 -1
  170. package/dist/tegel/{p-6cdbdb4e.entry.js → p-08cee6a4.entry.js} +1 -1
  171. package/dist/tegel/{p-1336fb6c.entry.js → p-120b5875.entry.js} +1 -1
  172. package/dist/tegel/{p-3e4707fb.entry.js → p-2e5d2bec.entry.js} +1 -1
  173. package/dist/tegel/{p-dfe24bb1.entry.js → p-32540392.entry.js} +1 -1
  174. package/dist/tegel/p-326f0bf4.entry.js +1 -0
  175. package/dist/tegel/{p-1120575b.entry.js → p-364c08ec.entry.js} +1 -1
  176. package/dist/tegel/{p-d4891ce6.entry.js → p-4d60aa49.entry.js} +1 -1
  177. package/dist/tegel/p-50ca8e71.entry.js +1 -0
  178. package/dist/tegel/p-5dd2aac8.entry.js +1 -0
  179. package/dist/tegel/{p-64be21db.entry.js → p-5df726fb.entry.js} +1 -1
  180. package/dist/tegel/{p-78823da3.entry.js → p-6d752168.entry.js} +1 -1
  181. package/dist/tegel/p-6d89dcbe.entry.js +1 -0
  182. package/dist/tegel/p-6f6eeb20.entry.js +1 -0
  183. package/dist/tegel/{p-9899e52e.entry.js → p-7013249b.entry.js} +1 -1
  184. package/dist/tegel/p-731f7599.entry.js +1 -0
  185. package/dist/tegel/p-84de314b.entry.js +1 -0
  186. package/dist/tegel/{p-e102ca15.entry.js → p-87219f00.entry.js} +1 -1
  187. package/dist/tegel/p-8bf0f99f.entry.js +1 -0
  188. package/dist/tegel/{p-c5e50096.entry.js → p-97de52aa.entry.js} +1 -1
  189. package/dist/tegel/{p-2e1d2b49.entry.js → p-9ebfde2f.entry.js} +1 -1
  190. package/dist/tegel/{p-2b8e97e1.entry.js → p-a495c4bc.entry.js} +1 -1
  191. package/dist/tegel/p-b58194f9.entry.js +1 -0
  192. package/dist/tegel/{p-d14500a1.entry.js → p-c0778293.entry.js} +1 -1
  193. package/dist/tegel/p-c6beca5e.entry.js +1 -0
  194. package/dist/tegel/p-caa00547.entry.js +1 -0
  195. package/dist/tegel/p-d9040b7f.entry.js +1 -0
  196. package/dist/tegel/{p-10dfd194.entry.js → p-d99df3e7.entry.js} +1 -1
  197. package/dist/tegel/{p-3c51a017.entry.js → p-da60d17b.entry.js} +1 -1
  198. package/dist/tegel/p-e3c2b6b4.entry.js +1 -0
  199. package/dist/tegel/p-f4283f93.entry.js +1 -0
  200. package/dist/tegel/p-f76d8ab9.entry.js +1 -0
  201. package/dist/tegel/{p-46b66490.entry.js → p-fc679bf3.entry.js} +1 -1
  202. package/dist/tegel/{p-4bd0d41c.entry.js → p-fdc5c832.entry.js} +1 -1
  203. package/dist/tegel/tegel.css +6 -6
  204. package/dist/tegel/tegel.esm.js +1 -1
  205. package/dist/types/components/button/button.d.ts +4 -0
  206. package/dist/types/components/checkbox/checkbox.d.ts +2 -0
  207. package/dist/types/components/datetime/datetime.d.ts +2 -0
  208. package/dist/types/components/radio-button/radio-button.d.ts +3 -0
  209. package/dist/types/components/textarea/textarea.d.ts +2 -0
  210. package/dist/types/components/toggle/toggle.d.ts +3 -0
  211. package/dist/types/components.d.ts +36 -0
  212. package/dist/types/utils/accessibility.d.ts +14 -0
  213. package/package.json +1 -1
  214. package/dist/components/p-96e83134.js +0 -2098
  215. package/dist/tegel/p-1297d40e.entry.js +0 -1
  216. package/dist/tegel/p-1978cb0d.entry.js +0 -1
  217. package/dist/tegel/p-212e1fff.entry.js +0 -1
  218. package/dist/tegel/p-30c88c69.entry.js +0 -1
  219. package/dist/tegel/p-503cea9d.entry.js +0 -1
  220. package/dist/tegel/p-5bb01a99.entry.js +0 -1
  221. package/dist/tegel/p-90a97cc2.entry.js +0 -1
  222. package/dist/tegel/p-a9253c3a.entry.js +0 -1
  223. package/dist/tegel/p-ae0fed95.entry.js +0 -1
  224. package/dist/tegel/p-b152840e.entry.js +0 -1
  225. package/dist/tegel/p-b58c7bed.entry.js +0 -1
  226. package/dist/tegel/p-b7848493.entry.js +0 -1
  227. package/dist/tegel/p-bbeb4e1b.entry.js +0 -1
  228. package/dist/tegel/p-cbe217bf.entry.js +0 -1
  229. package/dist/tegel/p-d6d8cb7f.entry.js +0 -1
package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.css CHANGED
@@ -28,7 +28,8 @@
28
28
  }
29
29
  :host .component ::slotted(a:focus-visible) {
30
30
  outline: 2px solid var(--tds-blue-400);
31
- outline-offset: -2px;
31
+ box-shadow: 0 0 0 1px var(--tds-white);
32
+ outline-offset: 1px;
32
33
  }
33
34
  :host .component-selected {
34
35
  background-color: var(--tds-nav-item-background-selected);
package/dist/collection/components/header/header-item/header-item.css CHANGED
@@ -23,7 +23,8 @@
23
23
  :host ::slotted(button:focus-visible),
24
24
  :host ::slotted(a:focus-visible) {
25
25
  outline: 2px solid var(--tds-blue-400);
26
- outline-offset: -2px;
26
+ box-shadow: 0 0 0 1px var(--tds-white);
27
+ outline-offset: 1px;
27
28
  }
28
29
  :host .component-active ::slotted(button),
29
30
  :host .component-active ::slotted(a) {
package/dist/collection/components/header/header-launcher-grid-item/header-launcher-grid-item.css CHANGED
@@ -33,5 +33,6 @@
33
33
  :host ::slotted(a:focus-visible),
34
34
  :host ::slotted(button:focus-visible) {
35
35
  outline: 2px solid var(--tds-blue-400);
36
- outline-offset: -2px;
36
+ box-shadow: 0 0 0 1px var(--tds-white);
37
+ outline-offset: 1px;
37
38
  }
package/dist/collection/components/message/message.css CHANGED
@@ -4,13 +4,22 @@
4
4
  :host {
5
5
  /* Default values */
6
6
  --tds-message-background: var(--background-elevation-layer-03);
7
+ --tds-message-background-error: var(--system-danger-subtle-03);
8
+ --tds-message-background-warning: var(--background-elevation-layer-03);
9
+ --tds-message-background-success: var(--background-elevation-layer-03);
7
10
  /* Variant values */
8
11
  }
9
12
  :host .tds-mode-variant-primary {
10
13
  --tds-message-background: var(--background-elevation-layer-03);
14
+ --tds-message-background-error: var(--system-danger-subtle-03);
15
+ --tds-message-background-warning: var(--background-elevation-layer-03);
16
+ --tds-message-background-success: var(--background-elevation-layer-03);
11
17
  }
12
18
  :host .tds-mode-variant-secondary {
13
19
  --tds-message-background: var(--background-elevation-layer-02);
20
+ --tds-message-background-error: var(--system-danger-subtle-02);
21
+ --tds-message-background-warning: var(--background-elevation-layer-02);
22
+ --tds-message-background-success: var(--background-elevation-layer-02);
14
23
  }
15
24
  :host .wrapper {
16
25
  display: flex;
@@ -25,19 +34,21 @@
25
34
  color: var(--system-info-default);
26
35
  }
27
36
  :host .wrapper.success {
37
+ background-color: var(--tds-message-background-success);
28
38
  border-left: 4px solid var(--system-success-default);
29
39
  }
30
40
  :host .wrapper.success tds-icon {
31
41
  color: var(--system-success-default);
32
42
  }
33
43
  :host .wrapper.error {
34
- background-color: var(--system-danger-subtle);
44
+ background-color: var(--tds-message-background-error);
35
45
  border-left: 4px solid var(--system-danger-default);
36
46
  }
37
47
  :host .wrapper.error tds-icon {
38
48
  color: var(--system-danger-default);
39
49
  }
40
50
  :host .wrapper.warning {
51
+ background-color: var(--tds-message-background-warning);
41
52
  border-left: 4px solid var(--system-warning-default);
42
53
  }
43
54
  :host .wrapper.warning tds-icon {
package/dist/collection/components/modal/modal.css CHANGED
@@ -216,7 +216,8 @@ button.tds-modal-close {
216
216
  }
217
217
  .tds-modal-close:focus {
218
218
  outline: 2px solid var(--tds-blue-400);
219
- outline-offset: -2px;
219
+ box-shadow: 0 0 0 1px var(--tds-white);
220
+ outline-offset: 1px;
220
221
  }
221
222
  @media (min-width: 320px) {
222
223
  .tds-modal-close {