@db-ux/core-foundations 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 (111) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +16 -69
  3. package/agent/_instructions.md +84 -0
  4. package/agent/tailwind/Variables.md +11 -9
  5. package/build/styles/bundle.css +4820 -0
  6. package/build/styles/{index.scss → bundle.scss} +5 -0
  7. package/build/styles/colors/_default-color-mappings.scss +3461 -3472
  8. package/build/styles/colors/_placeholder.scss +155 -159
  9. package/build/styles/colors/classes/all.css +2499 -2601
  10. package/build/styles/colors/classes/blue.css +147 -185
  11. package/build/styles/colors/classes/brand.css +147 -185
  12. package/build/styles/colors/classes/burgundy.css +147 -185
  13. package/build/styles/colors/classes/critical.css +147 -185
  14. package/build/styles/colors/classes/cyan.css +147 -185
  15. package/build/styles/colors/classes/green.css +147 -185
  16. package/build/styles/colors/classes/informational.css +147 -185
  17. package/build/styles/colors/classes/light-green.css +147 -185
  18. package/build/styles/colors/classes/neutral.css +147 -185
  19. package/build/styles/colors/classes/orange.css +147 -185
  20. package/build/styles/colors/classes/pink.css +147 -185
  21. package/build/styles/colors/classes/red.css +147 -185
  22. package/build/styles/colors/classes/successful.css +147 -185
  23. package/build/styles/colors/classes/turquoise.css +147 -185
  24. package/build/styles/colors/classes/violet.css +147 -185
  25. package/build/styles/colors/classes/warning.css +147 -185
  26. package/build/styles/colors/classes/yellow.css +147 -185
  27. package/build/styles/defaults/default-code.css +97 -97
  28. package/build/styles/defaults/default-container-properties.css +1 -0
  29. package/build/styles/defaults/default-container-variables.css +1 -0
  30. package/build/styles/defaults/default-elevation.css +1 -1
  31. package/build/styles/defaults/default-fonts.css +1 -1
  32. package/build/styles/defaults/default-icons.css +1 -1
  33. package/build/styles/defaults/default-properties.css +1 -0
  34. package/build/styles/defaults/default-required.css +1 -1
  35. package/build/styles/defaults/default-required.scss +13 -16
  36. package/build/styles/defaults/default-root.css +97 -97
  37. package/build/styles/defaults/default-variables.css +1 -0
  38. package/build/styles/density/_scaling-placeholder.scss +51 -54
  39. package/build/styles/density/_typography-placeholder.scss +54 -60
  40. package/build/styles/density/classes/all.css +759 -907
  41. package/build/styles/density/classes/expressive.css +255 -377
  42. package/build/styles/density/classes/functional.css +255 -377
  43. package/build/styles/density/classes/regular.css +255 -377
  44. package/build/styles/fonts/_font-sizes.scss +10 -16
  45. package/build/styles/fonts/absolute.scss +1 -1
  46. package/build/styles/fonts/classes/all.css +54 -214
  47. package/build/styles/fonts/classes/body/2xl.css +3 -95
  48. package/build/styles/fonts/classes/body/2xs.css +3 -95
  49. package/build/styles/fonts/classes/body/3xl.css +3 -95
  50. package/build/styles/fonts/classes/body/3xs.css +3 -95
  51. package/build/styles/fonts/classes/body/all.css +27 -151
  52. package/build/styles/fonts/classes/body/lg.css +3 -95
  53. package/build/styles/fonts/classes/body/md.css +3 -95
  54. package/build/styles/fonts/classes/body/sm.css +3 -95
  55. package/build/styles/fonts/classes/body/xl.css +3 -95
  56. package/build/styles/fonts/classes/body/xs.css +3 -95
  57. package/build/styles/fonts/classes/headline/2xl.css +3 -95
  58. package/build/styles/fonts/classes/headline/2xs.css +3 -95
  59. package/build/styles/fonts/classes/headline/3xl.css +3 -95
  60. package/build/styles/fonts/classes/headline/3xs.css +3 -95
  61. package/build/styles/fonts/classes/headline/all.css +27 -151
  62. package/build/styles/fonts/classes/headline/lg.css +3 -95
  63. package/build/styles/fonts/classes/headline/md.css +3 -95
  64. package/build/styles/fonts/classes/headline/sm.css +3 -95
  65. package/build/styles/fonts/classes/headline/xl.css +3 -95
  66. package/build/styles/fonts/classes/headline/xs.css +3 -95
  67. package/build/styles/fonts/relative.scss +1 -1
  68. package/build/styles/fonts/rollup.scss +1 -1
  69. package/build/styles/fonts/webpack.scss +1 -1
  70. package/build/styles/helpers/_index.scss +0 -1
  71. package/build/styles/helpers/classes/all.css +0 -34
  72. package/build/styles/helpers/classes/divider.css +0 -34
  73. package/build/styles/helpers/classes/focus.css +0 -34
  74. package/build/styles/icons/absolute.css +1 -1
  75. package/build/styles/icons/absolute.scss +1 -1
  76. package/build/styles/icons/relative.css +1 -1
  77. package/build/styles/icons/relative.scss +1 -1
  78. package/build/styles/icons/rollup.css +1 -1
  79. package/build/styles/icons/rollup.scss +1 -1
  80. package/build/styles/icons/webpack.css +1 -1
  81. package/build/styles/icons/webpack.scss +1 -1
  82. package/build/styles/theme/absolute.css +1 -0
  83. package/build/styles/theme/relative.css +1 -0
  84. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  85. package/build/styles/theme/rollup.css +1 -0
  86. package/build/styles/theme/webpack.css +1 -0
  87. package/build/tailwind/theme/colors.css +1 -2953
  88. package/build/tailwind/theme/colors.scss +1 -10
  89. package/build/tailwind/theme/dimensions.css +77 -160
  90. package/package.json +4 -4
  91. package/build/styles/absolute.css +0 -10635
  92. package/build/styles/defaults/default-theme.css +0 -97
  93. package/build/styles/helpers/_layer.scss +0 -1
  94. package/build/styles/index.css +0 -4907
  95. package/build/styles/relative.css +0 -10635
  96. package/build/styles/relative.scss +0 -4
  97. package/build/styles/rollup.css +0 -10635
  98. package/build/styles/webpack.css +0 -10635
  99. package/build/tailwind/theme/_variables.scss +0 -77
  100. package/build/tailwind/theme/dimensions.scss +0 -17
  101. /package/build/styles/defaults/{_default-container-properties.scss → default-container-properties.scss} +0 -0
  102. /package/build/styles/defaults/{_default-container-variables.scss → default-container-variables.scss} +0 -0
  103. /package/build/styles/defaults/{_default-properties.scss → default-properties.scss} +0 -0
  104. /package/build/styles/defaults/{_default-variables.scss → default-variables.scss} +0 -0
  105. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  106. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  107. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  108. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  109. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  110. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  111. /package/build/styles/{webpack.scss → theme/webpack.scss} +0 -0
package/build/tailwind/theme/colors.scss CHANGED
@@ -8,17 +8,8 @@ $all-variants: list.append(
8
8
  );
9
9
 
10
10
  // stylelint-disable-next-line scss/at-rule-no-unknown
11
- @theme {
11
+ @theme inline {
12
12
  @each $color-name in $all-variants {
13
13
  @include colors-utils.get-color($color-name, $color-name);
14
14
  }
15
15
  }
16
-
17
- @layer colors {
18
- @each $color-name in $all-variants {
19
- [data-color="#{$color-name}"],
20
- .db-color-#{$color-name} {
21
- @include colors-utils.get-color($color-name, "adaptive");
22
- }
23
- }
24
- }
package/build/tailwind/theme/dimensions.css CHANGED
@@ -1,161 +1,78 @@
1
- @theme {
2
- --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
3
- --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
4
- --spacing-fix-xs: var(--db-spacing-fixed-xs);
5
- --spacing-fix-sm: var(--db-spacing-fixed-sm);
6
- --spacing-fix-md: var(--db-spacing-fixed-md);
7
- --spacing-fix-lg: var(--db-spacing-fixed-lg);
8
- --spacing-fix-xl: var(--db-spacing-fixed-xl);
9
- --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
10
- --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
11
- --spacing-res-3xs: var(--db-spacing-responsive-3xs);
12
- --spacing-res-2xs: var(--db-spacing-responsive-2xs);
13
- --spacing-res-xs: var(--db-spacing-responsive-xs);
14
- --spacing-res-sm: var(--db-spacing-responsive-sm);
15
- --spacing-res-md: var(--db-spacing-responsive-md);
16
- --spacing-res-lg: var(--db-spacing-responsive-lg);
17
- --spacing-res-xl: var(--db-spacing-responsive-xl);
18
- --spacing-res-2xl: var(--db-spacing-responsive-2xl);
19
- --spacing-res-3xl: var(--db-spacing-responsive-3xl);
20
- --spacing-siz-3xs: var(--db-sizing-3xs);
21
- --spacing-siz-2xs: var(--db-sizing-2xs);
22
- --spacing-siz-xs: var(--db-sizing-xs);
23
- --spacing-siz-sm: var(--db-sizing-sm);
24
- --spacing-siz-md: var(--db-sizing-md);
25
- --spacing-siz-lg: var(--db-sizing-lg);
26
- --spacing-siz-xl: var(--db-sizing-xl);
27
- --spacing-siz-2xl: var(--db-sizing-2xl);
28
- --spacing-siz-3xl: var(--db-sizing-3xl);
29
- --spacing-screen-xs: var(--db-screen-xs);
30
- --spacing-screen-sm: var(--db-screen-sm);
31
- --spacing-screen-md: var(--db-screen-md);
32
- --spacing-screen-lg: var(--db-screen-lg);
33
- --spacing-screen-xl: var(--db-screen-xl);
34
- --spacing-container-3xs: var(--db-container-3xs);
35
- --spacing-container-2xs: var(--db-container-2xs);
36
- --spacing-container-xs: var(--db-container-xs);
37
- --spacing-container-sm: var(--db-container-sm);
38
- --spacing-container-md: var(--db-container-md);
39
- --spacing-container-lg: var(--db-container-lg);
40
- --spacing-container-xl: var(--db-container-xl);
41
- --spacing-container-2xl: var(--db-container-2xl);
42
- --spacing-container-3xl: var(--db-container-3xl);
43
- --gap-3xs: var(--db-spacing-fixed-3xs);
44
- --gap-2xs: var(--db-spacing-fixed-2xs);
45
- --gap-xs: var(--db-spacing-fixed-xs);
46
- --gap-sm: var(--db-spacing-fixed-sm);
47
- --gap-md: var(--db-spacing-fixed-md);
48
- --gap-lg: var(--db-spacing-fixed-lg);
49
- --gap-xl: var(--db-spacing-fixed-xl);
50
- --gap-2xl: var(--db-spacing-fixed-2xl);
51
- --gap-3xl: var(--db-spacing-fixed-3xl);
52
- --border: var(--db-border-width-3xs);
53
- --border-3xs: var(--db-border-width-3xs);
54
- --border-2xs: var(--db-border-width-2xs);
55
- --border-xs: var(--db-border-width-xs);
56
- --border-sm: var(--db-border-width-sm);
57
- --border-md: var(--db-border-width-md);
58
- --border-lg: var(--db-border-width-lg);
59
- --border-xl: var(--db-border-width-xl);
60
- --border-2xl: var(--db-border-width-2xl);
61
- --border-3xl: var(--db-border-width-3xl);
62
- --radius: var(--db-border-radius-xs);
63
- --radius-3xs: var(--db-border-radius-3xs);
64
- --radius-2xs: var(--db-border-radius-2xs);
65
- --radius-xs: var(--db-border-radius-xs);
66
- --radius-sm: var(--db-border-radius-sm);
67
- --radius-md: var(--db-border-radius-md);
68
- --radius-lg: var(--db-border-radius-lg);
69
- --radius-xl: var(--db-border-radius-xl);
70
- --radius-2xl: var(--db-border-radius-2xl);
71
- --radius-3xl: var(--db-border-radius-3xl);
72
- --radius-full: var(--db-border-radius-full);
73
- --shadow: var(--db-elevation-md);
74
- --shadow-sm: var(--db-elevation-sm);
75
- --shadow-md: var(--db-elevation-md);
76
- --shadow-lg: var(--db-elevation-lg);
77
- }
78
- @layer densities {
79
- .db-density-expressive,
80
- [data-density=expressive],
81
- .db-density-regular,
82
- [data-density=regular],
83
- .db-density-functional,
84
- [data-density=functional] {
85
- --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
86
- --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
87
- --spacing-fix-xs: var(--db-spacing-fixed-xs);
88
- --spacing-fix-sm: var(--db-spacing-fixed-sm);
89
- --spacing-fix-md: var(--db-spacing-fixed-md);
90
- --spacing-fix-lg: var(--db-spacing-fixed-lg);
91
- --spacing-fix-xl: var(--db-spacing-fixed-xl);
92
- --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
93
- --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
94
- --spacing-res-3xs: var(--db-spacing-responsive-3xs);
95
- --spacing-res-2xs: var(--db-spacing-responsive-2xs);
96
- --spacing-res-xs: var(--db-spacing-responsive-xs);
97
- --spacing-res-sm: var(--db-spacing-responsive-sm);
98
- --spacing-res-md: var(--db-spacing-responsive-md);
99
- --spacing-res-lg: var(--db-spacing-responsive-lg);
100
- --spacing-res-xl: var(--db-spacing-responsive-xl);
101
- --spacing-res-2xl: var(--db-spacing-responsive-2xl);
102
- --spacing-res-3xl: var(--db-spacing-responsive-3xl);
103
- --spacing-siz-3xs: var(--db-sizing-3xs);
104
- --spacing-siz-2xs: var(--db-sizing-2xs);
105
- --spacing-siz-xs: var(--db-sizing-xs);
106
- --spacing-siz-sm: var(--db-sizing-sm);
107
- --spacing-siz-md: var(--db-sizing-md);
108
- --spacing-siz-lg: var(--db-sizing-lg);
109
- --spacing-siz-xl: var(--db-sizing-xl);
110
- --spacing-siz-2xl: var(--db-sizing-2xl);
111
- --spacing-siz-3xl: var(--db-sizing-3xl);
112
- --spacing-screen-xs: var(--db-screen-xs);
113
- --spacing-screen-sm: var(--db-screen-sm);
114
- --spacing-screen-md: var(--db-screen-md);
115
- --spacing-screen-lg: var(--db-screen-lg);
116
- --spacing-screen-xl: var(--db-screen-xl);
117
- --spacing-container-3xs: var(--db-container-3xs);
118
- --spacing-container-2xs: var(--db-container-2xs);
119
- --spacing-container-xs: var(--db-container-xs);
120
- --spacing-container-sm: var(--db-container-sm);
121
- --spacing-container-md: var(--db-container-md);
122
- --spacing-container-lg: var(--db-container-lg);
123
- --spacing-container-xl: var(--db-container-xl);
124
- --spacing-container-2xl: var(--db-container-2xl);
125
- --spacing-container-3xl: var(--db-container-3xl);
126
- --gap-3xs: var(--db-spacing-fixed-3xs);
127
- --gap-2xs: var(--db-spacing-fixed-2xs);
128
- --gap-xs: var(--db-spacing-fixed-xs);
129
- --gap-sm: var(--db-spacing-fixed-sm);
130
- --gap-md: var(--db-spacing-fixed-md);
131
- --gap-lg: var(--db-spacing-fixed-lg);
132
- --gap-xl: var(--db-spacing-fixed-xl);
133
- --gap-2xl: var(--db-spacing-fixed-2xl);
134
- --gap-3xl: var(--db-spacing-fixed-3xl);
135
- --border: var(--db-border-width-3xs);
136
- --border-3xs: var(--db-border-width-3xs);
137
- --border-2xs: var(--db-border-width-2xs);
138
- --border-xs: var(--db-border-width-xs);
139
- --border-sm: var(--db-border-width-sm);
140
- --border-md: var(--db-border-width-md);
141
- --border-lg: var(--db-border-width-lg);
142
- --border-xl: var(--db-border-width-xl);
143
- --border-2xl: var(--db-border-width-2xl);
144
- --border-3xl: var(--db-border-width-3xl);
145
- --radius: var(--db-border-radius-xs);
146
- --radius-3xs: var(--db-border-radius-3xs);
147
- --radius-2xs: var(--db-border-radius-2xs);
148
- --radius-xs: var(--db-border-radius-xs);
149
- --radius-sm: var(--db-border-radius-sm);
150
- --radius-md: var(--db-border-radius-md);
151
- --radius-lg: var(--db-border-radius-lg);
152
- --radius-xl: var(--db-border-radius-xl);
153
- --radius-2xl: var(--db-border-radius-2xl);
154
- --radius-3xl: var(--db-border-radius-3xl);
155
- --radius-full: var(--db-border-radius-full);
156
- --shadow: var(--db-elevation-md);
157
- --shadow-sm: var(--db-elevation-sm);
158
- --shadow-md: var(--db-elevation-md);
159
- --shadow-lg: var(--db-elevation-lg);
160
- }
1
+ /* stylelint-disable-next-line scss/at-rule-no-unknown */
2
+ @theme inline {
3
+ --spacing-fix-3xs: var(--db-spacing-fixed-3xs);
4
+ --spacing-fix-2xs: var(--db-spacing-fixed-2xs);
5
+ --spacing-fix-xs: var(--db-spacing-fixed-xs);
6
+ --spacing-fix-sm: var(--db-spacing-fixed-sm);
7
+ --spacing-fix-md: var(--db-spacing-fixed-md);
8
+ --spacing-fix-lg: var(--db-spacing-fixed-lg);
9
+ --spacing-fix-xl: var(--db-spacing-fixed-xl);
10
+ --spacing-fix-2xl: var(--db-spacing-fixed-2xl);
11
+ --spacing-fix-3xl: var(--db-spacing-fixed-3xl);
12
+ --spacing-res-3xs: var(--db-spacing-responsive-3xs);
13
+ --spacing-res-2xs: var(--db-spacing-responsive-2xs);
14
+ --spacing-res-xs: var(--db-spacing-responsive-xs);
15
+ --spacing-res-sm: var(--db-spacing-responsive-sm);
16
+ --spacing-res-md: var(--db-spacing-responsive-md);
17
+ --spacing-res-lg: var(--db-spacing-responsive-lg);
18
+ --spacing-res-xl: var(--db-spacing-responsive-xl);
19
+ --spacing-res-2xl: var(--db-spacing-responsive-2xl);
20
+ --spacing-res-3xl: var(--db-spacing-responsive-3xl);
21
+ --spacing-siz-3xs: var(--db-sizing-3xs);
22
+ --spacing-siz-2xs: var(--db-sizing-2xs);
23
+ --spacing-siz-xs: var(--db-sizing-xs);
24
+ --spacing-siz-sm: var(--db-sizing-sm);
25
+ --spacing-siz-md: var(--db-sizing-md);
26
+ --spacing-siz-lg: var(--db-sizing-lg);
27
+ --spacing-siz-xl: var(--db-sizing-xl);
28
+ --spacing-siz-2xl: var(--db-sizing-2xl);
29
+ --spacing-siz-3xl: var(--db-sizing-3xl);
30
+ --spacing-screen-xs: var(--db-screen-xs);
31
+ --spacing-screen-sm: var(--db-screen-sm);
32
+ --spacing-screen-md: var(--db-screen-md);
33
+ --spacing-screen-lg: var(--db-screen-lg);
34
+ --spacing-screen-xl: var(--db-screen-xl);
35
+ --spacing-container-3xs: var(--db-container-3xs);
36
+ --spacing-container-2xs: var(--db-container-2xs);
37
+ --spacing-container-xs: var(--db-container-xs);
38
+ --spacing-container-sm: var(--db-container-sm);
39
+ --spacing-container-md: var(--db-container-md);
40
+ --spacing-container-lg: var(--db-container-lg);
41
+ --spacing-container-xl: var(--db-container-xl);
42
+ --spacing-container-2xl: var(--db-container-2xl);
43
+ --spacing-container-3xl: var(--db-container-3xl);
44
+ --gap-3xs: var(--db-spacing-fixed-3xs);
45
+ --gap-2xs: var(--db-spacing-fixed-2xs);
46
+ --gap-xs: var(--db-spacing-fixed-xs);
47
+ --gap-sm: var(--db-spacing-fixed-sm);
48
+ --gap-md: var(--db-spacing-fixed-md);
49
+ --gap-lg: var(--db-spacing-fixed-lg);
50
+ --gap-xl: var(--db-spacing-fixed-xl);
51
+ --gap-2xl: var(--db-spacing-fixed-2xl);
52
+ --gap-3xl: var(--db-spacing-fixed-3xl);
53
+ --border: var(--db-border-width-3xs);
54
+ --border-3xs: var(--db-border-width-3xs);
55
+ --border-2xs: var(--db-border-width-2xs);
56
+ --border-xs: var(--db-border-width-xs);
57
+ --border-sm: var(--db-border-width-sm);
58
+ --border-md: var(--db-border-width-md);
59
+ --border-lg: var(--db-border-width-lg);
60
+ --border-xl: var(--db-border-width-xl);
61
+ --border-2xl: var(--db-border-width-2xl);
62
+ --border-3xl: var(--db-border-width-3xl);
63
+ --radius: var(--db-border-radius-xs);
64
+ --radius-3xs: var(--db-border-radius-3xs);
65
+ --radius-2xs: var(--db-border-radius-2xs);
66
+ --radius-xs: var(--db-border-radius-xs);
67
+ --radius-sm: var(--db-border-radius-sm);
68
+ --radius-md: var(--db-border-radius-md);
69
+ --radius-lg: var(--db-border-radius-lg);
70
+ --radius-xl: var(--db-border-radius-xl);
71
+ --radius-2xl: var(--db-border-radius-2xl);
72
+ --radius-3xl: var(--db-border-radius-3xl);
73
+ --radius-full: var(--db-border-radius-full);
74
+ --shadow: var(--db-elevation-md);
75
+ --shadow-sm: var(--db-elevation-sm);
76
+ --shadow-md: var(--db-elevation-md);
77
+ --shadow-lg: var(--db-elevation-lg);
161
78
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "4.5.4",
3
+ "version": "4.6.0",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -51,16 +51,16 @@
51
51
  "devDependencies": {
52
52
  "@csstools/normalize.css": "12.1.1",
53
53
  "@db-ux/icon-font-tools": "0.3.6",
54
- "@playwright/test": "1.58.2",
54
+ "@playwright/test": "1.59.1",
55
55
  "cpr": "3.0.1",
56
- "cssnano": "7.1.3",
56
+ "cssnano": "7.1.4",
57
57
  "glob": "13.0.6",
58
58
  "nodemon": "3.1.14",
59
59
  "prettier": "3.8.1",
60
60
  "sass": "1.85.1",
61
61
  "tsx": "4.21.0",
62
62
  "typescript": "5.9.3",
63
- "vite": "7.3.1"
63
+ "vite": "8.0.6"
64
64
  },
65
65
  "publishConfig": {
66
66
  "registry": "https://registry.npmjs.org/",