@alfalab/core-components-circular-progress-bar 2.5.0 → 2.6.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 (12) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/Component.d.ts +4 -0
  3. package/Component.js +1 -1
  4. package/cssm/Component.d.ts +4 -0
  5. package/esm/Component.d.ts +4 -0
  6. package/esm/Component.js +1 -1
  7. package/esm/index.css +49 -49
  8. package/index.css +49 -49
  9. package/modern/Component.d.ts +4 -0
  10. package/modern/Component.js +1 -1
  11. package/modern/index.css +49 -49
  12. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [2.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-circular-progress-bar@2.5.0...@alfalab/core-components-circular-progress-bar@2.6.0) (2022-08-04)
7
+
8
+
9
+ ### Features
10
+
11
+ * react 18 support ([#159](https://github.com/core-ds/core-components/issues/159)) ([2e6693c](https://github.com/core-ds/core-components/commit/2e6693c62f534e333aadb7d3fff4ffd78ac84c63))
12
+
13
+
14
+
15
+
16
+
6
17
  # [2.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-circular-progress-bar@2.4.3...@alfalab/core-components-circular-progress-bar@2.5.0) (2022-07-22)
7
18
 
8
19
 
package/Component.d.ts CHANGED
@@ -85,6 +85,10 @@ type CircularProgressBarProps = {
85
85
  * Id компонента для тестов
86
86
  */
87
87
  dataTestId?: string;
88
+ /**
89
+ * Дочерние элементы.
90
+ */
91
+ children?: ReactNode;
88
92
  };
89
93
  /**
90
94
  * Компонент круглого прогресс бара.
package/Component.js CHANGED
@@ -38,7 +38,7 @@ var __assign = function () {
38
38
  return __assign.apply(this, arguments);
39
39
  };
40
40
 
41
- var styles = {"component":"circular-progress-bar__component_1h0qp","svg":"circular-progress-bar__svg_1h0qp","title":"circular-progress-bar__title_1h0qp","subtitle":"circular-progress-bar__subtitle_1h0qp","labelWrapper":"circular-progress-bar__labelWrapper_1h0qp","label":"circular-progress-bar__label_1h0qp","typography":"circular-progress-bar__typography_1h0qp","xxl":"circular-progress-bar__xxl_1h0qp","xl":"circular-progress-bar__xl_1h0qp","l":"circular-progress-bar__l_1h0qp","m":"circular-progress-bar__m_1h0qp","s":"circular-progress-bar__s_1h0qp","xs":"circular-progress-bar__xs_1h0qp","backgroundCircle":"circular-progress-bar__backgroundCircle_1h0qp","progressCircle":"circular-progress-bar__progressCircle_1h0qp","positive":"circular-progress-bar__positive_1h0qp","negative":"circular-progress-bar__negative_1h0qp","stroke":"circular-progress-bar__stroke_1h0qp","bg-positive":"circular-progress-bar__bg-positive_1h0qp","bg-negative":"circular-progress-bar__bg-negative_1h0qp","iconWrapper":"circular-progress-bar__iconWrapper_1h0qp","icon-tertiary":"circular-progress-bar__icon-tertiary_1h0qp","icon-positive":"circular-progress-bar__icon-positive_1h0qp","icon-negative":"circular-progress-bar__icon-negative_1h0qp","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1h0qp","icon-primary":"circular-progress-bar__icon-primary_1h0qp","icon-secondary":"circular-progress-bar__icon-secondary_1h0qp","icon":"circular-progress-bar__icon_1h0qp"};
41
+ var styles = {"component":"circular-progress-bar__component_bskt5","svg":"circular-progress-bar__svg_bskt5","title":"circular-progress-bar__title_bskt5","subtitle":"circular-progress-bar__subtitle_bskt5","labelWrapper":"circular-progress-bar__labelWrapper_bskt5","label":"circular-progress-bar__label_bskt5","typography":"circular-progress-bar__typography_bskt5","xxl":"circular-progress-bar__xxl_bskt5","xl":"circular-progress-bar__xl_bskt5","l":"circular-progress-bar__l_bskt5","m":"circular-progress-bar__m_bskt5","s":"circular-progress-bar__s_bskt5","xs":"circular-progress-bar__xs_bskt5","backgroundCircle":"circular-progress-bar__backgroundCircle_bskt5","progressCircle":"circular-progress-bar__progressCircle_bskt5","positive":"circular-progress-bar__positive_bskt5","negative":"circular-progress-bar__negative_bskt5","stroke":"circular-progress-bar__stroke_bskt5","bg-positive":"circular-progress-bar__bg-positive_bskt5","bg-negative":"circular-progress-bar__bg-negative_bskt5","iconWrapper":"circular-progress-bar__iconWrapper_bskt5","icon-tertiary":"circular-progress-bar__icon-tertiary_bskt5","icon-positive":"circular-progress-bar__icon-positive_bskt5","icon-negative":"circular-progress-bar__icon-negative_bskt5","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_bskt5","icon-primary":"circular-progress-bar__icon-primary_bskt5","icon-secondary":"circular-progress-bar__icon-secondary_bskt5","icon":"circular-progress-bar__icon_bskt5"};
42
42
  require('./index.css')
43
43
 
44
44
  var SIZES = {
package/cssm/Component.d.ts CHANGED
@@ -85,6 +85,10 @@ type CircularProgressBarProps = {
85
85
  * Id компонента для тестов
86
86
  */
87
87
  dataTestId?: string;
88
+ /**
89
+ * Дочерние элементы.
90
+ */
91
+ children?: ReactNode;
88
92
  };
89
93
  /**
90
94
  * Компонент круглого прогресс бара.
package/esm/Component.d.ts CHANGED
@@ -85,6 +85,10 @@ type CircularProgressBarProps = {
85
85
  * Id компонента для тестов
86
86
  */
87
87
  dataTestId?: string;
88
+ /**
89
+ * Дочерние элементы.
90
+ */
91
+ children?: ReactNode;
88
92
  };
89
93
  /**
90
94
  * Компонент круглого прогресс бара.
package/esm/Component.js CHANGED
@@ -29,7 +29,7 @@ var __assign = function () {
29
29
  return __assign.apply(this, arguments);
30
30
  };
31
31
 
32
- var styles = {"component":"circular-progress-bar__component_1h0qp","svg":"circular-progress-bar__svg_1h0qp","title":"circular-progress-bar__title_1h0qp","subtitle":"circular-progress-bar__subtitle_1h0qp","labelWrapper":"circular-progress-bar__labelWrapper_1h0qp","label":"circular-progress-bar__label_1h0qp","typography":"circular-progress-bar__typography_1h0qp","xxl":"circular-progress-bar__xxl_1h0qp","xl":"circular-progress-bar__xl_1h0qp","l":"circular-progress-bar__l_1h0qp","m":"circular-progress-bar__m_1h0qp","s":"circular-progress-bar__s_1h0qp","xs":"circular-progress-bar__xs_1h0qp","backgroundCircle":"circular-progress-bar__backgroundCircle_1h0qp","progressCircle":"circular-progress-bar__progressCircle_1h0qp","positive":"circular-progress-bar__positive_1h0qp","negative":"circular-progress-bar__negative_1h0qp","stroke":"circular-progress-bar__stroke_1h0qp","bg-positive":"circular-progress-bar__bg-positive_1h0qp","bg-negative":"circular-progress-bar__bg-negative_1h0qp","iconWrapper":"circular-progress-bar__iconWrapper_1h0qp","icon-tertiary":"circular-progress-bar__icon-tertiary_1h0qp","icon-positive":"circular-progress-bar__icon-positive_1h0qp","icon-negative":"circular-progress-bar__icon-negative_1h0qp","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1h0qp","icon-primary":"circular-progress-bar__icon-primary_1h0qp","icon-secondary":"circular-progress-bar__icon-secondary_1h0qp","icon":"circular-progress-bar__icon_1h0qp"};
32
+ var styles = {"component":"circular-progress-bar__component_bskt5","svg":"circular-progress-bar__svg_bskt5","title":"circular-progress-bar__title_bskt5","subtitle":"circular-progress-bar__subtitle_bskt5","labelWrapper":"circular-progress-bar__labelWrapper_bskt5","label":"circular-progress-bar__label_bskt5","typography":"circular-progress-bar__typography_bskt5","xxl":"circular-progress-bar__xxl_bskt5","xl":"circular-progress-bar__xl_bskt5","l":"circular-progress-bar__l_bskt5","m":"circular-progress-bar__m_bskt5","s":"circular-progress-bar__s_bskt5","xs":"circular-progress-bar__xs_bskt5","backgroundCircle":"circular-progress-bar__backgroundCircle_bskt5","progressCircle":"circular-progress-bar__progressCircle_bskt5","positive":"circular-progress-bar__positive_bskt5","negative":"circular-progress-bar__negative_bskt5","stroke":"circular-progress-bar__stroke_bskt5","bg-positive":"circular-progress-bar__bg-positive_bskt5","bg-negative":"circular-progress-bar__bg-negative_bskt5","iconWrapper":"circular-progress-bar__iconWrapper_bskt5","icon-tertiary":"circular-progress-bar__icon-tertiary_bskt5","icon-positive":"circular-progress-bar__icon-positive_bskt5","icon-negative":"circular-progress-bar__icon-negative_bskt5","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_bskt5","icon-primary":"circular-progress-bar__icon-primary_bskt5","icon-secondary":"circular-progress-bar__icon-secondary_bskt5","icon":"circular-progress-bar__icon_bskt5"};
33
33
  require('./index.css')
34
34
 
35
35
  var SIZES = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: o4wfv */
1
+ /* hash: 1of4z */
2
2
  :root {
3
3
  --color-light-bg-tertiary: #e7e9eb;
4
4
  --color-light-graphic-negative: #f15045;
@@ -34,28 +34,28 @@
34
34
  --circular-progress-bar-font-family: var(--font-family-system);
35
35
  --circular-progress-bar-font-weight: 600;
36
36
  }
37
- .circular-progress-bar__component_1h0qp {
37
+ .circular-progress-bar__component_bskt5 {
38
38
  position: relative;
39
39
  display: flex;
40
40
  justify-content: center;
41
41
  align-items: center;
42
42
  }
43
- .circular-progress-bar__svg_1h0qp {
43
+ .circular-progress-bar__svg_bskt5 {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1h0qp,
48
- .circular-progress-bar__subtitle_1h0qp {
47
+ .circular-progress-bar__title_bskt5,
48
+ .circular-progress-bar__subtitle_bskt5 {
49
49
  overflow: hidden;
50
50
  word-break: break-word;
51
51
  white-space: nowrap;
52
52
  text-overflow: ellipsis;
53
53
  margin: 0 6px;
54
54
  }
55
- .circular-progress-bar__subtitle_1h0qp {
55
+ .circular-progress-bar__subtitle_bskt5 {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1h0qp {
58
+ .circular-progress-bar__labelWrapper_bskt5 {
59
59
  text-align: center;
60
60
  position: absolute;
61
61
  top: 50%;
@@ -63,150 +63,150 @@
63
63
  width: 100%;
64
64
  transform: translate(-50%, -50%)
65
65
  }
66
- .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
66
+ .circular-progress-bar__labelWrapper_bskt5.circular-progress-bar__label_bskt5 {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1h0qp {
71
+ .circular-progress-bar__typography_bskt5 {
72
72
  font-feature-settings: 'ss01';
73
73
  font-weight: var(--circular-progress-bar-font-weight);
74
74
  font-family: var(--circular-progress-bar-font-family);
75
75
  }
76
- .circular-progress-bar__xxl_1h0qp {
76
+ .circular-progress-bar__xxl_bskt5 {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
80
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
83
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__title_bskt5 {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1h0qp {
86
+ .circular-progress-bar__xl_bskt5 {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
90
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
93
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__title_bskt5 {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1h0qp {
96
+ .circular-progress-bar__l_bskt5 {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
100
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
103
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__title_bskt5 {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1h0qp {
106
+ .circular-progress-bar__m_bskt5 {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
110
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
113
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__title_bskt5 {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1h0qp {
117
+ .circular-progress-bar__s_bskt5 {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
121
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
124
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__title_bskt5 {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1h0qp {
128
+ .circular-progress-bar__xs_bskt5 {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
132
+ .circular-progress-bar__xs_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1h0qp,
136
- .circular-progress-bar__progressCircle_1h0qp {
135
+ .circular-progress-bar__backgroundCircle_bskt5,
136
+ .circular-progress-bar__progressCircle_bskt5 {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1h0qp {
141
+ .circular-progress-bar__positive_bskt5 {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1h0qp {
144
+ .circular-progress-bar__negative_bskt5 {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1h0qp {
147
+ .circular-progress-bar__backgroundCircle_bskt5 {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
150
+ .circular-progress-bar__backgroundCircle_bskt5.circular-progress-bar__stroke_bskt5 {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1h0qp {
153
+ .circular-progress-bar__progressCircle_bskt5 {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
156
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-positive_bskt5 {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
159
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-negative_bskt5 {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1h0qp {
162
+ .circular-progress-bar__iconWrapper_bskt5 {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
167
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xxl_bskt5 {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
171
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xl_bskt5 {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
175
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__l_bskt5 {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
179
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__m_bskt5 {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
183
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__s_bskt5 {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
187
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xs_bskt5 {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
191
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-tertiary_bskt5 {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
194
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-positive_bskt5 {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
197
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-negative_bskt5 {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
200
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary-inverted_bskt5 {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
203
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary_bskt5 {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
206
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-secondary_bskt5 {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1h0qp {
209
+ .circular-progress-bar__icon_bskt5 {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: o4wfv */
1
+ /* hash: 1of4z */
2
2
  :root {
3
3
  --color-light-bg-tertiary: #e7e9eb;
4
4
  --color-light-graphic-negative: #f15045;
@@ -34,28 +34,28 @@
34
34
  --circular-progress-bar-font-family: var(--font-family-system);
35
35
  --circular-progress-bar-font-weight: 600;
36
36
  }
37
- .circular-progress-bar__component_1h0qp {
37
+ .circular-progress-bar__component_bskt5 {
38
38
  position: relative;
39
39
  display: flex;
40
40
  justify-content: center;
41
41
  align-items: center;
42
42
  }
43
- .circular-progress-bar__svg_1h0qp {
43
+ .circular-progress-bar__svg_bskt5 {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1h0qp,
48
- .circular-progress-bar__subtitle_1h0qp {
47
+ .circular-progress-bar__title_bskt5,
48
+ .circular-progress-bar__subtitle_bskt5 {
49
49
  overflow: hidden;
50
50
  word-break: break-word;
51
51
  white-space: nowrap;
52
52
  text-overflow: ellipsis;
53
53
  margin: 0 6px;
54
54
  }
55
- .circular-progress-bar__subtitle_1h0qp {
55
+ .circular-progress-bar__subtitle_bskt5 {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1h0qp {
58
+ .circular-progress-bar__labelWrapper_bskt5 {
59
59
  text-align: center;
60
60
  position: absolute;
61
61
  top: 50%;
@@ -63,150 +63,150 @@
63
63
  width: 100%;
64
64
  transform: translate(-50%, -50%)
65
65
  }
66
- .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
66
+ .circular-progress-bar__labelWrapper_bskt5.circular-progress-bar__label_bskt5 {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1h0qp {
71
+ .circular-progress-bar__typography_bskt5 {
72
72
  font-feature-settings: 'ss01';
73
73
  font-weight: var(--circular-progress-bar-font-weight);
74
74
  font-family: var(--circular-progress-bar-font-family);
75
75
  }
76
- .circular-progress-bar__xxl_1h0qp {
76
+ .circular-progress-bar__xxl_bskt5 {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
80
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
83
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__title_bskt5 {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1h0qp {
86
+ .circular-progress-bar__xl_bskt5 {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
90
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
93
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__title_bskt5 {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1h0qp {
96
+ .circular-progress-bar__l_bskt5 {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
100
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
103
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__title_bskt5 {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1h0qp {
106
+ .circular-progress-bar__m_bskt5 {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
110
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
113
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__title_bskt5 {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1h0qp {
117
+ .circular-progress-bar__s_bskt5 {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
121
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
124
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__title_bskt5 {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1h0qp {
128
+ .circular-progress-bar__xs_bskt5 {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
132
+ .circular-progress-bar__xs_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1h0qp,
136
- .circular-progress-bar__progressCircle_1h0qp {
135
+ .circular-progress-bar__backgroundCircle_bskt5,
136
+ .circular-progress-bar__progressCircle_bskt5 {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1h0qp {
141
+ .circular-progress-bar__positive_bskt5 {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1h0qp {
144
+ .circular-progress-bar__negative_bskt5 {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1h0qp {
147
+ .circular-progress-bar__backgroundCircle_bskt5 {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
150
+ .circular-progress-bar__backgroundCircle_bskt5.circular-progress-bar__stroke_bskt5 {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1h0qp {
153
+ .circular-progress-bar__progressCircle_bskt5 {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
156
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-positive_bskt5 {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
159
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-negative_bskt5 {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1h0qp {
162
+ .circular-progress-bar__iconWrapper_bskt5 {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
167
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xxl_bskt5 {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
171
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xl_bskt5 {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
175
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__l_bskt5 {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
179
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__m_bskt5 {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
183
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__s_bskt5 {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
187
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xs_bskt5 {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
191
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-tertiary_bskt5 {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
194
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-positive_bskt5 {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
197
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-negative_bskt5 {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
200
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary-inverted_bskt5 {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
203
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary_bskt5 {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
206
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-secondary_bskt5 {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1h0qp {
209
+ .circular-progress-bar__icon_bskt5 {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/modern/Component.d.ts CHANGED
@@ -85,6 +85,10 @@ type CircularProgressBarProps = {
85
85
  * Id компонента для тестов
86
86
  */
87
87
  dataTestId?: string;
88
+ /**
89
+ * Дочерние элементы.
90
+ */
91
+ children?: ReactNode;
88
92
  };
89
93
  /**
90
94
  * Компонент круглого прогресс бара.
package/modern/Component.js CHANGED
@@ -2,7 +2,7 @@ import cn from 'classnames';
2
2
  import React, { useMemo } from 'react';
3
3
  import { Typography } from '@alfalab/core-components-typography/modern';
4
4
 
5
- var styles = {"component":"circular-progress-bar__component_1h0qp","svg":"circular-progress-bar__svg_1h0qp","title":"circular-progress-bar__title_1h0qp","subtitle":"circular-progress-bar__subtitle_1h0qp","labelWrapper":"circular-progress-bar__labelWrapper_1h0qp","label":"circular-progress-bar__label_1h0qp","typography":"circular-progress-bar__typography_1h0qp","xxl":"circular-progress-bar__xxl_1h0qp","xl":"circular-progress-bar__xl_1h0qp","l":"circular-progress-bar__l_1h0qp","m":"circular-progress-bar__m_1h0qp","s":"circular-progress-bar__s_1h0qp","xs":"circular-progress-bar__xs_1h0qp","backgroundCircle":"circular-progress-bar__backgroundCircle_1h0qp","progressCircle":"circular-progress-bar__progressCircle_1h0qp","positive":"circular-progress-bar__positive_1h0qp","negative":"circular-progress-bar__negative_1h0qp","stroke":"circular-progress-bar__stroke_1h0qp","bg-positive":"circular-progress-bar__bg-positive_1h0qp","bg-negative":"circular-progress-bar__bg-negative_1h0qp","iconWrapper":"circular-progress-bar__iconWrapper_1h0qp","icon-tertiary":"circular-progress-bar__icon-tertiary_1h0qp","icon-positive":"circular-progress-bar__icon-positive_1h0qp","icon-negative":"circular-progress-bar__icon-negative_1h0qp","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1h0qp","icon-primary":"circular-progress-bar__icon-primary_1h0qp","icon-secondary":"circular-progress-bar__icon-secondary_1h0qp","icon":"circular-progress-bar__icon_1h0qp"};
5
+ var styles = {"component":"circular-progress-bar__component_bskt5","svg":"circular-progress-bar__svg_bskt5","title":"circular-progress-bar__title_bskt5","subtitle":"circular-progress-bar__subtitle_bskt5","labelWrapper":"circular-progress-bar__labelWrapper_bskt5","label":"circular-progress-bar__label_bskt5","typography":"circular-progress-bar__typography_bskt5","xxl":"circular-progress-bar__xxl_bskt5","xl":"circular-progress-bar__xl_bskt5","l":"circular-progress-bar__l_bskt5","m":"circular-progress-bar__m_bskt5","s":"circular-progress-bar__s_bskt5","xs":"circular-progress-bar__xs_bskt5","backgroundCircle":"circular-progress-bar__backgroundCircle_bskt5","progressCircle":"circular-progress-bar__progressCircle_bskt5","positive":"circular-progress-bar__positive_bskt5","negative":"circular-progress-bar__negative_bskt5","stroke":"circular-progress-bar__stroke_bskt5","bg-positive":"circular-progress-bar__bg-positive_bskt5","bg-negative":"circular-progress-bar__bg-negative_bskt5","iconWrapper":"circular-progress-bar__iconWrapper_bskt5","icon-tertiary":"circular-progress-bar__icon-tertiary_bskt5","icon-positive":"circular-progress-bar__icon-positive_bskt5","icon-negative":"circular-progress-bar__icon-negative_bskt5","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_bskt5","icon-primary":"circular-progress-bar__icon-primary_bskt5","icon-secondary":"circular-progress-bar__icon-secondary_bskt5","icon":"circular-progress-bar__icon_bskt5"};
6
6
  require('./index.css')
7
7
 
8
8
  const SIZES = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: o4wfv */
1
+ /* hash: 1of4z */
2
2
  :root {
3
3
  --color-light-bg-tertiary: #e7e9eb;
4
4
  --color-light-graphic-negative: #f15045;
@@ -34,28 +34,28 @@
34
34
  --circular-progress-bar-font-family: var(--font-family-system);
35
35
  --circular-progress-bar-font-weight: 600;
36
36
  }
37
- .circular-progress-bar__component_1h0qp {
37
+ .circular-progress-bar__component_bskt5 {
38
38
  position: relative;
39
39
  display: flex;
40
40
  justify-content: center;
41
41
  align-items: center;
42
42
  }
43
- .circular-progress-bar__svg_1h0qp {
43
+ .circular-progress-bar__svg_bskt5 {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1h0qp,
48
- .circular-progress-bar__subtitle_1h0qp {
47
+ .circular-progress-bar__title_bskt5,
48
+ .circular-progress-bar__subtitle_bskt5 {
49
49
  overflow: hidden;
50
50
  word-break: break-word;
51
51
  white-space: nowrap;
52
52
  text-overflow: ellipsis;
53
53
  margin: 0 6px;
54
54
  }
55
- .circular-progress-bar__subtitle_1h0qp {
55
+ .circular-progress-bar__subtitle_bskt5 {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1h0qp {
58
+ .circular-progress-bar__labelWrapper_bskt5 {
59
59
  text-align: center;
60
60
  position: absolute;
61
61
  top: 50%;
@@ -63,150 +63,150 @@
63
63
  width: 100%;
64
64
  transform: translate(-50%, -50%)
65
65
  }
66
- .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
66
+ .circular-progress-bar__labelWrapper_bskt5.circular-progress-bar__label_bskt5 {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1h0qp {
71
+ .circular-progress-bar__typography_bskt5 {
72
72
  font-feature-settings: 'ss01';
73
73
  font-weight: var(--circular-progress-bar-font-weight);
74
74
  font-family: var(--circular-progress-bar-font-family);
75
75
  }
76
- .circular-progress-bar__xxl_1h0qp {
76
+ .circular-progress-bar__xxl_bskt5 {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
80
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
83
+ .circular-progress-bar__xxl_bskt5 .circular-progress-bar__title_bskt5 {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1h0qp {
86
+ .circular-progress-bar__xl_bskt5 {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
90
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
93
+ .circular-progress-bar__xl_bskt5 .circular-progress-bar__title_bskt5 {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1h0qp {
96
+ .circular-progress-bar__l_bskt5 {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
100
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
103
+ .circular-progress-bar__l_bskt5 .circular-progress-bar__title_bskt5 {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1h0qp {
106
+ .circular-progress-bar__m_bskt5 {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
110
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
113
+ .circular-progress-bar__m_bskt5 .circular-progress-bar__title_bskt5 {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1h0qp {
117
+ .circular-progress-bar__s_bskt5 {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
121
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
124
+ .circular-progress-bar__s_bskt5 .circular-progress-bar__title_bskt5 {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1h0qp {
128
+ .circular-progress-bar__xs_bskt5 {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
132
+ .circular-progress-bar__xs_bskt5 .circular-progress-bar__labelWrapper_bskt5 {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1h0qp,
136
- .circular-progress-bar__progressCircle_1h0qp {
135
+ .circular-progress-bar__backgroundCircle_bskt5,
136
+ .circular-progress-bar__progressCircle_bskt5 {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1h0qp {
141
+ .circular-progress-bar__positive_bskt5 {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1h0qp {
144
+ .circular-progress-bar__negative_bskt5 {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1h0qp {
147
+ .circular-progress-bar__backgroundCircle_bskt5 {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
150
+ .circular-progress-bar__backgroundCircle_bskt5.circular-progress-bar__stroke_bskt5 {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1h0qp {
153
+ .circular-progress-bar__progressCircle_bskt5 {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
156
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-positive_bskt5 {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
159
+ .circular-progress-bar__progressCircle_bskt5.circular-progress-bar__bg-negative_bskt5 {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1h0qp {
162
+ .circular-progress-bar__iconWrapper_bskt5 {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
167
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xxl_bskt5 {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
171
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xl_bskt5 {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
175
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__l_bskt5 {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
179
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__m_bskt5 {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
183
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__s_bskt5 {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
187
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__xs_bskt5 {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
191
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-tertiary_bskt5 {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
194
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-positive_bskt5 {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
197
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-negative_bskt5 {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
200
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary-inverted_bskt5 {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
203
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-primary_bskt5 {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
206
+ .circular-progress-bar__iconWrapper_bskt5.circular-progress-bar__icon-secondary_bskt5 {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1h0qp {
209
+ .circular-progress-bar__icon_bskt5 {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "2.5.0",
3
+ "version": "2.6.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,10 +14,10 @@
14
14
  "directory": "dist"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-typography": "^2.6.3",
18
- "classnames": "^2.2.6"
17
+ "@alfalab/core-components-typography": "^2.7.0",
18
+ "classnames": "^2.3.1"
19
19
  },
20
20
  "peerDependencies": {
21
- "react": "^16.9.0 || ^17.0.1"
21
+ "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
22
22
  }
23
23
  }