@metropolle/design-system 1.0.0-beta.2025.9.6.252.b17bdbc → 1.0.0-beta.2025.9.6.332.ee072d6
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/dist/css/compat/back.css +11 -11
- package/package.json +1 -1
package/dist/css/compat/back.css
CHANGED
|
@@ -195,17 +195,18 @@ html[data-theme="light"] button:hover {
|
|
|
195
195
|
======================================== */
|
|
196
196
|
select,
|
|
197
197
|
.mds-period-filter__select {
|
|
198
|
-
|
|
198
|
+
/* Match DS ghost button default state */
|
|
199
|
+
background-color: transparent !important;
|
|
199
200
|
color: #ffffff !important;
|
|
200
|
-
border:
|
|
201
|
+
border: none !important;
|
|
201
202
|
border-radius: 8px !important;
|
|
202
203
|
padding: 0.5rem 1rem !important;
|
|
203
204
|
font-family: inherit !important;
|
|
204
205
|
font-size: 0.875rem !important;
|
|
205
206
|
cursor: pointer !important;
|
|
206
|
-
transition:
|
|
207
|
-
backdrop-filter:
|
|
208
|
-
-webkit-backdrop-filter:
|
|
207
|
+
transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
|
|
208
|
+
backdrop-filter: none !important;
|
|
209
|
+
-webkit-backdrop-filter: none !important;
|
|
209
210
|
-webkit-appearance: none !important;
|
|
210
211
|
-moz-appearance: none !important;
|
|
211
212
|
appearance: none !important;
|
|
@@ -218,8 +219,8 @@ select,
|
|
|
218
219
|
|
|
219
220
|
select:hover,
|
|
220
221
|
.mds-period-filter__select:hover {
|
|
221
|
-
|
|
222
|
-
|
|
222
|
+
/* Same hover treatment as DS ghost */
|
|
223
|
+
background-color: var(--mds-color-background-secondary) !important;
|
|
223
224
|
}
|
|
224
225
|
|
|
225
226
|
select:focus,
|
|
@@ -244,16 +245,15 @@ select option {
|
|
|
244
245
|
/* Light theme select styles */
|
|
245
246
|
html[data-theme="light"] select,
|
|
246
247
|
html[data-theme="light"] .mds-period-filter__select {
|
|
247
|
-
background-color:
|
|
248
|
+
background-color: transparent !important;
|
|
248
249
|
color: #1a1a1a !important;
|
|
249
|
-
border
|
|
250
|
+
border: none !important;
|
|
250
251
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e") !important;
|
|
251
252
|
}
|
|
252
253
|
|
|
253
254
|
html[data-theme="light"] select:hover,
|
|
254
255
|
html[data-theme="light"] .mds-period-filter__select:hover {
|
|
255
|
-
background-color: rgba(0, 0, 0, 0.
|
|
256
|
-
border-color: rgba(0, 0, 0, 0.15) !important;
|
|
256
|
+
background-color: rgba(0, 0, 0, 0.05) !important;
|
|
257
257
|
}
|
|
258
258
|
|
|
259
259
|
html[data-theme="light"] select:focus,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metropolle/design-system",
|
|
3
|
-
"version": "1.0.0-beta.2025.09.06.
|
|
3
|
+
"version": "1.0.0-beta.2025.09.06.0332.ee072d6",
|
|
4
4
|
"description": "Sistema de design unificado para a plataforma Metropolle",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/react/index.js",
|