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.
- package/dist/index.css +165 -0
- package/dist/index.css.map +1 -1
- package/dist/index.js +279 -0
- package/dist/index.js.map +1 -1
- package/dist/scss/index.scss +0 -1
- package/dist/scss/ui/Buttons/styles/mixins/button.scss +1 -0
- package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +1 -0
- package/dist/scss/ui/MicroButton/styles/mixins/micro-button.scss +1 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/active.scss +4 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/base-button.scss +8 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/base.scss +8 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/disabled.scss +8 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/error.scss +7 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/hover.scss +15 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/index.scss +8 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/large.scss +9 -0
- package/dist/scss/ui/ToggleBase/styles/mixins/medium.scss +9 -0
- package/dist/types/src/test/pages/ToggleBasePage.d.ts +1 -0
- package/dist/types/src/test/pages/TogglePage.d.ts +1 -0
- package/dist/types/src/test/pages/index.d.ts +2 -0
- package/dist/types/src/ui/Toggle/index.d.ts +2 -0
- package/dist/types/src/ui/Toggle/styles/index.d.ts +1 -0
- package/dist/types/src/ui/Toggle/types/ToggleTypes.d.ts +14 -0
- package/dist/types/src/ui/Toggle/types/index.d.ts +1 -0
- package/dist/types/src/ui/Toggle/ui/Toggle.d.ts +2 -0
- package/dist/types/src/ui/Toggle/ui/index.d.ts +1 -0
- package/dist/types/src/ui/ToggleBase/index.d.ts +2 -0
- package/dist/types/src/ui/ToggleBase/styles/index.d.ts +1 -0
- package/dist/types/src/ui/ToggleBase/types/ToggleBaseTypes.d.ts +27 -0
- package/dist/types/src/ui/ToggleBase/types/index.d.ts +1 -0
- package/dist/types/src/ui/ToggleBase/ui/ToggleBase.d.ts +3 -0
- package/dist/types/src/ui/ToggleBase/ui/index.d.ts +1 -0
- package/dist/types/src/ui/index.d.ts +2 -0
- package/package.json +1 -1
- 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*/
|