@snabcentr/client-ui 0.0.7 → 0.0.13
Sign up to get free protection for your applications and to get access to all the features.
- package/banner/sc-banner.module.d.ts +1 -1
- package/cart/cart-item-mobile/cart-item-mobile.component.d.ts +72 -0
- package/cart/cart.module.d.ts +16 -0
- package/cart/index.d.ts +2 -0
- package/catalog/category-card/sc-category-card.component.d.ts +5 -1
- package/catalog/index.d.ts +3 -0
- package/catalog/input-quantity/sc-input-quantity.component.d.ts +67 -0
- package/catalog/price-card/sc-price-card.component.d.ts +74 -0
- package/catalog/price-warehouse-stock/sc-price-warehouse-stock.component.d.ts +37 -0
- package/catalog/sc-catalog.module.d.ts +9 -4
- package/esm2020/banner/sc-banner.component.mjs +3 -3
- package/esm2020/banner/sc-banner.module.mjs +5 -5
- package/esm2020/cart/cart-item-mobile/cart-item-mobile.component.mjs +105 -0
- package/esm2020/cart/cart.module.mjs +58 -0
- package/esm2020/cart/index.mjs +3 -0
- package/esm2020/catalog/category-card/sc-category-card.component.mjs +16 -9
- package/esm2020/catalog/index.mjs +4 -1
- package/esm2020/catalog/input-quantity/sc-input-quantity.component.mjs +141 -0
- package/esm2020/catalog/price-card/sc-price-card.component.mjs +101 -0
- package/esm2020/catalog/price-warehouse-stock/sc-price-warehouse-stock.component.mjs +44 -0
- package/esm2020/catalog/sc-catalog.module.mjs +56 -7
- package/esm2020/catalog/sc-favorite-btn/sc-favorite-btn.component.mjs +3 -3
- package/esm2020/icons/sc-client-ui-icons-name.mjs +2 -2
- package/esm2020/news/news-card/sc-news-card.component.mjs +3 -3
- package/esm2020/news/news-card-skeleton/sc-news-card-skeleton.component.mjs +3 -3
- package/esm2020/order/index.mjs +3 -0
- package/esm2020/order/order-item-mobile/order-item-mobile.component.mjs +88 -0
- package/esm2020/order/sc-order.module.mjs +23 -0
- package/esm2020/public-api.mjs +6 -2
- package/esm2020/tokens/index.mjs +2 -0
- package/esm2020/tokens/sc-linear-values-token.mjs +10 -0
- package/esm2020/validators/index.mjs +2 -0
- package/esm2020/validators/stepValidator.mjs +13 -0
- package/fesm2015/snabcentr-client-ui.mjs +869 -281
- package/fesm2015/snabcentr-client-ui.mjs.map +1 -1
- package/fesm2020/snabcentr-client-ui.mjs +733 -158
- package/fesm2020/snabcentr-client-ui.mjs.map +1 -1
- package/icons/svg-pack/{scIconViewMinus.svg → scIconMinus.svg} +1 -1
- package/order/index.d.ts +2 -0
- package/order/order-item-mobile/order-item-mobile.component.d.ts +56 -0
- package/order/sc-order.module.d.ts +13 -0
- package/package.json +3 -1
- package/public-api.d.ts +5 -1
- package/styles/taiga/taiga-tailwind-preset.js +162 -0
- package/styles/taiga/variables.less +37 -3
- package/styles/tailwind/tailwind.scss +341 -3
- package/tokens/index.d.ts +1 -0
- package/tokens/sc-linear-values-token.d.ts +8 -0
- package/validators/index.d.ts +1 -0
- package/validators/stepValidator.d.ts +7 -0
- package/styles/tailwind/extend.js +0 -189
@@ -1,189 +0,0 @@
|
|
1
|
-
module.exports = {
|
2
|
-
fontFamily: {
|
3
|
-
'tui-heading': 'var(--tui-font-heading)',
|
4
|
-
'tui-text': 'var(--tui-font-text)',
|
5
|
-
},
|
6
|
-
borderRadius: {
|
7
|
-
'tui-radius-xs': 'var(--tui-radius-xs)',
|
8
|
-
'tui-radius-s': 'var(--tui-radius-s)',
|
9
|
-
'tui-radius-m': 'var(--tui-radius-m)',
|
10
|
-
'tui-radius-l': 'var(--tui-radius-l)',
|
11
|
-
'tui-radius-xl': 'var(--tui-radius-xl)',
|
12
|
-
},
|
13
|
-
fontSize: {
|
14
|
-
'tui-heading-1': 'var(--tui-font-heading-1)',
|
15
|
-
'tui-heading-2': 'var(--tui-font-heading-2)',
|
16
|
-
'tui-heading-3': 'var(--tui-font-heading-3)',
|
17
|
-
'tui-heading-4': 'var(--tui-font-heading-4)',
|
18
|
-
'tui-heading-5': 'var(--tui-font-heading-5)',
|
19
|
-
'tui-heading-6': 'var(--tui-font-heading-6)',
|
20
|
-
'tui-xl': 'var(--tui-font-text-xl)',
|
21
|
-
'tui-l': 'var(--tui-font-text-l)',
|
22
|
-
'tui-l-2': 'var(--tui-font-text-l-2)',
|
23
|
-
'tui-m': 'var(--tui-font-text-m)',
|
24
|
-
'tui-m-2': 'var(--tui-font-text-m-2)',
|
25
|
-
'tui-s': 'var(--tui-font-text-s)',
|
26
|
-
'tui-s-2': 'var(--tui-font-text-s-2)',
|
27
|
-
'tui-xs': 'var(--tui-font-text-xs)',
|
28
|
-
},
|
29
|
-
colors: {
|
30
|
-
// Base colors
|
31
|
-
'tui-autofill': 'var(--tui-autofill)',
|
32
|
-
'tui-base-01': 'var(--tui-base-01)',
|
33
|
-
'tui-base-02': 'var(--tui-base-02)',
|
34
|
-
'tui-base-03': 'var(--tui-base-03)',
|
35
|
-
'tui-base-04': 'var(--tui-base-04)',
|
36
|
-
'tui-base-05': 'var(--tui-base-05)',
|
37
|
-
'tui-base-06': 'var(--tui-base-06)',
|
38
|
-
'tui-base-07': 'var(--tui-base-07)',
|
39
|
-
'tui-base-08': 'var(--tui-base-08)',
|
40
|
-
'tui-base-09': 'var(--tui-base-09)',
|
41
|
-
'tui-primary': 'var(--tui-primary)',
|
42
|
-
'tui-primary-hover': 'var(--tui-primary-hover)',
|
43
|
-
'tui-primary-active': 'var(--tui-primary-active)',
|
44
|
-
'tui-primary-text': 'var(--tui-primary-text)',
|
45
|
-
'tui-secondary': 'var(--tui-secondary)',
|
46
|
-
'tui-secondary-hover': 'var(--tui-secondary-hover)',
|
47
|
-
'tui-secondary-active': 'var(--tui-secondary-active)',
|
48
|
-
'tui-accent': 'var(--tui-accent)',
|
49
|
-
'tui-accent-hover': 'var(--tui-accent-hover)',
|
50
|
-
'tui-accent-active': 'var(--tui-accent-active)',
|
51
|
-
'tui-accent-text': 'var(--tui-accent-text)',
|
52
|
-
'tui-selection': 'var(--tui-selection)',
|
53
|
-
'tui-focus': 'var(--tui-focus)',
|
54
|
-
'tui-clear': 'var(--tui-clear)',
|
55
|
-
'tui-clear-disabled': 'var(--tui-clear-disabled)',
|
56
|
-
'tui-clear-hover': 'var(--tui-clear-hover)',
|
57
|
-
'tui-clear-active': 'var(--tui-clear-active)',
|
58
|
-
'tui-clear-inverse': 'var(--tui-clear-inverse)',
|
59
|
-
'tui-clear-inverse-hover': 'var(--tui-clear-inverse-hover)',
|
60
|
-
'tui-clear-inverse-active': 'var(--tui-clear-inverse-active)',
|
61
|
-
'tui-elevation-01': 'var(--tui-elevation-01)',
|
62
|
-
'tui-elevation-02': 'var(--tui-elevation-02)',
|
63
|
-
|
64
|
-
// Statuses
|
65
|
-
'tui-error-fill': 'var(--tui-error-fill)',
|
66
|
-
'tui-error-bg': 'var(--tui-error-bg)',
|
67
|
-
'tui-error-bg-hover': 'var(--tui-error-bg-hover)',
|
68
|
-
'tui-success-fill': 'var(--tui-success-fill)',
|
69
|
-
'tui-success-bg': 'var(--tui-success-bg)',
|
70
|
-
'tui-success-bg-hover': 'var(--tui-success-bg-hover)',
|
71
|
-
'tui-warning-fill': 'var(--tui-warning-fill)',
|
72
|
-
'tui-warning-bg': 'var(--tui-warning-bg)',
|
73
|
-
'tui-warning-bg-hover': 'var(--tui-warning-bg-hover)',
|
74
|
-
'tui-info-fill': 'var(--tui-info-fill)',
|
75
|
-
'tui-info-bg': 'var(--tui-info-bg)',
|
76
|
-
'tui-info-bg-hover': 'var(--tui-info-bg-hover)',
|
77
|
-
'tui-neutral-fill': 'var(--tui-neutral-fill)',
|
78
|
-
'tui-neutral-bg': 'var(--tui-neutral-bg)',
|
79
|
-
'tui-neutral-bg-hover': 'var(--tui-neutral-bg-hover)',
|
80
|
-
|
81
|
-
// Text
|
82
|
-
'tui-text-01': 'var(--tui-text-01)',
|
83
|
-
'tui-text-02': 'var(--tui-text-02)',
|
84
|
-
'tui-text-03': 'var(--tui-text-03)',
|
85
|
-
'tui-link': 'var(--tui-link)',
|
86
|
-
'tui-link-hover': 'var(--tui-link-hover)',
|
87
|
-
'tui-positive': 'var(--tui-positive)',
|
88
|
-
'tui-positive-hover': 'var(--tui-positive-hover)',
|
89
|
-
'tui-negative': 'var(--tui-negative)',
|
90
|
-
'tui-negative-hover': 'var(--tui-negative-hover)',
|
91
|
-
|
92
|
-
// Modifiers for dark background
|
93
|
-
'tui-error-fill-night': 'var(--tui-error-fill-night)',
|
94
|
-
'tui-error-bg-night': 'var(--tui-error-bg-night)',
|
95
|
-
'tui-error-bg-night-hover': 'var(--tui-error-bg-night-hover)',
|
96
|
-
'tui-success-fill-night': 'var(--tui-success-fill-night)',
|
97
|
-
'tui-success-bg-night': 'var(--tui-success-bg-night)',
|
98
|
-
'tui-success-bg-night-hover': 'var(--tui-success-bg-night-hover)',
|
99
|
-
'tui-warning-fill-night': 'var(--tui-warning-fill-night)',
|
100
|
-
'tui-warning-bg-night': 'var(--tui-warning-bg-night)',
|
101
|
-
'tui-warning-bg-night-hover': 'var(--tui-warning-bg-night-hover)',
|
102
|
-
'tui-info-fill-night': 'var(--tui-info-fill-night)',
|
103
|
-
'tui-info-bg-night': 'var(--tui-info-bg-night)',
|
104
|
-
'tui-info-bg-night-hover': 'var(--tui-info-bg-night-hover)',
|
105
|
-
'tui-neutral-fill-night': 'var(--tui-neutral-fill-night)',
|
106
|
-
'tui-neutral-bg-night': 'var(--tui-neutral-bg-night)',
|
107
|
-
'tui-neutral-bg-night-hover': 'var(--tui-neutral-bg-night-hover)',
|
108
|
-
'tui-autofill-night': 'var(--tui-autofill-night)',
|
109
|
-
'tui-text-01-night': 'var(--tui-text-01-night)',
|
110
|
-
'tui-text-02-night': 'var(--tui-text-02-night)',
|
111
|
-
'tui-text-03-night': 'var(--tui-text-03-night)',
|
112
|
-
'tui-link-night': 'var(--tui-link-night)',
|
113
|
-
'tui-link-night-hover': 'var(--tui-link-night-hover)',
|
114
|
-
'tui-positive-night': 'var(--tui-positive-night)',
|
115
|
-
'tui-positive-night-hover': 'var(--tui-positive-night-hover)',
|
116
|
-
'tui-negative-night': 'var(--tui-negative-night)',
|
117
|
-
'tui-negative-night-hover': 'var(--tui-negative-night-hover)',
|
118
|
-
|
119
|
-
// Others
|
120
|
-
'tui-support-01': 'var(--tui-support-01)',
|
121
|
-
'tui-support-02': 'var(--tui-support-02)',
|
122
|
-
'tui-support-03': 'var(--tui-support-03)',
|
123
|
-
'tui-support-04': 'var(--tui-support-04)',
|
124
|
-
'tui-support-05': 'var(--tui-support-05)',
|
125
|
-
'tui-support-06': 'var(--tui-support-06)',
|
126
|
-
'tui-support-07': 'var(--tui-support-07)',
|
127
|
-
'tui-support-08': 'var(--tui-support-08)',
|
128
|
-
'tui-support-09': 'var(--tui-support-09)',
|
129
|
-
'tui-support-10': 'var(--tui-support-10)',
|
130
|
-
'tui-support-11': 'var(--tui-support-11)',
|
131
|
-
'tui-support-12': 'var(--tui-support-12)',
|
132
|
-
'tui-support-13': 'var(--tui-support-13)',
|
133
|
-
'tui-support-14': 'var(--tui-support-14)',
|
134
|
-
'tui-support-15': 'var(--tui-support-15)',
|
135
|
-
'tui-support-16': 'var(--tui-support-16)',
|
136
|
-
'tui-support-17': 'var(--tui-support-17)',
|
137
|
-
'tui-support-18': 'var(--tui-support-18)',
|
138
|
-
'tui-support-19': 'var(--tui-support-19)',
|
139
|
-
'tui-support-20': 'var(--tui-support-20)',
|
140
|
-
'tui-support-21': 'var(--tui-support-21)',
|
141
|
-
'tui-chart-0': 'var(--tui-chart-0)',
|
142
|
-
'tui-chart-1': 'var(--tui-chart-1)',
|
143
|
-
'tui-chart-2': 'var(--tui-chart-2)',
|
144
|
-
'tui-chart-3': 'var(--tui-chart-3)',
|
145
|
-
'tui-chart-4': 'var(--tui-chart-4)',
|
146
|
-
},
|
147
|
-
boxShadow: {
|
148
|
-
sc: '2px 7px 20px 1px rgba(0, 0, 0, 0.1)',
|
149
|
-
},
|
150
|
-
width: {
|
151
|
-
// TODO: доработать после исправления всего дизайна.
|
152
|
-
50: '12.5rem',
|
153
|
-
39.5: '9.875rem',
|
154
|
-
70: '17.5rem',
|
155
|
-
},
|
156
|
-
height: {
|
157
|
-
'tui-height-xs': 'var(--tui-height-xs)',
|
158
|
-
'tui-height-s': 'var(--tui-height-s)',
|
159
|
-
'tui-height-m': 'var(--tui-height-m)',
|
160
|
-
'tui-height-l': 'var(--tui-height-l)',
|
161
|
-
// TODO: доработать после исправления всего дизайна.
|
162
|
-
35: '8.75rem',
|
163
|
-
39.5: '9.875rem',
|
164
|
-
50: '12.5rem',
|
165
|
-
82: '20.5rem',
|
166
|
-
},
|
167
|
-
padding: {
|
168
|
-
'tui-padding-s': 'var(--tui-padding-s)',
|
169
|
-
'tui-padding-m': 'var(--tui-padding-m)',
|
170
|
-
'tui-padding-l': 'var(--tui-padding-l)',
|
171
|
-
// TODO: доработать после исправления всего дизайна.
|
172
|
-
4.5: '1.125rem',
|
173
|
-
},
|
174
|
-
opacity: {
|
175
|
-
'tui-padding-s': 'var(--tui-padding-s)',
|
176
|
-
'tui-padding-m': 'var(--tui-padding-m)',
|
177
|
-
'tui-padding-l': 'var(--tui-padding-l)',
|
178
|
-
},
|
179
|
-
maxHeight: {
|
180
|
-
35: '8.75rem',
|
181
|
-
},
|
182
|
-
minHeight: {
|
183
|
-
8: '2rem',
|
184
|
-
10: '2.5rem',
|
185
|
-
},
|
186
|
-
spacing: {
|
187
|
-
15: '3.75rem',
|
188
|
-
},
|
189
|
-
};
|