@db-ux/core-components 4.5.4 → 4.6.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 (57) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/README.md +44 -19
  3. package/agent/Best-Practise_Common-AI-Mistakes.md +83 -1
  4. package/agent/_instructions.md +19 -0
  5. package/build/components/accordion/accordion.css +0 -34
  6. package/build/components/accordion-item/accordion-item.css +3 -94
  7. package/build/components/badge/badge.css +6 -102
  8. package/build/components/brand/brand.css +3 -94
  9. package/build/components/button/button.css +6 -100
  10. package/build/components/card/card.css +0 -34
  11. package/build/components/checkbox/checkbox.css +6 -100
  12. package/build/components/custom-button/custom-button.css +6 -100
  13. package/build/components/custom-select/custom-select.css +453 -566
  14. package/build/components/custom-select-dropdown/custom-select-dropdown.css +147 -238
  15. package/build/components/custom-select-form-field/custom-select-form-field.css +0 -88
  16. package/build/components/custom-select-list/custom-select-list.css +0 -88
  17. package/build/components/custom-select-list-item/custom-select-list-item.css +3 -94
  18. package/build/components/divider/divider.css +0 -34
  19. package/build/components/drawer/drawer.css +4 -38
  20. package/build/components/drawer/drawer.scss +4 -4
  21. package/build/components/header/header.css +255 -373
  22. package/build/components/icon/icon.css +0 -34
  23. package/build/components/infotext/infotext.css +6 -100
  24. package/build/components/input/input.css +306 -416
  25. package/build/components/link/link.css +6 -100
  26. package/build/components/navigation/navigation.css +0 -88
  27. package/build/components/navigation-item/navigation-item.css +3 -95
  28. package/build/components/notification/notification.css +741 -868
  29. package/build/components/page/page.css +0 -34
  30. package/build/components/popover/popover.css +0 -34
  31. package/build/components/radio/radio.css +6 -100
  32. package/build/components/section/section.css +0 -34
  33. package/build/components/select/select.css +306 -416
  34. package/build/components/stack/stack-web-component.css +0 -34
  35. package/build/components/stack/stack.css +0 -34
  36. package/build/components/switch/switch.css +9 -106
  37. package/build/components/tab-item/tab-item.css +0 -88
  38. package/build/components/tab-list/tab-list.css +3 -94
  39. package/build/components/tab-panel/tab-panel.css +0 -34
  40. package/build/components/tabs/tabs.css +0 -88
  41. package/build/components/tag/tag.css +741 -854
  42. package/build/components/textarea/textarea.css +12 -116
  43. package/build/components/tooltip/tooltip.css +3 -94
  44. package/build/styles/absolute.css +1641 -1669
  45. package/build/styles/absolute.scss +2 -4
  46. package/build/styles/bundle.css +1989 -0
  47. package/build/styles/bundle.scss +15 -0
  48. package/build/styles/dialog-init.css +1 -1
  49. package/build/styles/index.css +487 -515
  50. package/build/styles/relative.css +1641 -1669
  51. package/build/styles/relative.scss +2 -15
  52. package/build/styles/rollup.css +1641 -1669
  53. package/build/styles/rollup.scss +2 -4
  54. package/build/styles/visually-hidden.css +1 -1
  55. package/build/styles/webpack.css +1641 -1669
  56. package/build/styles/webpack.scss +2 -4
  57. package/package.json +6 -6
package/build/components/link/link.css CHANGED
@@ -1,111 +1,17 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
- @layer variables {}
39
-
40
- @layer variables {}
41
-
42
- @layer variables {}
43
-
44
- @layer variables {}
45
-
46
- @layer variables {}
47
-
48
- @layer variables {}
49
-
50
- @layer variables {}
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
- @layer variables {}
57
-
58
- @layer variables {}
59
-
60
- @layer variables {}
61
-
62
2
  .db-link {
63
3
  font: var(--db-type-body-md);
64
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
65
- }
66
- @layer variables {
67
- .db-link {
68
- /* Those variables are only for components to calculate heights and change icons */
69
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
70
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
71
- }
4
+ /* Those variables are only for components to calculate heights and change icons */
5
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
6
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
72
7
  }
73
8
 
74
- @layer variables {}
75
-
76
- @layer variables {}
77
-
78
9
  .db-link[data-size=small] {
79
10
  font: var(--db-type-body-sm);
80
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
11
+ /* Those variables are only for components to calculate heights and change icons */
12
+ --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
13
+ --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
81
14
  }
82
- @layer variables {
83
- .db-link[data-size=small] {
84
- /* Those variables are only for components to calculate heights and change icons */
85
- --db-icon-font-weight: var(--db-base-body-icon-weight-sm);
86
- --db-icon-font-size: var(--db-base-body-icon-font-size-sm);
87
- }
88
- }
89
-
90
- @layer variables {}
91
-
92
- @layer variables {}
93
-
94
- @layer variables {}
95
-
96
- @layer variables {}
97
-
98
- @layer variables {}
99
-
100
- @layer variables {}
101
-
102
- @layer variables {}
103
-
104
- @layer variables {}
105
-
106
- @layer variables {}
107
-
108
- @layer variables {}
109
15
 
110
16
  .db-link {
111
17
  transition: outline var(--db-transition-duration-extra-fast), color var(--db-transition-straight-emotional);
package/build/components/navigation/navigation.css CHANGED
@@ -18,94 +18,6 @@
18
18
  }
19
19
 
20
20
  /* Variants for adaptive components like input, select, notification, ... */
21
- @layer variables {}
22
-
23
- @layer variables {}
24
-
25
- @layer variables {}
26
-
27
- @layer variables {}
28
-
29
- @layer variables {}
30
-
31
- @layer variables {}
32
-
33
- @layer variables {}
34
-
35
- @layer variables {}
36
-
37
- @layer variables {}
38
-
39
- @layer variables {}
40
-
41
- @layer variables {}
42
-
43
- @layer variables {}
44
-
45
- @layer variables {}
46
-
47
- @layer variables {}
48
-
49
- @layer variables {}
50
-
51
- @layer variables {}
52
-
53
- @layer variables {}
54
-
55
- @layer variables {}
56
-
57
- @layer variables {}
58
-
59
- @layer variables {}
60
-
61
- @layer variables {}
62
-
63
- @layer variables {}
64
-
65
- @layer variables {}
66
-
67
- @layer variables {}
68
-
69
- @layer variables {}
70
-
71
- @layer variables {}
72
-
73
- @layer variables {}
74
-
75
- @layer variables {}
76
-
77
- @layer variables {}
78
-
79
- @layer variables {}
80
-
81
- @layer variables {}
82
-
83
- @layer variables {}
84
-
85
- @layer variables {}
86
-
87
- @layer variables {}
88
-
89
- @layer variables {}
90
-
91
- @layer variables {}
92
-
93
- @layer variables {}
94
-
95
- @layer variables {}
96
-
97
- @layer variables {}
98
-
99
- @layer variables {}
100
-
101
- @layer variables {}
102
-
103
- @layer variables {}
104
-
105
- @layer variables {}
106
-
107
- @layer variables {}
108
-
109
21
  .db-navigation > menu .db-navigation-item::after {
110
22
  content: "";
111
23
  position: absolute;
package/build/components/navigation-item/navigation-item.css CHANGED
@@ -1,104 +1,12 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
- @layer variables {}
3
-
4
- @layer variables {}
5
-
6
- @layer variables {}
7
-
8
- @layer variables {}
9
-
10
- @layer variables {}
11
-
12
- @layer variables {}
13
-
14
- @layer variables {}
15
-
16
- @layer variables {}
17
-
18
- @layer variables {}
19
-
20
- @layer variables {}
21
-
22
- @layer variables {}
23
-
24
- @layer variables {}
25
-
26
- @layer variables {}
27
-
28
- @layer variables {}
29
-
30
- @layer variables {}
31
-
32
- @layer variables {}
33
-
34
- @layer variables {}
35
-
36
- @layer variables {}
37
-
38
- @layer variables {}
39
-
40
- @layer variables {}
41
-
42
- @layer variables {}
43
-
44
- @layer variables {}
45
-
46
- @layer variables {}
47
-
48
- @layer variables {}
49
-
50
- @layer variables {}
51
-
52
- @layer variables {}
53
-
54
- @layer variables {}
55
-
56
- @layer variables {}
57
-
58
- @layer variables {}
59
-
60
- @layer variables {}
61
-
62
2
  .db-navigation-item, .db-navigation-item a, .db-navigation-item .db-navigation-item-expand-button:is(button),
63
3
  .db-navigation-item .db-navigation-item-expand-button > button {
64
4
  font: var(--db-type-body-md);
65
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
66
- }
67
- @layer variables {
68
- .db-navigation-item, .db-navigation-item a, .db-navigation-item .db-navigation-item-expand-button:is(button),
69
- .db-navigation-item .db-navigation-item-expand-button > button {
70
- /* Those variables are only for components to calculate heights and change icons */
71
- --db-icon-font-weight: var(--db-base-body-icon-weight-md);
72
- --db-icon-font-size: var(--db-base-body-icon-font-size-md);
73
- }
5
+ /* Those variables are only for components to calculate heights and change icons */
6
+ --db-icon-font-weight: var(--db-base-body-icon-weight-md);
7
+ --db-icon-font-size: var(--db-base-body-icon-font-size-md);
74
8
  }
75
9
 
76
- @layer variables {}
77
-
78
- @layer variables {}
79
-
80
- @layer variables {}
81
-
82
- @layer variables {}
83
-
84
- @layer variables {}
85
-
86
- @layer variables {}
87
-
88
- @layer variables {}
89
-
90
- @layer variables {}
91
-
92
- @layer variables {}
93
-
94
- @layer variables {}
95
-
96
- @layer variables {}
97
-
98
- @layer variables {}
99
-
100
- @layer variables {}
101
-
102
10
  @keyframes popover-animation {
103
11
  0% {
104
12
  pointer-events: none;