indicator-ui 0.0.155 → 0.0.157

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 (29) hide show
  1. package/dist/index.css +291 -19
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +350 -117
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/colors/primary.scss +1 -1
  6. package/dist/types/src/test/pages/DropdownItemPage.d.ts +1 -0
  7. package/dist/types/src/test/pages/UserPickPage.d.ts +1 -0
  8. package/dist/types/src/test/pages/index.d.ts +2 -0
  9. package/dist/types/src/ui/DropdownItem/index.d.ts +2 -0
  10. package/dist/types/src/ui/DropdownItem/styles/index.d.ts +1 -0
  11. package/dist/types/src/ui/DropdownItem/types/DropdownItemTypes.d.ts +26 -0
  12. package/dist/types/src/ui/DropdownItem/types/index.d.ts +1 -0
  13. package/dist/types/src/ui/DropdownItem/ui/DropdownItem.d.ts +2 -0
  14. package/dist/types/src/ui/DropdownItem/ui/index.d.ts +1 -0
  15. package/dist/types/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +7 -2
  16. package/dist/types/src/ui/InputFields/FlexField/ui/FlexField.d.ts +4 -4
  17. package/dist/types/src/ui/SlideTransition/types/SlideTransitionTypes.d.ts +7 -0
  18. package/dist/types/src/ui/SlideTransition/types/index.d.ts +1 -1
  19. package/dist/types/src/ui/SlideTransition/ui/SlideTransition.d.ts +3 -3
  20. package/dist/types/src/ui/UserPick/assets/index.d.ts +1 -0
  21. package/dist/types/src/ui/UserPick/index.d.ts +2 -0
  22. package/dist/types/src/ui/UserPick/styles/index.d.ts +1 -0
  23. package/dist/types/src/ui/UserPick/types/UserPickTypes.d.ts +17 -0
  24. package/dist/types/src/ui/UserPick/types/index.d.ts +1 -0
  25. package/dist/types/src/ui/UserPick/ui/UserPick.d.ts +2 -0
  26. package/dist/types/src/ui/UserPick/ui/index.d.ts +1 -0
  27. package/dist/types/src/ui/index.d.ts +2 -0
  28. package/package.json +1 -1
  29. package/dist/types/src/ui/SlideTransition/types/AnimateDropTypes.d.ts +0 -15
package/dist/index.css CHANGED
@@ -42,7 +42,7 @@
42
42
  --error-700: #B42318;
43
43
  --error-800: #912018;
44
44
  --error-900: #7A271A;
45
- --error-950: #FEFDF0;
45
+ --error-950: #55160C;
46
46
 
47
47
  --warning-25: #FFFCF5;
48
48
  --warning-50: #FFFAEB;
@@ -89,7 +89,20 @@
89
89
  --blue-dark-950: #002266;
90
90
  }
91
91
 
92
-
92
+ :root {
93
+ --orange-25: #FEFAF5;
94
+ --orange-50: #FEF6EE;
95
+ --orange-100: #FDEAD7;
96
+ --orange-200: #F9DBAF;
97
+ --orange-300: #F7B27A;
98
+ --orange-400: #F38744;
99
+ --orange-500: #EF6820;
100
+ --orange-600: #E04F16;
101
+ --orange-700: #B93815;
102
+ --orange-800: #932F19;
103
+ --orange-900: #772917;
104
+ --orange-950: #511C10;
105
+ }
93
106
  /*!*********************************************************************************************!*\
94
107
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/index.css ***!
95
108
  \*********************************************************************************************/
@@ -1451,12 +1464,6 @@
1451
1464
  font-style: normal;
1452
1465
  font-variant: normal;
1453
1466
  }
1454
- .FlexField-module__flexField___bQEfy .FlexField-module__userPic___cJENJ {
1455
- width: 24px;
1456
- height: 24px;
1457
- border-radius: 50%;
1458
- object-fit: scale-down;
1459
- }
1460
1467
  .FlexField-module__flexField___bQEfy .FlexField-module__help___ORoT_ {
1461
1468
  padding: 2px 0;
1462
1469
  }
@@ -1542,6 +1549,9 @@
1542
1549
  .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv * {
1543
1550
  cursor: default;
1544
1551
  }
1552
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__userPick___GeaoI {
1553
+ opacity: 50%;
1554
+ }
1545
1555
  .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1546
1556
  font-size: 16px;
1547
1557
  line-height: 24px;
@@ -3059,20 +3069,48 @@
3059
3069
  font-weight: 600;
3060
3070
  font-style: normal;
3061
3071
  }
3062
- .SlideTransition-module__animateDrop___BsY5g {
3063
- position: relative;
3064
- display: block;
3065
- width: 100%;
3072
+ .SlideTransition-module__slideTransition___m3BDg {
3073
+ width: fit-content;
3066
3074
  height: fit-content;
3067
- overflow: hidden;
3075
+ }
3076
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__hide___vf9oz {
3077
+ transform: scaleY(0);
3078
+ }
3079
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__show___ELTuM {
3080
+ transform: scaleY(1);
3081
+ }
3082
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__enterUp___gSh3s {
3083
+ transform-origin: top;
3084
+ animation: SlideTransition-module__enterAnimation___WGsZW forwards ease-out 300ms;
3085
+ }
3086
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__exitUp___RNqLK {
3087
+ transform-origin: top;
3088
+ animation: SlideTransition-module__exitAnimation___eRssU forwards ease-out 300ms;
3089
+ }
3090
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__enterDown___yTFKI {
3068
3091
  transform-origin: bottom;
3092
+ animation: SlideTransition-module__enterAnimation___WGsZW forwards ease-out 300ms;
3069
3093
  }
3070
- .SlideTransition-module__animateDrop___BsY5g .SlideTransition-module__main___YldeC {
3071
- position: relative;
3072
- width: 100%;
3073
- height: fit-content;
3074
- overflow: hidden;
3075
- z-index: 1;
3094
+ .SlideTransition-module__slideTransition___m3BDg.SlideTransition-module__exitDown___OfTtR {
3095
+ transform-origin: bottom;
3096
+ animation: SlideTransition-module__exitAnimation___eRssU forwards ease-out 300ms;
3097
+ }
3098
+
3099
+ @keyframes SlideTransition-module__enterAnimation___WGsZW {
3100
+ from {
3101
+ transform: scaleY(0);
3102
+ }
3103
+ to {
3104
+ transform: scaleY(1);
3105
+ }
3106
+ }
3107
+ @keyframes SlideTransition-module__exitAnimation___eRssU {
3108
+ from {
3109
+ transform: scaleY(1);
3110
+ }
3111
+ to {
3112
+ transform: scaleY(0);
3113
+ }
3076
3114
  }
3077
3115
  /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
3078
3116
  !*** 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/TabFrame/styles/TabFrame.module.scss ***!
@@ -3184,6 +3222,7 @@
3184
3222
  stroke: var(--gray-700);
3185
3223
  }
3186
3224
  .TabButtons-module__tabButtons___vSLsZ .TabButtons-module__rightIcon___Vllb5 svg {
3225
+ display: block;
3187
3226
  flex: none;
3188
3227
  width: 16px;
3189
3228
  height: 16px;
@@ -3192,6 +3231,7 @@
3192
3231
  stroke: var(--gray-700);
3193
3232
  }
3194
3233
  .TabButtons-module__tabButtons___vSLsZ .TabButtons-module__leftIcon___yDOkS svg {
3234
+ display: block;
3195
3235
  flex: none;
3196
3236
  width: 16px;
3197
3237
  height: 16px;
@@ -3420,5 +3460,237 @@
3420
3460
  display: flex;
3421
3461
  flex-direction: column;
3422
3462
  }
3463
+ /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
3464
+ !*** 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/UserPick/styles/UserPick.module.scss ***!
3465
+ \*********************************************************************************************************************************************************************************************************************************************************************/
3466
+ @font-face {
3467
+ font-family: "Golos UI";
3468
+ 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");
3469
+ font-weight: 400;
3470
+ font-style: normal;
3471
+ }
3472
+ @font-face {
3473
+ font-family: "Golos UI";
3474
+ 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");
3475
+ font-weight: 500;
3476
+ font-style: normal;
3477
+ }
3478
+ @font-face {
3479
+ font-family: "Golos UI";
3480
+ 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");
3481
+ font-weight: 600;
3482
+ font-style: normal;
3483
+ }
3484
+ @font-face {
3485
+ font-family: "Golos Text";
3486
+ src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
3487
+ font-weight: 400;
3488
+ font-style: normal;
3489
+ }
3490
+ @font-face {
3491
+ font-family: "Golos Text";
3492
+ src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
3493
+ font-weight: 500;
3494
+ font-style: normal;
3495
+ }
3496
+ @font-face {
3497
+ font-family: "Golos Text";
3498
+ src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
3499
+ font-weight: 600;
3500
+ font-style: normal;
3501
+ }
3502
+ .UserPick-module__userPick___KBWm3, .UserPick-module__userPickPlaceholder___NrdUD {
3503
+ border-radius: 50%;
3504
+ object-fit: scale-down;
3505
+ overflow: hidden;
3506
+ }
3507
+
3508
+ .UserPick-module__userPickPlaceholder___NrdUD {
3509
+ background-color: var(--gray-300);
3510
+ }
3511
+ .UserPick-module__userPickPlaceholder___NrdUD svg * {
3512
+ fill: var(--gray-400);
3513
+ }
3514
+ .UserPick-module__userPickPlaceholder___NrdUD svg {
3515
+ width: 100%;
3516
+ height: 100%;
3517
+ }
3518
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
3519
+ !*** 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/DropdownItem/styles/DropdownItem.module.scss ***!
3520
+ \*****************************************************************************************************************************************************************************************************************************************************************************/
3521
+ @font-face {
3522
+ font-family: "Golos UI";
3523
+ 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");
3524
+ font-weight: 400;
3525
+ font-style: normal;
3526
+ }
3527
+ @font-face {
3528
+ font-family: "Golos UI";
3529
+ 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");
3530
+ font-weight: 500;
3531
+ font-style: normal;
3532
+ }
3533
+ @font-face {
3534
+ font-family: "Golos UI";
3535
+ 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");
3536
+ font-weight: 600;
3537
+ font-style: normal;
3538
+ }
3539
+ @font-face {
3540
+ font-family: "Golos Text";
3541
+ src: local("Golos Text"), url(fonts/golos-text_regular.23f4c2d2931cfb0070d9.ttf) format("truetype"), url(fonts/golos-text_regular.012c46c94b1cd02ee582.woff2) format("woff2"), url(fonts/golos-text_regular.437e7b47534cc7d6fd24.woff) format("woff");
3542
+ font-weight: 400;
3543
+ font-style: normal;
3544
+ }
3545
+ @font-face {
3546
+ font-family: "Golos Text";
3547
+ src: local("Golos Text"), url(fonts/golos-text_medium.443c23223f5e9ffa67f6.ttf) format("truetype"), url(fonts/golos-text_medium.69f15b6afe697154d728.woff2) format("woff2"), url(fonts/golos-text_medium.ffa67c71c79e49888091.woff) format("woff");
3548
+ font-weight: 500;
3549
+ font-style: normal;
3550
+ }
3551
+ @font-face {
3552
+ font-family: "Golos Text";
3553
+ src: local("Golos Text"), url(fonts/golos-text_demibold.56576690cfef6589aa86.ttf) format("truetype"), url(fonts/golos-text_demibold.e1665fc873e3565a6eed.woff2) format("woff2"), url(fonts/golos-text_demibold.05e6a34649d70eb79fef.woff) format("woff");
3554
+ font-weight: 600;
3555
+ font-style: normal;
3556
+ }
3557
+ .DropdownItem-module__dropdownItem___N8ZNV {
3558
+ height: fit-content;
3559
+ gap: 6px;
3560
+ transition: background-color ease-out 300ms;
3561
+ }
3562
+ .DropdownItem-module__dropdownItem___N8ZNV {
3563
+ display: flex;
3564
+ align-items: center;
3565
+ }
3566
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 {
3567
+ display: flex;
3568
+ align-items: center;
3569
+ justify-content: center;
3570
+ }
3571
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg * {
3572
+ stroke: var(--gray-400);
3573
+ }
3574
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg {
3575
+ width: 20px;
3576
+ height: 20px;
3577
+ }
3578
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D {
3579
+ flex: 1;
3580
+ gap: 6px;
3581
+ }
3582
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D {
3583
+ display: flex;
3584
+ align-items: center;
3585
+ }
3586
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww, .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
3587
+ text-wrap: nowrap;
3588
+ text-overflow: ellipsis;
3589
+ overflow: hidden;
3590
+ }
3591
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
3592
+ color: var(--gray-900);
3593
+ }
3594
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
3595
+ color: var(--gray-400);
3596
+ }
3597
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
3598
+ opacity: 0;
3599
+ transition: opacity ease-out 200ms;
3600
+ }
3601
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
3602
+ display: flex;
3603
+ align-items: center;
3604
+ justify-content: center;
3605
+ }
3606
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg * {
3607
+ stroke: var(--blue-dark-500);
3608
+ }
3609
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg {
3610
+ width: 20px;
3611
+ height: 20px;
3612
+ }
3613
+ .DropdownItem-module__dropdownItem___N8ZNV:hover {
3614
+ background-color: var(--gray-100);
3615
+ }
3616
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
3617
+ background-color: var(--blue-dark-50);
3618
+ }
3619
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
3620
+ opacity: 1;
3621
+ }
3622
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
3623
+ background-color: var(--blue-dark-100);
3624
+ }
3625
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled {
3626
+ cursor: default;
3627
+ }
3628
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__showIcon___Dg7F4 svg * {
3629
+ stroke: var(--gray-300);
3630
+ }
3631
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04, .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
3632
+ color: var(--gray-300);
3633
+ }
3634
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__userIcon___MATjB {
3635
+ opacity: 45%;
3636
+ }
3637
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__check___e4EmQ svg * {
3638
+ stroke: var(--gray-300);
3639
+ }
3640
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled.DropdownItem-module__selected___gw70Z {
3641
+ background-color: var(--gray-25);
3642
+ }
3643
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
3644
+ padding: 8px 8px 8px 16px;
3645
+ }
3646
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
3647
+ font-size: 14px;
3648
+ line-height: 20px;
3649
+ color: var(--gray-900);
3650
+ font-weight: 400;
3651
+ font-family: "Golos UI", sans-serif;
3652
+ font-stretch: normal;
3653
+ font-style: normal;
3654
+ font-variant: normal;
3655
+ }
3656
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
3657
+ font-size: 14px;
3658
+ line-height: 20px;
3659
+ color: var(--gray-400);
3660
+ font-weight: 400;
3661
+ font-family: "Golos UI", sans-serif;
3662
+ font-stretch: normal;
3663
+ font-style: normal;
3664
+ font-variant: normal;
3665
+ }
3666
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
3667
+ padding: 10px 10px 10px 16px;
3668
+ }
3669
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
3670
+ font-size: 16px;
3671
+ line-height: 24px;
3672
+ color: var(--gray-900);
3673
+ font-weight: 400;
3674
+ font-family: "Golos UI", sans-serif;
3675
+ font-stretch: normal;
3676
+ font-style: normal;
3677
+ font-variant: normal;
3678
+ }
3679
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
3680
+ font-size: 16px;
3681
+ line-height: 24px;
3682
+ color: var(--gray-900);
3683
+ font-weight: 400;
3684
+ font-family: "Golos UI", sans-serif;
3685
+ font-stretch: normal;
3686
+ font-style: normal;
3687
+ font-variant: normal;
3688
+ }
3689
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
3690
+ width: 100%;
3691
+ }
3692
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
3693
+ width: fit-content;
3694
+ }
3423
3695
 
3424
3696
  /*# sourceMappingURL=index.css.map*/