@skf-design-system/ui-components 1.0.0-beta.5 → 1.0.1-beta.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 (204) hide show
  1. package/dist/components/accordion/accordion-item.d.ts +1 -1
  2. package/dist/components/accordion/accordion.component.d.ts +4 -4
  3. package/dist/components/accordion/accordion.component.js +18 -17
  4. package/dist/components/accordion/accordion.styles.d.ts +1 -2
  5. package/dist/components/accordion/accordion.styles.js +5 -4
  6. package/dist/components/alert/alert.component.d.ts +5 -5
  7. package/dist/components/alert/alert.component.js +46 -35
  8. package/dist/components/alert/alert.styles.d.ts +1 -2
  9. package/dist/components/alert/alert.styles.js +29 -24
  10. package/dist/components/breadcrumb/breadcrumb.component.d.ts +29 -0
  11. package/dist/components/breadcrumb/breadcrumb.d.ts +8 -0
  12. package/dist/components/breadcrumb-item/breadcrumb-item.component.d.ts +25 -0
  13. package/dist/components/breadcrumb-item/breadcrumb-item.d.ts +8 -0
  14. package/dist/components/button/button.component.d.ts +29 -5
  15. package/dist/components/button/button.component.js +89 -52
  16. package/dist/components/button/button.styles.js +65 -45
  17. package/dist/components/card/card.component.d.ts +4 -4
  18. package/dist/components/card/card.component.js +35 -24
  19. package/dist/components/card/card.styles.d.ts +1 -2
  20. package/dist/components/card/card.styles.js +14 -12
  21. package/dist/components/checkbox/checkbox.component.d.ts +11 -12
  22. package/dist/components/checkbox/checkbox.component.js +96 -90
  23. package/dist/components/collapse/collapse.component.d.ts +8 -8
  24. package/dist/components/collapse/collapse.component.js +42 -34
  25. package/dist/components/collapse/collapse.styles.js +15 -14
  26. package/dist/components/dialog/dialog.component.d.ts +74 -0
  27. package/dist/components/dialog/dialog.component.js +187 -0
  28. package/dist/components/dialog/dialog.d.ts +8 -0
  29. package/dist/components/dialog/dialog.js +6 -0
  30. package/dist/components/dialog/dialog.styles.d.ts +1 -0
  31. package/dist/components/dialog/dialog.styles.js +91 -0
  32. package/dist/components/divider/divider.component.d.ts +3 -3
  33. package/dist/components/divider/divider.component.js +39 -27
  34. package/dist/components/divider/divider.styles.d.ts +1 -2
  35. package/dist/components/divider/divider.styles.js +26 -26
  36. package/dist/components/heading/heading.component.d.ts +2 -2
  37. package/dist/components/heading/heading.component.js +13 -13
  38. package/dist/components/icon/icon.component.d.ts +2 -5
  39. package/dist/components/icon/icon.component.js +32 -23
  40. package/dist/components/icon/icon.styles.js +53 -47
  41. package/dist/components/input/input.component.d.ts +12 -11
  42. package/dist/components/input/input.component.js +88 -89
  43. package/dist/components/link/link.component.d.ts +7 -6
  44. package/dist/components/link/link.component.js +49 -43
  45. package/dist/components/link/link.styles.js +36 -40
  46. package/dist/components/loader/loader.component.d.ts +2 -2
  47. package/dist/components/loader/loader.component.js +39 -32
  48. package/dist/components/loader/loader.styles.js +11 -10
  49. package/dist/components/logo/logo.component.d.ts +3 -3
  50. package/dist/components/logo/logo.component.js +28 -17
  51. package/dist/components/logo/logo.styles.d.ts +1 -2
  52. package/dist/components/logo/logo.styles.js +11 -9
  53. package/dist/components/menu/menu.component.d.ts +24 -0
  54. package/dist/components/menu/menu.component.js +18 -0
  55. package/dist/components/menu/menu.d.ts +8 -0
  56. package/dist/components/menu/menu.js +6 -0
  57. package/dist/components/menu/menu.styles.d.ts +1 -0
  58. package/dist/components/menu/menu.styles.js +11 -0
  59. package/dist/components/menu-item/menu-item.component.d.ts +25 -0
  60. package/dist/components/menu-item/menu-item.component.js +13 -0
  61. package/dist/components/menu-item/menu-item.d.ts +8 -0
  62. package/dist/components/menu-item/menu-item.js +6 -0
  63. package/dist/components/menu-item/menu-item.styles.d.ts +1 -0
  64. package/dist/components/menu-item/menu-item.styles.js +19 -0
  65. package/dist/components/popover/popover.component.d.ts +29 -0
  66. package/dist/components/popover/popover.component.js +37 -0
  67. package/dist/components/popover/popover.d.ts +8 -0
  68. package/dist/components/popover/popover.js +6 -0
  69. package/dist/components/popover/popover.styles.d.ts +1 -0
  70. package/dist/components/popover/popover.styles.js +12 -0
  71. package/dist/components/progress/progress.component.d.ts +22 -0
  72. package/dist/components/progress/progress.component.js +49 -0
  73. package/dist/components/progress/progress.d.ts +8 -0
  74. package/dist/components/progress/progress.js +6 -0
  75. package/dist/components/progress/progress.styles.d.ts +1 -0
  76. package/dist/components/progress/progress.styles.js +48 -0
  77. package/dist/components/radio/radio.component.d.ts +7 -9
  78. package/dist/components/radio/radio.component.js +95 -79
  79. package/dist/components/select/select.component.d.ts +10 -12
  80. package/dist/components/select/select.component.js +120 -120
  81. package/dist/components/select/select.controllers.d.ts +1 -26
  82. package/dist/components/select/select.controllers.js +35 -95
  83. package/dist/components/select-option/select-option.component.d.ts +1 -1
  84. package/dist/components/select-option/select-option.controllers.d.ts +1 -1
  85. package/dist/components/select-option-group/select-option-group.component.d.ts +1 -1
  86. package/dist/components/select-option-group/select-option-group.component.js +9 -9
  87. package/dist/components/stepper/stepper.component.d.ts +38 -0
  88. package/dist/components/stepper/stepper.component.js +91 -0
  89. package/dist/components/stepper/stepper.d.ts +8 -0
  90. package/dist/components/stepper/stepper.helpers.d.ts +16 -0
  91. package/dist/components/stepper/stepper.helpers.js +18 -0
  92. package/dist/components/stepper/stepper.js +6 -0
  93. package/dist/components/stepper/stepper.styles.d.ts +1 -0
  94. package/dist/components/stepper/stepper.styles.js +15 -0
  95. package/dist/components/stepper-item/stepper-item.component.d.ts +47 -0
  96. package/dist/components/stepper-item/stepper-item.component.js +113 -0
  97. package/dist/components/stepper-item/stepper-item.d.ts +8 -0
  98. package/dist/components/stepper-item/stepper-item.js +6 -0
  99. package/dist/components/stepper-item/stepper-item.styles.d.ts +1 -0
  100. package/dist/components/stepper-item/stepper-item.styles.js +98 -0
  101. package/dist/components/switch/switch.component.d.ts +2 -2
  102. package/dist/components/switch/switch.component.js +17 -7
  103. package/dist/components/switch/switch.styles.js +16 -13
  104. package/dist/components/tab/tab.component.d.ts +29 -0
  105. package/dist/components/tab/tab.component.js +57 -0
  106. package/dist/components/tab/tab.d.ts +8 -0
  107. package/dist/components/tab/tab.js +6 -0
  108. package/dist/components/tab/tab.styles.d.ts +1 -0
  109. package/dist/components/tab/tab.styles.js +123 -0
  110. package/dist/components/tab-group/tab-group.component.d.ts +43 -0
  111. package/dist/components/tab-group/tab-group.component.js +98 -0
  112. package/dist/components/tab-group/tab-group.d.ts +8 -0
  113. package/dist/components/tab-group/tab-group.js +6 -0
  114. package/dist/components/tab-group/tab-group.styles.d.ts +1 -0
  115. package/dist/components/tab-group/tab-group.styles.js +75 -0
  116. package/dist/components/tab-panel/tab-panel.component.d.ts +19 -0
  117. package/dist/components/tab-panel/tab-panel.component.js +36 -0
  118. package/dist/components/tab-panel/tab-panel.d.ts +8 -0
  119. package/dist/components/tab-panel/tab-panel.js +6 -0
  120. package/dist/components/tab-panel/tab-panel.styles.d.ts +1 -0
  121. package/dist/components/tab-panel/tab-panel.styles.js +13 -0
  122. package/dist/components/tag/tag.component.d.ts +2 -2
  123. package/dist/components/tag/tag.component.js +61 -45
  124. package/dist/components/tag/tag.styles.js +30 -28
  125. package/dist/components/textarea/textarea.component.d.ts +4 -4
  126. package/dist/components/textarea/textarea.component.js +2 -2
  127. package/dist/components/toast/toast.component.d.ts +8 -5
  128. package/dist/components/toast/toast.component.js +30 -26
  129. package/dist/components/toast/toast.singleton.d.ts +5 -10
  130. package/dist/components/toast/toast.singleton.js +25 -25
  131. package/dist/components/toast/toast.styles.d.ts +1 -0
  132. package/dist/components/toast-item/toast-item.component.d.ts +1 -1
  133. package/dist/components/toast-item/toast-item.component.js +15 -15
  134. package/dist/components/toast-item/toast-item.styles.js +18 -0
  135. package/dist/components/toast-wrapper/toast-wrapper.component.d.ts +2 -2
  136. package/dist/components/toast-wrapper/toast-wrapper.component.js +11 -11
  137. package/dist/components/toast-wrapper/toast-wrapper.styles.d.ts +1 -0
  138. package/dist/components/tooltip/tooltip.component.d.ts +24 -0
  139. package/dist/components/tooltip/tooltip.component.js +18 -0
  140. package/dist/components/tooltip/tooltip.d.ts +8 -0
  141. package/dist/components/tooltip/tooltip.js +6 -0
  142. package/dist/components/tooltip/tooltip.styles.d.ts +1 -0
  143. package/dist/components/tooltip/tooltip.styles.js +12 -0
  144. package/dist/custom-elements.json +2465 -629
  145. package/dist/index.d.ts +11 -0
  146. package/dist/index.js +77 -44
  147. package/dist/internal/base-classes/popover/popover.base.d.ts +29 -0
  148. package/dist/internal/base-classes/popover/popover.base.js +116 -0
  149. package/dist/internal/base-classes/popover/popover.styles.d.ts +1 -0
  150. package/dist/internal/base-classes/popover/popover.styles.js +29 -0
  151. package/dist/internal/components/formBase.d.ts +1 -0
  152. package/dist/internal/components/formBase.js +11 -11
  153. package/dist/internal/components/hint/hint.component.d.ts +2 -2
  154. package/dist/internal/components/hint/hint.component.js +13 -13
  155. package/dist/internal/components/skf-element.js +26 -25
  156. package/dist/internal/controllers/popover.controller.d.ts +16 -0
  157. package/dist/internal/controllers/popover.controller.js +44 -0
  158. package/dist/internal/helpers/hintSeverity.d.ts +2 -2
  159. package/dist/internal/helpers/watch.d.ts +27 -0
  160. package/dist/internal/helpers/watch.js +28 -0
  161. package/dist/internal/templates/asterisk.d.ts +1 -1
  162. package/dist/internal/templates/asterisk.js +7 -6
  163. package/dist/react/index.d.ts +13 -0
  164. package/dist/react/index.js +13 -0
  165. package/dist/react/skf-breadcrumb/index.d.ts +9 -0
  166. package/dist/react/skf-breadcrumb/index.js +17 -0
  167. package/dist/react/skf-breadcrumb-item/index.d.ts +3 -0
  168. package/dist/react/skf-breadcrumb-item/index.js +13 -0
  169. package/dist/react/skf-button/index.d.ts +7 -1
  170. package/dist/react/skf-button/index.js +5 -1
  171. package/dist/react/skf-dialog/index.d.ts +15 -0
  172. package/dist/react/skf-dialog/index.js +19 -0
  173. package/dist/react/skf-menu/index.d.ts +12 -0
  174. package/dist/react/skf-menu/index.js +18 -0
  175. package/dist/react/skf-menu-item/index.d.ts +27 -0
  176. package/dist/react/skf-menu-item/index.js +23 -0
  177. package/dist/react/skf-popover/index.d.ts +12 -0
  178. package/dist/react/skf-popover/index.js +18 -0
  179. package/dist/react/skf-progress/index.d.ts +3 -0
  180. package/dist/react/skf-progress/index.js +13 -0
  181. package/dist/react/skf-stepper/index.d.ts +9 -0
  182. package/dist/react/skf-stepper/index.js +17 -0
  183. package/dist/react/skf-stepper-item/index.d.ts +9 -0
  184. package/dist/react/skf-stepper-item/index.js +17 -0
  185. package/dist/react/skf-tab/index.d.ts +12 -0
  186. package/dist/react/skf-tab/index.js +18 -0
  187. package/dist/react/skf-tab-group/index.d.ts +3 -0
  188. package/dist/react/skf-tab-group/index.js +13 -0
  189. package/dist/react/skf-tab-panel/index.d.ts +3 -0
  190. package/dist/react/skf-tab-panel/index.js +13 -0
  191. package/dist/react/skf-tooltip/index.d.ts +12 -0
  192. package/dist/react/skf-tooltip/index.js +18 -0
  193. package/dist/styles/component.styles.js +15 -2
  194. package/dist/types/jsx/custom-element-jsx.d.ts +603 -27
  195. package/dist/types/vue/index.d.ts +413 -11
  196. package/dist/vscode.html-custom-data.json +462 -36
  197. package/dist/web-types.json +944 -90
  198. package/package.json +43 -42
  199. package/dist/components/toast-item/toast-item.style.js +0 -16
  200. /package/dist/components/{toast/toast.style.d.ts → breadcrumb/breadcrumb.styles.d.ts} +0 -0
  201. /package/dist/components/{toast-wrapper/toast-wrapper.style.d.ts → breadcrumb-item/breadcrumb-item.styles.d.ts} +0 -0
  202. /package/dist/components/toast/{toast.style.js → toast.styles.js} +0 -0
  203. /package/dist/components/toast-item/{toast-item.style.d.ts → toast-item.styles.d.ts} +0 -0
  204. /package/dist/components/toast-wrapper/{toast-wrapper.style.js → toast-wrapper.styles.js} +0 -0
package/package.json CHANGED
@@ -34,63 +34,64 @@
34
34
  "sideEffects": true,
35
35
  "type": "module",
36
36
  "types": "./dist/index.d.ts",
37
- "version": "1.0.0-beta.5",
37
+ "version": "1.0.1-beta.0",
38
38
  "dependencies": {
39
- "@floating-ui/dom": "^1.6.11"
39
+ "@floating-ui/dom": "^1.6.13"
40
40
  },
41
41
  "devDependencies": {
42
- "@chromatic-com/storybook": "^2.0.2",
43
- "@commitlint/cli": "^19.5.0",
44
- "@commitlint/config-conventional": "^19.5.0",
45
- "@custom-elements-manifest/analyzer": "^0.10.3",
46
- "@eslint/js": "^9.13.0",
47
- "@lit/react": "^1.0.6",
48
- "@playwright/test": "^1.48.1",
49
- "@skf-design-system/ui-assets": "0.1.3-beta.1",
50
- "@skf-design-system/wc-storybook-helpers": "^0.0.1",
51
- "@storybook/addon-a11y": "^8.3.6",
52
- "@storybook/addon-essentials": "^8.3.6",
53
- "@storybook/addon-interactions": "^8.3.6",
54
- "@storybook/addon-links": "^8.3.6",
55
- "@storybook/blocks": "^8.3.6",
56
- "@storybook/manager-api": "^8.3.6",
57
- "@storybook/test": "^8.3.6",
58
- "@storybook/test-runner": "^0.19.1",
59
- "@storybook/theming": "^8.3.6",
60
- "@storybook/web-components": "^8.3.6",
61
- "@storybook/web-components-vite": "^8.3.6",
62
- "@types/node": "^22.7.7",
63
- "@types/react": "^18.3.11",
42
+ "@chromatic-com/storybook": "^3.2.3",
43
+ "@commitlint/cli": "^19.6.1",
44
+ "@commitlint/config-conventional": "^19.6.0",
45
+ "@custom-elements-manifest/analyzer": "^0.10.4",
46
+ "@eslint/js": "^9.18.0",
47
+ "@lit/react": "^1.0.7",
48
+ "@playwright/test": "^1.49.1",
49
+ "@skf-design-system/ui-assets": "0.1.3-beta.4",
50
+ "@skf-design-system/wc-storybook-helpers": "^0.1.0",
51
+ "@storybook/addon-a11y": "^8.4.7",
52
+ "@storybook/addon-essentials": "^8.4.7",
53
+ "@storybook/addon-interactions": "^8.4.7",
54
+ "@storybook/addon-links": "^8.4.7",
55
+ "@storybook/blocks": "^8.4.7",
56
+ "@storybook/manager-api": "^8.4.7",
57
+ "@storybook/test": "^8.4.7",
58
+ "@storybook/test-runner": "^0.21.0",
59
+ "@storybook/theming": "^8.4.7",
60
+ "@storybook/web-components": "^8.4.7",
61
+ "@storybook/web-components-vite": "^8.4.7",
62
+ "@types/node": "^22.10.5",
63
+ "@types/react": "^18.3.12",
64
64
  "cem-plugin-expanded-types": "^1.3.3",
65
- "command-line-args": "^6.0.0",
66
- "concurrently": "^9.0.1",
65
+ "command-line-args": "^6.0.1",
66
+ "concurrently": "^9.1.2",
67
67
  "custom-element-jet-brains-integration": "^1.6.2",
68
- "custom-element-jsx-integration": "^1.5.3",
68
+ "custom-element-jsx-integration": "^1.5.4",
69
69
  "custom-element-vs-code-integration": "^1.4.1",
70
70
  "custom-element-vuejs-integration": "^1.3.3",
71
71
  "del": "^8.0.0",
72
- "eslint": "^9.13.0",
72
+ "eslint": "^9.18.0",
73
73
  "eslint-config-prettier": "^9.1.0",
74
74
  "eslint-plugin-lit": "^1.15.0",
75
75
  "eslint-plugin-lit-a11y": "^4.1.4",
76
76
  "eslint-plugin-wc": "^2.2.0",
77
- "express": "^4.21.1",
78
- "husky": "^9.1.6",
79
- "lint-staged": "^15.2.10",
77
+ "express": "^4.21.2",
78
+ "husky": "^9.1.7",
79
+ "lint-staged": "^15.3.0",
80
80
  "lit": "^3.2.1",
81
- "postcss-styled-syntax": "^0.6.4",
82
- "prettier": "3.3.3",
81
+ "postcss-styled-syntax": "^0.7.0",
82
+ "prettier": "3.4.2",
83
83
  "react": "^18.3.1",
84
- "storybook": "^8.3.6",
85
- "stylelint": "^16.10.0",
86
- "stylelint-config-standard": "^36.0.1",
87
- "stylelint-no-unsupported-browser-features": "^8.0.1",
84
+ "storybook": "^8.4.7",
85
+ "stylelint": "^16.13.0",
86
+ "stylelint-config-standard": "^37.0.0",
87
+ "stylelint-no-unsupported-browser-features": "^8.0.2",
88
88
  "stylelint-order": "^6.0.4",
89
89
  "stylelint-value-no-unknown-custom-properties": "^6.0.1",
90
- "typescript": "^5.6.3",
91
- "typescript-eslint": "^8.10.0",
92
- "vite": "^5.4.9",
93
- "vite-tsconfig-paths": "^5.0.1"
90
+ "tsc-alias": "^1.8.10",
91
+ "typescript": "^5.7.3",
92
+ "typescript-eslint": "^8.19.1",
93
+ "vite": "^6.0.7",
94
+ "vite-tsconfig-paths": "^5.1.4"
94
95
  },
95
96
  "peerDependencies": {
96
97
  "@lit/react": "^1.0.5",
@@ -101,7 +102,7 @@
101
102
  "analyze": "cem analyze --config \"./custom-elements-manifest.config.js\"",
102
103
  "dev": "vite",
103
104
  "build": "pnpm build:web-components && pnpm build:react && bash ./scripts/extra-build-checks.sh",
104
- "build:web-components": "vite build && tsc && pnpm cem analyze",
105
+ "build:web-components": "vite build && tsc && pnpm cem analyze && tsc-alias",
105
106
  "build:react": "pnpm generate:react && pnpm tsc -p tsconfig.react.json && mv dist-react/react/ dist/react/ && rm -rf dist-react && rm -rf src/react",
106
107
  "build-storybook": "storybook build",
107
108
  "create-component": "node scripts/create-component/create-component.js",
@@ -1,16 +0,0 @@
1
- import { css as r } from "lit";
2
- const s = r`
3
- :host {
4
- overflow: hidden;
5
- padding-block-end: 3px;
6
- }
7
-
8
- #root {
9
- background-color: var(--skf-bg-color-neutral-1);
10
- border-inline-start: var(--skf-size-8) solid
11
- var(--_skf-alert-border-color, var(--skf-border-color-primary));
12
- }
13
- `;
14
- export {
15
- s as default
16
- };