@liner-fe/prism 1.12.20 → 1.12.22
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/lib/assets/index.d.ts +1 -0
- package/lib/assets/lp-pri-icon-s-drop-up.d.ts +8 -0
- package/lib/index.css +88 -65
- package/lib/index.css.map +2 -2
- package/lib/index.mjs +162 -135
- package/lib/index.mjs.map +4 -4
- package/lib/type/index.d.ts +1 -1
- package/package.json +1 -1
package/lib/assets/index.d.ts
CHANGED
|
@@ -133,3 +133,4 @@ export { ICLpPriIconMSpinner } from './lp-pri-icon-m-spinner';
|
|
|
133
133
|
export { ICLpPriIconSDropDown } from './lp-pri-icon-s-drop-down';
|
|
134
134
|
export { ICLpPriIconMVolumeUp } from './lp-pri-icon-m-volume-up';
|
|
135
135
|
export { ICLpPriIconMVolume } from './lp-pri-icon-m-volume';
|
|
136
|
+
export { ICLpPriIconSDropUp } from './lp-pri-icon-s-drop-up';
|
package/lib/index.css
CHANGED
|
@@ -1115,24 +1115,39 @@
|
|
|
1115
1115
|
}
|
|
1116
1116
|
|
|
1117
1117
|
/* esbuild-sass-plugin:css-chunk:src/components/Slider/style.module.scss */
|
|
1118
|
-
.
|
|
1118
|
+
._label_a248s_1 {
|
|
1119
1119
|
color: var(--neutral-label-secondary);
|
|
1120
1120
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1121
1121
|
}
|
|
1122
|
-
.
|
|
1122
|
+
._optionText_a248s_6 {
|
|
1123
1123
|
color: var(--neutral-label-primary);
|
|
1124
1124
|
}
|
|
1125
|
-
._slider-
|
|
1125
|
+
._slider-wrapper_a248s_10 {
|
|
1126
1126
|
display: flex;
|
|
1127
1127
|
align-items: center;
|
|
1128
1128
|
gap: var(--lp-sys-gap-positive-400);
|
|
1129
1129
|
}
|
|
1130
|
-
._slider-
|
|
1130
|
+
._slider-wrapper_a248s_10:has([data-disabled]) {
|
|
1131
|
+
pointer-events: none;
|
|
1132
|
+
}
|
|
1133
|
+
._slider-wrapper_a248s_10:has([data-disabled]) > ._slider-option-wrapper_a248s_18 > * {
|
|
1134
|
+
color: var(--neutral-label-tertiary);
|
|
1135
|
+
}
|
|
1136
|
+
._slider-wrapper_a248s_10:has([data-disabled]) > ._slider-option-wrapper_a248s_18 > * > * {
|
|
1137
|
+
fill: var(--neutral-label-tertiary);
|
|
1138
|
+
}
|
|
1139
|
+
._slider-wrapper_a248s_10:has([data-disabled]) ._slider-thumb_a248s_24 {
|
|
1140
|
+
border: 2px solid var(--neutral-border-overlay-normal);
|
|
1141
|
+
}
|
|
1142
|
+
._slider-wrapper_a248s_10:has([data-disabled]) ._slider-step_a248s_27 {
|
|
1143
|
+
background-color: var(--neutral-fill-high);
|
|
1144
|
+
}
|
|
1145
|
+
._slider-option-wrapper_a248s_18 {
|
|
1131
1146
|
display: flex;
|
|
1132
1147
|
align-items: flex-start;
|
|
1133
1148
|
gap: var(--lp-sys-gap-positive-100);
|
|
1134
1149
|
}
|
|
1135
|
-
._slider-
|
|
1150
|
+
._slider-root_a248s_37 {
|
|
1136
1151
|
position: relative;
|
|
1137
1152
|
display: flex;
|
|
1138
1153
|
align-items: center;
|
|
@@ -1143,7 +1158,7 @@
|
|
|
1143
1158
|
height: 20px;
|
|
1144
1159
|
padding: var(--lp-sys-padding-component-200) 0;
|
|
1145
1160
|
}
|
|
1146
|
-
._slider-
|
|
1161
|
+
._slider-track_a248s_48 {
|
|
1147
1162
|
display: flex;
|
|
1148
1163
|
align-items: center;
|
|
1149
1164
|
justify-content: space-between;
|
|
@@ -1155,13 +1170,13 @@
|
|
|
1155
1170
|
height: 8px;
|
|
1156
1171
|
z-index: 0;
|
|
1157
1172
|
}
|
|
1158
|
-
._slider-
|
|
1173
|
+
._slider-range_a248s_61 {
|
|
1159
1174
|
position: absolute;
|
|
1160
1175
|
background-color: none;
|
|
1161
1176
|
border-radius: 9999px;
|
|
1162
1177
|
height: 100%;
|
|
1163
1178
|
}
|
|
1164
|
-
._slider-
|
|
1179
|
+
._slider-thumb_a248s_24 {
|
|
1165
1180
|
box-sizing: border-box;
|
|
1166
1181
|
position: relative;
|
|
1167
1182
|
display: block;
|
|
@@ -1171,14 +1186,14 @@
|
|
|
1171
1186
|
border: 2px solid var(--brand-border-opaque-normal);
|
|
1172
1187
|
border-radius: 20px;
|
|
1173
1188
|
}
|
|
1174
|
-
._slider-
|
|
1189
|
+
._slider-thumb_a248s_24:hover {
|
|
1175
1190
|
background-color: var(--function-container-selection);
|
|
1176
1191
|
}
|
|
1177
|
-
._slider-
|
|
1192
|
+
._slider-thumb_a248s_24:focus {
|
|
1178
1193
|
outline: none;
|
|
1179
1194
|
border: 2px solid var(--brand-border-opaque-normal);
|
|
1180
1195
|
}
|
|
1181
|
-
._slider-
|
|
1196
|
+
._slider-step_a248s_27 {
|
|
1182
1197
|
width: var(--lp-pri-size-4);
|
|
1183
1198
|
height: var(--lp-pri-size-4);
|
|
1184
1199
|
border-radius: 9999px;
|
|
@@ -1187,7 +1202,7 @@
|
|
|
1187
1202
|
}
|
|
1188
1203
|
|
|
1189
1204
|
/* esbuild-sass-plugin:css-chunk:src/components/Select/style.module.scss */
|
|
1190
|
-
@-webkit-keyframes _slide-
|
|
1205
|
+
@-webkit-keyframes _slide-up_1dsk6_226 {
|
|
1191
1206
|
0% {
|
|
1192
1207
|
transform: translateY(3%);
|
|
1193
1208
|
opacity: 0;
|
|
@@ -1197,7 +1212,7 @@
|
|
|
1197
1212
|
opacity: 1;
|
|
1198
1213
|
}
|
|
1199
1214
|
}
|
|
1200
|
-
@keyframes _slide-
|
|
1215
|
+
@keyframes _slide-up_1dsk6_226 {
|
|
1201
1216
|
0% {
|
|
1202
1217
|
transform: translateY(3%);
|
|
1203
1218
|
opacity: 0;
|
|
@@ -1207,7 +1222,7 @@
|
|
|
1207
1222
|
opacity: 1;
|
|
1208
1223
|
}
|
|
1209
1224
|
}
|
|
1210
|
-
@-webkit-keyframes _slide-
|
|
1225
|
+
@-webkit-keyframes _slide-down_1dsk6_230 {
|
|
1211
1226
|
0% {
|
|
1212
1227
|
transform: translateY(0);
|
|
1213
1228
|
opacity: 1;
|
|
@@ -1217,7 +1232,7 @@
|
|
|
1217
1232
|
opacity: 0;
|
|
1218
1233
|
}
|
|
1219
1234
|
}
|
|
1220
|
-
@keyframes _slide-
|
|
1235
|
+
@keyframes _slide-down_1dsk6_230 {
|
|
1221
1236
|
0% {
|
|
1222
1237
|
transform: translateY(0);
|
|
1223
1238
|
opacity: 1;
|
|
@@ -1227,7 +1242,7 @@
|
|
|
1227
1242
|
opacity: 0;
|
|
1228
1243
|
}
|
|
1229
1244
|
}
|
|
1230
|
-
@-webkit-keyframes _slide-in-
|
|
1245
|
+
@-webkit-keyframes _slide-in-right_1dsk6_234 {
|
|
1231
1246
|
0% {
|
|
1232
1247
|
opacity: 0;
|
|
1233
1248
|
-webkit-transform: translateX(1000px);
|
|
@@ -1239,7 +1254,7 @@
|
|
|
1239
1254
|
transform: translateX(0);
|
|
1240
1255
|
}
|
|
1241
1256
|
}
|
|
1242
|
-
@keyframes _slide-in-
|
|
1257
|
+
@keyframes _slide-in-right_1dsk6_234 {
|
|
1243
1258
|
0% {
|
|
1244
1259
|
opacity: 0;
|
|
1245
1260
|
-webkit-transform: translateX(1000px);
|
|
@@ -1251,7 +1266,7 @@
|
|
|
1251
1266
|
transform: translateX(0);
|
|
1252
1267
|
}
|
|
1253
1268
|
}
|
|
1254
|
-
@-webkit-keyframes _slide-out-
|
|
1269
|
+
@-webkit-keyframes _slide-out-right_1dsk6_238 {
|
|
1255
1270
|
0% {
|
|
1256
1271
|
opacity: 1;
|
|
1257
1272
|
-webkit-transform: translateX(0);
|
|
@@ -1263,7 +1278,7 @@
|
|
|
1263
1278
|
transform: translateX(1000px);
|
|
1264
1279
|
}
|
|
1265
1280
|
}
|
|
1266
|
-
@keyframes _slide-out-
|
|
1281
|
+
@keyframes _slide-out-right_1dsk6_238 {
|
|
1267
1282
|
0% {
|
|
1268
1283
|
opacity: 1;
|
|
1269
1284
|
-webkit-transform: translateX(0);
|
|
@@ -1275,10 +1290,10 @@
|
|
|
1275
1290
|
transform: translateX(1000px);
|
|
1276
1291
|
}
|
|
1277
1292
|
}
|
|
1278
|
-
._select-
|
|
1293
|
+
._select-label_1dsk6_101 {
|
|
1279
1294
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1280
1295
|
}
|
|
1281
|
-
.
|
|
1296
|
+
._trigger_1dsk6_105 {
|
|
1282
1297
|
display: flex;
|
|
1283
1298
|
align-items: center;
|
|
1284
1299
|
gap: var(--lp-sys-gap-positive-200);
|
|
@@ -1290,34 +1305,42 @@
|
|
|
1290
1305
|
outline: none;
|
|
1291
1306
|
min-width: 0;
|
|
1292
1307
|
}
|
|
1293
|
-
.
|
|
1308
|
+
._trigger_1dsk6_105 > span:not([aria-hidden]) {
|
|
1294
1309
|
text-align: left;
|
|
1295
1310
|
width: 100%;
|
|
1296
1311
|
overflow: hidden;
|
|
1297
1312
|
white-space: nowrap;
|
|
1298
1313
|
text-overflow: ellipsis;
|
|
1299
1314
|
}
|
|
1300
|
-
.
|
|
1315
|
+
._trigger_1dsk6_105 > span[aria-hidden] {
|
|
1301
1316
|
flex: 0 1 0;
|
|
1302
1317
|
}
|
|
1303
|
-
.
|
|
1318
|
+
._trigger_1dsk6_105 > span > svg {
|
|
1304
1319
|
transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
|
|
1305
1320
|
}
|
|
1306
|
-
.
|
|
1321
|
+
._trigger_1dsk6_105[data-state=open] {
|
|
1307
1322
|
border-color: var(--neutral-border-opaque-strong);
|
|
1308
1323
|
}
|
|
1309
|
-
.
|
|
1324
|
+
._trigger_1dsk6_105[data-state=open] > span > svg {
|
|
1310
1325
|
transform: rotate(180deg);
|
|
1311
1326
|
}
|
|
1312
|
-
.
|
|
1327
|
+
._trigger_1dsk6_105[data-disabled] {
|
|
1328
|
+
pointer-events: none;
|
|
1329
|
+
background: var(--neutral-container-low);
|
|
1330
|
+
border-color: var(--neutral-border-overlay-normal);
|
|
1331
|
+
}
|
|
1332
|
+
._trigger_1dsk6_105[data-disabled] > span > svg > * {
|
|
1333
|
+
fill: var(--neutral-label-tertiary);
|
|
1334
|
+
}
|
|
1335
|
+
._placeholder_1dsk6_145 {
|
|
1313
1336
|
width: 100%;
|
|
1314
1337
|
}
|
|
1315
|
-
.
|
|
1338
|
+
._openIcon_1dsk6_149 {
|
|
1316
1339
|
display: flex;
|
|
1317
1340
|
align-items: center;
|
|
1318
1341
|
justify-content: center;
|
|
1319
1342
|
}
|
|
1320
|
-
@keyframes _slide-
|
|
1343
|
+
@keyframes _slide-up_1dsk6_226 {
|
|
1321
1344
|
0% {
|
|
1322
1345
|
transform: translateY(3%);
|
|
1323
1346
|
opacity: 0;
|
|
@@ -1327,7 +1350,7 @@
|
|
|
1327
1350
|
opacity: 1;
|
|
1328
1351
|
}
|
|
1329
1352
|
}
|
|
1330
|
-
._desktop-
|
|
1353
|
+
._desktop-content_1dsk6_165 {
|
|
1331
1354
|
box-sizing: border-box;
|
|
1332
1355
|
transform: translateX(-0.5%);
|
|
1333
1356
|
padding: var(--lp-sys-padding-component-200);
|
|
@@ -1337,23 +1360,23 @@
|
|
|
1337
1360
|
background: var(--neutral-container-lowest);
|
|
1338
1361
|
width: var(--radix-select-trigger-width);
|
|
1339
1362
|
}
|
|
1340
|
-
._desktop-
|
|
1341
|
-
-webkit-animation: _slide-
|
|
1342
|
-
animation: _slide-
|
|
1363
|
+
._desktop-content_1dsk6_165[data-state=open] {
|
|
1364
|
+
-webkit-animation: _slide-up_1dsk6_226 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1365
|
+
animation: _slide-up_1dsk6_226 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1343
1366
|
}
|
|
1344
1367
|
@media screen and (max-width: 600px) {
|
|
1345
|
-
._desktop-
|
|
1368
|
+
._desktop-content_1dsk6_165 {
|
|
1346
1369
|
display: none !important;
|
|
1347
1370
|
}
|
|
1348
1371
|
}
|
|
1349
|
-
.
|
|
1372
|
+
._header_1dsk6_185 {
|
|
1350
1373
|
display: flex;
|
|
1351
1374
|
align-items: center;
|
|
1352
1375
|
justify-content: space-between;
|
|
1353
1376
|
gap: var(--lp-sys-gap-positive-200);
|
|
1354
1377
|
padding-bottom: var(--lp-sys-padding-component-300);
|
|
1355
1378
|
}
|
|
1356
|
-
._mobile-
|
|
1379
|
+
._mobile-overlay_1dsk6_193 {
|
|
1357
1380
|
display: none;
|
|
1358
1381
|
position: fixed;
|
|
1359
1382
|
top: 0;
|
|
@@ -1364,11 +1387,11 @@
|
|
|
1364
1387
|
z-index: -1;
|
|
1365
1388
|
}
|
|
1366
1389
|
@media screen and (max-width: 600px) {
|
|
1367
|
-
._mobile-
|
|
1390
|
+
._mobile-overlay_1dsk6_193[data-aria-hidden=true] {
|
|
1368
1391
|
display: block;
|
|
1369
1392
|
}
|
|
1370
1393
|
}
|
|
1371
|
-
._mobile-
|
|
1394
|
+
._mobile-content_1dsk6_209 {
|
|
1372
1395
|
display: none !important;
|
|
1373
1396
|
position: fixed;
|
|
1374
1397
|
width: 100%;
|
|
@@ -1381,59 +1404,59 @@
|
|
|
1381
1404
|
z-index: 1;
|
|
1382
1405
|
}
|
|
1383
1406
|
@media screen and (max-width: 600px) {
|
|
1384
|
-
._mobile-
|
|
1407
|
+
._mobile-content_1dsk6_209 {
|
|
1385
1408
|
display: block !important;
|
|
1386
1409
|
}
|
|
1387
1410
|
}
|
|
1388
|
-
._mobile-
|
|
1389
|
-
-webkit-animation: _slide-
|
|
1390
|
-
animation: _slide-
|
|
1411
|
+
._mobile-content_1dsk6_209._slide-up_1dsk6_226 {
|
|
1412
|
+
-webkit-animation: _slide-up_1dsk6_226 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1413
|
+
animation: _slide-up_1dsk6_226 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1391
1414
|
}
|
|
1392
|
-
._mobile-
|
|
1393
|
-
-webkit-animation: _slide-
|
|
1394
|
-
animation: _slide-
|
|
1415
|
+
._mobile-content_1dsk6_209._slide-down_1dsk6_230 {
|
|
1416
|
+
-webkit-animation: _slide-down_1dsk6_230 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1417
|
+
animation: _slide-down_1dsk6_230 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
|
|
1395
1418
|
}
|
|
1396
|
-
._mobile-
|
|
1397
|
-
-webkit-animation: _slide-in-
|
|
1398
|
-
animation: _slide-in-
|
|
1419
|
+
._mobile-content_1dsk6_209._slide-in-right_1dsk6_234 {
|
|
1420
|
+
-webkit-animation: _slide-in-right_1dsk6_234 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
|
|
1421
|
+
animation: _slide-in-right_1dsk6_234 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
|
|
1399
1422
|
}
|
|
1400
|
-
._mobile-
|
|
1401
|
-
-webkit-animation: _slide-out-
|
|
1402
|
-
animation: _slide-out-
|
|
1423
|
+
._mobile-content_1dsk6_209._slide-out-right_1dsk6_238 {
|
|
1424
|
+
-webkit-animation: _slide-out-right_1dsk6_238 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
|
|
1425
|
+
animation: _slide-out-right_1dsk6_238 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
|
|
1403
1426
|
}
|
|
1404
|
-
._mobile-
|
|
1427
|
+
._mobile-viewport_1dsk6_243 {
|
|
1405
1428
|
max-height: 80vh;
|
|
1406
1429
|
}
|
|
1407
|
-
.
|
|
1430
|
+
._scrollAreaRoot_1dsk6_247 {
|
|
1408
1431
|
width: 100%;
|
|
1409
1432
|
height: 100%;
|
|
1410
1433
|
}
|
|
1411
|
-
.
|
|
1434
|
+
._scrollAreaViewport_1dsk6_252 {
|
|
1412
1435
|
width: 100%;
|
|
1413
1436
|
height: 100%;
|
|
1414
1437
|
max-height: 290px;
|
|
1415
1438
|
padding-bottom: var(--lp-sys-padding-component-150);
|
|
1416
1439
|
}
|
|
1417
|
-
.
|
|
1440
|
+
._scrollAreaScrollbar_1dsk6_259 {
|
|
1418
1441
|
width: var(--lp-pri-size-4);
|
|
1419
1442
|
padding: 5px 2px;
|
|
1420
1443
|
}
|
|
1421
|
-
.
|
|
1444
|
+
._scrollAreaThumb_1dsk6_264 {
|
|
1422
1445
|
background: var(--neutral-fill-high);
|
|
1423
1446
|
border-radius: var(--radius-xxl);
|
|
1424
1447
|
}
|
|
1425
|
-
._desktop-
|
|
1448
|
+
._desktop-label_1dsk6_269 {
|
|
1426
1449
|
padding: var(--lp-sys-padding-component-200);
|
|
1427
1450
|
padding-bottom: var(--lp-sys-padding-component-150);
|
|
1428
1451
|
}
|
|
1429
|
-
._mobile-
|
|
1452
|
+
._mobile-label_1dsk6_274 {
|
|
1430
1453
|
transform: translateY(6%);
|
|
1431
1454
|
text-align: center;
|
|
1432
1455
|
font-weight: var(--lp-pri-font-weight-700) !important;
|
|
1433
1456
|
font-size: var(--lp-pri-size-16) !important;
|
|
1434
1457
|
line-height: var(--lp-pri-font-lineheight-150) !important;
|
|
1435
1458
|
}
|
|
1436
|
-
.
|
|
1459
|
+
._item_1dsk6_282 {
|
|
1437
1460
|
display: flex;
|
|
1438
1461
|
align-items: center;
|
|
1439
1462
|
overflow: hidden;
|
|
@@ -1443,29 +1466,29 @@
|
|
|
1443
1466
|
border-radius: var(--lp-sys-radius-s);
|
|
1444
1467
|
padding: var(--lp-sys-padding-component-200);
|
|
1445
1468
|
}
|
|
1446
|
-
.
|
|
1469
|
+
._item_1dsk6_282:focus {
|
|
1447
1470
|
background: var(--neutral-fill-lowest-hover);
|
|
1448
1471
|
outline: none;
|
|
1449
1472
|
}
|
|
1450
|
-
.
|
|
1473
|
+
._item_1dsk6_282[data-state=checked] > span > p {
|
|
1451
1474
|
color: var(--brand-label-primary);
|
|
1452
1475
|
font-weight: var(--lp-pri-font-weight-700);
|
|
1453
1476
|
}
|
|
1454
|
-
.
|
|
1477
|
+
._item_1dsk6_282[data-disabled] {
|
|
1455
1478
|
pointer-events: none;
|
|
1456
1479
|
}
|
|
1457
|
-
.
|
|
1480
|
+
._item_1dsk6_282 > span:nth-child(1) {
|
|
1458
1481
|
overflow: hidden;
|
|
1459
1482
|
white-space: nowrap;
|
|
1460
1483
|
text-overflow: ellipsis;
|
|
1461
1484
|
width: 100%;
|
|
1462
1485
|
}
|
|
1463
|
-
.
|
|
1486
|
+
._icon_1dsk6_310 {
|
|
1464
1487
|
display: flex;
|
|
1465
1488
|
align-items: center;
|
|
1466
1489
|
justify-content: center;
|
|
1467
1490
|
}
|
|
1468
|
-
.
|
|
1491
|
+
._itemIndicator_1dsk6_316 {
|
|
1469
1492
|
display: flex;
|
|
1470
1493
|
align-items: center;
|
|
1471
1494
|
justify-content: center;
|