@alfalab/core-components-circular-progress-bar 3.0.4 → 3.0.5

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 (7) hide show
  1. package/Component.js +1 -1
  2. package/esm/Component.js +1 -1
  3. package/esm/index.css +49 -49
  4. package/index.css +49 -49
  5. package/modern/Component.js +1 -1
  6. package/modern/index.css +49 -49
  7. package/package.json +2 -2
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_577l6","svg":"circular-progress-bar__svg_577l6","title":"circular-progress-bar__title_577l6","subtitle":"circular-progress-bar__subtitle_577l6","labelWrapper":"circular-progress-bar__labelWrapper_577l6","label":"circular-progress-bar__label_577l6","typography":"circular-progress-bar__typography_577l6","xxl":"circular-progress-bar__xxl_577l6","xl":"circular-progress-bar__xl_577l6","l":"circular-progress-bar__l_577l6","m":"circular-progress-bar__m_577l6","s":"circular-progress-bar__s_577l6","xs":"circular-progress-bar__xs_577l6","backgroundCircle":"circular-progress-bar__backgroundCircle_577l6","progressCircle":"circular-progress-bar__progressCircle_577l6","positive":"circular-progress-bar__positive_577l6","negative":"circular-progress-bar__negative_577l6","stroke":"circular-progress-bar__stroke_577l6","bg-positive":"circular-progress-bar__bg-positive_577l6","bg-negative":"circular-progress-bar__bg-negative_577l6","iconWrapper":"circular-progress-bar__iconWrapper_577l6","icon-tertiary":"circular-progress-bar__icon-tertiary_577l6","icon-positive":"circular-progress-bar__icon-positive_577l6","icon-negative":"circular-progress-bar__icon-negative_577l6","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_577l6","icon-primary":"circular-progress-bar__icon-primary_577l6","icon-secondary":"circular-progress-bar__icon-secondary_577l6","icon":"circular-progress-bar__icon_577l6"};
41
+ var styles = {"component":"circular-progress-bar__component_1xpvo","svg":"circular-progress-bar__svg_1xpvo","title":"circular-progress-bar__title_1xpvo","subtitle":"circular-progress-bar__subtitle_1xpvo","labelWrapper":"circular-progress-bar__labelWrapper_1xpvo","label":"circular-progress-bar__label_1xpvo","typography":"circular-progress-bar__typography_1xpvo","xxl":"circular-progress-bar__xxl_1xpvo","xl":"circular-progress-bar__xl_1xpvo","l":"circular-progress-bar__l_1xpvo","m":"circular-progress-bar__m_1xpvo","s":"circular-progress-bar__s_1xpvo","xs":"circular-progress-bar__xs_1xpvo","backgroundCircle":"circular-progress-bar__backgroundCircle_1xpvo","progressCircle":"circular-progress-bar__progressCircle_1xpvo","positive":"circular-progress-bar__positive_1xpvo","negative":"circular-progress-bar__negative_1xpvo","stroke":"circular-progress-bar__stroke_1xpvo","bg-positive":"circular-progress-bar__bg-positive_1xpvo","bg-negative":"circular-progress-bar__bg-negative_1xpvo","iconWrapper":"circular-progress-bar__iconWrapper_1xpvo","icon-tertiary":"circular-progress-bar__icon-tertiary_1xpvo","icon-positive":"circular-progress-bar__icon-positive_1xpvo","icon-negative":"circular-progress-bar__icon-negative_1xpvo","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1xpvo","icon-primary":"circular-progress-bar__icon-primary_1xpvo","icon-secondary":"circular-progress-bar__icon-secondary_1xpvo","icon":"circular-progress-bar__icon_1xpvo"};
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_577l6","svg":"circular-progress-bar__svg_577l6","title":"circular-progress-bar__title_577l6","subtitle":"circular-progress-bar__subtitle_577l6","labelWrapper":"circular-progress-bar__labelWrapper_577l6","label":"circular-progress-bar__label_577l6","typography":"circular-progress-bar__typography_577l6","xxl":"circular-progress-bar__xxl_577l6","xl":"circular-progress-bar__xl_577l6","l":"circular-progress-bar__l_577l6","m":"circular-progress-bar__m_577l6","s":"circular-progress-bar__s_577l6","xs":"circular-progress-bar__xs_577l6","backgroundCircle":"circular-progress-bar__backgroundCircle_577l6","progressCircle":"circular-progress-bar__progressCircle_577l6","positive":"circular-progress-bar__positive_577l6","negative":"circular-progress-bar__negative_577l6","stroke":"circular-progress-bar__stroke_577l6","bg-positive":"circular-progress-bar__bg-positive_577l6","bg-negative":"circular-progress-bar__bg-negative_577l6","iconWrapper":"circular-progress-bar__iconWrapper_577l6","icon-tertiary":"circular-progress-bar__icon-tertiary_577l6","icon-positive":"circular-progress-bar__icon-positive_577l6","icon-negative":"circular-progress-bar__icon-negative_577l6","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_577l6","icon-primary":"circular-progress-bar__icon-primary_577l6","icon-secondary":"circular-progress-bar__icon-secondary_577l6","icon":"circular-progress-bar__icon_577l6"};
32
+ var styles = {"component":"circular-progress-bar__component_1xpvo","svg":"circular-progress-bar__svg_1xpvo","title":"circular-progress-bar__title_1xpvo","subtitle":"circular-progress-bar__subtitle_1xpvo","labelWrapper":"circular-progress-bar__labelWrapper_1xpvo","label":"circular-progress-bar__label_1xpvo","typography":"circular-progress-bar__typography_1xpvo","xxl":"circular-progress-bar__xxl_1xpvo","xl":"circular-progress-bar__xl_1xpvo","l":"circular-progress-bar__l_1xpvo","m":"circular-progress-bar__m_1xpvo","s":"circular-progress-bar__s_1xpvo","xs":"circular-progress-bar__xs_1xpvo","backgroundCircle":"circular-progress-bar__backgroundCircle_1xpvo","progressCircle":"circular-progress-bar__progressCircle_1xpvo","positive":"circular-progress-bar__positive_1xpvo","negative":"circular-progress-bar__negative_1xpvo","stroke":"circular-progress-bar__stroke_1xpvo","bg-positive":"circular-progress-bar__bg-positive_1xpvo","bg-negative":"circular-progress-bar__bg-negative_1xpvo","iconWrapper":"circular-progress-bar__iconWrapper_1xpvo","icon-tertiary":"circular-progress-bar__icon-tertiary_1xpvo","icon-positive":"circular-progress-bar__icon-positive_1xpvo","icon-negative":"circular-progress-bar__icon-negative_1xpvo","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1xpvo","icon-primary":"circular-progress-bar__icon-primary_1xpvo","icon-secondary":"circular-progress-bar__icon-secondary_1xpvo","icon":"circular-progress-bar__icon_1xpvo"};
33
33
  require('./index.css')
34
34
 
35
35
  var SIZES = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1it8k */
1
+ /* hash: hgsqc */
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_577l6 {
37
+ .circular-progress-bar__component_1xpvo {
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_577l6 {
43
+ .circular-progress-bar__svg_1xpvo {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_577l6,
48
- .circular-progress-bar__subtitle_577l6 {
47
+ .circular-progress-bar__title_1xpvo,
48
+ .circular-progress-bar__subtitle_1xpvo {
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_577l6 {
55
+ .circular-progress-bar__subtitle_1xpvo {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_577l6 {
58
+ .circular-progress-bar__labelWrapper_1xpvo {
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_577l6.circular-progress-bar__label_577l6 {
66
+ .circular-progress-bar__labelWrapper_1xpvo.circular-progress-bar__label_1xpvo {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_577l6 {
71
+ .circular-progress-bar__typography_1xpvo {
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_577l6 {
76
+ .circular-progress-bar__xxl_1xpvo {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__labelWrapper_577l6 {
80
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__title_577l6 {
83
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__title_1xpvo {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_577l6 {
86
+ .circular-progress-bar__xl_1xpvo {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_577l6 .circular-progress-bar__labelWrapper_577l6 {
90
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_577l6 .circular-progress-bar__title_577l6 {
93
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__title_1xpvo {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_577l6 {
96
+ .circular-progress-bar__l_1xpvo {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_577l6 .circular-progress-bar__labelWrapper_577l6 {
100
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_577l6 .circular-progress-bar__title_577l6 {
103
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__title_1xpvo {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_577l6 {
106
+ .circular-progress-bar__m_1xpvo {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_577l6 .circular-progress-bar__labelWrapper_577l6 {
110
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_577l6 .circular-progress-bar__title_577l6 {
113
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__title_1xpvo {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_577l6 {
117
+ .circular-progress-bar__s_1xpvo {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_577l6 .circular-progress-bar__labelWrapper_577l6 {
121
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_577l6 .circular-progress-bar__title_577l6 {
124
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__title_1xpvo {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_577l6 {
128
+ .circular-progress-bar__xs_1xpvo {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_577l6 .circular-progress-bar__labelWrapper_577l6 {
132
+ .circular-progress-bar__xs_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_577l6,
136
- .circular-progress-bar__progressCircle_577l6 {
135
+ .circular-progress-bar__backgroundCircle_1xpvo,
136
+ .circular-progress-bar__progressCircle_1xpvo {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_577l6 {
141
+ .circular-progress-bar__positive_1xpvo {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_577l6 {
144
+ .circular-progress-bar__negative_1xpvo {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_577l6 {
147
+ .circular-progress-bar__backgroundCircle_1xpvo {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_577l6.circular-progress-bar__stroke_577l6 {
150
+ .circular-progress-bar__backgroundCircle_1xpvo.circular-progress-bar__stroke_1xpvo {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_577l6 {
153
+ .circular-progress-bar__progressCircle_1xpvo {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-positive_577l6 {
156
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-positive_1xpvo {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-negative_577l6 {
159
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-negative_1xpvo {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_577l6 {
162
+ .circular-progress-bar__iconWrapper_1xpvo {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xxl_577l6 {
167
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xxl_1xpvo {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xl_577l6 {
171
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xl_1xpvo {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__l_577l6 {
175
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__l_1xpvo {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__m_577l6 {
179
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__m_1xpvo {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__s_577l6 {
183
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__s_1xpvo {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xs_577l6 {
187
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xs_1xpvo {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-tertiary_577l6 {
191
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-tertiary_1xpvo {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-positive_577l6 {
194
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-positive_1xpvo {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-negative_577l6 {
197
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-negative_1xpvo {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary-inverted_577l6 {
200
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary-inverted_1xpvo {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary_577l6 {
203
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary_1xpvo {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-secondary_577l6 {
206
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-secondary_1xpvo {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_577l6 {
209
+ .circular-progress-bar__icon_1xpvo {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1it8k */
1
+ /* hash: hgsqc */
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_577l6 {
37
+ .circular-progress-bar__component_1xpvo {
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_577l6 {
43
+ .circular-progress-bar__svg_1xpvo {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_577l6,
48
- .circular-progress-bar__subtitle_577l6 {
47
+ .circular-progress-bar__title_1xpvo,
48
+ .circular-progress-bar__subtitle_1xpvo {
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_577l6 {
55
+ .circular-progress-bar__subtitle_1xpvo {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_577l6 {
58
+ .circular-progress-bar__labelWrapper_1xpvo {
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_577l6.circular-progress-bar__label_577l6 {
66
+ .circular-progress-bar__labelWrapper_1xpvo.circular-progress-bar__label_1xpvo {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_577l6 {
71
+ .circular-progress-bar__typography_1xpvo {
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_577l6 {
76
+ .circular-progress-bar__xxl_1xpvo {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__labelWrapper_577l6 {
80
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__title_577l6 {
83
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__title_1xpvo {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_577l6 {
86
+ .circular-progress-bar__xl_1xpvo {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_577l6 .circular-progress-bar__labelWrapper_577l6 {
90
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_577l6 .circular-progress-bar__title_577l6 {
93
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__title_1xpvo {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_577l6 {
96
+ .circular-progress-bar__l_1xpvo {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_577l6 .circular-progress-bar__labelWrapper_577l6 {
100
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_577l6 .circular-progress-bar__title_577l6 {
103
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__title_1xpvo {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_577l6 {
106
+ .circular-progress-bar__m_1xpvo {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_577l6 .circular-progress-bar__labelWrapper_577l6 {
110
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_577l6 .circular-progress-bar__title_577l6 {
113
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__title_1xpvo {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_577l6 {
117
+ .circular-progress-bar__s_1xpvo {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_577l6 .circular-progress-bar__labelWrapper_577l6 {
121
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_577l6 .circular-progress-bar__title_577l6 {
124
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__title_1xpvo {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_577l6 {
128
+ .circular-progress-bar__xs_1xpvo {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_577l6 .circular-progress-bar__labelWrapper_577l6 {
132
+ .circular-progress-bar__xs_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_577l6,
136
- .circular-progress-bar__progressCircle_577l6 {
135
+ .circular-progress-bar__backgroundCircle_1xpvo,
136
+ .circular-progress-bar__progressCircle_1xpvo {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_577l6 {
141
+ .circular-progress-bar__positive_1xpvo {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_577l6 {
144
+ .circular-progress-bar__negative_1xpvo {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_577l6 {
147
+ .circular-progress-bar__backgroundCircle_1xpvo {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_577l6.circular-progress-bar__stroke_577l6 {
150
+ .circular-progress-bar__backgroundCircle_1xpvo.circular-progress-bar__stroke_1xpvo {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_577l6 {
153
+ .circular-progress-bar__progressCircle_1xpvo {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-positive_577l6 {
156
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-positive_1xpvo {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-negative_577l6 {
159
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-negative_1xpvo {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_577l6 {
162
+ .circular-progress-bar__iconWrapper_1xpvo {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xxl_577l6 {
167
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xxl_1xpvo {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xl_577l6 {
171
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xl_1xpvo {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__l_577l6 {
175
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__l_1xpvo {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__m_577l6 {
179
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__m_1xpvo {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__s_577l6 {
183
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__s_1xpvo {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xs_577l6 {
187
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xs_1xpvo {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-tertiary_577l6 {
191
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-tertiary_1xpvo {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-positive_577l6 {
194
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-positive_1xpvo {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-negative_577l6 {
197
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-negative_1xpvo {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary-inverted_577l6 {
200
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary-inverted_1xpvo {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary_577l6 {
203
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary_1xpvo {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-secondary_577l6 {
206
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-secondary_1xpvo {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_577l6 {
209
+ .circular-progress-bar__icon_1xpvo {
210
210
  width: 100%;
211
211
  height: 100%;
212
212
  }
package/modern/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useMemo } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { Typography } from '@alfalab/core-components-typography/modern';
4
4
 
5
- var styles = {"component":"circular-progress-bar__component_577l6","svg":"circular-progress-bar__svg_577l6","title":"circular-progress-bar__title_577l6","subtitle":"circular-progress-bar__subtitle_577l6","labelWrapper":"circular-progress-bar__labelWrapper_577l6","label":"circular-progress-bar__label_577l6","typography":"circular-progress-bar__typography_577l6","xxl":"circular-progress-bar__xxl_577l6","xl":"circular-progress-bar__xl_577l6","l":"circular-progress-bar__l_577l6","m":"circular-progress-bar__m_577l6","s":"circular-progress-bar__s_577l6","xs":"circular-progress-bar__xs_577l6","backgroundCircle":"circular-progress-bar__backgroundCircle_577l6","progressCircle":"circular-progress-bar__progressCircle_577l6","positive":"circular-progress-bar__positive_577l6","negative":"circular-progress-bar__negative_577l6","stroke":"circular-progress-bar__stroke_577l6","bg-positive":"circular-progress-bar__bg-positive_577l6","bg-negative":"circular-progress-bar__bg-negative_577l6","iconWrapper":"circular-progress-bar__iconWrapper_577l6","icon-tertiary":"circular-progress-bar__icon-tertiary_577l6","icon-positive":"circular-progress-bar__icon-positive_577l6","icon-negative":"circular-progress-bar__icon-negative_577l6","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_577l6","icon-primary":"circular-progress-bar__icon-primary_577l6","icon-secondary":"circular-progress-bar__icon-secondary_577l6","icon":"circular-progress-bar__icon_577l6"};
5
+ var styles = {"component":"circular-progress-bar__component_1xpvo","svg":"circular-progress-bar__svg_1xpvo","title":"circular-progress-bar__title_1xpvo","subtitle":"circular-progress-bar__subtitle_1xpvo","labelWrapper":"circular-progress-bar__labelWrapper_1xpvo","label":"circular-progress-bar__label_1xpvo","typography":"circular-progress-bar__typography_1xpvo","xxl":"circular-progress-bar__xxl_1xpvo","xl":"circular-progress-bar__xl_1xpvo","l":"circular-progress-bar__l_1xpvo","m":"circular-progress-bar__m_1xpvo","s":"circular-progress-bar__s_1xpvo","xs":"circular-progress-bar__xs_1xpvo","backgroundCircle":"circular-progress-bar__backgroundCircle_1xpvo","progressCircle":"circular-progress-bar__progressCircle_1xpvo","positive":"circular-progress-bar__positive_1xpvo","negative":"circular-progress-bar__negative_1xpvo","stroke":"circular-progress-bar__stroke_1xpvo","bg-positive":"circular-progress-bar__bg-positive_1xpvo","bg-negative":"circular-progress-bar__bg-negative_1xpvo","iconWrapper":"circular-progress-bar__iconWrapper_1xpvo","icon-tertiary":"circular-progress-bar__icon-tertiary_1xpvo","icon-positive":"circular-progress-bar__icon-positive_1xpvo","icon-negative":"circular-progress-bar__icon-negative_1xpvo","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1xpvo","icon-primary":"circular-progress-bar__icon-primary_1xpvo","icon-secondary":"circular-progress-bar__icon-secondary_1xpvo","icon":"circular-progress-bar__icon_1xpvo"};
6
6
  require('./index.css')
7
7
 
8
8
  const SIZES = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1it8k */
1
+ /* hash: hgsqc */
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_577l6 {
37
+ .circular-progress-bar__component_1xpvo {
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_577l6 {
43
+ .circular-progress-bar__svg_1xpvo {
44
44
  display: block;
45
45
  width: 100%;
46
46
  }
47
- .circular-progress-bar__title_577l6,
48
- .circular-progress-bar__subtitle_577l6 {
47
+ .circular-progress-bar__title_1xpvo,
48
+ .circular-progress-bar__subtitle_1xpvo {
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_577l6 {
55
+ .circular-progress-bar__subtitle_1xpvo {
56
56
  max-height: 40px;
57
57
  }
58
- .circular-progress-bar__labelWrapper_577l6 {
58
+ .circular-progress-bar__labelWrapper_1xpvo {
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_577l6.circular-progress-bar__label_577l6 {
66
+ .circular-progress-bar__labelWrapper_1xpvo.circular-progress-bar__label_1xpvo {
67
67
  display: flex;
68
68
  align-items: center;
69
69
  justify-content: center;
70
70
  }
71
- .circular-progress-bar__typography_577l6 {
71
+ .circular-progress-bar__typography_1xpvo {
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_577l6 {
76
+ .circular-progress-bar__xxl_1xpvo {
77
77
  width: 144px;
78
78
  height: 144px
79
79
  }
80
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__labelWrapper_577l6 {
80
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
81
81
  max-width: 128px;
82
82
  }
83
- .circular-progress-bar__xxl_577l6 .circular-progress-bar__title_577l6 {
83
+ .circular-progress-bar__xxl_1xpvo .circular-progress-bar__title_1xpvo {
84
84
  max-height: 32px;
85
85
  }
86
- .circular-progress-bar__xl_577l6 {
86
+ .circular-progress-bar__xl_1xpvo {
87
87
  width: 128px;
88
88
  height: 128px
89
89
  }
90
- .circular-progress-bar__xl_577l6 .circular-progress-bar__labelWrapper_577l6 {
90
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
91
91
  max-width: 108px;
92
92
  }
93
- .circular-progress-bar__xl_577l6 .circular-progress-bar__title_577l6 {
93
+ .circular-progress-bar__xl_1xpvo .circular-progress-bar__title_1xpvo {
94
94
  max-height: 32px;
95
95
  }
96
- .circular-progress-bar__l_577l6 {
96
+ .circular-progress-bar__l_1xpvo {
97
97
  width: 80px;
98
98
  height: 80px
99
99
  }
100
- .circular-progress-bar__l_577l6 .circular-progress-bar__labelWrapper_577l6 {
100
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
101
101
  max-width: 64px;
102
102
  }
103
- .circular-progress-bar__l_577l6 .circular-progress-bar__title_577l6 {
103
+ .circular-progress-bar__l_1xpvo .circular-progress-bar__title_1xpvo {
104
104
  max-height: 24px;
105
105
  }
106
- .circular-progress-bar__m_577l6 {
106
+ .circular-progress-bar__m_1xpvo {
107
107
  width: 64px;
108
108
  height: 64px
109
109
  }
110
- .circular-progress-bar__m_577l6 .circular-progress-bar__labelWrapper_577l6 {
110
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
111
111
  max-width: 48px;
112
112
  }
113
- .circular-progress-bar__m_577l6 .circular-progress-bar__title_577l6 {
113
+ .circular-progress-bar__m_1xpvo .circular-progress-bar__title_1xpvo {
114
114
  max-height: 16px;
115
115
  margin: 0;
116
116
  }
117
- .circular-progress-bar__s_577l6 {
117
+ .circular-progress-bar__s_1xpvo {
118
118
  width: 48px;
119
119
  height: 48px
120
120
  }
121
- .circular-progress-bar__s_577l6 .circular-progress-bar__labelWrapper_577l6 {
121
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
122
122
  max-width: 40px;
123
123
  }
124
- .circular-progress-bar__s_577l6 .circular-progress-bar__title_577l6 {
124
+ .circular-progress-bar__s_1xpvo .circular-progress-bar__title_1xpvo {
125
125
  max-height: 16px;
126
126
  margin: 0;
127
127
  }
128
- .circular-progress-bar__xs_577l6 {
128
+ .circular-progress-bar__xs_1xpvo {
129
129
  width: 24px;
130
130
  height: 24px
131
131
  }
132
- .circular-progress-bar__xs_577l6 .circular-progress-bar__labelWrapper_577l6 {
132
+ .circular-progress-bar__xs_1xpvo .circular-progress-bar__labelWrapper_1xpvo {
133
133
  max-width: 24px;
134
134
  }
135
- .circular-progress-bar__backgroundCircle_577l6,
136
- .circular-progress-bar__progressCircle_577l6 {
135
+ .circular-progress-bar__backgroundCircle_1xpvo,
136
+ .circular-progress-bar__progressCircle_1xpvo {
137
137
  width: 100%;
138
138
  height: 100%;
139
139
  fill: transparent;
140
140
  }
141
- .circular-progress-bar__positive_577l6 {
141
+ .circular-progress-bar__positive_1xpvo {
142
142
  stroke: var(--circular-progress-bar-positive-color);
143
143
  }
144
- .circular-progress-bar__negative_577l6 {
144
+ .circular-progress-bar__negative_1xpvo {
145
145
  stroke: var(--circular-progress-bar-negative-color);
146
146
  }
147
- .circular-progress-bar__backgroundCircle_577l6 {
147
+ .circular-progress-bar__backgroundCircle_1xpvo {
148
148
  stroke: var(--circular-progress-bar-bg-color)
149
149
  }
150
- .circular-progress-bar__backgroundCircle_577l6.circular-progress-bar__stroke_577l6 {
150
+ .circular-progress-bar__backgroundCircle_1xpvo.circular-progress-bar__stroke_1xpvo {
151
151
  stroke: transparent;
152
152
  }
153
- .circular-progress-bar__progressCircle_577l6 {
153
+ .circular-progress-bar__progressCircle_1xpvo {
154
154
  stroke-linecap: round
155
155
  }
156
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-positive_577l6 {
156
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-positive_1xpvo {
157
157
  fill: var(--circular-progress-bar-positive-color);
158
158
  }
159
- .circular-progress-bar__progressCircle_577l6.circular-progress-bar__bg-negative_577l6 {
159
+ .circular-progress-bar__progressCircle_1xpvo.circular-progress-bar__bg-negative_1xpvo {
160
160
  fill: var(--circular-progress-bar-negative-color);
161
161
  }
162
- .circular-progress-bar__iconWrapper_577l6 {
162
+ .circular-progress-bar__iconWrapper_1xpvo {
163
163
  display: flex;
164
164
  align-items: center;
165
165
  justify-content: center
166
166
  }
167
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xxl_577l6 {
167
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xxl_1xpvo {
168
168
  max-width: 64px;
169
169
  max-height: 64px;
170
170
  }
171
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xl_577l6 {
171
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xl_1xpvo {
172
172
  max-width: 64px;
173
173
  max-height: 64px;
174
174
  }
175
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__l_577l6 {
175
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__l_1xpvo {
176
176
  max-width: 48px;
177
177
  max-height: 48px;
178
178
  }
179
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__m_577l6 {
179
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__m_1xpvo {
180
180
  max-width: 36px;
181
181
  max-height: 36px;
182
182
  }
183
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__s_577l6 {
183
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__s_1xpvo {
184
184
  max-width: 24px;
185
185
  max-height: 24px;
186
186
  }
187
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__xs_577l6 {
187
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__xs_1xpvo {
188
188
  max-width: 16px;
189
189
  max-height: 16px;
190
190
  }
191
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-tertiary_577l6 {
191
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-tertiary_1xpvo {
192
192
  color: var(--color-light-graphic-tertiary);
193
193
  }
194
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-positive_577l6 {
194
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-positive_1xpvo {
195
195
  color: var(--color-light-graphic-positive);
196
196
  }
197
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-negative_577l6 {
197
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-negative_1xpvo {
198
198
  color: var(--color-light-graphic-negative);
199
199
  }
200
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary-inverted_577l6 {
200
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary-inverted_1xpvo {
201
201
  color: var(--color-light-graphic-primary-inverted);
202
202
  }
203
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-primary_577l6 {
203
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-primary_1xpvo {
204
204
  color: var(--color-light-graphic-primary);
205
205
  }
206
- .circular-progress-bar__iconWrapper_577l6.circular-progress-bar__icon-secondary_577l6 {
206
+ .circular-progress-bar__iconWrapper_1xpvo.circular-progress-bar__icon-secondary_1xpvo {
207
207
  color: var(--color-light-graphic-secondary);
208
208
  }
209
- .circular-progress-bar__icon_577l6 {
209
+ .circular-progress-bar__icon_1xpvo {
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": "3.0.4",
3
+ "version": "3.0.5",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -14,7 +14,7 @@
14
14
  "directory": "dist"
15
15
  },
16
16
  "dependencies": {
17
- "@alfalab/core-components-typography": "^3.0.4",
17
+ "@alfalab/core-components-typography": "^3.0.5",
18
18
  "classnames": "^2.3.1"
19
19
  },
20
20
  "peerDependencies": {