@db-ux/core-foundations 4.13.1-angular-signal-forms13-577b861 → 4.14.0-shell-52d18db

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 (52) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/assets/icons/LICENCES.json +18 -0
  3. package/assets/icons/fonts/all/db-ux.woff2 +0 -0
  4. package/assets/icons/fonts/default/db-ux.woff2 +0 -0
  5. package/assets/icons/fonts/default_12/db-ux.woff2 +0 -0
  6. package/assets/icons/fonts/default_14/db-ux.woff2 +0 -0
  7. package/assets/icons/fonts/default_16/db-ux.woff2 +0 -0
  8. package/assets/icons/fonts/default_20/db-ux.woff2 +0 -0
  9. package/assets/icons/fonts/default_24/db-ux.woff2 +0 -0
  10. package/assets/icons/fonts/default_28/db-ux.woff2 +0 -0
  11. package/assets/icons/fonts/default_32/db-ux.woff2 +0 -0
  12. package/assets/icons/fonts/default_48/db-ux.woff2 +0 -0
  13. package/assets/icons/fonts/default_64/db-ux.woff2 +0 -0
  14. package/assets/icons/fonts/filled/db-ux.woff2 +0 -0
  15. package/assets/icons/fonts/filled_12/db-ux.woff2 +0 -0
  16. package/assets/icons/fonts/filled_14/db-ux.woff2 +0 -0
  17. package/assets/icons/fonts/filled_16/db-ux.woff2 +0 -0
  18. package/assets/icons/fonts/filled_20/db-ux.woff2 +0 -0
  19. package/assets/icons/fonts/filled_24/db-ux.woff2 +0 -0
  20. package/assets/icons/fonts/filled_28/db-ux.woff2 +0 -0
  21. package/assets/icons/fonts/filled_32/db-ux.woff2 +0 -0
  22. package/assets/icons/fonts/filled_48/db-ux.woff2 +0 -0
  23. package/assets/icons/fonts/filled_64/db-ux.woff2 +0 -0
  24. package/assets/images/chevron_down.svg +7 -0
  25. package/assets/images/chevron_up.svg +7 -0
  26. package/assets/images/logo.svg +7 -0
  27. package/assets/images/resize_handle_corner.svg +7 -0
  28. package/build/styles/bundle.css +5 -38
  29. package/build/styles/colors/_default-color-mappings.scss +1 -2
  30. package/build/styles/defaults/default-container-variables.css +1 -1
  31. package/build/styles/defaults/default-container-variables.scss +1 -2
  32. package/build/styles/defaults/default-required.css +1 -1
  33. package/build/styles/defaults/default-required.scss +4 -24
  34. package/build/styles/defaults/default-variables.css +1 -1
  35. package/build/styles/defaults/default-variables.scss +1 -2
  36. package/build/styles/helpers/_a11y.scss +18 -11
  37. package/build/styles/helpers/_divider.scss +35 -6
  38. package/build/styles/helpers/classes/all.css +86 -38
  39. package/build/styles/helpers/classes/divider.css +86 -38
  40. package/build/styles/theme/_absolute.assets-paths.scss +2 -1
  41. package/build/styles/theme/_default-images.scss +14 -0
  42. package/build/styles/theme/_default.assets-paths.scss +1 -0
  43. package/build/styles/theme/_rollup.assets-paths.scss +2 -1
  44. package/build/styles/theme/_webpack.assets-paths.scss +2 -1
  45. package/build/styles/theme/absolute.css +1 -1
  46. package/build/styles/theme/relative.css +1 -1
  47. package/build/styles/theme/relative.scss +5 -0
  48. package/build/styles/theme/rollup.css +1 -1
  49. package/build/styles/theme/webpack.css +1 -1
  50. package/build/tailwind/theme/index.css +38 -9
  51. package/package.json +3 -3
  52. package/build/styles/colors/_default-color-icons.scss +0 -11
package/build/tailwind/theme/index.css CHANGED
@@ -6,121 +6,150 @@
6
6
  @import "./colors.css";
7
7
  @import "./breakpoints.css";
8
8
 
9
+ /*
10
+ * The typography design tokens (--db-type-*) are stored as a CSS `font` shorthand.
11
+ * The `font` shorthand resets every sub-property it does not explicitly contain
12
+ * to its initial value — including `font-weight`. To keep the font-weight
13
+ * overridable via Tailwind utilities (e.g. `font-bold`, `font-semibold`), we
14
+ * re-apply `font-weight` right after the shorthand using Tailwind's own
15
+ * `--tw-font-weight` custom property (set by the font-weight utilities) and fall
16
+ * back to the token's natural weight when no font-weight utility is present.
17
+ * This mirrors how Tailwind's built-in text-size utilities behave.
18
+ */
19
+
9
20
  @utility text-body-3xs {
10
21
  font: var(--db-type-body-3xs);
22
+ font-weight: var(--tw-font-weight, normal);
11
23
  }
12
24
 
13
25
  @utility text-body-2xs {
14
26
  font: var(--db-type-body-2xs);
27
+ font-weight: var(--tw-font-weight, normal);
15
28
  }
16
29
 
17
30
  @utility text-body-xs {
18
31
  font: var(--db-type-body-xs);
32
+ font-weight: var(--tw-font-weight, normal);
19
33
  }
20
34
 
21
35
  @utility text-body-sm {
22
36
  font: var(--db-type-body-sm);
37
+ font-weight: var(--tw-font-weight, normal);
23
38
  }
24
39
 
25
40
  @utility text-body-md {
26
41
  font: var(--db-type-body-md);
42
+ font-weight: var(--tw-font-weight, normal);
27
43
  }
28
44
 
29
45
  @utility text-body-lg {
30
46
  font: var(--db-type-body-lg);
47
+ font-weight: var(--tw-font-weight, normal);
31
48
  }
32
49
 
33
50
  @utility text-body-xl {
34
51
  font: var(--db-type-body-xl);
52
+ font-weight: var(--tw-font-weight, normal);
35
53
  }
36
54
 
37
55
  @utility text-body-2xl {
38
56
  font: var(--db-type-body-2xl);
57
+ font-weight: var(--tw-font-weight, normal);
39
58
  }
40
59
 
41
60
  @utility text-body-3xl {
42
61
  font: var(--db-type-body-3xl);
62
+ font-weight: var(--tw-font-weight, normal);
43
63
  }
44
64
 
45
65
  @utility text-head-3xs {
46
66
  font: var(--db-type-headline-3xs);
67
+ font-weight: var(--tw-font-weight, bolder);
47
68
  }
48
69
 
49
70
  @utility text-head-2xs {
50
71
  font: var(--db-type-headline-2xs);
72
+ font-weight: var(--tw-font-weight, bolder);
51
73
  }
52
74
 
53
75
  @utility text-head-xs {
54
76
  font: var(--db-type-headline-xs);
77
+ font-weight: var(--tw-font-weight, bolder);
55
78
  }
56
79
 
57
80
  @utility text-head-sm {
58
81
  font: var(--db-type-headline-sm);
82
+ font-weight: var(--tw-font-weight, bolder);
59
83
  }
60
84
 
61
85
  @utility text-head-md {
62
86
  font: var(--db-type-headline-md);
87
+ font-weight: var(--tw-font-weight, bolder);
63
88
  }
64
89
 
65
90
  @utility text-head-lg {
66
91
  font: var(--db-type-headline-lg);
92
+ font-weight: var(--tw-font-weight, bolder);
67
93
  }
68
94
 
69
95
  @utility text-head-xl {
70
96
  font: var(--db-type-headline-xl);
97
+ font-weight: var(--tw-font-weight, bolder);
71
98
  }
72
99
 
73
100
  @utility text-head-2xl {
74
101
  font: var(--db-type-headline-2xl);
102
+ font-weight: var(--tw-font-weight, bolder);
75
103
  }
76
104
 
77
105
  @utility text-head-3xl {
78
106
  font: var(--db-type-headline-3xl);
107
+ font-weight: var(--tw-font-weight, bolder);
79
108
  }
80
109
 
81
110
  @utility text-head-light-3xs {
82
111
  font: var(--db-type-headline-3xs);
83
- font-weight: 300;
112
+ font-weight: var(--tw-font-weight, 300);
84
113
  }
85
114
 
86
115
  @utility text-head-light-2xs {
87
116
  font: var(--db-type-headline-2xs);
88
- font-weight: 300;
117
+ font-weight: var(--tw-font-weight, 300);
89
118
  }
90
119
 
91
120
  @utility text-head-light-xs {
92
121
  font: var(--db-type-headline-xs);
93
- font-weight: 300;
122
+ font-weight: var(--tw-font-weight, 300);
94
123
  }
95
124
 
96
125
  @utility text-head-light-sm {
97
126
  font: var(--db-type-headline-sm);
98
- font-weight: 300;
127
+ font-weight: var(--tw-font-weight, 300);
99
128
  }
100
129
 
101
130
  @utility text-head-light-md {
102
131
  font: var(--db-type-headline-md);
103
- font-weight: 300;
132
+ font-weight: var(--tw-font-weight, 300);
104
133
  }
105
134
 
106
135
  @utility text-head-light-lg {
107
136
  font: var(--db-type-headline-lg);
108
- font-weight: 300;
137
+ font-weight: var(--tw-font-weight, 300);
109
138
  }
110
139
 
111
140
  @utility text-head-light-xl {
112
141
  font: var(--db-type-headline-xl);
113
- font-weight: 300;
142
+ font-weight: var(--tw-font-weight, 300);
114
143
  }
115
144
 
116
145
  @utility text-head-light-2xl {
117
146
  font: var(--db-type-headline-2xl);
118
- font-weight: 300;
147
+ font-weight: var(--tw-font-weight, 300);
119
148
  }
120
149
 
121
150
  @utility text-head-light-3xl {
122
151
  font: var(--db-type-headline-3xl);
123
- font-weight: 300;
152
+ font-weight: var(--tw-font-weight, 300);
124
153
  }
125
154
 
126
155
  @layer base {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "4.13.1-angular-signal-forms13-577b861",
3
+ "version": "4.14.0-shell-52d18db",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -27,11 +27,11 @@
27
27
  "nodemon": "3.1.14",
28
28
  "postcss": "8.5.16",
29
29
  "postcss-cli": "11.0.1",
30
- "prettier": "3.9.4",
30
+ "prettier": "3.9.5",
31
31
  "sass": "1.101.0",
32
32
  "tsx": "4.23.0",
33
33
  "typescript": "5.9.3",
34
- "vite": "8.1.3"
34
+ "vite": "8.1.4"
35
35
  },
36
36
  "publishConfig": {
37
37
  "registry": "https://registry.npmjs.org/",
package/build/styles/colors/_default-color-icons.scss DELETED
@@ -1,11 +0,0 @@
1
- @mixin get-color-icons-light {
2
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiMyODJkMzciIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
3
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iIzI4MmQzNyIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
4
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTEwLjQ3MiA4LjY5Ni0zLjUzMiAzLjUzNGEuOTk4Ljk5OCAwIDEgMSAtMS40MTMtMS40MTNsMi44MjUtMi44MjUtMi44MjUtMi44MjVhLjk5OC45OTggMCAxIDEgMS40MTMtMS40MTNsMy41MzIgMy41MzJhLjk5OS45OTkgMCAwIDEgMCAxLjQxMnoiIGZpbGw9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIgdHJhbnNmb3JtPSJtYXRyaXgoMCAxIC0xIDAgMTUuOTkxIC0uMDA5KSIvPjwvc3ZnPg0K");
5
- }
6
-
7
- @mixin get-color-icons-dark {
8
- --db-textarea-resizer-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTExLjUgMTYuNWEuOTk5Ljk5OSAwIDAgMSAtLjcwNy0xLjcwN2w0LTRhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTQgNGEuOTk3Ljk5NyAwIDAgMSAtLjcwNy4yOTN6bS03IDBhLjk5OS45OTkgMCAwIDEgLS43MDctMS43MDdsMTEtMTFhLjk5OS45OTkgMCAxIDEgMS40MTQgMS40MTRsLTExIDExYS45OTcuOTk3IDAgMCAxIC0uNzA3LjI5M3oiIGZpbGw9IiNmOGY4ZjkiIHN0eWxlPSJ2YXIoLS1kYi1pY29uLWNvbG9yLCBjdXJyZW50Q29sb3IpIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4NCg==");
9
- --db-textarea-scrollbar-button-decrement: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDEzYS45OTguOTk4IDAgMCAxIC0uOTk0LS45OTVjMC0uMjY2LjEzMy0uNTMxLjI5OC0uNjk3bDUuMDA2LTUuMDFjLjE5OS0uMTk4LjQ2NC0uMjk4LjY5Ni0uMjk4LjIyNyAwIC40NTUuMDczLjYyLjIybDUuMDgyIDUuMDg4Yy4xOTkuMTY2LjI5OC40MzEuMjk4LjY5N2EuOTk4Ljk5OCAwIDAgMSAtLjk5NC45OTVjLS4yNjYgMC0uNTMtLjEtLjczLS4yOTlsLTQuMjc2LTQuMjgtNC4yNzYgNC4yOGMtLjIuMi0uNDY0LjI5OS0uNzMuMjk5eiIgZmlsbD0iI2Y4ZjhmOSIgc3R5bGU9InZhcigtLWRiLWljb24tY29sb3IsIGN1cnJlbnRDb2xvcikiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg0K");
10
- --db-textarea-scrollbar-button-increment: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbiIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDIwIDIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTQuOTk0IDdhLjk5OC45OTggMCAwIDAgLS45OTQuOTk1YzAgLjI2Ni4xMzMuNTMxLjI5OC42OTdsNS4wMDYgNS4wMWMuMTk5LjE5OC40NjQuMjk4LjY5Ni4yOThhLjkzNi45MzYgMCAwIDAgLjYyLS4yMmw1LjA4Mi01LjA4OGMuMTk5LS4xNjYuMjk4LS40MzEuMjk4LS42OTdhLjk5OC45OTggMCAwIDAgLS45OTQtLjk5NWMtLjI2NiAwLS41My4xLS43My4yOTlsLTQuMjc2IDQuMjgtNC4yNzYtNC4yOGExLjAyOCAxLjAyOCAwIDAgMCAtLjczLS4yOTl6IiBmaWxsPSIjZjhmOGY5IiBzdHlsZT0idmFyKC0tZGItaWNvbi1jb2xvciwgY3VycmVudENvbG9yKSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+DQo=");
11
- }