@henriquepetrelli/hp-design-system 1.1.26 → 1.1.28
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/style.css
CHANGED
|
@@ -526,8 +526,6 @@ body {
|
|
|
526
526
|
background-color: var(--color-surface);
|
|
527
527
|
color: var(--color-text);
|
|
528
528
|
outline: none;
|
|
529
|
-
/* Variants */
|
|
530
|
-
/* Interactive state */
|
|
531
529
|
}
|
|
532
530
|
.card__header[data-v-2b489100], .card__footer[data-v-2b489100] {
|
|
533
531
|
display: flex;
|
|
@@ -548,6 +546,9 @@ body {
|
|
|
548
546
|
font-size: 0.875rem;
|
|
549
547
|
color: var(--color-text-muted);
|
|
550
548
|
}
|
|
549
|
+
.card[data-v-2b489100] {
|
|
550
|
+
/* Variants */
|
|
551
|
+
}
|
|
551
552
|
.card--default[data-v-2b489100] {
|
|
552
553
|
border: 1px solid transparent;
|
|
553
554
|
}
|
|
@@ -557,6 +558,9 @@ body {
|
|
|
557
558
|
.card--elevated[data-v-2b489100] {
|
|
558
559
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
|
|
559
560
|
}
|
|
561
|
+
.card[data-v-2b489100] {
|
|
562
|
+
/* Interactive state */
|
|
563
|
+
}
|
|
560
564
|
.card--interactive[data-v-2b489100] {
|
|
561
565
|
cursor: pointer;
|
|
562
566
|
transition: box-shadow 0.2s ease, transform 0.2s ease;
|
|
@@ -2172,7 +2176,6 @@ body {
|
|
|
2172
2176
|
--success-color: #388e3c;
|
|
2173
2177
|
width: 100%;
|
|
2174
2178
|
margin-bottom: 1.5rem;
|
|
2175
|
-
/* Status styles */
|
|
2176
2179
|
}
|
|
2177
2180
|
.input-range__fieldset[data-v-32e54a28] {
|
|
2178
2181
|
border: 0;
|
|
@@ -2264,6 +2267,9 @@ body {
|
|
|
2264
2267
|
font-size: 0.75rem;
|
|
2265
2268
|
color: #666;
|
|
2266
2269
|
}
|
|
2270
|
+
.input-range[data-v-32e54a28] {
|
|
2271
|
+
/* Status styles */
|
|
2272
|
+
}
|
|
2267
2273
|
.input-range--error[data-v-32e54a28] {
|
|
2268
2274
|
--active-color: var(--error-color);
|
|
2269
2275
|
}
|
|
@@ -2280,25 +2286,25 @@ body {
|
|
|
2280
2286
|
}
|
|
2281
2287
|
.input-range--disabled[data-v-32e54a28] {
|
|
2282
2288
|
opacity: 0.7;
|
|
2283
|
-
}.progress-bar[data-v-
|
|
2289
|
+
}.progress-bar[data-v-80b0b9cd] {
|
|
2284
2290
|
display: flex;
|
|
2285
2291
|
flex-direction: column;
|
|
2286
2292
|
gap: 0.375rem;
|
|
2287
2293
|
width: 100%;
|
|
2288
2294
|
}
|
|
2289
|
-
.progress-bar__header[data-v-
|
|
2295
|
+
.progress-bar__header[data-v-80b0b9cd] {
|
|
2290
2296
|
display: flex;
|
|
2291
2297
|
justify-content: space-between;
|
|
2292
2298
|
font-size: 0.75rem;
|
|
2293
2299
|
font-weight: 500;
|
|
2294
2300
|
}
|
|
2295
|
-
.progress-bar__label[data-v-
|
|
2301
|
+
.progress-bar__label[data-v-80b0b9cd], .progress-bar__value[data-v-80b0b9cd] {
|
|
2296
2302
|
color: var(--color-text);
|
|
2297
2303
|
}
|
|
2298
|
-
.progress-bar__wrapper[data-v-
|
|
2304
|
+
.progress-bar__wrapper[data-v-80b0b9cd] {
|
|
2299
2305
|
position: relative;
|
|
2300
2306
|
}
|
|
2301
|
-
.progress-bar__track[data-v-
|
|
2307
|
+
.progress-bar__track[data-v-80b0b9cd] {
|
|
2302
2308
|
width: 100%;
|
|
2303
2309
|
height: 0.5rem;
|
|
2304
2310
|
appearance: none;
|
|
@@ -2307,18 +2313,20 @@ body {
|
|
|
2307
2313
|
overflow: hidden;
|
|
2308
2314
|
background-color: var(--track-color);
|
|
2309
2315
|
/* Chrome / Edge / Safari */
|
|
2310
|
-
/* Firefox */
|
|
2311
2316
|
}
|
|
2312
|
-
.progress-bar__track[data-v-
|
|
2317
|
+
.progress-bar__track[data-v-80b0b9cd]::-webkit-progress-bar {
|
|
2313
2318
|
background-color: var(--track-color);
|
|
2314
2319
|
border-radius: 999px;
|
|
2315
2320
|
}
|
|
2316
|
-
.progress-bar__track[data-v-
|
|
2321
|
+
.progress-bar__track[data-v-80b0b9cd]::-webkit-progress-value {
|
|
2317
2322
|
background-color: var(--bar-color);
|
|
2318
2323
|
border-radius: 999px;
|
|
2319
2324
|
transition: width 0.3s ease;
|
|
2320
2325
|
}
|
|
2321
|
-
.progress-bar__track[data-v-
|
|
2326
|
+
.progress-bar__track[data-v-80b0b9cd] {
|
|
2327
|
+
/* Firefox */
|
|
2328
|
+
}
|
|
2329
|
+
.progress-bar__track[data-v-80b0b9cd]::-moz-progress-bar {
|
|
2322
2330
|
background-color: var(--bar-color);
|
|
2323
2331
|
border-radius: 999px;
|
|
2324
2332
|
transition: width 0.3s ease;
|