indicator-ui 0.0.86 → 0.0.89

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/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;
@@ -3660,5 +3507,136 @@
3660
3507
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__heightFill____mxL8 {
3661
3508
  height: 100%;
3662
3509
  }
3510
+ /*!******************************************************************************************************************************************************************************************************************************************************************************!*\
3511
+ !*** 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/PaginationBar/styles/PageSwitcher.module.scss ***!
3512
+ \******************************************************************************************************************************************************************************************************************************************************************************/
3513
+ @font-face {
3514
+ font-family: "Golos UI";
3515
+ src: local("Golos UI"), url(fonts/golos-ui_regular.28e502dbcc83c91565af.ttf) format("truetype"), url(fonts/golos-ui_regular.a1c96bd6133294a21f27.woff2) format("woff2"), url(fonts/golos-ui_regular.144142fba245a224ac28.woff) format("woff");
3516
+ font-weight: 400;
3517
+ font-style: normal;
3518
+ }
3519
+ @font-face {
3520
+ font-family: "Golos UI";
3521
+ src: local("Golos UI"), url(fonts/golos-ui_medium.727b1fef51a9bac82009.ttf) format("truetype"), url(fonts/golos-ui_medium.6f7a20790ad518369eb2.woff2) format("woff2"), url(fonts/golos-ui_medium.f9db984fc119d6aeca90.woff) format("woff");
3522
+ font-weight: 500;
3523
+ font-style: normal;
3524
+ }
3525
+ @font-face {
3526
+ font-family: "Golos UI";
3527
+ src: local("Golos UI"), url(fonts/golos-ui_bold.c0e021db79bdbbdeefad.ttf) format("truetype"), url(fonts/golos-ui_bold.80c1c59de9219ce1f9c5.woff2) format("woff2"), url(fonts/golos-ui_bold.e1122033a14151d7ea54.woff) format("woff");
3528
+ font-weight: 600;
3529
+ font-style: normal;
3530
+ }
3531
+ .PageSwitcher-module__pageSwitcher___PGQPI {
3532
+ width: 100%;
3533
+ height: fit-content;
3534
+ display: flex;
3535
+ justify-content: space-between;
3536
+ align-items: center;
3537
+ padding: 20px 0 0 0;
3538
+ }
3539
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS {
3540
+ width: fit-content;
3541
+ height: fit-content;
3542
+ display: flex;
3543
+ gap: 8px;
3544
+ align-items: center;
3545
+ }
3546
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS svg {
3547
+ width: 20px;
3548
+ height: 20px;
3549
+ flex: none;
3550
+ }
3551
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS svg * {
3552
+ stroke: var(--gray-600);
3553
+ }
3554
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS {
3555
+ font-size: 14px;
3556
+ line-height: 20px;
3557
+ color: var(--gray-600);
3558
+ font-weight: 600;
3559
+ font-family: "Golos UI", sans-serif;
3560
+ font-stretch: normal;
3561
+ font-style: normal;
3562
+ font-variant: normal;
3563
+ }
3564
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover {
3565
+ color: #344054;
3566
+ }
3567
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:hover svg * {
3568
+ stroke: var(--gray-700);
3569
+ }
3570
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:focus {
3571
+ color: #475467;
3572
+ }
3573
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:focus svg * {
3574
+ stroke: var(--gray-600);
3575
+ }
3576
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:disabled {
3577
+ color: var(--gray-300);
3578
+ }
3579
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__arrowButtons___Ly4oS:disabled svg * {
3580
+ stroke: var(--gray-300);
3581
+ }
3582
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB {
3583
+ width: fit-content;
3584
+ height: fit-content;
3585
+ display: flex;
3586
+ gap: 2px;
3587
+ }
3588
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__plug___vUKSL {
3589
+ width: 40px;
3590
+ height: 40px;
3591
+ border-radius: 8px;
3592
+ display: flex;
3593
+ align-items: center;
3594
+ justify-content: center;
3595
+ }
3596
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__plug___vUKSL {
3597
+ font-size: 14px;
3598
+ line-height: 20px;
3599
+ color: var(--gray-600);
3600
+ font-weight: 500;
3601
+ font-family: "Golos UI", sans-serif;
3602
+ font-stretch: normal;
3603
+ font-style: normal;
3604
+ font-variant: normal;
3605
+ }
3606
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV {
3607
+ width: 40px;
3608
+ height: 40px;
3609
+ border-radius: 8px;
3610
+ transition: all linear 200ms;
3611
+ display: flex;
3612
+ align-items: center;
3613
+ justify-content: center;
3614
+ }
3615
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV {
3616
+ font-size: 14px;
3617
+ line-height: 20px;
3618
+ color: var(--gray-600) 600;
3619
+ font-weight: 500;
3620
+ font-family: "Golos UI", sans-serif;
3621
+ font-stretch: normal;
3622
+ font-style: normal;
3623
+ font-variant: normal;
3624
+ }
3625
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV:hover {
3626
+ color: #1D2939;
3627
+ background-color: var(--gray-100);
3628
+ }
3629
+ .PageSwitcher-module__pageSwitcher___PGQPI .PageSwitcher-module__buttonsList___dxvZB .PageSwitcher-module__numberButton___TgDNV.PageSwitcher-module__active___Mx_1z {
3630
+ color: #1D2939;
3631
+ background-color: var(--gray-100);
3632
+ }
3633
+ /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
3634
+ !*** 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/PaginationBar/styles/PaginationBar.module.scss ***!
3635
+ \*******************************************************************************************************************************************************************************************************************************************************************************/
3636
+ .PaginationBar-module__paginationBar___gNByI {
3637
+ width: 100%;
3638
+ display: flex;
3639
+ flex-direction: column;
3640
+ }
3663
3641
 
3664
3642
  /*# sourceMappingURL=index.css.map*/