@morozeckiy/dd-lib 0.9.9 → 0.9.10

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 (22) hide show
  1. package/assets/images/svg/award.svg +5 -5
  2. package/assets/images/svg/bell-cog.svg +11 -11
  3. package/assets/images/svg/btn-ok.svg +3 -3
  4. package/assets/images/svg/btn-tg.svg +3 -3
  5. package/assets/images/svg/btn-vk.svg +3 -3
  6. package/assets/images/svg/home.svg +5 -5
  7. package/assets/images/svg/minus.svg +10 -10
  8. package/assets/images/svg/news.svg +6 -6
  9. package/assets/images/svg/plus.svg +4 -4
  10. package/assets/images/svg/star.svg +3 -3
  11. package/assets/images/svg/trophy.svg +8 -8
  12. package/assets/scss/common.scss +402 -402
  13. package/assets/scss/reset.scss +156 -156
  14. package/assets/scss/theme.scss +72 -72
  15. package/assets/scss/titles.scss +302 -301
  16. package/assets/scss/vars-dark.scss +140 -140
  17. package/fesm2022/morozeckiy-dd-lib.mjs +159 -60
  18. package/fesm2022/morozeckiy-dd-lib.mjs.map +1 -1
  19. package/morozeckiy-dd-lib-0.9.10.tgz +0 -0
  20. package/package.json +1 -1
  21. package/types/morozeckiy-dd-lib.d.ts +9 -1
  22. package/morozeckiy-dd-lib-0.9.9.tgz +0 -0
package/assets/scss/vars-dark.scss CHANGED
@@ -1,140 +1,140 @@
1
- @mixin style-dark() {
2
- --main-body-width: 1320px;
3
- --side-padding: 24px;
4
- --side-padding-mobile: 16px;
5
-
6
- //header
7
- --header-color: #160d1d;
8
- --header-height: 202px;
9
- --header-border-color: #3e3e3e;
10
- --switch-color: #07b700;
11
- --switch-circle-color: #ffffff;
12
- --menu-hover-bgc: #2e193d;
13
- --menu-arr-color: #a79bad;
14
- --menu-item-color: #D7D7D7;
15
- --menu-item-hover: #3E3E3E;
16
- --menu-item-color-foot: #D7D7D7;
17
- --burger-menu-color: #1a1a1a;
18
- --burger-menu-border: #3e3e3e;
19
- --burger-menu-ttl: #ffffff;
20
- --burger-menu-txt: #ffffff;
21
-
22
- //footer
23
- --footer-color: #121212;
24
- --footer-border-color: #3e3e3e;
25
- --footer-font-coolor: #ffffff;
26
- --footer-soc-icon: #d7d7d7;
27
-
28
- //main
29
- --main-bgc: #121212;
30
- --main-layer: var(--dark-green-color);
31
- --main-card-color: #1a1a1a;
32
- --main-card-shadow: 0 14px 64px -4px #18274b0a, 0 8px 22px -6px #18274b0a;
33
- --shared-img-color: #ffffff;
34
- --main-img-color: #1e2841;
35
- --shared-bgc: #182442;
36
- --select-act-hov-bgc: #182442;
37
- --filter-color: #1A1A1A;
38
- --tooltip-bgc: #3E3E3E;
39
-
40
- //button
41
- --btn-green-bgc: var(--primary-green-color);
42
- --btn-green-hover: var(--primary-green-hover);
43
- --btn-green-color: var(--white-color);
44
-
45
- --btn-light-green-bgc: var(--light-green-color);
46
- --btn-light-green-color: var(--primary-green-color);
47
- --btn-light-green-hover-color: var(--primary-green-hover);
48
-
49
- --btn-white-bgc: var(--gray-color-200);
50
- --btn-white-color: var(--primary-green-color);
51
- --btn-white-hover-color: var(--primary-green-hover);
52
-
53
- --btn-red-bgc: var(--red-light-color);
54
- --btn-red-color: var(--red-error-color);
55
- --btn-red-hover-color: var(--red-hover-color);
56
-
57
- --btn-dark-bgc: var(--dark-color);
58
- --btn-dark-color: #FFFFFF;
59
- --btn-dark-hover-color: var(--dark-hover-color);
60
-
61
- --btn-disabled-bgc: var(--disabled-bgc);
62
- --btn-disabled-color: var(--disabled-color);
63
-
64
- //input/textarea
65
- --input-border-color: var(--primary-gray-color);
66
- --input-error-border-color: var(--primary-red-color);
67
- --input-error-border-shadow: 0px 0px 0px 3px #ff36451a;
68
- --input-active-border-colort: var(--primary-green-color);
69
- --input-active-border-shadow: 0px 0px 0px 3px #07b7001a;
70
- --input-placeholder: var(--second-gray-color);
71
- --input-disable-input: #1a1a1a;
72
- --input-disable-text: #434343;
73
- --input-gray-bgc: #262626;
74
- --input-gray-placeholder: #969696;
75
-
76
- //checkbox
77
- --cb-checked-bgc: var(--primary-green-color);
78
- --cb-hover-bgc: var(--primary-green-hover);
79
- --cb-init-border: var(--gray-bgc);
80
-
81
- //radio
82
- --radio-active-color: var(--primary-green-color);
83
- --radio-hover-color: var(--primary-green-hover);
84
- --radio-disabled: var(--gray-color-200);
85
-
86
- //claims
87
- --claim-status-bgc-published: #8e9cbe;
88
- --claim-status-bgc-in-work: var(--blue-color);
89
- --claim-status-bgc-received: #ba00fb;
90
- --claim-status-bgc-deadline: #faad14;
91
- --claim-status-bgc-decided: #07b700;
92
- --claim-status-bgc-close: #ff3645;
93
-
94
- //zabota
95
- --zabota-banner-bgc: var(--dark-green-color);
96
-
97
- //district selector
98
- --district-color: var(--font-light-black-color);
99
-
100
- // colors
101
- --primary-green-color: #07b700;
102
- --primary-green-color-rgb: 7, 183, 0;
103
- --primary-green-hover: #069700;
104
- --primary-gray-color: #3e3e3e;
105
- --second-gray-color: #969696;
106
- --calendar-gray-color: #D7D7D7;
107
- --calendar-gray-hide-color: #bdbdbd;
108
- --primary-red-color: #ff3645;
109
- --primary-red-color-rgb: 255, 54, 69;
110
- --light-green-color: #262626;
111
- --light-blue-color: #182442;
112
- --light-black-color: #ffffff;
113
- --black-color: #D7D7D7;
114
- --dark-color: #2e193d;
115
- --dark-green-color: #1c2b20;
116
- --dark-hover-color: #2C173C;
117
- --white-color: #1a1a1a;
118
- --gray-bgc: #d7d7d7;
119
- --disabled-color: #8e9cbe;
120
- --disabled-bgc: #3E3E3E;
121
- --red-light-color: #511621;
122
- --red-error-color: #ff3645;
123
- --red-hover-color: #c03c54;
124
- --font-light-black-color: #d7d7d7;
125
- --font-wheit-small: 400;
126
- --font-wheit-big: 500;
127
- --gray-color-200: #3E3E3E;
128
- --gray-color-300: #262626;
129
- --active-border-color-shadow: #07b7001a;
130
- --low-bgc-color: #262626;
131
- --yellow-card: #594D0D;
132
- --gold-bgc-color: #fffbe6;
133
- --gold-border-color: #ffe58f;
134
- --gold-svg-color: #faad14;
135
- --blue-color: #007bfb;
136
- --blue-card: #1E2841;
137
- --blue-light-bgc: #e5f2ff;
138
- --blue-light-border-color: #cce5fe;
139
- --gray-bgc-2: #3E3E3E;
140
- }
1
+ @mixin style-dark() {
2
+ --main-body-width: 1320px;
3
+ --side-padding: 24px;
4
+ --side-padding-mobile: 16px;
5
+
6
+ //header
7
+ --header-color: #160d1d;
8
+ --header-height: 202px;
9
+ --header-border-color: #3e3e3e;
10
+ --switch-color: #07b700;
11
+ --switch-circle-color: #ffffff;
12
+ --menu-hover-bgc: #2e193d;
13
+ --menu-arr-color: #a79bad;
14
+ --menu-item-color: #D7D7D7;
15
+ --menu-item-hover: #3E3E3E;
16
+ --menu-item-color-foot: #D7D7D7;
17
+ --burger-menu-color: #1a1a1a;
18
+ --burger-menu-border: #3e3e3e;
19
+ --burger-menu-ttl: #ffffff;
20
+ --burger-menu-txt: #ffffff;
21
+
22
+ //footer
23
+ --footer-color: #121212;
24
+ --footer-border-color: #3e3e3e;
25
+ --footer-font-coolor: #ffffff;
26
+ --footer-soc-icon: #d7d7d7;
27
+
28
+ //main
29
+ --main-bgc: #121212;
30
+ --main-layer: var(--dark-green-color);
31
+ --main-card-color: #1a1a1a;
32
+ --main-card-shadow: 0 14px 64px -4px #18274b0a, 0 8px 22px -6px #18274b0a;
33
+ --shared-img-color: #ffffff;
34
+ --main-img-color: #1e2841;
35
+ --shared-bgc: #182442;
36
+ --select-act-hov-bgc: #182442;
37
+ --filter-color: #1A1A1A;
38
+ --tooltip-bgc: #3E3E3E;
39
+
40
+ //button
41
+ --btn-green-bgc: var(--primary-green-color);
42
+ --btn-green-hover: var(--primary-green-hover);
43
+ --btn-green-color: var(--white-color);
44
+
45
+ --btn-light-green-bgc: var(--light-green-color);
46
+ --btn-light-green-color: var(--primary-green-color);
47
+ --btn-light-green-hover-color: var(--primary-green-hover);
48
+
49
+ --btn-white-bgc: var(--gray-color-200);
50
+ --btn-white-color: var(--primary-green-color);
51
+ --btn-white-hover-color: var(--primary-green-hover);
52
+
53
+ --btn-red-bgc: var(--red-light-color);
54
+ --btn-red-color: var(--red-error-color);
55
+ --btn-red-hover-color: var(--red-hover-color);
56
+
57
+ --btn-dark-bgc: var(--dark-color);
58
+ --btn-dark-color: #FFFFFF;
59
+ --btn-dark-hover-color: var(--dark-hover-color);
60
+
61
+ --btn-disabled-bgc: var(--disabled-bgc);
62
+ --btn-disabled-color: var(--disabled-color);
63
+
64
+ //input/textarea
65
+ --input-border-color: var(--primary-gray-color);
66
+ --input-error-border-color: var(--primary-red-color);
67
+ --input-error-border-shadow: 0px 0px 0px 3px #ff36451a;
68
+ --input-active-border-colort: var(--primary-green-color);
69
+ --input-active-border-shadow: 0px 0px 0px 3px #07b7001a;
70
+ --input-placeholder: var(--second-gray-color);
71
+ --input-disable-input: #1a1a1a;
72
+ --input-disable-text: #434343;
73
+ --input-gray-bgc: #262626;
74
+ --input-gray-placeholder: #969696;
75
+
76
+ //checkbox
77
+ --cb-checked-bgc: var(--primary-green-color);
78
+ --cb-hover-bgc: var(--primary-green-hover);
79
+ --cb-init-border: var(--gray-bgc);
80
+
81
+ //radio
82
+ --radio-active-color: var(--primary-green-color);
83
+ --radio-hover-color: var(--primary-green-hover);
84
+ --radio-disabled: var(--gray-color-200);
85
+
86
+ //claims
87
+ --claim-status-bgc-published: #8e9cbe;
88
+ --claim-status-bgc-in-work: var(--blue-color);
89
+ --claim-status-bgc-received: #ba00fb;
90
+ --claim-status-bgc-deadline: #faad14;
91
+ --claim-status-bgc-decided: #07b700;
92
+ --claim-status-bgc-close: #ff3645;
93
+
94
+ //zabota
95
+ --zabota-banner-bgc: var(--dark-green-color);
96
+
97
+ //district selector
98
+ --district-color: var(--font-light-black-color);
99
+
100
+ // colors
101
+ --primary-green-color: #07b700;
102
+ --primary-green-color-rgb: 7, 183, 0;
103
+ --primary-green-hover: #069700;
104
+ --primary-gray-color: #3e3e3e;
105
+ --second-gray-color: #969696;
106
+ --calendar-gray-color: #D7D7D7;
107
+ --calendar-gray-hide-color: #bdbdbd;
108
+ --primary-red-color: #ff3645;
109
+ --primary-red-color-rgb: 255, 54, 69;
110
+ --light-green-color: #262626;
111
+ --light-blue-color: #182442;
112
+ --light-black-color: #ffffff;
113
+ --black-color: #D7D7D7;
114
+ --dark-color: #2e193d;
115
+ --dark-green-color: #1c2b20;
116
+ --dark-hover-color: #2C173C;
117
+ --white-color: #1a1a1a;
118
+ --gray-bgc: #d7d7d7;
119
+ --disabled-color: #8e9cbe;
120
+ --disabled-bgc: #3E3E3E;
121
+ --red-light-color: #511621;
122
+ --red-error-color: #ff3645;
123
+ --red-hover-color: #c03c54;
124
+ --font-light-black-color: #d7d7d7;
125
+ --font-wheit-small: 400;
126
+ --font-wheit-big: 500;
127
+ --gray-color-200: #3E3E3E;
128
+ --gray-color-300: #262626;
129
+ --active-border-color-shadow: #07b7001a;
130
+ --low-bgc-color: #262626;
131
+ --yellow-card: #594D0D;
132
+ --gold-bgc-color: #fffbe6;
133
+ --gold-border-color: #ffe58f;
134
+ --gold-svg-color: #faad14;
135
+ --blue-color: #007bfb;
136
+ --blue-card: #1E2841;
137
+ --blue-light-bgc: #e5f2ff;
138
+ --blue-light-border-color: #cce5fe;
139
+ --gray-bgc-2: #3E3E3E;
140
+ }