indicator-ui 0.0.17 → 0.0.18

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