@itcase/tokens-baikal 1.0.29 → 1.1.0

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 (2) hide show
  1. package/dist/css/styles/main.css +188 -174
  2. package/package.json +8 -3
package/dist/css/styles/main.css CHANGED
@@ -1,161 +1,161 @@
1
- :root {
2
- --color-accent-primary: hsla(195, 96%, 59%, 1);
3
- --color-accent-primary-hover: hsla(197, 100%, 47%, 1);
4
- --color-accent-secondary: hsla(194, 99%, 36%, 1);
5
- --color-accent-secondary-hover: hsla(197, 100%, 47%, 1);
6
- --color-accent-tertiary: hsla(219, 61%, 34%, 1);
7
- --color-accent-quaternary: hsla(210, 80%, 73%, 1);
8
- --color-accent-active: hsla(195, 96%, 59%, 1);
9
- --color-accent-disabled: hsla(195, 100%, 94%, 1);
10
-
11
- --color-accent-text-primary: hsla(0, 0%, 100%, 1);
12
- --color-accent-text-secondary: hsla(194, 99%, 36%, 1);
13
- --color-accent-text-tertiary: hsla(240, 53%, 33%, 1);
14
- --color-accent-text-disable: hsla(240, 53%, 33%, 1);
15
-
16
- --color-accent-item-primary: hsla(0, 0%, 100%, 1);
17
- --color-accent-item-secondary: hsla(197, 100%, 47%, 1);
18
- --color-accent-item-tertiary: hsla(219, 61%, 34%, 1);
19
- --color-accent-item-quaternary: hsla(194, 99%, 36%, 1);
20
- --color-accent-item-active: hsla(197, 100%, 47%, 1);
21
- --color-accent-item-disabled: hsla(195, 100%, 94%, 1);
22
-
23
- --color-accent-border-primary: hsla(0, 0%, 100%, 1);
24
- --color-accent-border-secondary: hsla(197, 100%, 47%, 1);
25
- --color-accent-border-disabled: hsla(195, 100%, 94%, 1);
26
-
27
- --color-primary-primary: hsla(36, 95%, 45%, 1);
28
-
29
- --color-secondary-primary: hsla(334, 88%, 64%, 1);
30
- --color-secondary-primary-hover: hsla(334, 88%, 64%, 1);
31
- --color-secondary-secondary: hsla(349, 70%, 74%, 1);
32
- --color-secondary-secondary-hover: hsla(348, 68%, 85%, 1);
33
- --color-secondary-disabled: hsla(348, 58%, 90%, 1);
34
- --color-secondary-active: hsla(349, 95%, 34%, 1);
35
-
36
- --color-secondary-text-hover: hsla(349, 95%, 34%, 1);
37
-
38
- --color-surface-primary: hsla(0, 0%, 100%, 1);
39
- --color-surface-primary-hover: hsla(0, 0%, 85%, 1);
40
- --color-surface-secondary: hsla(220, 14%, 96%, 1);
41
- --color-surface-secondary-hover: hsla(0, 0%, 78%, 1);
42
- --color-surface-tertiary: hsla(0, 0%, 85%, 1);
43
- --color-surface-tertiary-hover: hsla(0, 0%, 73%, 1);
44
- --color-surface-quaternary: hsla(216, 2%, 51%, 1);
45
- --color-surface-quaternary-50: hsla(0, 0%, 100%, 0.5);
46
- --color-surface-disabled: hsla(0, 0%, 93%, 1);
47
- --color-surface-quinary: hsla(195, 96%, 59%, 1);
48
- --color-surface-accent: hsla(195, 95%, 85%, 1);
49
- --color-surface-inverse: hsla(0, 0%, 0%, 1);
50
- --color-surface-inverse-50: hsla(0, 0%, 0%, 0.5);
51
-
52
- --color-surface-text-primary: hsla(0, 0%, 0%, 1);
53
- --color-surface-text-secondary: hsla(0, 0%, 93%, 1);
54
- --color-surface-text-tertiary: hsla(219, 61%, 34%, 1);
55
- --color-surface-text-quaternary: hsla(216, 2%, 51%, 1);
56
- --color-surface-text-disabled: hsla(0, 0%, 47%, 1);
57
- --color-surface-text-hover: hsla(0, 0%, 31%, 1);
58
- --color-surface-text-accent: hsla(194, 99%, 36%, 1);
59
- --color-surface-text-accent-hover: hsla(195, 96%, 59%, 1);
60
- --color-surface-text-active: hsla(197, 100%, 47%, 1);
61
- --color-surface-text-inverse: hsla(0, 0%, 100%, 1);
62
-
63
- --color-surface-item-primary: hsla(0, 0%, 0%, 1);
64
- --color-surface-item-secondary: hsla(0, 0%, 93%, 1);
65
- --color-surface-item-tertiary: hsla(219, 61%, 34%, 1);
66
- --color-surface-item-quaternary: hsla(194, 99%, 36%, 1);
67
- --color-surface-item-hover: hsla(0, 0%, 31%, 1);
68
- --color-surface-item-disabled: hsla(0, 0%, 47%, 1);
69
- --color-surface-item-accent: hsla(197, 100%, 47%, 1);
70
- --color-surface-item-active: hsla(195, 96%, 59%, 1);
71
- --color-surface-item-inverse: hsla(0, 0%, 100%, 1);
72
-
73
- --color-surface-border-primary: hsla(0, 0%, 0%, 1);
74
- --color-surface-border-secondary: hsla(220, 14%, 96%, 1);
75
- --color-surface-border-tertiary: hsla(219, 61%, 34%, 1);
76
- --color-surface-border-quaternary: hsla(216, 2%, 51%, 1);
77
- --color-surface-border-hover: hsla(0, 0%, 31%, 1);
78
- --color-surface-border-disabled: hsla(0, 0%, 47%, 1);
79
- --color-surface-border-accent: hsla(0, 0%, 85%, 1);
80
- --color-surface-border-active: hsla(195, 96%, 59%, 1);
81
- --color-surface-border-inverse: hsla(0, 0%, 100%, 1);
82
-
83
- --color-error-primary: hsla(0, 100%, 44%);
84
-
85
- --color-error-text-primary: hsla(0, 100%, 44%, 1);
86
- --color-error-text-secondary: hsla(0, 0%, 100%, 1);
87
-
88
- --color-error-border-primary: hsla(0, 0%, 100%, 1);
89
- --color-error-border-secondary: hsla(0, 100%, 44%);
90
- --color-error-border-disabled: hsla(0, 31%, 65%);
91
-
92
- --color-error-item-primary: hsla(0, 0%, 100%, 1);
93
- --color-error-item-secondary: hsla(0, 100%, 44%);
94
- --color-error-item-disabled: hsla(0, 31%, 65%);
95
-
96
- --color-success-primary: hsla(92, 56%, 38%);
97
- --color-success-secondary: hsla(92, 68%, 48%);
98
- --color-success-tertiary: hsla(90, 53%, 93%);
99
- --color-success-disabled: hsla(92, 43%, 80%);
100
-
101
- --color-success-text-primary: hsla(0, 0%, 100%, 1);
102
- --color-success-text-secondary: hsla(92, 56%, 38%);
103
- --color-success-text-disabled: hsla(92, 22%, 54%);
104
-
105
- --color-success-item-primary: hsla(92, 56%, 38%);
106
- --color-success-item-secondary: hsla(0, 0%, 100%, 1);
107
- --color-success-item-disabled: hsla(92, 22%, 54%);
108
-
109
- --color-success-border-primary: hsla(92, 56%, 38%);
110
- --color-success-border-secondary: hsla(0, 0%, 100%, 1);
111
- --color-success-border-disabled: hsla(92, 22%, 54%);
112
-
113
- --color-warning-primary: hsla(36, 95%, 45%);
114
- --color-warning-secondary: hsla(36, 76%, 71%);
115
- --color-warning-tertiary: hsla(0, 0%, 100%, 1);
116
- --color-warning-disabled: hsla(36, 83%, 86%);
117
-
118
- --color-warning-text-primary: hsla(36, 95%, 45%);
119
- --color-warning-text-secondary: hsla(36, 76%, 71%);
120
- --color-warning-text-disabled: hsla(36, 31%, 57%);
121
-
122
- --color-warning-border-primary: hsla(36, 95%, 45%);
123
- --color-warning-border-secondary: hsla(0, 0%, 100%, 1);
124
- --color-warning-border-disabled: hsla(36, 31%, 57%);
125
-
126
- --color-warning-item-primary: hsla(36, 95%, 45%);
127
- --color-warning-item-secondary: hsla(0, 0%, 100%, 1);
128
- --color-warning-item-disabled: hsla(36, 31%, 57%);
129
-
130
- --color-info-primary: hsla(211, 83%, 47%, 1);
131
- --color-info-text-primary: hsla(0, 0%, 100%, 1);
132
-
133
- --color-danger-text-primary: hsla(349, 68%, 50%);
134
- --color-danger-text-secondary: hsla(0, 0%, 100%, 1);
135
- --color-danger-text-disabled: hsla(349, 43%, 75%);
136
-
137
- --color-danger-item-primary: hsla(349, 68%, 50%);
138
- --color-danger-item-secondary: hsla(0, 0%, 100%, 1);
139
- --color-danger-item-disabled: hsla(349, 43%, 75%);
140
-
141
- --color-danger-border-primary: hsla(349, 68%, 50%);
142
- --color-danger-border-secondary: hsla(0, 0%, 100%, 1);
143
- --color-danger-border-disabled: hsla(349, 43%, 75%);
1
+ :root.baikal {
2
+ --color-accent-primary: hsl(195, 96%, 59%, 1);
3
+ --color-accent-primary-hover: hsl(197, 100%, 47%, 1);
4
+ --color-accent-secondary: hsl(194, 99%, 36%, 1);
5
+ --color-accent-secondary-hover: hsl(197, 100%, 47%, 1);
6
+ --color-accent-tertiary: hsl(219, 61%, 34%, 1);
7
+ --color-accent-quaternary: hsl(210, 80%, 73%, 1);
8
+ --color-accent-active: hsl(195, 96%, 59%, 1);
9
+ --color-accent-disabled: hsl(195, 100%, 94%, 1);
10
+
11
+ --color-accent-text-primary: hsl(0, 0%, 100%, 1);
12
+ --color-accent-text-secondary: hsl(194, 99%, 36%, 1);
13
+ --color-accent-text-tertiary: hsl(240, 53%, 33%, 1);
14
+ --color-accent-text-disable: hsl(240, 53%, 33%, 1);
15
+
16
+ --color-accent-item-primary: hsl(0, 0%, 100%, 1);
17
+ --color-accent-item-secondary: hsl(197, 100%, 47%, 1);
18
+ --color-accent-item-tertiary: hsl(219, 61%, 34%, 1);
19
+ --color-accent-item-quaternary: hsl(194, 99%, 36%, 1);
20
+ --color-accent-item-active: hsl(197, 100%, 47%, 1);
21
+ --color-accent-item-disabled: hsl(195, 100%, 94%, 1);
22
+
23
+ --color-accent-border-primary: hsl(0, 0%, 100%, 1);
24
+ --color-accent-border-secondary: hsl(197, 100%, 47%, 1);
25
+ --color-accent-border-disabled: hsl(195, 100%, 94%, 1);
26
+
27
+ --color-primary-primary: hsl(36, 95%, 45%, 1);
28
+
29
+ --color-secondary-primary: hsl(334, 88%, 64%, 1);
30
+ --color-secondary-primary-hover: hsl(334, 88%, 64%, 1);
31
+ --color-secondary-secondary: hsl(349, 70%, 74%, 1);
32
+ --color-secondary-secondary-hover: hsl(348, 68%, 85%, 1);
33
+ --color-secondary-disabled: hsl(348, 58%, 90%, 1);
34
+ --color-secondary-active: hsl(349, 95%, 34%, 1);
35
+
36
+ --color-secondary-text-hover: hsl(349, 95%, 34%, 1);
37
+
38
+ --color-surface-primary: hsl(0, 0%, 100%, 1);
39
+ --color-surface-primary-hover: hsl(0, 0%, 85%, 1);
40
+ --color-surface-secondary: hsl(220, 14%, 96%, 1);
41
+ --color-surface-secondary-hover: hsl(0, 0%, 78%, 1);
42
+ --color-surface-tertiary: hsl(0, 0%, 85%, 1);
43
+ --color-surface-tertiary-hover: hsl(0, 0%, 73%, 1);
44
+ --color-surface-quaternary: hsl(216, 2%, 51%, 1);
45
+ --color-surface-quaternary-50: hsl(0, 0%, 100%, 0.5);
46
+ --color-surface-disabled: hsl(0, 0%, 93%, 1);
47
+ --color-surface-quinary: hsl(195, 96%, 59%, 1);
48
+ --color-surface-accent: hsl(195, 95%, 85%, 1);
49
+ --color-surface-inverse: hsl(0, 0%, 0%, 1);
50
+ --color-surface-inverse-50: hsl(0, 0%, 0%, 0.5);
51
+
52
+ --color-surface-text-primary: hsl(0, 0%, 0%, 1);
53
+ --color-surface-text-secondary: hsl(0, 0%, 93%, 1);
54
+ --color-surface-text-tertiary: hsl(219, 61%, 34%, 1);
55
+ --color-surface-text-quaternary: hsl(216, 2%, 51%, 1);
56
+ --color-surface-text-disabled: hsl(0, 0%, 47%, 1);
57
+ --color-surface-text-hover: hsl(0, 0%, 31%, 1);
58
+ --color-surface-text-accent: hsl(194, 99%, 36%, 1);
59
+ --color-surface-text-accent-hover: hsl(195, 96%, 59%, 1);
60
+ --color-surface-text-active: hsl(197, 100%, 47%, 1);
61
+ --color-surface-text-inverse: hsl(0, 0%, 100%, 1);
62
+
63
+ --color-surface-item-primary: hsl(0, 0%, 0%, 1);
64
+ --color-surface-item-secondary: hsl(0, 0%, 93%, 1);
65
+ --color-surface-item-tertiary: hsl(219, 61%, 34%, 1);
66
+ --color-surface-item-quaternary: hsl(194, 99%, 36%, 1);
67
+ --color-surface-item-hover: hsl(0, 0%, 31%, 1);
68
+ --color-surface-item-disabled: hsl(0, 0%, 47%, 1);
69
+ --color-surface-item-accent: hsl(197, 100%, 47%, 1);
70
+ --color-surface-item-active: hsl(195, 96%, 59%, 1);
71
+ --color-surface-item-inverse: hsl(0, 0%, 100%, 1);
72
+
73
+ --color-surface-border-primary: hsl(0, 0%, 0%, 1);
74
+ --color-surface-border-secondary: hsl(220, 14%, 96%, 1);
75
+ --color-surface-border-tertiary: hsl(219, 61%, 34%, 1);
76
+ --color-surface-border-quaternary: hsl(216, 2%, 51%, 1);
77
+ --color-surface-border-hover: hsl(0, 0%, 31%, 1);
78
+ --color-surface-border-disabled: hsl(0, 0%, 47%, 1);
79
+ --color-surface-border-accent: hsl(0, 0%, 85%, 1);
80
+ --color-surface-border-active: hsl(195, 96%, 59%, 1);
81
+ --color-surface-border-inverse: hsl(0, 0%, 100%, 1);
82
+
83
+ --color-error-primary: hsl(0, 100%, 44%);
84
+
85
+ --color-error-text-primary: hsl(0, 100%, 44%, 1);
86
+ --color-error-text-secondary: hsl(0, 0%, 100%, 1);
87
+
88
+ --color-error-border-primary: hsl(0, 0%, 100%, 1);
89
+ --color-error-border-secondary: hsl(0, 100%, 44%);
90
+ --color-error-border-disabled: hsl(0, 31%, 65%);
91
+
92
+ --color-error-item-primary: hsl(0, 0%, 100%, 1);
93
+ --color-error-item-secondary: hsl(0, 100%, 44%);
94
+ --color-error-item-disabled: hsl(0, 31%, 65%);
95
+
96
+ --color-success-primary: hsl(92, 56%, 38%);
97
+ --color-success-secondary: hsl(92, 68%, 48%);
98
+ --color-success-tertiary: hsl(90, 53%, 93%);
99
+ --color-success-disabled: hsl(92, 43%, 80%);
100
+
101
+ --color-success-text-primary: hsl(0, 0%, 100%, 1);
102
+ --color-success-text-secondary: hsl(92, 56%, 38%);
103
+ --color-success-text-disabled: hsl(92, 22%, 54%);
104
+
105
+ --color-success-item-primary: hsl(92, 56%, 38%);
106
+ --color-success-item-secondary: hsl(0, 0%, 100%, 1);
107
+ --color-success-item-disabled: hsl(92, 22%, 54%);
108
+
109
+ --color-success-border-primary: hsl(92, 56%, 38%);
110
+ --color-success-border-secondary: hsl(0, 0%, 100%, 1);
111
+ --color-success-border-disabled: hsl(92, 22%, 54%);
112
+
113
+ --color-warning-primary: hsl(36, 95%, 45%);
114
+ --color-warning-secondary: hsl(36, 76%, 71%);
115
+ --color-warning-tertiary: hsl(0, 0%, 100%, 1);
116
+ --color-warning-disabled: hsl(36, 83%, 86%);
117
+
118
+ --color-warning-text-primary: hsl(36, 95%, 45%);
119
+ --color-warning-text-secondary: hsl(36, 76%, 71%);
120
+ --color-warning-text-disabled: hsl(36, 31%, 57%);
121
+
122
+ --color-warning-border-primary: hsl(36, 95%, 45%);
123
+ --color-warning-border-secondary: hsl(0, 0%, 100%, 1);
124
+ --color-warning-border-disabled: hsl(36, 31%, 57%);
125
+
126
+ --color-warning-item-primary: hsl(36, 95%, 45%);
127
+ --color-warning-item-secondary: hsl(0, 0%, 100%, 1);
128
+ --color-warning-item-disabled: hsl(36, 31%, 57%);
129
+
130
+ --color-info-primary: hsl(211, 83%, 47%, 1);
131
+ --color-info-text-primary: hsl(0, 0%, 100%, 1);
132
+
133
+ --color-danger-text-primary: hsl(349, 68%, 50%);
134
+ --color-danger-text-secondary: hsl(0, 0%, 100%, 1);
135
+ --color-danger-text-disabled: hsl(349, 43%, 75%);
136
+
137
+ --color-danger-item-primary: hsl(349, 68%, 50%);
138
+ --color-danger-item-secondary: hsl(0, 0%, 100%, 1);
139
+ --color-danger-item-disabled: hsl(349, 43%, 75%);
140
+
141
+ --color-danger-border-primary: hsl(349, 68%, 50%);
142
+ --color-danger-border-secondary: hsl(0, 0%, 100%, 1);
143
+ --color-danger-border-disabled: hsl(349, 43%, 75%);
144
144
 
145
145
  --color-gradient-primary: linear-gradient(
146
146
  to right,
147
- hsla(0, 100%, 44%, 1) 0%,
148
- hsla(27, 78%, 54%, 1) 50%,
149
- hsla(92, 56%, 38%, 1) 100%
147
+ hsl(0, 100%, 44%, 1) 0%,
148
+ hsl(27, 78%, 54%, 1) 50%,
149
+ hsl(92, 56%, 38%, 1) 100%
150
150
  );
151
- --elevation-1: 0px 1px 1px rgba(0, 0, 0, 0.24);
152
- --elevation-2: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
153
- --elevation-4: 0px 2px 6px rgba(0, 0, 0, 0.24);
154
- --elevation-6: 0px 2px 6px rgba(0, 0, 0, 0.24);
155
- --elevation-8: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
156
- --elevation-12: 0px 6px 12px rgba(0, 0, 0, 0.16);
157
- --elevation-16: 0px 8px 16px rgba(0, 0, 0, 0.16);
158
- --elevation-24: 0px 16px 24px rgba(0, 0, 0, 0.12);
151
+ --elevation-1: 0px 1px 1px rgb(0, 0, 0, 0.24);
152
+ --elevation-2: 0px 2px 8px 0px rgb(0, 0, 0, 0.1);
153
+ --elevation-4: 0px 2px 6px rgb(0, 0, 0, 0.24);
154
+ --elevation-6: 0px 2px 6px rgb(0, 0, 0, 0.24);
155
+ --elevation-8: 0px 4px 8px 0px rgb(0, 0, 0, 0.1);
156
+ --elevation-12: 0px 6px 12px rgb(0, 0, 0, 0.16);
157
+ --elevation-16: 0px 8px 16px rgb(0, 0, 0, 0.16);
158
+ --elevation-24: 0px 16px 24px rgb(0, 0, 0, 0.12);
159
159
  --min-max: 360px 1440px;
160
160
  --min: 360px;
161
161
  --max: 1440px;
@@ -164,25 +164,25 @@
164
164
 
165
165
  --typography-h1-max: 64px;
166
166
  --typography-h1-min: 48px;
167
- --typography-h1-max-line-height: 64px;
167
+ --typography-h1-max-line-height: 72px;
168
168
  --typography-h1-min-line-height: 56px;
169
169
  --typography-h1-font: var(--font-primary);
170
170
 
171
171
  --typography-h2-max: 48px;
172
172
  --typography-h2-min: 32px;
173
- --typography-h2-max-line-height: 48px;
173
+ --typography-h2-max-line-height: 56px;
174
174
  --typography-h2-min-line-height: 40px;
175
175
  --typography-h2-font: var(--font-primary);
176
176
 
177
177
  --typography-h3-max: 32px;
178
178
  --typography-h3-min: 24px;
179
- --typography-h3-max-line-height: 32px;
179
+ --typography-h3-max-line-height: 40px;
180
180
  --typography-h3-min-line-height: 32px;
181
181
  --typography-h3-font: var(--font-primary);
182
182
 
183
183
  --typography-h4-max: 24px;
184
184
  --typography-h4-min: 16px;
185
- --typography-h4-max-line-height: 24px;
185
+ --typography-h4-max-line-height: 32px;
186
186
  --typography-h4-min-line-height: 18px;
187
187
  --typography-h4-font: var(--font-primary);
188
188
 
@@ -287,17 +287,20 @@
287
287
 
288
288
  --typography-email-text-xxs: 10px;
289
289
  --typography-email-text-xxs-line-height: 14px;
290
- --font-primary: 'PF-Din-Display-Pro', sans-serif;
291
- --font-email: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
292
- 'Segoe UI Emoji', 'Segoe UI Symbol';
290
+ --font-primary: 'PF-Din-Display-Pro', sans-serif, system-ui;
291
+ --font-email: system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
293
292
  }
294
293
  /* stylelint-disable custom-property-empty-line-before, value-keyword-case */
294
+ /* stylelint-disable prettier/prettier */
295
+ /* stylelint-disable at-rule-descriptor-no-unknown */
295
296
  /* stylelint-disable value-keyword-case */
296
297
  @font-face {
297
298
  font-family: PF-Din-Display-Pro;
298
299
  src:
299
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff2') format('woff2'),
300
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff') format('woff');
300
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff2')
301
+ format('woff2'),
302
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_bold.woff')
303
+ format('woff');
301
304
  font-weight: 700;
302
305
  font-style: normal;
303
306
  font-optical-sizing: auto;
@@ -305,8 +308,10 @@
305
308
  @font-face {
306
309
  font-family: PF-Din-Display-Pro;
307
310
  src:
308
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff2') format('woff2'),
309
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff') format('woff');
311
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff2')
312
+ format('woff2'),
313
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_medium.woff')
314
+ format('woff');
310
315
  font-weight: 500;
311
316
  font-style: normal;
312
317
  font-optical-sizing: auto;
@@ -314,8 +319,10 @@
314
319
  @font-face {
315
320
  font-family: PF-Din-Display-Pro;
316
321
  src:
317
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff2') format('woff2'),
318
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff') format('woff');
322
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff2')
323
+ format('woff2'),
324
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_regular.woff')
325
+ format('woff');
319
326
  font-weight: 400;
320
327
  font-style: normal;
321
328
  font-optical-sizing: auto;
@@ -323,8 +330,10 @@
323
330
  @font-face {
324
331
  font-family: PF-Din-Display-Pro;
325
332
  src:
326
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff2') format('woff2'),
327
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff') format('woff');
333
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff2')
334
+ format('woff2'),
335
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_light.woff')
336
+ format('woff');
328
337
  font-weight: 300;
329
338
  font-style: normal;
330
339
  font-optical-sizing: auto;
@@ -332,15 +341,18 @@
332
341
  @font-face {
333
342
  font-family: PF-Din-Display-Pro;
334
343
  src:
335
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff2') format('woff2'),
336
- url('./../../fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff') format('woff');
344
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff2')
345
+ format('woff2'),
346
+ url('@itcase/tokens-baikal/dist/fonts/PF-Din-Display-Pro/pf-din-display-pro_thin.woff')
347
+ format('woff');
337
348
  font-weight: 100;
338
349
  font-style: normal;
339
350
  font-optical-sizing: auto;
340
351
  }
341
352
  @media (--desktop) {
342
- :root {
353
+ :root.baikal {
343
354
  --wrapper-margin: 40px;
355
+
344
356
  /* Warning first column 1fr by default */
345
357
  --grid-system-columns: 23;
346
358
  --grid-system-gutter: 12px;
@@ -348,8 +360,9 @@
348
360
  }
349
361
  }
350
362
  @media (--mobile) {
351
- :root {
363
+ :root.baikal {
352
364
  --wrapper-margin: 12px;
365
+
353
366
  /* Warning first column 1fr by default */
354
367
  --grid-system-columns: 11;
355
368
  --grid-system-gutter: 12px;
@@ -357,8 +370,9 @@
357
370
  }
358
371
  }
359
372
  @media (--tablet) {
360
- :root {
373
+ :root.baikal {
361
374
  --wrapper-margin: 24px;
375
+
362
376
  /* Warning first column 1fr by default */
363
377
  --grid-system-columns: 15;
364
378
  --grid-system-gutter: 12px;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@itcase/tokens-baikal",
3
3
  "description": "",
4
- "version": "1.0.29",
4
+ "version": "1.1.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "private": false,
@@ -12,11 +12,16 @@
12
12
  "scripts": {
13
13
  "build": "npm run build-js && npm run build-css && npm run fonts",
14
14
  "build-js": "rm -rf dist && NODE_ENV=production rollup -c",
15
+ "build-js-win": "del .\\dist && NODE_ENV=production rollup -c",
15
16
  "build-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production",
17
+ "build-css-win": "postcss .\\src\\styles\\main.css --base src --dir .\\dist\\css\\ --env production",
16
18
  "dev": "npm run dev-css",
17
19
  "fonts": "rm -rf ./dist/fonts && cp -r ./src/fonts/ ./dist/fonts/",
20
+ "fonts-win": "del .\\dist\\fonts && copy .\\src\\fonts\\ .\\dist\\fonts\\",
18
21
  "dev-css": "postcss 'src/styles/main.css' --base src --dir dist/css/ --env production",
19
- "dev-js": "rollup -c -w"
22
+ "dev-css-win": "postcss .\\src\\styles\\main.css --base src --dir .\\dist\\css\\ --env production",
23
+ "dev-js": "rollup -c -w",
24
+ "dev-win": "npm run dev-css-win"
20
25
  },
21
26
  "files": [
22
27
  "/dist"
@@ -25,5 +30,5 @@
25
30
  "access": "public",
26
31
  "registry": "https://registry.npmjs.org/"
27
32
  },
28
- "gitHead": "34f9918ff0467dbc4b09d479faade247334e6987"
33
+ "gitHead": "da3e790bf979d37e08e66e89436d50f403eec6f3"
29
34
  }