indicator-ui 0.0.86 → 0.0.87

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.
Files changed (11) hide show
  1. package/dist/index.css +14 -167
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +18 -12
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/ui/InputFields/SelectField/styles/mixins/selectField.scss +5 -0
  6. package/dist/types/src/ui/FormBuilder/lib/formBuilder.d.ts +1 -1
  7. package/dist/types/src/ui/InputFields/SelectField/types/SelectFieldTypes.d.ts +1 -0
  8. package/dist/types/src/ui/InputFields/SelectField/types/SelectModalWindowTypes.d.ts +1 -0
  9. package/dist/types/src/ui/InputFields/SelectField/ui/SelectField.d.ts +1 -1
  10. package/dist/types/src/ui/InputFields/SelectField/ui/SelectModalWindow.d.ts +1 -1
  11. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -1371,179 +1371,13 @@
1371
1371
  width: 100%;
1372
1372
  position: relative;
1373
1373
  }
1374
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY {
1375
- width: 100%;
1376
- height: fit-content;
1377
- min-width: 0;
1378
- display: flex;
1379
- align-items: center;
1380
- justify-content: center;
1381
- padding: 10px 12px;
1382
- border-radius: 8px;
1383
- gap: 12px;
1384
- background-color: var(--base-white);
1385
- border: 1px solid var(--gray-300);
1386
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1387
- box-sizing: border-box;
1388
- }
1389
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR {
1390
- flex: 1;
1391
- min-width: 0;
1392
- min-height: 24px;
1393
- outline: none;
1394
- padding: 0;
1395
- margin: 0;
1396
- border: none;
1397
- background: none;
1398
- text-wrap: nowrap;
1399
- overflow: hidden;
1400
- text-overflow: ellipsis;
1401
- }
1402
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR {
1403
- font-size: 16px;
1404
- line-height: 24px;
1405
- color: var(--gray-900);
1406
- font-weight: 400;
1407
- font-family: "Golos UI", sans-serif;
1408
- font-stretch: normal;
1409
- font-style: normal;
1410
- font-variant: normal;
1411
- }
1412
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR::placeholder, .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__inputField___R6ZBR.SelectField-module__placeholder___biEam {
1413
- font-size: 16px;
1414
- line-height: 24px;
1415
- color: var(--gray-400);
1416
- font-weight: 400;
1417
- font-family: "Golos UI", sans-serif;
1418
- font-stretch: normal;
1419
- font-style: normal;
1420
- font-variant: normal;
1421
- }
1422
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD {
1423
- padding: 2px 0;
1424
- display: flex;
1425
- align-items: center;
1426
- justify-content: center;
1427
- }
1428
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD svg * {
1429
- stroke: var(--gray-400);
1430
- }
1431
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__icon___hgSSD svg {
1432
- width: 20px;
1433
- height: 20px;
1434
- flex: none;
1435
- }
1436
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__textSupport___vm4rj {
1437
- font-size: 16px;
1438
- line-height: 24px;
1439
- color: var(--gray-400);
1440
- font-weight: 400;
1441
- font-family: "Golos UI", sans-serif;
1442
- font-stretch: normal;
1443
- font-style: normal;
1444
- font-variant: normal;
1445
- }
1446
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__userPic___ge2Qc {
1447
- width: 24px;
1448
- height: 24px;
1449
- border-radius: 50%;
1450
- object-fit: scale-down;
1451
- }
1452
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs {
1453
- padding: 2px 0;
1454
- display: flex;
1455
- align-items: center;
1456
- justify-content: center;
1457
- }
1458
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs svg * {
1459
- stroke: var(--gray-400);
1460
- }
1461
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__help___H6fhs svg {
1462
- width: 16px;
1463
- height: 16px;
1464
- flex: none;
1465
- }
1466
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 {
1467
- padding: 2px 0;
1468
- transition: all ease-in-out 200ms;
1469
- display: flex;
1470
- align-items: center;
1471
- justify-content: center;
1472
- }
1473
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 svg * {
1474
- stroke: var(--gray-500);
1475
- }
1476
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4 svg {
1477
- width: 20px;
1478
- height: 20px;
1479
- flex: none;
1480
- }
1481
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__dropdown___Uy1N4.SelectField-module__dropdownReverse___8X1vc {
1482
- transform: rotateX(-180deg);
1483
- }
1484
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4 {
1485
- padding: 2px 0;
1486
- transition: all ease-in-out 200ms;
1487
- display: flex;
1488
- align-items: center;
1489
- justify-content: center;
1490
- }
1491
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4 svg {
1492
- width: 20px;
1493
- height: 20px;
1494
- flex: none;
1495
- }
1496
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__red___JPj3r svg * {
1497
- stroke: var(--error-400);
1498
- }
1499
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__red___JPj3r:hover svg * {
1500
- stroke: var(--error-500);
1501
- }
1502
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0 svg * {
1503
- stroke: var(--gray-400);
1504
- }
1505
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY .SelectField-module__button___ZmuY4.SelectField-module__gray___IaQb0:hover svg * {
1506
- stroke: var(--gray-500);
1507
- }
1508
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__pointer___EtnYh {
1509
- cursor: pointer;
1510
- }
1511
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__focus___oz_Mp {
1512
- border: 1px solid var(--gray-400);
1513
- }
1514
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 {
1515
- border: 1px solid var(--error-300);
1516
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1517
- }
1518
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2 .SelectField-module__help___H6fhs svg * {
1519
- stroke: var(--error-500);
1520
- }
1521
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__isError___i1lN2.SelectField-module__focus___oz_Mp {
1522
- border: 1px solid var(--error-400);
1523
- }
1524
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 {
1525
- background-color: var(--gray-100);
1526
- cursor: default;
1527
- }
1528
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 * {
1529
- cursor: default;
1530
- }
1531
- .SelectField-module__selectField___p9S2j .SelectField-module__flexField___a_gUY.SelectField-module__disabled___lZGk6 .SelectField-module__inputField___R6ZBR {
1532
- font-size: 16px;
1533
- line-height: 24px;
1534
- color: var(--gray-500);
1535
- font-weight: 400;
1536
- font-family: "Golos UI", sans-serif;
1537
- font-stretch: normal;
1538
- font-style: normal;
1539
- font-variant: normal;
1540
- }
1541
1374
  .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d {
1542
1375
  width: 100%;
1543
1376
  position: absolute;
1544
1377
  z-index: 1;
1545
1378
  }
1546
1379
  .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm {
1380
+ animation: SelectField-module__show-animation___Ee3LS ease-out forwards 200ms;
1547
1381
  width: 100%;
1548
1382
  height: fit-content;
1549
1383
  max-height: 300px;
@@ -1590,6 +1424,15 @@
1590
1424
  .SelectField-module__selectField___p9S2j .SelectField-module__modalWindow___JVZ8d .SelectField-module__selectModalWindow___w55Pm .SelectField-module__selectFieldOptionsItem___hQMC7.SelectField-module__active___a3j2T svg * {
1591
1425
  stroke: var(--blue-dark-500);
1592
1426
  }
1427
+
1428
+ @keyframes SelectField-module__show-animation___Ee3LS {
1429
+ from {
1430
+ opacity: 0;
1431
+ }
1432
+ to {
1433
+ opacity: 1;
1434
+ }
1435
+ }
1593
1436
  /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
1594
1437
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/ui/InputFields/InputFieldWrapper/styles/InputFieldWrapper.module.scss ***!
1595
1438
  \***************************************************************************************************************************************************************************************************************************************************************************************************/
@@ -2345,6 +2188,7 @@
2345
2188
  z-index: 1;
2346
2189
  }
2347
2190
  .InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC .InputField-module__selectModalWindow___Dg52i {
2191
+ opacity: 0;
2348
2192
  width: 100%;
2349
2193
  height: fit-content;
2350
2194
  max-height: 300px;
@@ -2391,6 +2235,9 @@
2391
2235
  .InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC .InputField-module__selectModalWindow___Dg52i .InputField-module__selectFieldOptionsItem___HBdJA.InputField-module__active___RcF6w svg * {
2392
2236
  stroke: var(--blue-dark-500);
2393
2237
  }
2238
+ .InputField-module__selectField___ED0Q3 .InputField-module__modalWindow___JplNC.InputField-module__show___g12r_ {
2239
+ opacity: 1;
2240
+ }
2394
2241
 
2395
2242
  .InputField-module__switcherField___Qezr0 {
2396
2243
  width: 36px;