@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.
@@ -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';
@@ -0,0 +1,8 @@
1
+ interface ICLpPriIconSDropUpProps {
2
+ color?: string;
3
+ fill?: boolean;
4
+ thick?: boolean;
5
+ size?: 16 | 20 | 24 | 32 | 40;
6
+ }
7
+ export declare const ICLpPriIconSDropUp: (props: ICLpPriIconSDropUpProps) => import("react/jsx-runtime").JSX.Element;
8
+ export {};
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
- ._label_b1fp2_1 {
1118
+ ._label_a248s_1 {
1119
1119
  color: var(--neutral-label-secondary);
1120
1120
  padding-bottom: var(--lp-sys-padding-component-300);
1121
1121
  }
1122
- ._optionText_b1fp2_6 {
1122
+ ._optionText_a248s_6 {
1123
1123
  color: var(--neutral-label-primary);
1124
1124
  }
1125
- ._slider-wrapper_b1fp2_10 {
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-option-wrapper_b1fp2_16 {
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-root_b1fp2_22 {
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-track_b1fp2_33 {
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-range_b1fp2_46 {
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-thumb_b1fp2_53 {
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-thumb_b1fp2_53:hover {
1189
+ ._slider-thumb_a248s_24:hover {
1175
1190
  background-color: var(--function-container-selection);
1176
1191
  }
1177
- ._slider-thumb_b1fp2_53:focus {
1192
+ ._slider-thumb_a248s_24:focus {
1178
1193
  outline: none;
1179
1194
  border: 2px solid var(--brand-border-opaque-normal);
1180
1195
  }
1181
- ._slider-step_b1fp2_71 {
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-up_105lv_218 {
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-up_105lv_218 {
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-down_105lv_222 {
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-down_105lv_222 {
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-right_105lv_226 {
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-right_105lv_226 {
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-right_105lv_230 {
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-right_105lv_230 {
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-label_105lv_101 {
1293
+ ._select-label_1dsk6_101 {
1279
1294
  padding-bottom: var(--lp-sys-padding-component-300);
1280
1295
  }
1281
- ._trigger_105lv_105 {
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
- ._trigger_105lv_105 > span:not([aria-hidden]) {
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
- ._trigger_105lv_105 > span[aria-hidden] {
1315
+ ._trigger_1dsk6_105 > span[aria-hidden] {
1301
1316
  flex: 0 1 0;
1302
1317
  }
1303
- ._trigger_105lv_105 > span > svg {
1318
+ ._trigger_1dsk6_105 > span > svg {
1304
1319
  transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
1305
1320
  }
1306
- ._trigger_105lv_105[data-state=open] {
1321
+ ._trigger_1dsk6_105[data-state=open] {
1307
1322
  border-color: var(--neutral-border-opaque-strong);
1308
1323
  }
1309
- ._trigger_105lv_105[data-state=open] > span > svg {
1324
+ ._trigger_1dsk6_105[data-state=open] > span > svg {
1310
1325
  transform: rotate(180deg);
1311
1326
  }
1312
- ._placeholder_105lv_137 {
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
- ._openIcon_105lv_141 {
1338
+ ._openIcon_1dsk6_149 {
1316
1339
  display: flex;
1317
1340
  align-items: center;
1318
1341
  justify-content: center;
1319
1342
  }
1320
- @keyframes _slide-up_105lv_218 {
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-content_105lv_157 {
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-content_105lv_157[data-state=open] {
1341
- -webkit-animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
1342
- animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
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-content_105lv_157 {
1368
+ ._desktop-content_1dsk6_165 {
1346
1369
  display: none !important;
1347
1370
  }
1348
1371
  }
1349
- ._header_105lv_177 {
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-overlay_105lv_185 {
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-overlay_105lv_185[data-aria-hidden=true] {
1390
+ ._mobile-overlay_1dsk6_193[data-aria-hidden=true] {
1368
1391
  display: block;
1369
1392
  }
1370
1393
  }
1371
- ._mobile-content_105lv_201 {
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-content_105lv_201 {
1407
+ ._mobile-content_1dsk6_209 {
1385
1408
  display: block !important;
1386
1409
  }
1387
1410
  }
1388
- ._mobile-content_105lv_201._slide-up_105lv_218 {
1389
- -webkit-animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
1390
- animation: _slide-up_105lv_218 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
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-content_105lv_201._slide-down_105lv_222 {
1393
- -webkit-animation: _slide-down_105lv_222 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
1394
- animation: _slide-down_105lv_222 0.1s cubic-bezier(0.39, 0.575, 0.565, 1) 0s both;
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-content_105lv_201._slide-in-right_105lv_226 {
1397
- -webkit-animation: _slide-in-right_105lv_226 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
1398
- animation: _slide-in-right_105lv_226 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s both;
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-content_105lv_201._slide-out-right_105lv_230 {
1401
- -webkit-animation: _slide-out-right_105lv_230 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
1402
- animation: _slide-out-right_105lv_230 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s both;
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-viewport_105lv_235 {
1427
+ ._mobile-viewport_1dsk6_243 {
1405
1428
  max-height: 80vh;
1406
1429
  }
1407
- ._scrollAreaRoot_105lv_239 {
1430
+ ._scrollAreaRoot_1dsk6_247 {
1408
1431
  width: 100%;
1409
1432
  height: 100%;
1410
1433
  }
1411
- ._scrollAreaViewport_105lv_244 {
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
- ._scrollAreaScrollbar_105lv_251 {
1440
+ ._scrollAreaScrollbar_1dsk6_259 {
1418
1441
  width: var(--lp-pri-size-4);
1419
1442
  padding: 5px 2px;
1420
1443
  }
1421
- ._scrollAreaThumb_105lv_256 {
1444
+ ._scrollAreaThumb_1dsk6_264 {
1422
1445
  background: var(--neutral-fill-high);
1423
1446
  border-radius: var(--radius-xxl);
1424
1447
  }
1425
- ._desktop-label_105lv_261 {
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-label_105lv_266 {
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
- ._item_105lv_274 {
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
- ._item_105lv_274:focus {
1469
+ ._item_1dsk6_282:focus {
1447
1470
  background: var(--neutral-fill-lowest-hover);
1448
1471
  outline: none;
1449
1472
  }
1450
- ._item_105lv_274[data-state=checked] > span > p {
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
- ._item_105lv_274[data-disabled] {
1477
+ ._item_1dsk6_282[data-disabled] {
1455
1478
  pointer-events: none;
1456
1479
  }
1457
- ._item_105lv_274 > span:nth-child(1) {
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
- ._icon_105lv_302 {
1486
+ ._icon_1dsk6_310 {
1464
1487
  display: flex;
1465
1488
  align-items: center;
1466
1489
  justify-content: center;
1467
1490
  }
1468
- ._itemIndicator_105lv_308 {
1491
+ ._itemIndicator_1dsk6_316 {
1469
1492
  display: flex;
1470
1493
  align-items: center;
1471
1494
  justify-content: center;