@db-ux/core-foundations 4.5.4-postcss-a42fe67 → 4.5.4-postcss2-6de35db

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 (37) hide show
  1. package/README.md +16 -69
  2. package/agent/_instructions.md +35 -0
  3. package/agent/tailwind/Variables.md +11 -9
  4. package/build/styles/{index.css → bundle.css} +59 -4
  5. package/build/styles/{index.scss → bundle.scss} +5 -0
  6. package/build/styles/fonts/absolute.scss +1 -1
  7. package/build/styles/fonts/relative.scss +1 -1
  8. package/build/styles/fonts/rollup.scss +1 -1
  9. package/build/styles/fonts/webpack.scss +1 -1
  10. package/build/styles/icons/absolute.scss +1 -1
  11. package/build/styles/icons/relative.scss +1 -1
  12. package/build/styles/icons/rollup.scss +1 -1
  13. package/build/styles/icons/webpack.scss +1 -1
  14. package/build/styles/theme/absolute.css +1 -0
  15. package/build/styles/theme/relative.css +1 -0
  16. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  17. package/build/styles/theme/rollup.css +1 -0
  18. package/build/styles/theme/webpack.css +1 -0
  19. package/build/tailwind/theme/colors.css +1 -2919
  20. package/build/tailwind/theme/colors.scss +1 -10
  21. package/build/tailwind/theme/dimensions.css +77 -160
  22. package/package.json +4 -4
  23. package/build/styles/absolute.css +0 -10635
  24. package/build/styles/defaults/default-theme.css +0 -97
  25. package/build/styles/relative.css +0 -10635
  26. package/build/styles/relative.scss +0 -4
  27. package/build/styles/rollup.css +0 -10635
  28. package/build/styles/webpack.css +0 -10635
  29. package/build/tailwind/theme/_variables.scss +0 -77
  30. package/build/tailwind/theme/dimensions.scss +0 -17
  31. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  32. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  33. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  34. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  35. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  36. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  37. /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-postcss-a42fe67",
3
+ "version": "4.5.4-postcss2-6de35db",
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": "8.0.5"
63
+ "vite": "8.0.6"
64
64
  },
65
65
  "publishConfig": {
66
66
  "registry": "https://registry.npmjs.org/",