indicator-ui 0.0.17 → 0.0.19

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 (35) hide show
  1. package/dist/index.css +165 -0
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +279 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/index.scss +0 -1
  6. package/dist/scss/ui/Buttons/styles/mixins/button.scss +1 -0
  7. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +1 -0
  8. package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +1 -0
  9. package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +4 -0
  10. package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss +8 -0
  11. package/dist/scss/ui/ToggleBase/styles/mixins/base.scss +8 -0
  12. package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss +8 -0
  13. package/dist/scss/ui/ToggleBase/styles/mixins/error.scss +7 -0
  14. package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +15 -0
  15. package/dist/scss/ui/ToggleBase/styles/mixins/index.scss +8 -0
  16. package/dist/scss/ui/ToggleBase/styles/mixins/large.scss +9 -0
  17. package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss +9 -0
  18. package/dist/types/src/test/pages/ToggleBasePage.d.ts +1 -0
  19. package/dist/types/src/test/pages/TogglePage.d.ts +1 -0
  20. package/dist/types/src/test/pages/index.d.ts +2 -0
  21. package/dist/types/src/ui/Toggle/index.d.ts +2 -0
  22. package/dist/types/src/ui/Toggle/styles/index.d.ts +1 -0
  23. package/dist/types/src/ui/Toggle/types/ToggleTypes.d.ts +14 -0
  24. package/dist/types/src/ui/Toggle/types/index.d.ts +1 -0
  25. package/dist/types/src/ui/Toggle/ui/Toggle.d.ts +2 -0
  26. package/dist/types/src/ui/Toggle/ui/index.d.ts +1 -0
  27. package/dist/types/src/ui/ToggleBase/index.d.ts +2 -0
  28. package/dist/types/src/ui/ToggleBase/styles/index.d.ts +1 -0
  29. package/dist/types/src/ui/ToggleBase/types/ToggleBaseTypes.d.ts +27 -0
  30. package/dist/types/src/ui/ToggleBase/types/index.d.ts +1 -0
  31. package/dist/types/src/ui/ToggleBase/ui/ToggleBase.d.ts +3 -0
  32. package/dist/types/src/ui/ToggleBase/ui/index.d.ts +1 -0
  33. package/dist/types/src/ui/index.d.ts +2 -0
  34. package/package.json +1 -1
  35. package/dist/scss/ui/index.scss +0 -3
package/dist/index.css CHANGED
@@ -102,6 +102,9 @@
102
102
  font-weight: 600;
103
103
  font-style: normal;
104
104
  }
105
+ .Buttons-module__button___I3yLe {
106
+ transition: all ease-out 0.2s;
107
+ }
105
108
  .Buttons-module__button___I3yLe {
106
109
  display: flex;
107
110
  flex-direction: row;
@@ -545,6 +548,7 @@
545
548
  font-style: normal;
546
549
  }
547
550
  .MicroButton-module__button___QMj95 {
551
+ transition: all ease-out 0.2s;
548
552
  width: fit-content;
549
553
  height: fit-content;
550
554
  }
@@ -2511,6 +2515,7 @@
2511
2515
  font-style: normal;
2512
2516
  }
2513
2517
  .CheckboxMark-module__checkboxMark___QsRbu {
2518
+ transition: all ease-out 0.2s;
2514
2519
  width: 20px;
2515
2520
  height: 20px;
2516
2521
  background-color: var(--base-white);
@@ -2880,5 +2885,165 @@
2880
2885
  .Checkbox-module__checkbox___GSei6.Checkbox-module__heightHug___SK_mI {
2881
2886
  height: fit-content;
2882
2887
  }
2888
+ /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
2889
+ !*** 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/ToggleBase/styles/ToggleBase.module.scss ***!
2890
+ \*************************************************************************************************************************************************************************************************************************************************************************/
2891
+ @font-face {
2892
+ font-family: "Golos UI";
2893
+ 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");
2894
+ font-weight: 400;
2895
+ font-style: normal;
2896
+ }
2897
+ @font-face {
2898
+ font-family: "Golos UI";
2899
+ 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");
2900
+ font-weight: 500;
2901
+ font-style: normal;
2902
+ }
2903
+ @font-face {
2904
+ font-family: "Golos UI";
2905
+ 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");
2906
+ font-weight: 600;
2907
+ font-style: normal;
2908
+ }
2909
+ .ToggleBase-module__toggleBase___Vkhhf {
2910
+ transition: all ease-out 0.2s;
2911
+ border-radius: 12px;
2912
+ padding: 2px;
2913
+ background-color: var(--gray-300);
2914
+ }
2915
+ .ToggleBase-module__toggleBase___Vkhhf {
2916
+ display: flex;
2917
+ justify-content: start;
2918
+ align-items: center;
2919
+ }
2920
+ .ToggleBase-module__toggleBase___Vkhhf .ToggleBase-module__button___LaSpg {
2921
+ flex: none;
2922
+ border-radius: 50%;
2923
+ background-color: var(--base-white);
2924
+ box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0588235294), 0 1px 3px 0 rgba(16, 24, 40, 0.1019607843);
2925
+ }
2926
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__active___q_Db4 {
2927
+ background-color: var(--blue-dark-500);
2928
+ justify-content: end;
2929
+ }
2930
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__error___IfdU2 {
2931
+ background-color: var(--error-200);
2932
+ }
2933
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__error___IfdU2.ToggleBase-module__active___q_Db4 {
2934
+ background-color: var(--error-500);
2935
+ }
2936
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__medium___iUKiN {
2937
+ width: 36px;
2938
+ height: 20px;
2939
+ }
2940
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__medium___iUKiN .ToggleBase-module__button___LaSpg {
2941
+ width: 16px;
2942
+ height: 16px;
2943
+ }
2944
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__large___YMT8p {
2945
+ width: 44px;
2946
+ height: 24px;
2947
+ }
2948
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__large___YMT8p .ToggleBase-module__button___LaSpg {
2949
+ width: 20px;
2950
+ height: 20px;
2951
+ }
2952
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf:hover {
2953
+ background-color: var(--gray-400);
2954
+ }
2955
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__error___IfdU2 {
2956
+ background-color: var(--error-300);
2957
+ }
2958
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4 {
2959
+ background-color: var(--blue-dark-600);
2960
+ }
2961
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__hover___KiQjy.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2, .ToggleBase-module__toggleBase___Vkhhf:hover.ToggleBase-module__active___q_Db4.ToggleBase-module__error___IfdU2 {
2962
+ background-color: var(--error-600);
2963
+ }
2964
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover {
2965
+ cursor: default;
2966
+ background-color: var(--gray-200);
2967
+ }
2968
+ .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75 .ToggleBase-module__button___LaSpg, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75.ToggleBase-module__hover___KiQjy .ToggleBase-module__button___LaSpg, .ToggleBase-module__toggleBase___Vkhhf.ToggleBase-module__disabled___Znl75:hover .ToggleBase-module__button___LaSpg {
2969
+ background-color: var(--gray-50);
2970
+ }
2971
+ /*!*****************************************************************************************************************************************************************************************************************************************************************!*\
2972
+ !*** 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/Toggle/styles/Toggle.module.scss ***!
2973
+ \*****************************************************************************************************************************************************************************************************************************************************************/
2974
+ @font-face {
2975
+ font-family: "Golos UI";
2976
+ 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");
2977
+ font-weight: 400;
2978
+ font-style: normal;
2979
+ }
2980
+ @font-face {
2981
+ font-family: "Golos UI";
2982
+ 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");
2983
+ font-weight: 500;
2984
+ font-style: normal;
2985
+ }
2986
+ @font-face {
2987
+ font-family: "Golos UI";
2988
+ 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");
2989
+ font-weight: 600;
2990
+ font-style: normal;
2991
+ }
2992
+ .Toggle-module__toggle___v6vwY {
2993
+ display: flex;
2994
+ gap: 8px;
2995
+ cursor: pointer;
2996
+ }
2997
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm {
2998
+ flex: 1;
2999
+ }
3000
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm {
3001
+ display: flex;
3002
+ flex-direction: column;
3003
+ justify-content: start;
3004
+ align-items: start;
3005
+ }
3006
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm .Toggle-module__text___i2f7B {
3007
+ font-size: 16px;
3008
+ line-height: 20px;
3009
+ color: var(--gray-700);
3010
+ font-weight: 400;
3011
+ font-family: "Golos UI", sans-serif;
3012
+ font-stretch: normal;
3013
+ font-style: normal;
3014
+ font-variant: normal;
3015
+ }
3016
+ .Toggle-module__toggle___v6vwY .Toggle-module__textBlock___KUwlm .Toggle-module__description___hvDOL {
3017
+ font-size: 14px;
3018
+ line-height: 20px;
3019
+ color: var(--gray-400);
3020
+ font-weight: 400;
3021
+ font-family: "Golos UI", sans-serif;
3022
+ font-stretch: normal;
3023
+ font-style: normal;
3024
+ font-variant: normal;
3025
+ }
3026
+ .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv {
3027
+ cursor: default;
3028
+ }
3029
+ .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__text___i2f7B, .Toggle-module__toggle___v6vwY.Toggle-module__disabled___ME0Wv .Toggle-module__description___hvDOL {
3030
+ color: var(--gray-400);
3031
+ font-family: "Golos UI", sans-serif;
3032
+ font-stretch: normal;
3033
+ font-style: normal;
3034
+ font-variant: normal;
3035
+ }
3036
+ .Toggle-module__toggle___v6vwY.Toggle-module__widthFill___JEbCX {
3037
+ width: 100%;
3038
+ }
3039
+ .Toggle-module__toggle___v6vwY.Toggle-module__heightFill___yalwe {
3040
+ height: 100%;
3041
+ }
3042
+ .Toggle-module__toggle___v6vwY.Toggle-module__widthHug___EL72F {
3043
+ width: fit-content;
3044
+ }
3045
+ .Toggle-module__toggle___v6vwY.Toggle-module__heightHug___fFSTL {
3046
+ height: fit-content;
3047
+ }
2883
3048
 
2884
3049
  /*# sourceMappingURL=index.css.map*/