@salutejs/plasma-new-hope 0.338.0-canary.2280.18389973911.0 → 0.338.0-canary.2280.18412321271.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (80) hide show
  1. package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -0
  2. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +108 -0
  3. package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
  4. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +54 -0
  5. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -0
  6. package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles_m8m7d7.css +5 -0
  7. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +29 -0
  8. package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -0
  9. package/cjs/components/ProgressBarCircular/variations/_size/base.js +9 -0
  10. package/cjs/components/ProgressBarCircular/variations/_size/base.js.map +1 -0
  11. package/cjs/components/ProgressBarCircular/variations/_size/base_x642ct.css +1 -0
  12. package/cjs/components/ProgressBarCircular/variations/_view/base.js +9 -0
  13. package/cjs/components/ProgressBarCircular/variations/_view/base.js.map +1 -0
  14. package/cjs/components/ProgressBarCircular/variations/_view/base_x642ct.css +1 -0
  15. package/cjs/index.css +6 -0
  16. package/cjs/index.js +7 -0
  17. package/cjs/index.js.map +1 -1
  18. package/cjs/utils/getTokenValueInPixels.js +31 -0
  19. package/cjs/utils/getTokenValueInPixels.js.map +1 -0
  20. package/cjs/utils/index.js.map +1 -1
  21. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +74 -8
  22. package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +49 -4
  23. package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +13 -12
  24. package/emotion/cjs/index.js +1 -0
  25. package/emotion/cjs/utils/getTokenValueInPixels.js +76 -0
  26. package/emotion/cjs/utils/index.js +4 -0
  27. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +78 -12
  28. package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +25 -2
  29. package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +13 -12
  30. package/emotion/es/index.js +1 -0
  31. package/emotion/es/utils/getTokenValueInPixels.js +66 -0
  32. package/emotion/es/utils/index.js +1 -0
  33. package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -0
  34. package/es/components/ProgressBarCircular/ProgressBarCircular.js +99 -0
  35. package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
  36. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +46 -0
  37. package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -0
  38. package/es/components/ProgressBarCircular/ProgressBarCircular.styles_m8m7d7.css +5 -0
  39. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +24 -0
  40. package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -0
  41. package/es/components/ProgressBarCircular/variations/_size/base.js +5 -0
  42. package/es/components/ProgressBarCircular/variations/_size/base.js.map +1 -0
  43. package/es/components/ProgressBarCircular/variations/_size/base_x642ct.css +1 -0
  44. package/es/components/ProgressBarCircular/variations/_view/base.js +5 -0
  45. package/es/components/ProgressBarCircular/variations/_view/base.js.map +1 -0
  46. package/es/components/ProgressBarCircular/variations/_view/base_x642ct.css +1 -0
  47. package/es/index.css +6 -0
  48. package/es/index.js +3 -0
  49. package/es/index.js.map +1 -1
  50. package/es/utils/getTokenValueInPixels.js +27 -0
  51. package/es/utils/getTokenValueInPixels.js.map +1 -0
  52. package/es/utils/index.js.map +1 -1
  53. package/package.json +2 -2
  54. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +74 -8
  55. package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +99 -15
  56. package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +16 -3
  57. package/styled-components/cjs/index.js +1 -0
  58. package/styled-components/cjs/utils/getTokenValueInPixels.js +76 -0
  59. package/styled-components/cjs/utils/index.js +4 -0
  60. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +78 -12
  61. package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +39 -12
  62. package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +16 -3
  63. package/styled-components/es/index.js +1 -0
  64. package/styled-components/es/utils/getTokenValueInPixels.js +66 -0
  65. package/styled-components/es/utils/index.js +1 -0
  66. package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
  67. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts +8 -0
  68. package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map +1 -1
  69. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +4 -0
  70. package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -1
  71. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +1 -0
  72. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts.map +1 -1
  73. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts +1 -0
  74. package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -1
  75. package/types/index.d.ts +1 -0
  76. package/types/index.d.ts.map +1 -1
  77. package/types/utils/getTokenValueInPixels.d.ts +2 -0
  78. package/types/utils/getTokenValueInPixels.d.ts.map +1 -0
  79. package/types/utils/index.d.ts +1 -0
  80. package/types/utils/index.d.ts.map +1 -1
@@ -86,6 +86,7 @@ _export_star(require("./components/Tour"), exports);
86
86
  _export_star(require("./components/EmbedIconButton"), exports);
87
87
  _export_star(require("./components/InformationWrapper"), exports);
88
88
  _export_star(require("./components/NavigationDrawer"), exports);
89
+ _export_star(require("./components/ProgressBarCircular"), exports);
89
90
  _export_star(require("./components/TimePicker"), exports);
90
91
  function _export_star(from, to) {
91
92
  Object.keys(from).forEach(function(k) {
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "getTokenValueInPixels", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return getTokenValueInPixels;
9
+ }
10
+ });
11
+ function _array_like_to_array(arr, len) {
12
+ if (len == null || len > arr.length) len = arr.length;
13
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
14
+ return arr2;
15
+ }
16
+ function _array_with_holes(arr) {
17
+ if (Array.isArray(arr)) return arr;
18
+ }
19
+ function _iterable_to_array_limit(arr, i) {
20
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
21
+ if (_i == null) return;
22
+ var _arr = [];
23
+ var _n = true;
24
+ var _d = false;
25
+ var _s, _e;
26
+ try {
27
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
28
+ _arr.push(_s.value);
29
+ if (i && _arr.length === i) break;
30
+ }
31
+ } catch (err) {
32
+ _d = true;
33
+ _e = err;
34
+ } finally{
35
+ try {
36
+ if (!_n && _i["return"] != null) _i["return"]();
37
+ } finally{
38
+ if (_d) throw _e;
39
+ }
40
+ }
41
+ return _arr;
42
+ }
43
+ function _non_iterable_rest() {
44
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
45
+ }
46
+ function _sliced_to_array(arr, i) {
47
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
48
+ }
49
+ function _unsupported_iterable_to_array(o, minLen) {
50
+ if (!o) return;
51
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
52
+ var n = Object.prototype.toString.call(o).slice(8, -1);
53
+ if (n === "Object" && o.constructor) n = o.constructor.name;
54
+ if (n === "Map" || n === "Set") return Array.from(n);
55
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
56
+ }
57
+ var getTokenValueInPixels = function(tokenName, element) {
58
+ var tokenValue = getComputedStyle(element).getPropertyValue(tokenName).trim();
59
+ if (!tokenValue) {
60
+ return undefined;
61
+ }
62
+ var valueMatch = tokenValue.match(/^([\d.]+)(rem|px)$/);
63
+ if (!valueMatch) {
64
+ return undefined;
65
+ }
66
+ var _valueMatch = _sliced_to_array(valueMatch, 3), number = _valueMatch[1], unit = _valueMatch[2];
67
+ var numericValue = parseFloat(number);
68
+ if (unit === 'px') {
69
+ return numericValue;
70
+ }
71
+ if (unit === 'rem') {
72
+ var rootFontSize = parseFloat(getComputedStyle(element).fontSize);
73
+ return numericValue * rootFontSize;
74
+ }
75
+ return undefined;
76
+ };
@@ -42,6 +42,9 @@ _export(exports, {
42
42
  get getSizeValueFromProp () {
43
43
  return _getSizeValueFromProp.getSizeValueFromProp;
44
44
  },
45
+ get getTokenValueInPixels () {
46
+ return _getTokenValueInPixels.getTokenValueInPixels;
47
+ },
45
48
  get isEmpty () {
46
49
  return _isEmpty.isEmpty;
47
50
  },
@@ -75,6 +78,7 @@ _export_star(require("./initialValuesHelper"), exports);
75
78
  var _noop = require("./noop");
76
79
  var _getHeightAsNumber = require("./getHeightAsNumber");
77
80
  var _createConditionalComponent = require("./createConditionalComponent");
81
+ var _getTokenValueInPixels = require("./getTokenValueInPixels");
78
82
  var _fixedForwardRef = require("./fixedForwardRef");
79
83
  function _export_star(from, to) {
80
84
  Object.keys(from).forEach(function(k) {
@@ -1,3 +1,11 @@
1
+ function _array_like_to_array(arr, len) {
2
+ if (len == null || len > arr.length) len = arr.length;
3
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
+ return arr2;
5
+ }
6
+ function _array_with_holes(arr) {
7
+ if (Array.isArray(arr)) return arr;
8
+ }
1
9
  function _define_property(obj, key, value) {
2
10
  if (key in obj) {
3
11
  Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
11
19
  }
12
20
  return obj;
13
21
  }
22
+ function _iterable_to_array_limit(arr, i) {
23
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
24
+ if (_i == null) return;
25
+ var _arr = [];
26
+ var _n = true;
27
+ var _d = false;
28
+ var _s, _e;
29
+ try {
30
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
31
+ _arr.push(_s.value);
32
+ if (i && _arr.length === i) break;
33
+ }
34
+ } catch (err) {
35
+ _d = true;
36
+ _e = err;
37
+ } finally{
38
+ try {
39
+ if (!_n && _i["return"] != null) _i["return"]();
40
+ } finally{
41
+ if (_d) throw _e;
42
+ }
43
+ }
44
+ return _arr;
45
+ }
46
+ function _non_iterable_rest() {
47
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
+ }
14
49
  function _object_spread(target) {
15
50
  for(var i = 1; i < arguments.length; i++){
16
51
  var source = arguments[i] != null ? arguments[i] : {};
@@ -53,52 +88,83 @@ function _object_without_properties_loose(source, excluded) {
53
88
  }
54
89
  return target;
55
90
  }
56
- import React, { forwardRef } from "react";
57
- import { cx } from "../../utils";
91
+ function _sliced_to_array(arr, i) {
92
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
93
+ }
94
+ function _unsupported_iterable_to_array(o, minLen) {
95
+ if (!o) return;
96
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
97
+ var n = Object.prototype.toString.call(o).slice(8, -1);
98
+ if (n === "Object" && o.constructor) n = o.constructor.name;
99
+ if (n === "Map" || n === "Set") return Array.from(n);
100
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
101
+ }
102
+ import React, { forwardRef, useState, useRef, useLayoutEffect } from "react";
103
+ import { useForkRef } from "@salutejs/plasma-core";
104
+ import { cx, getTokenValueInPixels } from "../../utils";
58
105
  import { base as viewCSS } from "./variations/_view/base";
59
106
  import { base as sizeCSS } from "./variations/_size/base";
60
- import { base } from "./ProgressBarCircular.styles";
61
- import { classes } from "./ProgressBarCircular.tokens";
107
+ import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
108
+ import { classes, tokens } from "./ProgressBarCircular.tokens";
62
109
  export var progressBarCircularRoot = function(Root) {
63
110
  return /*#__PURE__*/ forwardRef(function(props, ref) {
64
- var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, rest = _object_without_properties(props, [
111
+ var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidthProp = props.strokeWidth, rest = _object_without_properties(props, [
65
112
  "value",
66
113
  "maxValue",
67
114
  "size",
68
115
  "view",
69
116
  "children",
70
- "className"
117
+ "className",
118
+ "strokeWidth"
71
119
  ]);
120
+ var _useState = _sliced_to_array(useState(0), 2), strokeWidthCSS = _useState[0], setStrokeWidthCSS = _useState[1];
121
+ var _useState1 = _sliced_to_array(useState(0), 2), widthCSS = _useState1[0], setWidthCSS = _useState1[1];
122
+ var rootRef = useRef(null);
123
+ var rootForkRef = useForkRef(rootRef, ref);
72
124
  var clampedValue = Math.min(Math.max(value, 0), maxValue);
73
125
  var percentage = clampedValue / maxValue * 100;
126
+ var strokeWidth = (strokeWidthProp !== null && strokeWidthProp !== void 0 ? strokeWidthProp : strokeWidthCSS) * 2;
74
127
  var center = 50;
75
- var radius = 46;
128
+ var radius = center - 50 / widthCSS * (strokeWidth / 2);
76
129
  var circumference = 2 * Math.PI * radius;
77
130
  var strokeDashoffset = circumference - percentage / 100 * circumference;
131
+ useLayoutEffect(function() {
132
+ if (rootRef.current) {
133
+ var strokeWidthFromCSS = getTokenValueInPixels(tokens.progressStrokeWidth, rootRef.current);
134
+ var widthFromCSS = getTokenValueInPixels(tokens.width, rootRef.current);
135
+ setStrokeWidthCSS(strokeWidthFromCSS !== null && strokeWidthFromCSS !== void 0 ? strokeWidthFromCSS : 0);
136
+ setWidthCSS(widthFromCSS !== null && widthFromCSS !== void 0 ? widthFromCSS : 0);
137
+ }
138
+ }, [
139
+ rootRef,
140
+ size
141
+ ]);
78
142
  return /*#__PURE__*/ React.createElement(Root, _object_spread({
79
- ref: ref,
143
+ ref: rootForkRef,
80
144
  view: view,
81
145
  size: size,
82
146
  className: cx(className)
83
- }, rest), /*#__PURE__*/ React.createElement("svg", {
147
+ }, rest), /*#__PURE__*/ React.createElement(StyledSVG, {
84
148
  width: "100%",
85
149
  height: "100%",
86
150
  viewBox: "0 0 100 100",
87
151
  className: classes.svg
88
- }, /*#__PURE__*/ React.createElement("circle", {
152
+ }, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
153
+ customStrokeWidth: 50 / widthCSS * strokeWidth,
89
154
  cx: center,
90
155
  cy: center,
91
156
  r: radius,
92
157
  className: classes.backgroundCircle
93
- }), /*#__PURE__*/ React.createElement("circle", {
158
+ }), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
94
159
  cx: center,
95
160
  cy: center,
96
161
  r: radius,
162
+ customStrokeWidth: 50 / widthCSS * strokeWidth,
97
163
  className: classes.progressCircle,
98
164
  strokeDasharray: circumference,
99
165
  strokeDashoffset: strokeDashoffset,
100
166
  transform: "rotate(-90 50 50)"
101
- })), children && /*#__PURE__*/ React.createElement("div", {
167
+ })), children && /*#__PURE__*/ React.createElement(StyledContent, {
102
168
  className: classes.content
103
169
  }, children));
104
170
  });
@@ -1,3 +1,26 @@
1
1
  import { css } from "@emotion/react";
2
- import { classes, tokens } from "./ProgressBarCircular.tokens";
3
- export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.width, ");height:var(", tokens.height, ");.", classes.svg, "{width:100%;height:100%;}.", classes.backgroundCircle, "{fill:none;stroke:var(", tokens.backgroundStroke, ");stroke-width:var(", tokens.backgroundStrokeWidth, ");}.", classes.progressCircle, "{fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:var(", tokens.progressStrokeWidth, ");stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;}.", classes.content, "{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;}", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcblxuICAgIC4ke2NsYXNzZXMuc3ZnfSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5iYWNrZ3JvdW5kQ2lyY2xlfSB7XG4gICAgICAgIGZpbGw6IG5vbmU7XG4gICAgICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLmJhY2tncm91bmRTdHJva2V9KTtcbiAgICAgICAgc3Ryb2tlLXdpZHRoOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSk7XG4gICAgfVxuXG4gICAgLiR7Y2xhc3Nlcy5wcm9ncmVzc0NpcmNsZX0ge1xuICAgICAgICBmaWxsOiBub25lO1xuICAgICAgICBzdHJva2U6IHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZX0pO1xuICAgICAgICBzdHJva2Utd2lkdGg6IHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSk7XG4gICAgICAgIHN0cm9rZS1saW5lY2FwOiByb3VuZDtcbiAgICAgICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbiAgICB9XG5cbiAgICAuJHtjbGFzc2VzLmNvbnRlbnR9IHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmNvbnRlbnRDb2xvcn0pO1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgICAgICBmb250LXN0eWxlOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICAgICAgbGluZS1oZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50TGluZUhlaWdodH0pO1xuXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSW9CIn0= */");
2
+ import styled from "@emotion/styled";
3
+ import { tokens } from "./ProgressBarCircular.tokens";
4
+ export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.width, ");height:var(", tokens.height, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS29CIn0= */");
5
+ export var StyledSVG = /*#__PURE__*/ styled("svg", {
6
+ target: "edeobnp0",
7
+ label: "StyledSVG"
8
+ })("width:100%;height:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0J5QiJ9 */");
9
+ export var StyledBackgroundCircle = /*#__PURE__*/ styled("circle", {
10
+ target: "edeobnp1",
11
+ label: "StyledBackgroundCircle"
12
+ })("fill:none;stroke:var(", tokens.backgroundStroke, ");stroke-width:", function(param) {
13
+ var customStrokeWidth = param.customStrokeWidth;
14
+ return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.backgroundStrokeWidth, ")");
15
+ }, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJzQyJ9 */");
16
+ export var StyledProgressCircle = /*#__PURE__*/ styled("circle", {
17
+ target: "edeobnp2",
18
+ label: "StyledProgressCircle"
19
+ })("fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:", function(param) {
20
+ var customStrokeWidth = param.customStrokeWidth;
21
+ return customStrokeWidth ? "".concat(customStrokeWidth, "px") : "var(".concat(tokens.progressStrokeWidth, ")");
22
+ }, ";stroke-linecap:round;transition:stroke-dashoffset 0.3s ease-in-out;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJvQyJ9 */");
23
+ export var StyledContent = /*#__PURE__*/ styled("div", {
24
+ target: "edeobnp3",
25
+ label: "StyledContent"
26
+ })("position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMud2lkdGh9KTtcbiAgICBoZWlnaHQ6IHZhcigke3Rva2Vucy5oZWlnaHR9KTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRTVkcgPSBzdHlsZWQuc3ZnYFxuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRCYWNrZ3JvdW5kQ2lyY2xlID0gc3R5bGVkLmNpcmNsZTx7IGN1c3RvbVN0cm9rZVdpZHRoPzogbnVtYmVyIH0+YFxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCB9KSA9PlxuICAgICAgICBjdXN0b21TdHJva2VXaWR0aCA/IGAke2N1c3RvbVN0cm9rZVdpZHRofXB4YCA6IGB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZVdpZHRofSlgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHN0cm9rZTogdmFyKCR7dG9rZW5zLnByb2dyZXNzU3Ryb2tlfSk7XG4gICAgc3Ryb2tlLXdpZHRoOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoIH0pID0+XG4gICAgICAgIGN1c3RvbVN0cm9rZVdpZHRoID8gYCR7Y3VzdG9tU3Ryb2tlV2lkdGh9cHhgIDogYHZhcigke3Rva2Vucy5wcm9ncmVzc1N0cm9rZVdpZHRofSlgfTtcbiAgICBzdHJva2UtbGluZWNhcDogcm91bmQ7XG4gICAgdHJhbnNpdGlvbjogc3Ryb2tlLWRhc2hvZmZzZXQgMC4zcyBlYXNlLWluLW91dDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgdG9wOiA1MCU7XG4gICAgbGVmdDogNTAlO1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuXG4gICAgY29sb3I6IHZhcigke3Rva2Vucy5jb250ZW50Q29sb3J9KTtcbiAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250RmFtaWx5fSk7XG4gICAgZm9udC1zaXplOiB2YXIoJHt0b2tlbnMuY29udGVudEZvbnRTaXplfSk7XG4gICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U3R5bGV9KTtcbiAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250V2VpZ2h0fSk7XG4gICAgbGV0dGVyLXNwYWNpbmc6IHZhcigke3Rva2Vucy5jb250ZW50TGV0dGVyU3BhY2luZ30pO1xuICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMuY29udGVudExpbmVIZWlnaHR9KTtcblxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUM2QiJ9 */");