@db-ux/core-components 4.4.1 → 4.4.2
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.
- package/CHANGELOG.md +8 -0
- package/build/components/input/input.css +9 -5
- package/build/components/input/input.scss +12 -8
- package/build/styles/absolute.css +1 -1
- package/build/styles/index.css +1 -1
- package/build/styles/relative.css +1 -1
- package/build/styles/rollup.css +1 -1
- package/build/styles/webpack.css +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
# @db-ux/core-components
|
|
2
2
|
|
|
3
|
+
## 4.4.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- fix(SSR-compatibility): Implement framework-specific `useId` for UUID generation in React and Vue outputs - [see commit 1073c46](https://github.com/db-ux-design-system/core-web/commit/1073c469a20bf1346f150c00364ee1aeab7643d0)
|
|
8
|
+
|
|
9
|
+
- fix: issue with DBInput not working properly with `datalist` and `type="time"` - [see commit 72ccb09](https://github.com/db-ux-design-system/core-web/commit/72ccb09d1304aec894b4fde27624f90029efec9d)
|
|
10
|
+
|
|
3
11
|
## 4.4.1
|
|
4
12
|
|
|
5
13
|
### Patch Changes
|
|
@@ -1009,10 +1009,17 @@ input:focus-visible)::after {
|
|
|
1009
1009
|
.db-input input {
|
|
1010
1010
|
position: relative;
|
|
1011
1011
|
}
|
|
1012
|
+
.db-input input::-webkit-color-swatch-wrapper {
|
|
1013
|
+
block-size: var(--db-icon-font-size, 1.5rem);
|
|
1014
|
+
aspect-ratio: 2/1;
|
|
1015
|
+
}
|
|
1012
1016
|
.db-input input::-webkit-calendar-picker-indicator, .db-input input::-webkit-search-cancel-button {
|
|
1013
1017
|
background-image: none;
|
|
1014
|
-
|
|
1015
|
-
|
|
1018
|
+
position: absolute;
|
|
1019
|
+
inset-inline-end: var(--db-spacing-fixed-sm);
|
|
1020
|
+
display: block !important;
|
|
1021
|
+
inline-size: var(--db-icon-font-size, 1.5rem) !important;
|
|
1022
|
+
block-size: var(--db-icon-font-size, 1.5rem) !important;
|
|
1016
1023
|
padding: 0;
|
|
1017
1024
|
cursor: pointer;
|
|
1018
1025
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
@@ -1046,6 +1053,3 @@ input:focus-visible)::after {
|
|
|
1046
1053
|
.db-input input::file-selector-button:active {
|
|
1047
1054
|
background-color: var(--db-adaptive-bg-basic-transparent-full-pressed);
|
|
1048
1055
|
}
|
|
1049
|
-
.db-input:has(datalist) input::-webkit-calendar-picker-indicator {
|
|
1050
|
-
display: none !important;
|
|
1051
|
-
}
|
|
@@ -122,13 +122,23 @@ $icon-padding: calc(
|
|
|
122
122
|
input {
|
|
123
123
|
position: relative;
|
|
124
124
|
|
|
125
|
+
&::-webkit-color-swatch-wrapper {
|
|
126
|
+
block-size: icons.$default-icon-font-size;
|
|
127
|
+
aspect-ratio: 2/1;
|
|
128
|
+
}
|
|
129
|
+
|
|
125
130
|
&::-webkit-calendar-picker-indicator,
|
|
126
131
|
&::-webkit-search-cancel-button {
|
|
127
132
|
@extend %db-overwrite-font-size-sm;
|
|
128
133
|
|
|
129
134
|
background-image: none;
|
|
130
|
-
|
|
131
|
-
|
|
135
|
+
position: absolute;
|
|
136
|
+
inset-inline-end: var(--db-spacing-fixed-sm);
|
|
137
|
+
|
|
138
|
+
// Those are set by browser on element directly
|
|
139
|
+
display: block !important;
|
|
140
|
+
inline-size: icons.$default-icon-font-size !important;
|
|
141
|
+
block-size: icons.$default-icon-font-size !important;
|
|
132
142
|
padding: 0;
|
|
133
143
|
cursor: pointer;
|
|
134
144
|
/* stylelint-disable-next-line db-ux/use-spacings */
|
|
@@ -173,11 +183,5 @@ $icon-padding: calc(
|
|
|
173
183
|
|
|
174
184
|
&:has(datalist) {
|
|
175
185
|
@extend %dropdown-icon;
|
|
176
|
-
|
|
177
|
-
input {
|
|
178
|
-
&::-webkit-calendar-picker-indicator {
|
|
179
|
-
display: none !important;
|
|
180
|
-
}
|
|
181
|
-
}
|
|
182
186
|
}
|
|
183
187
|
}
|