@yuva-devlab/ui 1.4.2 → 1.4.3
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/components/button/button.css +5 -5
- package/dist/components/input/input.css +1 -1
- package/dist/components/input-otp/input-otp.css +2 -2
- package/dist/components/select/select.css +33 -10
- package/dist/components.css +41 -18
- package/dist/index.cjs +1 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -6
- package/dist/index.js.map +1 -1
- package/dist/styles/components.css +41 -18
- package/package.json +1 -1
|
@@ -416,21 +416,21 @@
|
|
|
416
416
|
|
|
417
417
|
/* Sizes */
|
|
418
418
|
.dl-btn--sm {
|
|
419
|
-
height: 2rem;
|
|
419
|
+
height: var(--control-height-sm, 2rem);
|
|
420
420
|
padding: 0 0.75rem;
|
|
421
421
|
font-size: 0.75rem;
|
|
422
422
|
}
|
|
423
423
|
.dl-btn--md {
|
|
424
|
-
height: 2.25rem;
|
|
424
|
+
height: var(--control-height-md, 2.25rem);
|
|
425
425
|
padding: 0 1rem;
|
|
426
426
|
}
|
|
427
427
|
.dl-btn--lg {
|
|
428
|
-
height: 2.5rem;
|
|
428
|
+
height: var(--control-height-lg, 2.5rem);
|
|
429
429
|
padding: 0 2rem;
|
|
430
430
|
}
|
|
431
431
|
.dl-btn--icon {
|
|
432
|
-
width: 2.25rem;
|
|
433
|
-
height: 2.25rem;
|
|
432
|
+
width: var(--control-height-md, 2.25rem);
|
|
433
|
+
height: var(--control-height-md, 2.25rem);
|
|
434
434
|
padding: 0;
|
|
435
435
|
}
|
|
436
436
|
|
|
@@ -1247,7 +1247,7 @@
|
|
|
1247
1247
|
.dl-input {
|
|
1248
1248
|
display: block;
|
|
1249
1249
|
width: 100%;
|
|
1250
|
-
height: 2.25rem;
|
|
1250
|
+
height: var(--control-height-md, 2.25rem);
|
|
1251
1251
|
border-radius: var(--radius-md, 0.375rem);
|
|
1252
1252
|
border: 1px solid var(--input);
|
|
1253
1253
|
background-color: transparent;
|
|
@@ -1332,8 +1332,8 @@
|
|
|
1332
1332
|
display: flex;
|
|
1333
1333
|
align-items: center;
|
|
1334
1334
|
justify-content: center;
|
|
1335
|
-
width: 2.25rem;
|
|
1336
|
-
height: 2.25rem;
|
|
1335
|
+
width: var(--control-height-md, 2.25rem);
|
|
1336
|
+
height: var(--control-height-md, 2.25rem);
|
|
1337
1337
|
border-top: 1px solid var(--input);
|
|
1338
1338
|
border-bottom: 1px solid var(--input);
|
|
1339
1339
|
border-right: 1px solid var(--input);
|
|
@@ -2087,19 +2087,25 @@
|
|
|
2087
2087
|
.dl-select-trigger {
|
|
2088
2088
|
display: inline-flex;
|
|
2089
2089
|
width: 100%;
|
|
2090
|
-
|
|
2090
|
+
height: var(--control-height-md, 2.25rem);
|
|
2091
|
+
min-height: var(--control-height-md, 2.25rem);
|
|
2091
2092
|
align-items: center;
|
|
2092
2093
|
justify-content: space-between;
|
|
2093
2094
|
white-space: nowrap;
|
|
2094
2095
|
border-radius: var(--radius-md, 0.375rem);
|
|
2095
2096
|
border: 1px solid var(--input);
|
|
2096
2097
|
background-color: transparent;
|
|
2097
|
-
padding: 0 0.
|
|
2098
|
-
font-size: 0.
|
|
2098
|
+
padding: 0 0.75rem;
|
|
2099
|
+
font-size: 0.875rem;
|
|
2100
|
+
line-height: 1.25rem;
|
|
2099
2101
|
font-family: inherit;
|
|
2102
|
+
font-weight: 400;
|
|
2100
2103
|
cursor: pointer;
|
|
2101
2104
|
color: var(--foreground);
|
|
2102
2105
|
box-shadow: 0 1px 2px rgb(0 0 0/0.05);
|
|
2106
|
+
transition:
|
|
2107
|
+
border-color 0.15s ease,
|
|
2108
|
+
box-shadow 0.15s ease;
|
|
2103
2109
|
}
|
|
2104
2110
|
.dl-select-trigger[data-placeholder] {
|
|
2105
2111
|
color: var(--muted-foreground);
|
|
@@ -2114,11 +2120,25 @@
|
|
|
2114
2120
|
}
|
|
2115
2121
|
.dl-select-trigger > svg {
|
|
2116
2122
|
opacity: 0.5;
|
|
2117
|
-
width:
|
|
2118
|
-
height:
|
|
2123
|
+
width: 1rem;
|
|
2124
|
+
height: 1rem;
|
|
2119
2125
|
flex-shrink: 0;
|
|
2120
2126
|
}
|
|
2121
2127
|
|
|
2128
|
+
/* Sizes */
|
|
2129
|
+
.dl-select-trigger--sm {
|
|
2130
|
+
height: var(--control-height-sm, 2rem);
|
|
2131
|
+
min-height: var(--control-height-sm, 2rem);
|
|
2132
|
+
padding: 0 0.5rem;
|
|
2133
|
+
font-size: 0.75rem;
|
|
2134
|
+
}
|
|
2135
|
+
.dl-select-trigger--lg {
|
|
2136
|
+
height: var(--control-height-lg, 2.5rem);
|
|
2137
|
+
min-height: var(--control-height-lg, 2.5rem);
|
|
2138
|
+
padding: 0 1rem;
|
|
2139
|
+
font-size: 1rem;
|
|
2140
|
+
}
|
|
2141
|
+
|
|
2122
2142
|
.dl-select-content {
|
|
2123
2143
|
position: relative;
|
|
2124
2144
|
z-index: 50;
|
|
@@ -2152,10 +2172,13 @@
|
|
|
2152
2172
|
cursor: pointer;
|
|
2153
2173
|
align-items: center;
|
|
2154
2174
|
border-radius: var(--radius-sm, 0.25rem);
|
|
2155
|
-
padding: 0.
|
|
2156
|
-
font-size: 0.
|
|
2175
|
+
padding: 0.375rem 0.625rem 0.375rem 2rem;
|
|
2176
|
+
font-size: 0.875rem;
|
|
2157
2177
|
outline: none;
|
|
2158
2178
|
user-select: none;
|
|
2179
|
+
transition:
|
|
2180
|
+
background-color 0.15s ease,
|
|
2181
|
+
color 0.15s ease;
|
|
2159
2182
|
}
|
|
2160
2183
|
.dl-select-item:focus,
|
|
2161
2184
|
.dl-select-item[data-highlighted] {
|
|
@@ -2168,12 +2191,12 @@
|
|
|
2168
2191
|
}
|
|
2169
2192
|
.dl-select-item__indicator {
|
|
2170
2193
|
position: absolute;
|
|
2171
|
-
left: 0.
|
|
2194
|
+
left: 0.625rem;
|
|
2172
2195
|
display: flex;
|
|
2173
2196
|
align-items: center;
|
|
2174
2197
|
justify-content: center;
|
|
2175
|
-
width: 0.
|
|
2176
|
-
height: 0.
|
|
2198
|
+
width: 0.875rem;
|
|
2199
|
+
height: 0.875rem;
|
|
2177
2200
|
}
|
|
2178
2201
|
.dl-select-label {
|
|
2179
2202
|
padding: 0.25rem 0.5rem;
|