@hh.ru/magritte-ui-chips-trigger 3.2.11 → 3.2.12

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 (3) hide show
  1. package/ChipsTrigger.js +1 -1
  2. package/index.css +31 -31
  3. package/package.json +3 -3
package/ChipsTrigger.js CHANGED
@@ -10,7 +10,7 @@ import { FormHelper } from '@hh.ru/magritte-ui-form-helper';
10
10
  import { ChevronDownOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
11
11
  import { useFocus } from '@hh.ru/magritte-ui-input/useFocus';
12
12
 
13
- var styles = {"root":"magritte-root___-zVdz_3-2-11","focused":"magritte-focused___0Uzyu_3-2-11","invalid":"magritte-invalid___tVzQV_3-2-11","disabled":"magritte-disabled___UeqcV_3-2-11","label":"magritte-label___j7Trt_3-2-11","focus-visible":"magritte-focus-visible___ifvAP_3-2-11","focusVisible":"magritte-focus-visible___ifvAP_3-2-11","large":"magritte-large___JIrIy_3-2-11","field":"magritte-field___rlEmn_3-2-11","icon":"magritte-icon___fDMiz_3-2-11","scrollable-area":"magritte-scrollable-area___-xMF2_3-2-11","scrollableArea":"magritte-scrollable-area___-xMF2_3-2-11","medium":"magritte-medium___Xk-XB_3-2-11","chips-and-input":"magritte-chips-and-input___qg-Ba_3-2-11","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-2-11","field-input":"magritte-field-input___04Cag_3-2-11","fieldInput":"magritte-field-input___04Cag_3-2-11","label-wrapper":"magritte-label-wrapper___De7Bm_3-2-11","labelWrapper":"magritte-label-wrapper___De7Bm_3-2-11","icon_expanded":"magritte-icon_expanded___RaOT-_3-2-11","iconExpanded":"magritte-icon_expanded___RaOT-_3-2-11","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-11","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-11"};
13
+ var styles = {"root":"magritte-root___-zVdz_3-2-12","focused":"magritte-focused___0Uzyu_3-2-12","invalid":"magritte-invalid___tVzQV_3-2-12","disabled":"magritte-disabled___UeqcV_3-2-12","label":"magritte-label___j7Trt_3-2-12","focus-visible":"magritte-focus-visible___ifvAP_3-2-12","focusVisible":"magritte-focus-visible___ifvAP_3-2-12","large":"magritte-large___JIrIy_3-2-12","field":"magritte-field___rlEmn_3-2-12","icon":"magritte-icon___fDMiz_3-2-12","scrollable-area":"magritte-scrollable-area___-xMF2_3-2-12","scrollableArea":"magritte-scrollable-area___-xMF2_3-2-12","medium":"magritte-medium___Xk-XB_3-2-12","chips-and-input":"magritte-chips-and-input___qg-Ba_3-2-12","chipsAndInput":"magritte-chips-and-input___qg-Ba_3-2-12","field-input":"magritte-field-input___04Cag_3-2-12","fieldInput":"magritte-field-input___04Cag_3-2-12","label-wrapper":"magritte-label-wrapper___De7Bm_3-2-12","labelWrapper":"magritte-label-wrapper___De7Bm_3-2-12","icon_expanded":"magritte-icon_expanded___RaOT-_3-2-12","iconExpanded":"magritte-icon_expanded___RaOT-_3-2-12","custom-chip-wrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-12","customChipWrapper":"magritte-custom-chip-wrapper___a9kJ6_3-2-12"};
14
14
 
15
15
  const focusOnLastChip = (event, chipsContainer, input) => {
16
16
  if (!chipsContainer || !input) {
package/index.css CHANGED
@@ -592,7 +592,7 @@
592
592
  --magritte-typography-_custom-5-italic-text-transform-v20-0-2:none;
593
593
  --magritte-typography-_custom-5-italic-text-decoration-v20-0-2:none;
594
594
  }
595
- .magritte-root___-zVdz_3-2-11{
595
+ .magritte-root___-zVdz_3-2-12{
596
596
  display:inline-flex;
597
597
  position:relative;
598
598
  width:100%;
@@ -607,106 +607,106 @@
607
607
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-chevron-v20-0-2);
608
608
  }
609
609
  @media (min-width: 1020px){
610
- body.magritte-old-layout .magritte-root___-zVdz_3-2-11:not(.magritte-focused___0Uzyu_3-2-11):not(.magritte-invalid___tVzQV_3-2-11):not(.magritte-disabled___UeqcV_3-2-11):hover{
610
+ body.magritte-old-layout .magritte-root___-zVdz_3-2-12:not(.magritte-focused___0Uzyu_3-2-12):not(.magritte-invalid___tVzQV_3-2-12):not(.magritte-disabled___UeqcV_3-2-12):hover{
611
611
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v20-0-2);
612
612
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v20-0-2);
613
613
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v20-0-2);
614
614
  }
615
- body.magritte-old-layout .magritte-root___-zVdz_3-2-11:not(.magritte-focused___0Uzyu_3-2-11):not(.magritte-invalid___tVzQV_3-2-11):not(.magritte-disabled___UeqcV_3-2-11):hover .magritte-label___j7Trt_3-2-11{
615
+ body.magritte-old-layout .magritte-root___-zVdz_3-2-12:not(.magritte-focused___0Uzyu_3-2-12):not(.magritte-invalid___tVzQV_3-2-12):not(.magritte-disabled___UeqcV_3-2-12):hover .magritte-label___j7Trt_3-2-12{
616
616
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v20-0-2);
617
617
  }
618
618
  }
619
619
  @media (min-width: 1024px){
620
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-11:not(.magritte-focused___0Uzyu_3-2-11):not(.magritte-invalid___tVzQV_3-2-11):not(.magritte-disabled___UeqcV_3-2-11):hover{
620
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-12:not(.magritte-focused___0Uzyu_3-2-12):not(.magritte-invalid___tVzQV_3-2-12):not(.magritte-disabled___UeqcV_3-2-12):hover{
621
621
  background-color:var(--magritte-color-component-input-background-state-field-hovered-v20-0-2);
622
622
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-hovered-v20-0-2);
623
623
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-hovered-v20-0-2);
624
624
  }
625
- body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-11:not(.magritte-focused___0Uzyu_3-2-11):not(.magritte-invalid___tVzQV_3-2-11):not(.magritte-disabled___UeqcV_3-2-11):hover .magritte-label___j7Trt_3-2-11{
625
+ body:not(.magritte-old-layout) .magritte-root___-zVdz_3-2-12:not(.magritte-focused___0Uzyu_3-2-12):not(.magritte-invalid___tVzQV_3-2-12):not(.magritte-disabled___UeqcV_3-2-12):hover .magritte-label___j7Trt_3-2-12{
626
626
  color:var(--magritte-color-component-input-text-state-placeholder-hovered-v20-0-2);
627
627
  }
628
628
  }
629
- .magritte-root___-zVdz_3-2-11:not(.magritte-disabled___UeqcV_3-2-11){
629
+ .magritte-root___-zVdz_3-2-12:not(.magritte-disabled___UeqcV_3-2-12){
630
630
  cursor:text;
631
631
  }
632
- .magritte-root___-zVdz_3-2-11.magritte-focused___0Uzyu_3-2-11{
632
+ .magritte-root___-zVdz_3-2-12.magritte-focused___0Uzyu_3-2-12{
633
633
  background-color:var(--magritte-color-component-input-background-state-field-focused-v20-0-2);
634
634
  box-shadow:inset 0 0 0 2px var(--magritte-color-component-input-stroke-state-field-focused-v20-0-2);
635
635
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v20-0-2);
636
636
  }
637
- .magritte-root___-zVdz_3-2-11.magritte-focused___0Uzyu_3-2-11 .magritte-label___j7Trt_3-2-11{
637
+ .magritte-root___-zVdz_3-2-12.magritte-focused___0Uzyu_3-2-12 .magritte-label___j7Trt_3-2-12{
638
638
  color:var(--magritte-color-component-input-text-state-placeholder-focused-v20-0-2);
639
639
  }
640
- .magritte-root___-zVdz_3-2-11.magritte-invalid___tVzQV_3-2-11{
640
+ .magritte-root___-zVdz_3-2-12.magritte-invalid___tVzQV_3-2-12{
641
641
  background-color:var(--magritte-color-component-input-background-state-field-invalid-v20-0-2);
642
642
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-invalid-v20-0-2);
643
643
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-invalid-v20-0-2);
644
644
  }
645
- .magritte-root___-zVdz_3-2-11.magritte-invalid___tVzQV_3-2-11 .magritte-label___j7Trt_3-2-11{
645
+ .magritte-root___-zVdz_3-2-12.magritte-invalid___tVzQV_3-2-12 .magritte-label___j7Trt_3-2-12{
646
646
  color:var(--magritte-color-component-input-text-state-placeholder-invalid-v20-0-2);
647
647
  }
648
- .magritte-root___-zVdz_3-2-11.magritte-disabled___UeqcV_3-2-11{
648
+ .magritte-root___-zVdz_3-2-12.magritte-disabled___UeqcV_3-2-12{
649
649
  background-color:var(--magritte-color-component-input-background-state-field-disabled-v20-0-2);
650
650
  box-shadow:inset 0 0 0 1px var(--magritte-color-component-input-stroke-state-field-disabled-v20-0-2);
651
651
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-disabled-v20-0-2);
652
652
  --magritte-ui-chip-text-color-override:var(--magritte-color-component-input-chips-text-state-neutral-disable-v20-0-2);
653
653
  --magritte-ui-chip-background-color-override:var(--magritte-color-component-input-chips-background-state-neutral-disable-v20-0-2);
654
654
  }
655
- .magritte-root___-zVdz_3-2-11.magritte-disabled___UeqcV_3-2-11 .magritte-label___j7Trt_3-2-11{
655
+ .magritte-root___-zVdz_3-2-12.magritte-disabled___UeqcV_3-2-12 .magritte-label___j7Trt_3-2-12{
656
656
  color:var(--magritte-color-component-input-text-state-placeholder-disabled-v20-0-2);
657
657
  }
658
- .magritte-root___-zVdz_3-2-11.magritte-focus-visible___ifvAP_3-2-11{
658
+ .magritte-root___-zVdz_3-2-12.magritte-focus-visible___ifvAP_3-2-12{
659
659
  outline:var(--magritte-color-component-input-stroke-state-accent-focused-accessible-v20-0-2) solid 4px;
660
660
  }
661
- .magritte-root___-zVdz_3-2-11.magritte-focus-visible___ifvAP_3-2-11.magritte-invalid___tVzQV_3-2-11{
661
+ .magritte-root___-zVdz_3-2-12.magritte-focus-visible___ifvAP_3-2-12.magritte-invalid___tVzQV_3-2-12{
662
662
  outline-color:var(--magritte-color-component-input-stroke-state-negative-focused-accessible-v20-0-2);
663
663
  }
664
- .magritte-large___JIrIy_3-2-11{
664
+ .magritte-large___JIrIy_3-2-12{
665
665
  padding-left:var(--magritte-static-space-300-v20-0-2);
666
666
  padding-top:var(--magritte-static-space-300-v20-0-2);
667
667
  padding-bottom:var(--magritte-static-space-300-v20-0-2);
668
668
  padding-right:var(--magritte-static-space-50-v20-0-2);
669
669
  }
670
- .magritte-large___JIrIy_3-2-11 .magritte-field___rlEmn_3-2-11{
670
+ .magritte-large___JIrIy_3-2-12 .magritte-field___rlEmn_3-2-12{
671
671
  margin-left:var(--magritte-static-space-100-v20-0-2);
672
672
  }
673
- .magritte-large___JIrIy_3-2-11 .magritte-icon___fDMiz_3-2-11{
673
+ .magritte-large___JIrIy_3-2-12 .magritte-icon___fDMiz_3-2-12{
674
674
  top:var(--magritte-static-space-300-v20-0-2);
675
675
  right:var(--magritte-static-space-400-v20-0-2);
676
676
  }
677
- .magritte-large___JIrIy_3-2-11 .magritte-scrollable-area___-xMF2_3-2-11{
677
+ .magritte-large___JIrIy_3-2-12 .magritte-scrollable-area___-xMF2_3-2-12{
678
678
  padding-right:calc(24px + var(--magritte-static-space-250-v20-0-2) + var(--magritte-static-space-300-v20-0-2));
679
679
  }
680
- .magritte-medium___Xk-XB_3-2-11{
680
+ .magritte-medium___Xk-XB_3-2-12{
681
681
  padding-left:var(--magritte-static-space-200-v20-0-2);
682
682
  padding-top:var(--magritte-static-space-200-v20-0-2);
683
683
  padding-bottom:var(--magritte-static-space-200-v20-0-2);
684
684
  padding-right:var(--magritte-static-space-50-v20-0-2);
685
685
  }
686
- .magritte-medium___Xk-XB_3-2-11 .magritte-field___rlEmn_3-2-11{
686
+ .magritte-medium___Xk-XB_3-2-12 .magritte-field___rlEmn_3-2-12{
687
687
  margin-left:var(--magritte-static-space-100-v20-0-2);
688
688
  }
689
- .magritte-medium___Xk-XB_3-2-11 .magritte-icon___fDMiz_3-2-11{
689
+ .magritte-medium___Xk-XB_3-2-12 .magritte-icon___fDMiz_3-2-12{
690
690
  top:var(--magritte-static-space-200-v20-0-2);
691
691
  right:var(--magritte-static-space-300-v20-0-2);
692
692
  }
693
- .magritte-medium___Xk-XB_3-2-11 .magritte-scrollable-area___-xMF2_3-2-11{
693
+ .magritte-medium___Xk-XB_3-2-12 .magritte-scrollable-area___-xMF2_3-2-12{
694
694
  padding-right:calc(24px + var(--magritte-static-space-150-v20-0-2) + var(--magritte-static-space-300-v20-0-2));
695
695
  }
696
- .magritte-scrollable-area___-xMF2_3-2-11{
696
+ .magritte-scrollable-area___-xMF2_3-2-12{
697
697
  display:flex;
698
698
  align-items:flex-start;
699
699
  overflow-y:auto;
700
700
  width:100%;
701
701
  }
702
- .magritte-chips-and-input___qg-Ba_3-2-11{
702
+ .magritte-chips-and-input___qg-Ba_3-2-12{
703
703
  display:flex;
704
704
  gap:6px;
705
705
  flex-wrap:wrap;
706
706
  align-items:center;
707
707
  width:100%;
708
708
  }
709
- .magritte-field___rlEmn_3-2-11{
709
+ .magritte-field___rlEmn_3-2-12{
710
710
  display:flex;
711
711
  align-items:center;
712
712
  position:relative;
@@ -722,26 +722,26 @@
722
722
  text-transform:var(--magritte-typography-label-2-regular-text-transform-v20-0-2);
723
723
  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v20-0-2);
724
724
  }
725
- .magritte-field-input___04Cag_3-2-11{
725
+ .magritte-field-input___04Cag_3-2-12{
726
726
  border:0;
727
727
  padding:0;
728
728
  background:none;
729
729
  outline:none;
730
730
  width:100%;
731
731
  }
732
- .magritte-label-wrapper___De7Bm_3-2-11{
732
+ .magritte-label-wrapper___De7Bm_3-2-12{
733
733
  display:flex;
734
734
  align-items:center;
735
735
  position:absolute;
736
736
  height:100%;
737
737
  inset:0;
738
738
  }
739
- .magritte-label___j7Trt_3-2-11{
739
+ .magritte-label___j7Trt_3-2-12{
740
740
  color:var(--magritte-color-component-input-text-placeholder-v20-0-2);
741
741
  overflow:hidden;
742
742
  text-overflow:ellipsis;
743
743
  }
744
- .magritte-icon___fDMiz_3-2-11{
744
+ .magritte-icon___fDMiz_3-2-12{
745
745
  display:inline-flex;
746
746
  margin-left:auto;
747
747
  padding:var(--magritte-static-space-100-v20-0-2) 0;
@@ -750,10 +750,10 @@
750
750
  transition-duration:var(--magritte-semantic-animation-ease-in-out-100-duration-v20-0-2);
751
751
  transition-timing-function:var(--magritte-semantic-animation-ease-in-out-100-timing-function-v20-0-2);
752
752
  }
753
- .magritte-icon_expanded___RaOT-_3-2-11{
753
+ .magritte-icon_expanded___RaOT-_3-2-12{
754
754
  transform:rotate(-180deg);
755
755
  --magritte-ui-icon-color-override:var(--magritte-color-component-input-icon-state-chevron-focused-v20-0-2);
756
756
  }
757
- .magritte-custom-chip-wrapper___a9kJ6_3-2-11{
757
+ .magritte-custom-chip-wrapper___a9kJ6_3-2-12{
758
758
  display:inline-flex;
759
759
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hh.ru/magritte-ui-chips-trigger",
3
- "version": "3.2.11",
3
+ "version": "3.2.12",
4
4
  "main": "index.js",
5
5
  "types": "index.d.ts",
6
6
  "sideEffects": [
@@ -30,12 +30,12 @@
30
30
  "@hh.ru/magritte-common-keyboard": "4.0.3",
31
31
  "@hh.ru/magritte-common-use-multiple-refs": "1.1.5",
32
32
  "@hh.ru/magritte-ui-breakpoint": "4.1.1",
33
- "@hh.ru/magritte-ui-chips": "5.2.28",
33
+ "@hh.ru/magritte-ui-chips": "5.2.29",
34
34
  "@hh.ru/magritte-ui-form-helper": "1.0.18",
35
35
  "@hh.ru/magritte-ui-icon": "7.9.8",
36
36
  "@hh.ru/magritte-ui-input": "7.1.1",
37
37
  "@hh.ru/magritte-ui-mock-component": "1.0.12",
38
38
  "@hh.ru/magritte-ui-theme-provider": "1.1.34"
39
39
  },
40
- "gitHead": "7b03528e973107957213eb5e4ec37766e79a5a43"
40
+ "gitHead": "cefaeeef963e6627c0fc859d333843d03a043de1"
41
41
  }