@alfalab/core-components-circular-progress-bar 2.4.3 → 2.5.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.
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.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
+
8
+
9
+ ### Features
10
+
11
+ * **circular-progress-bar:** added new sizes and props ([#122](https://github.com/core-ds/core-components/issues/122)) ([9b1c412](https://github.com/core-ds/core-components/commit/9b1c4126aabc516349655a51c6302d6af84aa129))
12
+
13
+
14
+
15
+
16
+
6
17
  ## [2.4.3](https://github.com/core-ds/core-components/compare/@alfalab/core-components-circular-progress-bar@2.4.2...@alfalab/core-components-circular-progress-bar@2.4.3) (2022-07-18)
7
18
 
8
19
  **Note:** Version bump only for package @alfalab/core-components-circular-progress-bar
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_1piud","svg":"circular-progress-bar__svg_1piud","title":"circular-progress-bar__title_1piud","subtitle":"circular-progress-bar__subtitle_1piud","labelWrapper":"circular-progress-bar__labelWrapper_1piud","label":"circular-progress-bar__label_1piud","typography":"circular-progress-bar__typography_1piud","xxl":"circular-progress-bar__xxl_1piud","xl":"circular-progress-bar__xl_1piud","l":"circular-progress-bar__l_1piud","m":"circular-progress-bar__m_1piud","s":"circular-progress-bar__s_1piud","xs":"circular-progress-bar__xs_1piud","backgroundCircle":"circular-progress-bar__backgroundCircle_1piud","progressCircle":"circular-progress-bar__progressCircle_1piud","positive":"circular-progress-bar__positive_1piud","negative":"circular-progress-bar__negative_1piud","stroke":"circular-progress-bar__stroke_1piud","bg-positive":"circular-progress-bar__bg-positive_1piud","bg-negative":"circular-progress-bar__bg-negative_1piud","iconWrapper":"circular-progress-bar__iconWrapper_1piud","icon-tertiary":"circular-progress-bar__icon-tertiary_1piud","icon-positive":"circular-progress-bar__icon-positive_1piud","icon-negative":"circular-progress-bar__icon-negative_1piud","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1piud","icon-primary":"circular-progress-bar__icon-primary_1piud","icon-secondary":"circular-progress-bar__icon-secondary_1piud","icon":"circular-progress-bar__icon_1piud"};
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"};
42
42
  require('./index.css')
43
43
 
44
44
  var SIZES = {
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_1piud","svg":"circular-progress-bar__svg_1piud","title":"circular-progress-bar__title_1piud","subtitle":"circular-progress-bar__subtitle_1piud","labelWrapper":"circular-progress-bar__labelWrapper_1piud","label":"circular-progress-bar__label_1piud","typography":"circular-progress-bar__typography_1piud","xxl":"circular-progress-bar__xxl_1piud","xl":"circular-progress-bar__xl_1piud","l":"circular-progress-bar__l_1piud","m":"circular-progress-bar__m_1piud","s":"circular-progress-bar__s_1piud","xs":"circular-progress-bar__xs_1piud","backgroundCircle":"circular-progress-bar__backgroundCircle_1piud","progressCircle":"circular-progress-bar__progressCircle_1piud","positive":"circular-progress-bar__positive_1piud","negative":"circular-progress-bar__negative_1piud","stroke":"circular-progress-bar__stroke_1piud","bg-positive":"circular-progress-bar__bg-positive_1piud","bg-negative":"circular-progress-bar__bg-negative_1piud","iconWrapper":"circular-progress-bar__iconWrapper_1piud","icon-tertiary":"circular-progress-bar__icon-tertiary_1piud","icon-positive":"circular-progress-bar__icon-positive_1piud","icon-negative":"circular-progress-bar__icon-negative_1piud","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1piud","icon-primary":"circular-progress-bar__icon-primary_1piud","icon-secondary":"circular-progress-bar__icon-secondary_1piud","icon":"circular-progress-bar__icon_1piud"};
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"};
33
33
  require('./index.css')
34
34
 
35
35
  var SIZES = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ws88i */
1
+ /* hash: o4wfv */
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_1piud {
37
+ .circular-progress-bar__component_1h0qp {
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_1piud {
43
+ .circular-progress-bar__svg_1h0qp {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1piud,
48
- .circular-progress-bar__subtitle_1piud {
47
+ .circular-progress-bar__title_1h0qp,
48
+ .circular-progress-bar__subtitle_1h0qp {
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_1piud {
55
+ .circular-progress-bar__subtitle_1h0qp {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1piud {
58
+ .circular-progress-bar__labelWrapper_1h0qp {
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_1piud.circular-progress-bar__label_1piud {
66
+ .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1piud {
71
+ .circular-progress-bar__typography_1h0qp {
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_1piud {
76
+ .circular-progress-bar__xxl_1h0qp {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1piud .circular-progress-bar__labelWrapper_1piud {
80
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1piud .circular-progress-bar__title_1piud {
83
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1piud {
86
+ .circular-progress-bar__xl_1h0qp {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1piud .circular-progress-bar__labelWrapper_1piud {
90
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1piud .circular-progress-bar__title_1piud {
93
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1piud {
96
+ .circular-progress-bar__l_1h0qp {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1piud .circular-progress-bar__labelWrapper_1piud {
100
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1piud .circular-progress-bar__title_1piud {
103
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1piud {
106
+ .circular-progress-bar__m_1h0qp {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1piud .circular-progress-bar__labelWrapper_1piud {
110
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1piud .circular-progress-bar__title_1piud {
113
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1piud {
117
+ .circular-progress-bar__s_1h0qp {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1piud .circular-progress-bar__labelWrapper_1piud {
121
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1piud .circular-progress-bar__title_1piud {
124
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1piud {
128
+ .circular-progress-bar__xs_1h0qp {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1piud .circular-progress-bar__labelWrapper_1piud {
132
+ .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1piud,
136
- .circular-progress-bar__progressCircle_1piud {
135
+ .circular-progress-bar__backgroundCircle_1h0qp,
136
+ .circular-progress-bar__progressCircle_1h0qp {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1piud {
141
+ .circular-progress-bar__positive_1h0qp {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1piud {
144
+ .circular-progress-bar__negative_1h0qp {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1piud {
147
+ .circular-progress-bar__backgroundCircle_1h0qp {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1piud.circular-progress-bar__stroke_1piud {
150
+ .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1piud {
153
+ .circular-progress-bar__progressCircle_1h0qp {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-positive_1piud {
156
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-negative_1piud {
159
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1piud {
162
+ .circular-progress-bar__iconWrapper_1h0qp {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xxl_1piud {
167
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xl_1piud {
171
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__l_1piud {
175
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__m_1piud {
179
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__s_1piud {
183
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xs_1piud {
187
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-tertiary_1piud {
191
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-positive_1piud {
194
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-negative_1piud {
197
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary-inverted_1piud {
200
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary_1piud {
203
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-secondary_1piud {
206
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1piud {
209
+ .circular-progress-bar__icon_1h0qp {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ws88i */
1
+ /* hash: o4wfv */
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_1piud {
37
+ .circular-progress-bar__component_1h0qp {
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_1piud {
43
+ .circular-progress-bar__svg_1h0qp {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1piud,
48
- .circular-progress-bar__subtitle_1piud {
47
+ .circular-progress-bar__title_1h0qp,
48
+ .circular-progress-bar__subtitle_1h0qp {
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_1piud {
55
+ .circular-progress-bar__subtitle_1h0qp {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1piud {
58
+ .circular-progress-bar__labelWrapper_1h0qp {
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_1piud.circular-progress-bar__label_1piud {
66
+ .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1piud {
71
+ .circular-progress-bar__typography_1h0qp {
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_1piud {
76
+ .circular-progress-bar__xxl_1h0qp {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1piud .circular-progress-bar__labelWrapper_1piud {
80
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1piud .circular-progress-bar__title_1piud {
83
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1piud {
86
+ .circular-progress-bar__xl_1h0qp {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1piud .circular-progress-bar__labelWrapper_1piud {
90
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1piud .circular-progress-bar__title_1piud {
93
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1piud {
96
+ .circular-progress-bar__l_1h0qp {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1piud .circular-progress-bar__labelWrapper_1piud {
100
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1piud .circular-progress-bar__title_1piud {
103
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1piud {
106
+ .circular-progress-bar__m_1h0qp {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1piud .circular-progress-bar__labelWrapper_1piud {
110
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1piud .circular-progress-bar__title_1piud {
113
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1piud {
117
+ .circular-progress-bar__s_1h0qp {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1piud .circular-progress-bar__labelWrapper_1piud {
121
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1piud .circular-progress-bar__title_1piud {
124
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1piud {
128
+ .circular-progress-bar__xs_1h0qp {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1piud .circular-progress-bar__labelWrapper_1piud {
132
+ .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1piud,
136
- .circular-progress-bar__progressCircle_1piud {
135
+ .circular-progress-bar__backgroundCircle_1h0qp,
136
+ .circular-progress-bar__progressCircle_1h0qp {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1piud {
141
+ .circular-progress-bar__positive_1h0qp {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1piud {
144
+ .circular-progress-bar__negative_1h0qp {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1piud {
147
+ .circular-progress-bar__backgroundCircle_1h0qp {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1piud.circular-progress-bar__stroke_1piud {
150
+ .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1piud {
153
+ .circular-progress-bar__progressCircle_1h0qp {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-positive_1piud {
156
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-negative_1piud {
159
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1piud {
162
+ .circular-progress-bar__iconWrapper_1h0qp {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xxl_1piud {
167
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xl_1piud {
171
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__l_1piud {
175
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__m_1piud {
179
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__s_1piud {
183
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xs_1piud {
187
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-tertiary_1piud {
191
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-positive_1piud {
194
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-negative_1piud {
197
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary-inverted_1piud {
200
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary_1piud {
203
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-secondary_1piud {
206
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1piud {
209
+ .circular-progress-bar__icon_1h0qp {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
@@ -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_1piud","svg":"circular-progress-bar__svg_1piud","title":"circular-progress-bar__title_1piud","subtitle":"circular-progress-bar__subtitle_1piud","labelWrapper":"circular-progress-bar__labelWrapper_1piud","label":"circular-progress-bar__label_1piud","typography":"circular-progress-bar__typography_1piud","xxl":"circular-progress-bar__xxl_1piud","xl":"circular-progress-bar__xl_1piud","l":"circular-progress-bar__l_1piud","m":"circular-progress-bar__m_1piud","s":"circular-progress-bar__s_1piud","xs":"circular-progress-bar__xs_1piud","backgroundCircle":"circular-progress-bar__backgroundCircle_1piud","progressCircle":"circular-progress-bar__progressCircle_1piud","positive":"circular-progress-bar__positive_1piud","negative":"circular-progress-bar__negative_1piud","stroke":"circular-progress-bar__stroke_1piud","bg-positive":"circular-progress-bar__bg-positive_1piud","bg-negative":"circular-progress-bar__bg-negative_1piud","iconWrapper":"circular-progress-bar__iconWrapper_1piud","icon-tertiary":"circular-progress-bar__icon-tertiary_1piud","icon-positive":"circular-progress-bar__icon-positive_1piud","icon-negative":"circular-progress-bar__icon-negative_1piud","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1piud","icon-primary":"circular-progress-bar__icon-primary_1piud","icon-secondary":"circular-progress-bar__icon-secondary_1piud","icon":"circular-progress-bar__icon_1piud"};
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"};
6
6
  require('./index.css')
7
7
 
8
8
  const SIZES = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: ws88i */
1
+ /* hash: o4wfv */
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_1piud {
37
+ .circular-progress-bar__component_1h0qp {
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_1piud {
43
+ .circular-progress-bar__svg_1h0qp {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_1piud,
48
- .circular-progress-bar__subtitle_1piud {
47
+ .circular-progress-bar__title_1h0qp,
48
+ .circular-progress-bar__subtitle_1h0qp {
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_1piud {
55
+ .circular-progress-bar__subtitle_1h0qp {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_1piud {
58
+ .circular-progress-bar__labelWrapper_1h0qp {
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_1piud.circular-progress-bar__label_1piud {
66
+ .circular-progress-bar__labelWrapper_1h0qp.circular-progress-bar__label_1h0qp {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_1piud {
71
+ .circular-progress-bar__typography_1h0qp {
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_1piud {
76
+ .circular-progress-bar__xxl_1h0qp {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_1piud .circular-progress-bar__labelWrapper_1piud {
80
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_1piud .circular-progress-bar__title_1piud {
83
+ .circular-progress-bar__xxl_1h0qp .circular-progress-bar__title_1h0qp {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_1piud {
86
+ .circular-progress-bar__xl_1h0qp {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_1piud .circular-progress-bar__labelWrapper_1piud {
90
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_1piud .circular-progress-bar__title_1piud {
93
+ .circular-progress-bar__xl_1h0qp .circular-progress-bar__title_1h0qp {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_1piud {
96
+ .circular-progress-bar__l_1h0qp {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_1piud .circular-progress-bar__labelWrapper_1piud {
100
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_1piud .circular-progress-bar__title_1piud {
103
+ .circular-progress-bar__l_1h0qp .circular-progress-bar__title_1h0qp {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_1piud {
106
+ .circular-progress-bar__m_1h0qp {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_1piud .circular-progress-bar__labelWrapper_1piud {
110
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_1piud .circular-progress-bar__title_1piud {
113
+ .circular-progress-bar__m_1h0qp .circular-progress-bar__title_1h0qp {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_1piud {
117
+ .circular-progress-bar__s_1h0qp {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_1piud .circular-progress-bar__labelWrapper_1piud {
121
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_1piud .circular-progress-bar__title_1piud {
124
+ .circular-progress-bar__s_1h0qp .circular-progress-bar__title_1h0qp {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_1piud {
128
+ .circular-progress-bar__xs_1h0qp {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_1piud .circular-progress-bar__labelWrapper_1piud {
132
+ .circular-progress-bar__xs_1h0qp .circular-progress-bar__labelWrapper_1h0qp {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_1piud,
136
- .circular-progress-bar__progressCircle_1piud {
135
+ .circular-progress-bar__backgroundCircle_1h0qp,
136
+ .circular-progress-bar__progressCircle_1h0qp {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_1piud {
141
+ .circular-progress-bar__positive_1h0qp {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_1piud {
144
+ .circular-progress-bar__negative_1h0qp {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_1piud {
147
+ .circular-progress-bar__backgroundCircle_1h0qp {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_1piud.circular-progress-bar__stroke_1piud {
150
+ .circular-progress-bar__backgroundCircle_1h0qp.circular-progress-bar__stroke_1h0qp {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_1piud {
153
+ .circular-progress-bar__progressCircle_1h0qp {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-positive_1piud {
156
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-positive_1h0qp {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_1piud.circular-progress-bar__bg-negative_1piud {
159
+ .circular-progress-bar__progressCircle_1h0qp.circular-progress-bar__bg-negative_1h0qp {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_1piud {
162
+ .circular-progress-bar__iconWrapper_1h0qp {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xxl_1piud {
167
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xxl_1h0qp {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xl_1piud {
171
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xl_1h0qp {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__l_1piud {
175
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__l_1h0qp {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__m_1piud {
179
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__m_1h0qp {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__s_1piud {
183
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__s_1h0qp {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__xs_1piud {
187
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__xs_1h0qp {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-tertiary_1piud {
191
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-tertiary_1h0qp {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-positive_1piud {
194
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-positive_1h0qp {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-negative_1piud {
197
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-negative_1h0qp {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary-inverted_1piud {
200
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary-inverted_1h0qp {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-primary_1piud {
203
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-primary_1h0qp {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_1piud.circular-progress-bar__icon-secondary_1piud {
206
+ .circular-progress-bar__iconWrapper_1h0qp.circular-progress-bar__icon-secondary_1h0qp {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_1piud {
209
+ .circular-progress-bar__icon_1h0qp {
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.4.3",
3
+ "version": "2.5.0",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",