@alfalab/core-components-circular-progress-bar 3.0.10 → 3.0.11

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
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
10
10
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
11
11
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
12
12
 
13
- var styles = {"component":"circular-progress-bar__component_b6h52","svg":"circular-progress-bar__svg_b6h52","title":"circular-progress-bar__title_b6h52","subtitle":"circular-progress-bar__subtitle_b6h52","labelWrapper":"circular-progress-bar__labelWrapper_b6h52","label":"circular-progress-bar__label_b6h52","typography":"circular-progress-bar__typography_b6h52","xxl":"circular-progress-bar__xxl_b6h52","xl":"circular-progress-bar__xl_b6h52","l":"circular-progress-bar__l_b6h52","m":"circular-progress-bar__m_b6h52","s":"circular-progress-bar__s_b6h52","xs":"circular-progress-bar__xs_b6h52","backgroundCircle":"circular-progress-bar__backgroundCircle_b6h52","progressCircle":"circular-progress-bar__progressCircle_b6h52","positive":"circular-progress-bar__positive_b6h52","negative":"circular-progress-bar__negative_b6h52","stroke":"circular-progress-bar__stroke_b6h52","bg-positive":"circular-progress-bar__bg-positive_b6h52","bg-negative":"circular-progress-bar__bg-negative_b6h52","iconWrapper":"circular-progress-bar__iconWrapper_b6h52","icon-tertiary":"circular-progress-bar__icon-tertiary_b6h52","icon-positive":"circular-progress-bar__icon-positive_b6h52","icon-negative":"circular-progress-bar__icon-negative_b6h52","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_b6h52","icon-primary":"circular-progress-bar__icon-primary_b6h52","icon-secondary":"circular-progress-bar__icon-secondary_b6h52","icon":"circular-progress-bar__icon_b6h52"};
13
+ var styles = {"component":"circular-progress-bar__component_1kb3w","svg":"circular-progress-bar__svg_1kb3w","title":"circular-progress-bar__title_1kb3w","subtitle":"circular-progress-bar__subtitle_1kb3w","labelWrapper":"circular-progress-bar__labelWrapper_1kb3w","label":"circular-progress-bar__label_1kb3w","typography":"circular-progress-bar__typography_1kb3w","xxl":"circular-progress-bar__xxl_1kb3w","xl":"circular-progress-bar__xl_1kb3w","l":"circular-progress-bar__l_1kb3w","m":"circular-progress-bar__m_1kb3w","s":"circular-progress-bar__s_1kb3w","xs":"circular-progress-bar__xs_1kb3w","backgroundCircle":"circular-progress-bar__backgroundCircle_1kb3w","progressCircle":"circular-progress-bar__progressCircle_1kb3w","positive":"circular-progress-bar__positive_1kb3w","negative":"circular-progress-bar__negative_1kb3w","stroke":"circular-progress-bar__stroke_1kb3w","bg-positive":"circular-progress-bar__bg-positive_1kb3w","bg-negative":"circular-progress-bar__bg-negative_1kb3w","iconWrapper":"circular-progress-bar__iconWrapper_1kb3w","icon-tertiary":"circular-progress-bar__icon-tertiary_1kb3w","icon-positive":"circular-progress-bar__icon-positive_1kb3w","icon-negative":"circular-progress-bar__icon-negative_1kb3w","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1kb3w","icon-primary":"circular-progress-bar__icon-primary_1kb3w","icon-secondary":"circular-progress-bar__icon-secondary_1kb3w","icon":"circular-progress-bar__icon_1kb3w"};
14
14
  require('./index.css')
15
15
 
16
16
  var SIZES = {
package/esm/Component.js CHANGED
@@ -3,7 +3,7 @@ import React, { useMemo } from 'react';
3
3
  import cn from 'classnames';
4
4
  import { Typography } from '@alfalab/core-components-typography/esm';
5
5
 
6
- var styles = {"component":"circular-progress-bar__component_b6h52","svg":"circular-progress-bar__svg_b6h52","title":"circular-progress-bar__title_b6h52","subtitle":"circular-progress-bar__subtitle_b6h52","labelWrapper":"circular-progress-bar__labelWrapper_b6h52","label":"circular-progress-bar__label_b6h52","typography":"circular-progress-bar__typography_b6h52","xxl":"circular-progress-bar__xxl_b6h52","xl":"circular-progress-bar__xl_b6h52","l":"circular-progress-bar__l_b6h52","m":"circular-progress-bar__m_b6h52","s":"circular-progress-bar__s_b6h52","xs":"circular-progress-bar__xs_b6h52","backgroundCircle":"circular-progress-bar__backgroundCircle_b6h52","progressCircle":"circular-progress-bar__progressCircle_b6h52","positive":"circular-progress-bar__positive_b6h52","negative":"circular-progress-bar__negative_b6h52","stroke":"circular-progress-bar__stroke_b6h52","bg-positive":"circular-progress-bar__bg-positive_b6h52","bg-negative":"circular-progress-bar__bg-negative_b6h52","iconWrapper":"circular-progress-bar__iconWrapper_b6h52","icon-tertiary":"circular-progress-bar__icon-tertiary_b6h52","icon-positive":"circular-progress-bar__icon-positive_b6h52","icon-negative":"circular-progress-bar__icon-negative_b6h52","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_b6h52","icon-primary":"circular-progress-bar__icon-primary_b6h52","icon-secondary":"circular-progress-bar__icon-secondary_b6h52","icon":"circular-progress-bar__icon_b6h52"};
6
+ var styles = {"component":"circular-progress-bar__component_1kb3w","svg":"circular-progress-bar__svg_1kb3w","title":"circular-progress-bar__title_1kb3w","subtitle":"circular-progress-bar__subtitle_1kb3w","labelWrapper":"circular-progress-bar__labelWrapper_1kb3w","label":"circular-progress-bar__label_1kb3w","typography":"circular-progress-bar__typography_1kb3w","xxl":"circular-progress-bar__xxl_1kb3w","xl":"circular-progress-bar__xl_1kb3w","l":"circular-progress-bar__l_1kb3w","m":"circular-progress-bar__m_1kb3w","s":"circular-progress-bar__s_1kb3w","xs":"circular-progress-bar__xs_1kb3w","backgroundCircle":"circular-progress-bar__backgroundCircle_1kb3w","progressCircle":"circular-progress-bar__progressCircle_1kb3w","positive":"circular-progress-bar__positive_1kb3w","negative":"circular-progress-bar__negative_1kb3w","stroke":"circular-progress-bar__stroke_1kb3w","bg-positive":"circular-progress-bar__bg-positive_1kb3w","bg-negative":"circular-progress-bar__bg-negative_1kb3w","iconWrapper":"circular-progress-bar__iconWrapper_1kb3w","icon-tertiary":"circular-progress-bar__icon-tertiary_1kb3w","icon-positive":"circular-progress-bar__icon-positive_1kb3w","icon-negative":"circular-progress-bar__icon-negative_1kb3w","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1kb3w","icon-primary":"circular-progress-bar__icon-primary_1kb3w","icon-secondary":"circular-progress-bar__icon-secondary_1kb3w","icon":"circular-progress-bar__icon_1kb3w"};
7
7
  require('./index.css')
8
8
 
9
9
  var SIZES = {
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vvwv */
1
+ /* hash: ata8w */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dbdee1;
@@ -36,134 +36,134 @@
36
36
  /* theme */
37
37
  --circular-progress-bar-font-family: var(--font-family-system);
38
38
  --circular-progress-bar-font-weight: 600;
39
- } .circular-progress-bar__component_b6h52 {
39
+ } .circular-progress-bar__component_1kb3w {
40
40
  position: relative;
41
41
  display: flex;
42
42
  justify-content: center;
43
43
  align-items: center;
44
- } .circular-progress-bar__svg_b6h52 {
44
+ } .circular-progress-bar__svg_1kb3w {
45
45
  display: block;
46
46
  width: 100%;
47
- } .circular-progress-bar__title_b6h52,
48
- .circular-progress-bar__subtitle_b6h52 {
47
+ } .circular-progress-bar__title_1kb3w,
48
+ .circular-progress-bar__subtitle_1kb3w {
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
- } .circular-progress-bar__subtitle_b6h52 {
54
+ } .circular-progress-bar__subtitle_1kb3w {
55
55
  max-height: 40px;
56
- } .circular-progress-bar__labelWrapper_b6h52 {
56
+ } .circular-progress-bar__labelWrapper_1kb3w {
57
57
  text-align: center;
58
58
  position: absolute;
59
59
  top: 50%;
60
60
  left: 50%;
61
61
  width: 100%;
62
62
  transform: translate(-50%, -50%)
63
- } .circular-progress-bar__labelWrapper_b6h52.circular-progress-bar__label_b6h52 {
63
+ } .circular-progress-bar__labelWrapper_1kb3w.circular-progress-bar__label_1kb3w {
64
64
  display: flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
- } .circular-progress-bar__typography_b6h52 {
67
+ } .circular-progress-bar__typography_1kb3w {
68
68
  font-feature-settings: 'ss01';
69
69
  font-weight: var(--circular-progress-bar-font-weight);
70
70
  font-family: var(--circular-progress-bar-font-family);
71
- } .circular-progress-bar__xxl_b6h52 {
71
+ } .circular-progress-bar__xxl_1kb3w {
72
72
  width: 144px;
73
73
  height: 144px
74
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
74
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
75
75
  max-width: 128px;
76
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__title_b6h52 {
76
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__title_1kb3w {
77
77
  max-height: 32px;
78
- } .circular-progress-bar__xl_b6h52 {
78
+ } .circular-progress-bar__xl_1kb3w {
79
79
  width: 128px;
80
80
  height: 128px
81
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
81
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
82
82
  max-width: 108px;
83
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__title_b6h52 {
83
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__title_1kb3w {
84
84
  max-height: 32px;
85
- } .circular-progress-bar__l_b6h52 {
85
+ } .circular-progress-bar__l_1kb3w {
86
86
  width: 80px;
87
87
  height: 80px
88
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
88
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
89
89
  max-width: 64px;
90
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__title_b6h52 {
90
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__title_1kb3w {
91
91
  max-height: 24px;
92
- } .circular-progress-bar__m_b6h52 {
92
+ } .circular-progress-bar__m_1kb3w {
93
93
  width: 64px;
94
94
  height: 64px
95
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
95
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
96
96
  max-width: 48px;
97
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__title_b6h52 {
97
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__title_1kb3w {
98
98
  max-height: 16px;
99
99
  margin: 0;
100
- } .circular-progress-bar__s_b6h52 {
100
+ } .circular-progress-bar__s_1kb3w {
101
101
  width: 48px;
102
102
  height: 48px
103
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
103
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
104
104
  max-width: 40px;
105
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__title_b6h52 {
105
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__title_1kb3w {
106
106
  max-height: 16px;
107
107
  margin: 0;
108
- } .circular-progress-bar__xs_b6h52 {
108
+ } .circular-progress-bar__xs_1kb3w {
109
109
  width: 24px;
110
110
  height: 24px
111
- } .circular-progress-bar__xs_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
111
+ } .circular-progress-bar__xs_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
112
112
  max-width: 24px;
113
- } .circular-progress-bar__backgroundCircle_b6h52,
114
- .circular-progress-bar__progressCircle_b6h52 {
113
+ } .circular-progress-bar__backgroundCircle_1kb3w,
114
+ .circular-progress-bar__progressCircle_1kb3w {
115
115
  width: 100%;
116
116
  height: 100%;
117
117
  fill: transparent;
118
- } .circular-progress-bar__positive_b6h52 {
118
+ } .circular-progress-bar__positive_1kb3w {
119
119
  stroke: var(--circular-progress-bar-positive-color);
120
- } .circular-progress-bar__negative_b6h52 {
120
+ } .circular-progress-bar__negative_1kb3w {
121
121
  stroke: var(--circular-progress-bar-negative-color);
122
- } .circular-progress-bar__backgroundCircle_b6h52 {
122
+ } .circular-progress-bar__backgroundCircle_1kb3w {
123
123
  stroke: var(--circular-progress-bar-stroke-color)
124
- } .circular-progress-bar__backgroundCircle_b6h52.circular-progress-bar__stroke_b6h52 {
124
+ } .circular-progress-bar__backgroundCircle_1kb3w.circular-progress-bar__stroke_1kb3w {
125
125
  stroke: transparent;
126
- } .circular-progress-bar__progressCircle_b6h52 {
126
+ } .circular-progress-bar__progressCircle_1kb3w {
127
127
  stroke-linecap: round
128
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-positive_b6h52 {
128
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-positive_1kb3w {
129
129
  fill: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-negative_b6h52 {
130
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-negative_1kb3w {
131
131
  fill: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__iconWrapper_b6h52 {
132
+ } .circular-progress-bar__iconWrapper_1kb3w {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  justify-content: center
136
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xxl_b6h52 {
136
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xxl_1kb3w {
137
137
  max-width: 64px;
138
138
  max-height: 64px;
139
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xl_b6h52 {
139
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xl_1kb3w {
140
140
  max-width: 64px;
141
141
  max-height: 64px;
142
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__l_b6h52 {
142
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__l_1kb3w {
143
143
  max-width: 48px;
144
144
  max-height: 48px;
145
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__m_b6h52 {
145
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__m_1kb3w {
146
146
  max-width: 36px;
147
147
  max-height: 36px;
148
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__s_b6h52 {
148
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__s_1kb3w {
149
149
  max-width: 24px;
150
150
  max-height: 24px;
151
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xs_b6h52 {
151
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xs_1kb3w {
152
152
  max-width: 16px;
153
153
  max-height: 16px;
154
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-tertiary_b6h52 {
154
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-tertiary_1kb3w {
155
155
  color: var(--color-light-graphic-tertiary);
156
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-positive_b6h52 {
156
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-positive_1kb3w {
157
157
  color: var(--color-light-graphic-positive);
158
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-negative_b6h52 {
158
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-negative_1kb3w {
159
159
  color: var(--color-light-graphic-negative);
160
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary-inverted_b6h52 {
160
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary-inverted_1kb3w {
161
161
  color: var(--color-light-graphic-primary-inverted);
162
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary_b6h52 {
162
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary_1kb3w {
163
163
  color: var(--color-light-graphic-primary);
164
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-secondary_b6h52 {
164
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-secondary_1kb3w {
165
165
  color: var(--color-light-graphic-secondary);
166
- } .circular-progress-bar__icon_b6h52 {
166
+ } .circular-progress-bar__icon_1kb3w {
167
167
  width: 100%;
168
168
  height: 100%;
169
169
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vvwv */
1
+ /* hash: ata8w */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dbdee1;
@@ -36,134 +36,134 @@
36
36
  /* theme */
37
37
  --circular-progress-bar-font-family: var(--font-family-system);
38
38
  --circular-progress-bar-font-weight: 600;
39
- } .circular-progress-bar__component_b6h52 {
39
+ } .circular-progress-bar__component_1kb3w {
40
40
  position: relative;
41
41
  display: flex;
42
42
  justify-content: center;
43
43
  align-items: center;
44
- } .circular-progress-bar__svg_b6h52 {
44
+ } .circular-progress-bar__svg_1kb3w {
45
45
  display: block;
46
46
  width: 100%;
47
- } .circular-progress-bar__title_b6h52,
48
- .circular-progress-bar__subtitle_b6h52 {
47
+ } .circular-progress-bar__title_1kb3w,
48
+ .circular-progress-bar__subtitle_1kb3w {
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
- } .circular-progress-bar__subtitle_b6h52 {
54
+ } .circular-progress-bar__subtitle_1kb3w {
55
55
  max-height: 40px;
56
- } .circular-progress-bar__labelWrapper_b6h52 {
56
+ } .circular-progress-bar__labelWrapper_1kb3w {
57
57
  text-align: center;
58
58
  position: absolute;
59
59
  top: 50%;
60
60
  left: 50%;
61
61
  width: 100%;
62
62
  transform: translate(-50%, -50%)
63
- } .circular-progress-bar__labelWrapper_b6h52.circular-progress-bar__label_b6h52 {
63
+ } .circular-progress-bar__labelWrapper_1kb3w.circular-progress-bar__label_1kb3w {
64
64
  display: flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
- } .circular-progress-bar__typography_b6h52 {
67
+ } .circular-progress-bar__typography_1kb3w {
68
68
  font-feature-settings: 'ss01';
69
69
  font-weight: var(--circular-progress-bar-font-weight);
70
70
  font-family: var(--circular-progress-bar-font-family);
71
- } .circular-progress-bar__xxl_b6h52 {
71
+ } .circular-progress-bar__xxl_1kb3w {
72
72
  width: 144px;
73
73
  height: 144px
74
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
74
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
75
75
  max-width: 128px;
76
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__title_b6h52 {
76
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__title_1kb3w {
77
77
  max-height: 32px;
78
- } .circular-progress-bar__xl_b6h52 {
78
+ } .circular-progress-bar__xl_1kb3w {
79
79
  width: 128px;
80
80
  height: 128px
81
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
81
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
82
82
  max-width: 108px;
83
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__title_b6h52 {
83
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__title_1kb3w {
84
84
  max-height: 32px;
85
- } .circular-progress-bar__l_b6h52 {
85
+ } .circular-progress-bar__l_1kb3w {
86
86
  width: 80px;
87
87
  height: 80px
88
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
88
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
89
89
  max-width: 64px;
90
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__title_b6h52 {
90
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__title_1kb3w {
91
91
  max-height: 24px;
92
- } .circular-progress-bar__m_b6h52 {
92
+ } .circular-progress-bar__m_1kb3w {
93
93
  width: 64px;
94
94
  height: 64px
95
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
95
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
96
96
  max-width: 48px;
97
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__title_b6h52 {
97
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__title_1kb3w {
98
98
  max-height: 16px;
99
99
  margin: 0;
100
- } .circular-progress-bar__s_b6h52 {
100
+ } .circular-progress-bar__s_1kb3w {
101
101
  width: 48px;
102
102
  height: 48px
103
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
103
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
104
104
  max-width: 40px;
105
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__title_b6h52 {
105
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__title_1kb3w {
106
106
  max-height: 16px;
107
107
  margin: 0;
108
- } .circular-progress-bar__xs_b6h52 {
108
+ } .circular-progress-bar__xs_1kb3w {
109
109
  width: 24px;
110
110
  height: 24px
111
- } .circular-progress-bar__xs_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
111
+ } .circular-progress-bar__xs_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
112
112
  max-width: 24px;
113
- } .circular-progress-bar__backgroundCircle_b6h52,
114
- .circular-progress-bar__progressCircle_b6h52 {
113
+ } .circular-progress-bar__backgroundCircle_1kb3w,
114
+ .circular-progress-bar__progressCircle_1kb3w {
115
115
  width: 100%;
116
116
  height: 100%;
117
117
  fill: transparent;
118
- } .circular-progress-bar__positive_b6h52 {
118
+ } .circular-progress-bar__positive_1kb3w {
119
119
  stroke: var(--circular-progress-bar-positive-color);
120
- } .circular-progress-bar__negative_b6h52 {
120
+ } .circular-progress-bar__negative_1kb3w {
121
121
  stroke: var(--circular-progress-bar-negative-color);
122
- } .circular-progress-bar__backgroundCircle_b6h52 {
122
+ } .circular-progress-bar__backgroundCircle_1kb3w {
123
123
  stroke: var(--circular-progress-bar-stroke-color)
124
- } .circular-progress-bar__backgroundCircle_b6h52.circular-progress-bar__stroke_b6h52 {
124
+ } .circular-progress-bar__backgroundCircle_1kb3w.circular-progress-bar__stroke_1kb3w {
125
125
  stroke: transparent;
126
- } .circular-progress-bar__progressCircle_b6h52 {
126
+ } .circular-progress-bar__progressCircle_1kb3w {
127
127
  stroke-linecap: round
128
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-positive_b6h52 {
128
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-positive_1kb3w {
129
129
  fill: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-negative_b6h52 {
130
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-negative_1kb3w {
131
131
  fill: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__iconWrapper_b6h52 {
132
+ } .circular-progress-bar__iconWrapper_1kb3w {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  justify-content: center
136
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xxl_b6h52 {
136
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xxl_1kb3w {
137
137
  max-width: 64px;
138
138
  max-height: 64px;
139
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xl_b6h52 {
139
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xl_1kb3w {
140
140
  max-width: 64px;
141
141
  max-height: 64px;
142
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__l_b6h52 {
142
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__l_1kb3w {
143
143
  max-width: 48px;
144
144
  max-height: 48px;
145
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__m_b6h52 {
145
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__m_1kb3w {
146
146
  max-width: 36px;
147
147
  max-height: 36px;
148
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__s_b6h52 {
148
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__s_1kb3w {
149
149
  max-width: 24px;
150
150
  max-height: 24px;
151
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xs_b6h52 {
151
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xs_1kb3w {
152
152
  max-width: 16px;
153
153
  max-height: 16px;
154
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-tertiary_b6h52 {
154
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-tertiary_1kb3w {
155
155
  color: var(--color-light-graphic-tertiary);
156
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-positive_b6h52 {
156
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-positive_1kb3w {
157
157
  color: var(--color-light-graphic-positive);
158
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-negative_b6h52 {
158
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-negative_1kb3w {
159
159
  color: var(--color-light-graphic-negative);
160
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary-inverted_b6h52 {
160
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary-inverted_1kb3w {
161
161
  color: var(--color-light-graphic-primary-inverted);
162
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary_b6h52 {
162
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary_1kb3w {
163
163
  color: var(--color-light-graphic-primary);
164
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-secondary_b6h52 {
164
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-secondary_1kb3w {
165
165
  color: var(--color-light-graphic-secondary);
166
- } .circular-progress-bar__icon_b6h52 {
166
+ } .circular-progress-bar__icon_1kb3w {
167
167
  width: 100%;
168
168
  height: 100%;
169
169
  }
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
- const styles = {"component":"circular-progress-bar__component_b6h52","svg":"circular-progress-bar__svg_b6h52","title":"circular-progress-bar__title_b6h52","subtitle":"circular-progress-bar__subtitle_b6h52","labelWrapper":"circular-progress-bar__labelWrapper_b6h52","label":"circular-progress-bar__label_b6h52","typography":"circular-progress-bar__typography_b6h52","xxl":"circular-progress-bar__xxl_b6h52","xl":"circular-progress-bar__xl_b6h52","l":"circular-progress-bar__l_b6h52","m":"circular-progress-bar__m_b6h52","s":"circular-progress-bar__s_b6h52","xs":"circular-progress-bar__xs_b6h52","backgroundCircle":"circular-progress-bar__backgroundCircle_b6h52","progressCircle":"circular-progress-bar__progressCircle_b6h52","positive":"circular-progress-bar__positive_b6h52","negative":"circular-progress-bar__negative_b6h52","stroke":"circular-progress-bar__stroke_b6h52","bg-positive":"circular-progress-bar__bg-positive_b6h52","bg-negative":"circular-progress-bar__bg-negative_b6h52","iconWrapper":"circular-progress-bar__iconWrapper_b6h52","icon-tertiary":"circular-progress-bar__icon-tertiary_b6h52","icon-positive":"circular-progress-bar__icon-positive_b6h52","icon-negative":"circular-progress-bar__icon-negative_b6h52","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_b6h52","icon-primary":"circular-progress-bar__icon-primary_b6h52","icon-secondary":"circular-progress-bar__icon-secondary_b6h52","icon":"circular-progress-bar__icon_b6h52"};
5
+ const styles = {"component":"circular-progress-bar__component_1kb3w","svg":"circular-progress-bar__svg_1kb3w","title":"circular-progress-bar__title_1kb3w","subtitle":"circular-progress-bar__subtitle_1kb3w","labelWrapper":"circular-progress-bar__labelWrapper_1kb3w","label":"circular-progress-bar__label_1kb3w","typography":"circular-progress-bar__typography_1kb3w","xxl":"circular-progress-bar__xxl_1kb3w","xl":"circular-progress-bar__xl_1kb3w","l":"circular-progress-bar__l_1kb3w","m":"circular-progress-bar__m_1kb3w","s":"circular-progress-bar__s_1kb3w","xs":"circular-progress-bar__xs_1kb3w","backgroundCircle":"circular-progress-bar__backgroundCircle_1kb3w","progressCircle":"circular-progress-bar__progressCircle_1kb3w","positive":"circular-progress-bar__positive_1kb3w","negative":"circular-progress-bar__negative_1kb3w","stroke":"circular-progress-bar__stroke_1kb3w","bg-positive":"circular-progress-bar__bg-positive_1kb3w","bg-negative":"circular-progress-bar__bg-negative_1kb3w","iconWrapper":"circular-progress-bar__iconWrapper_1kb3w","icon-tertiary":"circular-progress-bar__icon-tertiary_1kb3w","icon-positive":"circular-progress-bar__icon-positive_1kb3w","icon-negative":"circular-progress-bar__icon-negative_1kb3w","icon-primary-inverted":"circular-progress-bar__icon-primary-inverted_1kb3w","icon-primary":"circular-progress-bar__icon-primary_1kb3w","icon-secondary":"circular-progress-bar__icon-secondary_1kb3w","icon":"circular-progress-bar__icon_1kb3w"};
6
6
  require('./index.css')
7
7
 
8
8
  const SIZES = {
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1vvwv */
1
+ /* hash: ata8w */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-border-primary: #dbdee1;
@@ -36,134 +36,134 @@
36
36
  /* theme */
37
37
  --circular-progress-bar-font-family: var(--font-family-system);
38
38
  --circular-progress-bar-font-weight: 600;
39
- } .circular-progress-bar__component_b6h52 {
39
+ } .circular-progress-bar__component_1kb3w {
40
40
  position: relative;
41
41
  display: flex;
42
42
  justify-content: center;
43
43
  align-items: center;
44
- } .circular-progress-bar__svg_b6h52 {
44
+ } .circular-progress-bar__svg_1kb3w {
45
45
  display: block;
46
46
  width: 100%;
47
- } .circular-progress-bar__title_b6h52,
48
- .circular-progress-bar__subtitle_b6h52 {
47
+ } .circular-progress-bar__title_1kb3w,
48
+ .circular-progress-bar__subtitle_1kb3w {
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
- } .circular-progress-bar__subtitle_b6h52 {
54
+ } .circular-progress-bar__subtitle_1kb3w {
55
55
  max-height: 40px;
56
- } .circular-progress-bar__labelWrapper_b6h52 {
56
+ } .circular-progress-bar__labelWrapper_1kb3w {
57
57
  text-align: center;
58
58
  position: absolute;
59
59
  top: 50%;
60
60
  left: 50%;
61
61
  width: 100%;
62
62
  transform: translate(-50%, -50%)
63
- } .circular-progress-bar__labelWrapper_b6h52.circular-progress-bar__label_b6h52 {
63
+ } .circular-progress-bar__labelWrapper_1kb3w.circular-progress-bar__label_1kb3w {
64
64
  display: flex;
65
65
  align-items: center;
66
66
  justify-content: center;
67
- } .circular-progress-bar__typography_b6h52 {
67
+ } .circular-progress-bar__typography_1kb3w {
68
68
  font-feature-settings: 'ss01';
69
69
  font-weight: var(--circular-progress-bar-font-weight);
70
70
  font-family: var(--circular-progress-bar-font-family);
71
- } .circular-progress-bar__xxl_b6h52 {
71
+ } .circular-progress-bar__xxl_1kb3w {
72
72
  width: 144px;
73
73
  height: 144px
74
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
74
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
75
75
  max-width: 128px;
76
- } .circular-progress-bar__xxl_b6h52 .circular-progress-bar__title_b6h52 {
76
+ } .circular-progress-bar__xxl_1kb3w .circular-progress-bar__title_1kb3w {
77
77
  max-height: 32px;
78
- } .circular-progress-bar__xl_b6h52 {
78
+ } .circular-progress-bar__xl_1kb3w {
79
79
  width: 128px;
80
80
  height: 128px
81
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
81
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
82
82
  max-width: 108px;
83
- } .circular-progress-bar__xl_b6h52 .circular-progress-bar__title_b6h52 {
83
+ } .circular-progress-bar__xl_1kb3w .circular-progress-bar__title_1kb3w {
84
84
  max-height: 32px;
85
- } .circular-progress-bar__l_b6h52 {
85
+ } .circular-progress-bar__l_1kb3w {
86
86
  width: 80px;
87
87
  height: 80px
88
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
88
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
89
89
  max-width: 64px;
90
- } .circular-progress-bar__l_b6h52 .circular-progress-bar__title_b6h52 {
90
+ } .circular-progress-bar__l_1kb3w .circular-progress-bar__title_1kb3w {
91
91
  max-height: 24px;
92
- } .circular-progress-bar__m_b6h52 {
92
+ } .circular-progress-bar__m_1kb3w {
93
93
  width: 64px;
94
94
  height: 64px
95
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
95
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
96
96
  max-width: 48px;
97
- } .circular-progress-bar__m_b6h52 .circular-progress-bar__title_b6h52 {
97
+ } .circular-progress-bar__m_1kb3w .circular-progress-bar__title_1kb3w {
98
98
  max-height: 16px;
99
99
  margin: 0;
100
- } .circular-progress-bar__s_b6h52 {
100
+ } .circular-progress-bar__s_1kb3w {
101
101
  width: 48px;
102
102
  height: 48px
103
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
103
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
104
104
  max-width: 40px;
105
- } .circular-progress-bar__s_b6h52 .circular-progress-bar__title_b6h52 {
105
+ } .circular-progress-bar__s_1kb3w .circular-progress-bar__title_1kb3w {
106
106
  max-height: 16px;
107
107
  margin: 0;
108
- } .circular-progress-bar__xs_b6h52 {
108
+ } .circular-progress-bar__xs_1kb3w {
109
109
  width: 24px;
110
110
  height: 24px
111
- } .circular-progress-bar__xs_b6h52 .circular-progress-bar__labelWrapper_b6h52 {
111
+ } .circular-progress-bar__xs_1kb3w .circular-progress-bar__labelWrapper_1kb3w {
112
112
  max-width: 24px;
113
- } .circular-progress-bar__backgroundCircle_b6h52,
114
- .circular-progress-bar__progressCircle_b6h52 {
113
+ } .circular-progress-bar__backgroundCircle_1kb3w,
114
+ .circular-progress-bar__progressCircle_1kb3w {
115
115
  width: 100%;
116
116
  height: 100%;
117
117
  fill: transparent;
118
- } .circular-progress-bar__positive_b6h52 {
118
+ } .circular-progress-bar__positive_1kb3w {
119
119
  stroke: var(--circular-progress-bar-positive-color);
120
- } .circular-progress-bar__negative_b6h52 {
120
+ } .circular-progress-bar__negative_1kb3w {
121
121
  stroke: var(--circular-progress-bar-negative-color);
122
- } .circular-progress-bar__backgroundCircle_b6h52 {
122
+ } .circular-progress-bar__backgroundCircle_1kb3w {
123
123
  stroke: var(--circular-progress-bar-stroke-color)
124
- } .circular-progress-bar__backgroundCircle_b6h52.circular-progress-bar__stroke_b6h52 {
124
+ } .circular-progress-bar__backgroundCircle_1kb3w.circular-progress-bar__stroke_1kb3w {
125
125
  stroke: transparent;
126
- } .circular-progress-bar__progressCircle_b6h52 {
126
+ } .circular-progress-bar__progressCircle_1kb3w {
127
127
  stroke-linecap: round
128
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-positive_b6h52 {
128
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-positive_1kb3w {
129
129
  fill: var(--circular-progress-bar-positive-color);
130
- } .circular-progress-bar__progressCircle_b6h52.circular-progress-bar__bg-negative_b6h52 {
130
+ } .circular-progress-bar__progressCircle_1kb3w.circular-progress-bar__bg-negative_1kb3w {
131
131
  fill: var(--circular-progress-bar-negative-color);
132
- } .circular-progress-bar__iconWrapper_b6h52 {
132
+ } .circular-progress-bar__iconWrapper_1kb3w {
133
133
  display: flex;
134
134
  align-items: center;
135
135
  justify-content: center
136
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xxl_b6h52 {
136
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xxl_1kb3w {
137
137
  max-width: 64px;
138
138
  max-height: 64px;
139
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xl_b6h52 {
139
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xl_1kb3w {
140
140
  max-width: 64px;
141
141
  max-height: 64px;
142
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__l_b6h52 {
142
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__l_1kb3w {
143
143
  max-width: 48px;
144
144
  max-height: 48px;
145
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__m_b6h52 {
145
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__m_1kb3w {
146
146
  max-width: 36px;
147
147
  max-height: 36px;
148
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__s_b6h52 {
148
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__s_1kb3w {
149
149
  max-width: 24px;
150
150
  max-height: 24px;
151
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__xs_b6h52 {
151
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__xs_1kb3w {
152
152
  max-width: 16px;
153
153
  max-height: 16px;
154
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-tertiary_b6h52 {
154
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-tertiary_1kb3w {
155
155
  color: var(--color-light-graphic-tertiary);
156
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-positive_b6h52 {
156
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-positive_1kb3w {
157
157
  color: var(--color-light-graphic-positive);
158
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-negative_b6h52 {
158
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-negative_1kb3w {
159
159
  color: var(--color-light-graphic-negative);
160
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary-inverted_b6h52 {
160
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary-inverted_1kb3w {
161
161
  color: var(--color-light-graphic-primary-inverted);
162
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-primary_b6h52 {
162
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-primary_1kb3w {
163
163
  color: var(--color-light-graphic-primary);
164
- } .circular-progress-bar__iconWrapper_b6h52.circular-progress-bar__icon-secondary_b6h52 {
164
+ } .circular-progress-bar__iconWrapper_1kb3w.circular-progress-bar__icon-secondary_1kb3w {
165
165
  color: var(--color-light-graphic-secondary);
166
- } .circular-progress-bar__icon_b6h52 {
166
+ } .circular-progress-bar__icon_1kb3w {
167
167
  width: 100%;
168
168
  height: 100%;
169
169
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-circular-progress-bar",
3
- "version": "3.0.10",
3
+ "version": "3.0.11",
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.1.1",
17
+ "@alfalab/core-components-typography": "^3.2.0",
18
18
  "classnames": "^2.3.1",
19
19
  "tslib": "^2.4.0"
20
20
  },