@vinyasa/feedback 1.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +134 -0
- package/dist/cjs/alert.cjs +286 -0
- package/dist/cjs/alert.css +51 -0
- package/dist/cjs/banner.cjs +270 -0
- package/dist/cjs/banner.css +37 -0
- package/dist/cjs/circular-progress.cjs +286 -0
- package/dist/cjs/circular-progress.css +30 -0
- package/dist/cjs/empty-state.cjs +165 -0
- package/dist/cjs/empty-state.css +7 -0
- package/dist/cjs/error-boundary.cjs +234 -0
- package/dist/cjs/error-boundary.css +7 -0
- package/dist/cjs/index.cjs +1763 -0
- package/dist/cjs/index.css +448 -0
- package/dist/cjs/inline-message.cjs +366 -0
- package/dist/cjs/inline-message.css +29 -0
- package/dist/cjs/loading-overlay.cjs +451 -0
- package/dist/cjs/loading-overlay.css +61 -0
- package/dist/cjs/progress-bar.cjs +163 -0
- package/dist/cjs/progress-bar.css +15 -0
- package/dist/cjs/skeleton.cjs +282 -0
- package/dist/cjs/skeleton.css +42 -0
- package/dist/cjs/spinner.cjs +329 -0
- package/dist/cjs/spinner.css +34 -0
- package/dist/cjs/toaster.cjs +377 -0
- package/dist/cjs/toaster.css +176 -0
- package/dist/esm/147.css +176 -0
- package/dist/esm/147.js +164 -0
- package/dist/esm/158.css +21 -0
- package/dist/esm/158.js +31 -0
- package/dist/esm/266.css +30 -0
- package/dist/esm/266.js +75 -0
- package/dist/esm/277.js +8 -0
- package/dist/esm/288.css +7 -0
- package/dist/esm/288.js +38 -0
- package/dist/esm/474.js +76 -0
- package/dist/esm/495.css +39 -0
- package/dist/esm/495.js +61 -0
- package/dist/esm/516.css +29 -0
- package/dist/esm/516.js +66 -0
- package/dist/esm/703.css +34 -0
- package/dist/esm/703.js +56 -0
- package/dist/esm/872.css +15 -0
- package/dist/esm/872.js +29 -0
- package/dist/esm/880.js +47 -0
- package/dist/esm/903.css +51 -0
- package/dist/esm/903.js +61 -0
- package/dist/esm/953.js +87 -0
- package/dist/esm/989.css +37 -0
- package/dist/esm/989.js +46 -0
- package/dist/esm/alert.d.ts +2 -0
- package/dist/esm/alert.js +1 -0
- package/dist/esm/banner.d.ts +2 -0
- package/dist/esm/banner.js +1 -0
- package/dist/esm/circular-progress.d.ts +2 -0
- package/dist/esm/circular-progress.js +1 -0
- package/dist/esm/components/alert/Alert.css.d.ts +24 -0
- package/dist/esm/components/alert/Alert.d.ts +14 -0
- package/dist/esm/components/alert/index.d.ts +1 -0
- package/dist/esm/components/banner/Banner.css.d.ts +21 -0
- package/dist/esm/components/banner/Banner.d.ts +12 -0
- package/dist/esm/components/banner/index.d.ts +1 -0
- package/dist/esm/components/circular-progress/CircularProgress.css.d.ts +4 -0
- package/dist/esm/components/circular-progress/CircularProgress.d.ts +17 -0
- package/dist/esm/components/circular-progress/index.d.ts +1 -0
- package/dist/esm/components/empty-state/EmptyState.css.d.ts +1 -0
- package/dist/esm/components/empty-state/EmptyState.d.ts +15 -0
- package/dist/esm/components/empty-state/index.d.ts +1 -0
- package/dist/esm/components/error-boundary/ErrorBoundary.d.ts +32 -0
- package/dist/esm/components/error-boundary/index.d.ts +1 -0
- package/dist/esm/components/inline-message/InlineMessage.css.d.ts +17 -0
- package/dist/esm/components/inline-message/InlineMessage.d.ts +10 -0
- package/dist/esm/components/inline-message/index.d.ts +1 -0
- package/dist/esm/components/loading-overlay/LoadingOverlay.css.d.ts +3 -0
- package/dist/esm/components/loading-overlay/LoadingOverlay.d.ts +11 -0
- package/dist/esm/components/loading-overlay/index.d.ts +1 -0
- package/dist/esm/components/progress-bar/ProgressBar.css.d.ts +2 -0
- package/dist/esm/components/progress-bar/ProgressBar.d.ts +12 -0
- package/dist/esm/components/progress-bar/index.d.ts +1 -0
- package/dist/esm/components/skeleton/Skeleton.css.d.ts +15 -0
- package/dist/esm/components/skeleton/Skeleton.d.ts +35 -0
- package/dist/esm/components/skeleton/index.d.ts +1 -0
- package/dist/esm/components/spinner/Spinner.css.d.ts +16 -0
- package/dist/esm/components/spinner/Spinner.d.ts +10 -0
- package/dist/esm/components/spinner/index.d.ts +1 -0
- package/dist/esm/components/toaster/ToastItemView.d.ts +7 -0
- package/dist/esm/components/toaster/Toaster.css.d.ts +59 -0
- package/dist/esm/components/toaster/Toaster.d.ts +10 -0
- package/dist/esm/components/toaster/index.d.ts +2 -0
- package/dist/esm/components/toaster/toastStore.d.ts +25 -0
- package/dist/esm/empty-state.d.ts +2 -0
- package/dist/esm/empty-state.js +1 -0
- package/dist/esm/error-boundary.d.ts +2 -0
- package/dist/esm/error-boundary.js +1 -0
- package/dist/esm/index.d.ts +12 -0
- package/dist/esm/index.js +11 -0
- package/dist/esm/inline-message.d.ts +2 -0
- package/dist/esm/inline-message.js +1 -0
- package/dist/esm/loading-overlay.d.ts +2 -0
- package/dist/esm/loading-overlay.js +1 -0
- package/dist/esm/polymorphic.d.ts +5 -0
- package/dist/esm/progress-bar.d.ts +2 -0
- package/dist/esm/progress-bar.js +1 -0
- package/dist/esm/skeleton.d.ts +2 -0
- package/dist/esm/skeleton.js +1 -0
- package/dist/esm/spacing.d.ts +19 -0
- package/dist/esm/spinner.d.ts +2 -0
- package/dist/esm/spinner.js +1 -0
- package/dist/esm/status.d.ts +4 -0
- package/dist/esm/toaster.d.ts +2 -0
- package/dist/esm/toaster.js +1 -0
- package/package.json +147 -0
|
@@ -0,0 +1,270 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.n = (module)=>{
|
|
5
|
+
var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
|
|
6
|
+
__webpack_require__.d(getter, {
|
|
7
|
+
a: getter
|
|
8
|
+
});
|
|
9
|
+
return getter;
|
|
10
|
+
};
|
|
11
|
+
})();
|
|
12
|
+
(()=>{
|
|
13
|
+
__webpack_require__.d = (exports1, getters, values)=>{
|
|
14
|
+
var define = (defs, kind)=>{
|
|
15
|
+
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
[kind]: defs[key]
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
define(getters, "get");
|
|
21
|
+
define(values, "value");
|
|
22
|
+
};
|
|
23
|
+
})();
|
|
24
|
+
(()=>{
|
|
25
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
26
|
+
})();
|
|
27
|
+
(()=>{
|
|
28
|
+
__webpack_require__.r = (exports1)=>{
|
|
29
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
30
|
+
value: 'Module'
|
|
31
|
+
});
|
|
32
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
33
|
+
value: true
|
|
34
|
+
});
|
|
35
|
+
};
|
|
36
|
+
})();
|
|
37
|
+
var __webpack_exports__ = {};
|
|
38
|
+
__webpack_require__.r(__webpack_exports__);
|
|
39
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
40
|
+
default: ()=>banner_Banner
|
|
41
|
+
});
|
|
42
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
43
|
+
const box_namespaceObject = require("@vinyasa/layout/box");
|
|
44
|
+
var box_default = /*#__PURE__*/ __webpack_require__.n(box_namespaceObject);
|
|
45
|
+
const external_react_namespaceObject = require("react");
|
|
46
|
+
const icons_namespaceObject = require("@vinyasa/icons");
|
|
47
|
+
const statusIcons = {
|
|
48
|
+
info: icons_namespaceObject.InfoIcon,
|
|
49
|
+
success: icons_namespaceObject.CheckCircleIcon,
|
|
50
|
+
warning: icons_namespaceObject.AlertTriangleIcon,
|
|
51
|
+
error: icons_namespaceObject.XIcon
|
|
52
|
+
};
|
|
53
|
+
function toPrimitive(t, r) {
|
|
54
|
+
if ("object" != typeof t || !t) return t;
|
|
55
|
+
var e = t[Symbol.toPrimitive];
|
|
56
|
+
if (void 0 !== e) {
|
|
57
|
+
var i = e.call(t, r || "default");
|
|
58
|
+
if ("object" != typeof i) return i;
|
|
59
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
60
|
+
}
|
|
61
|
+
return ("string" === r ? String : Number)(t);
|
|
62
|
+
}
|
|
63
|
+
function toPropertyKey(t) {
|
|
64
|
+
var i = toPrimitive(t, "string");
|
|
65
|
+
return "symbol" == typeof i ? i : String(i);
|
|
66
|
+
}
|
|
67
|
+
function _defineProperty(obj, key, value) {
|
|
68
|
+
key = toPropertyKey(key);
|
|
69
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
70
|
+
value: value,
|
|
71
|
+
enumerable: true,
|
|
72
|
+
configurable: true,
|
|
73
|
+
writable: true
|
|
74
|
+
});
|
|
75
|
+
else obj[key] = value;
|
|
76
|
+
return obj;
|
|
77
|
+
}
|
|
78
|
+
function createRuntimeFn_62c9670f_esm_ownKeys(e, r) {
|
|
79
|
+
var t = Object.keys(e);
|
|
80
|
+
if (Object.getOwnPropertySymbols) {
|
|
81
|
+
var o = Object.getOwnPropertySymbols(e);
|
|
82
|
+
r && (o = o.filter(function(r) {
|
|
83
|
+
return Object.getOwnPropertyDescriptor(e, r).enumerable;
|
|
84
|
+
})), t.push.apply(t, o);
|
|
85
|
+
}
|
|
86
|
+
return t;
|
|
87
|
+
}
|
|
88
|
+
function _objectSpread2(e) {
|
|
89
|
+
for(var r = 1; r < arguments.length; r++){
|
|
90
|
+
var t = null != arguments[r] ? arguments[r] : {};
|
|
91
|
+
r % 2 ? createRuntimeFn_62c9670f_esm_ownKeys(Object(t), !0).forEach(function(r) {
|
|
92
|
+
_defineProperty(e, r, t[r]);
|
|
93
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : createRuntimeFn_62c9670f_esm_ownKeys(Object(t)).forEach(function(r) {
|
|
94
|
+
Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
|
|
95
|
+
});
|
|
96
|
+
}
|
|
97
|
+
return e;
|
|
98
|
+
}
|
|
99
|
+
function mapValues(input, fn) {
|
|
100
|
+
var result = {};
|
|
101
|
+
for(var _key in input)result[_key] = fn(input[_key], _key);
|
|
102
|
+
return result;
|
|
103
|
+
}
|
|
104
|
+
var shouldApplyCompound = (compoundCheck, selections, defaultVariants)=>{
|
|
105
|
+
for (var key of Object.keys(compoundCheck)){
|
|
106
|
+
var _selections$key;
|
|
107
|
+
if (compoundCheck[key] !== (null != (_selections$key = selections[key]) ? _selections$key : defaultVariants[key])) return false;
|
|
108
|
+
}
|
|
109
|
+
return true;
|
|
110
|
+
};
|
|
111
|
+
var createRuntimeFn = (config)=>{
|
|
112
|
+
var runtimeFn = (options)=>{
|
|
113
|
+
var className = config.defaultClassName;
|
|
114
|
+
var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
|
|
115
|
+
for(var variantName in selections){
|
|
116
|
+
var _selections$variantNa;
|
|
117
|
+
var variantSelection = null != (_selections$variantNa = selections[variantName]) ? _selections$variantNa : config.defaultVariants[variantName];
|
|
118
|
+
if (null != variantSelection) {
|
|
119
|
+
var selection = variantSelection;
|
|
120
|
+
if ('boolean' == typeof selection) selection = true === selection ? 'true' : 'false';
|
|
121
|
+
var selectionClassName = config.variantClassNames[variantName][selection];
|
|
122
|
+
if (selectionClassName) className += ' ' + selectionClassName;
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
for (var [compoundCheck, compoundClassName] of config.compoundVariants)if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) className += ' ' + compoundClassName;
|
|
126
|
+
return className;
|
|
127
|
+
};
|
|
128
|
+
runtimeFn.variants = ()=>Object.keys(config.variantClassNames);
|
|
129
|
+
runtimeFn.classNames = {
|
|
130
|
+
get base () {
|
|
131
|
+
return config.defaultClassName.split(' ')[0];
|
|
132
|
+
},
|
|
133
|
+
get variants () {
|
|
134
|
+
return mapValues(config.variantClassNames, (classNames)=>mapValues(classNames, (className)=>className.split(' ')[0]));
|
|
135
|
+
}
|
|
136
|
+
};
|
|
137
|
+
return runtimeFn;
|
|
138
|
+
};
|
|
139
|
+
var banner = createRuntimeFn({
|
|
140
|
+
defaultClassName: 'a1nlu90',
|
|
141
|
+
variantClassNames: {
|
|
142
|
+
status: {
|
|
143
|
+
info: 'a1nlu91',
|
|
144
|
+
success: 'a1nlu92',
|
|
145
|
+
warning: 'a1nlu93',
|
|
146
|
+
error: 'a1nlu94'
|
|
147
|
+
}
|
|
148
|
+
},
|
|
149
|
+
defaultVariants: {
|
|
150
|
+
status: 'info'
|
|
151
|
+
},
|
|
152
|
+
compoundVariants: []
|
|
153
|
+
});
|
|
154
|
+
var icon = 'a1nlu95';
|
|
155
|
+
function _define_property(obj, key, value) {
|
|
156
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
157
|
+
value: value,
|
|
158
|
+
enumerable: true,
|
|
159
|
+
configurable: true,
|
|
160
|
+
writable: true
|
|
161
|
+
});
|
|
162
|
+
else obj[key] = value;
|
|
163
|
+
return obj;
|
|
164
|
+
}
|
|
165
|
+
function _object_spread(target) {
|
|
166
|
+
for(var i = 1; i < arguments.length; i++){
|
|
167
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
168
|
+
var ownKeys = Object.keys(source);
|
|
169
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
170
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
171
|
+
}));
|
|
172
|
+
ownKeys.forEach(function(key) {
|
|
173
|
+
_define_property(target, key, source[key]);
|
|
174
|
+
});
|
|
175
|
+
}
|
|
176
|
+
return target;
|
|
177
|
+
}
|
|
178
|
+
function Banner_ownKeys(object, enumerableOnly) {
|
|
179
|
+
var keys = Object.keys(object);
|
|
180
|
+
if (Object.getOwnPropertySymbols) {
|
|
181
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
182
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
183
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
184
|
+
});
|
|
185
|
+
keys.push.apply(keys, symbols);
|
|
186
|
+
}
|
|
187
|
+
return keys;
|
|
188
|
+
}
|
|
189
|
+
function _object_spread_props(target, source) {
|
|
190
|
+
source = null != source ? source : {};
|
|
191
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
192
|
+
else Banner_ownKeys(Object(source)).forEach(function(key) {
|
|
193
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
194
|
+
});
|
|
195
|
+
return target;
|
|
196
|
+
}
|
|
197
|
+
function _object_without_properties(source, excluded) {
|
|
198
|
+
if (null == source) return {};
|
|
199
|
+
var target = {}, sourceKeys, key, i;
|
|
200
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
201
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
202
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
203
|
+
key = sourceKeys[i];
|
|
204
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
205
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
206
|
+
}
|
|
207
|
+
}
|
|
208
|
+
return target;
|
|
209
|
+
}
|
|
210
|
+
target = _object_without_properties_loose(source, excluded);
|
|
211
|
+
if (Object.getOwnPropertySymbols) {
|
|
212
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
213
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
214
|
+
key = sourceKeys[i];
|
|
215
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
216
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
217
|
+
}
|
|
218
|
+
}
|
|
219
|
+
}
|
|
220
|
+
return target;
|
|
221
|
+
}
|
|
222
|
+
function _object_without_properties_loose(source, excluded) {
|
|
223
|
+
if (null == source) return {};
|
|
224
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
225
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
226
|
+
key = sourceKeys[i];
|
|
227
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
228
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
return target;
|
|
232
|
+
}
|
|
233
|
+
const Banner = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
234
|
+
let _ref = [
|
|
235
|
+
_0,
|
|
236
|
+
_1
|
|
237
|
+
], [_ref1, ..._rest] = _ref, { status = 'info', className, children } = _ref1, rest = _object_without_properties(_ref1, [
|
|
238
|
+
"status",
|
|
239
|
+
"className",
|
|
240
|
+
"children"
|
|
241
|
+
]), [ref] = _rest;
|
|
242
|
+
const Icon = statusIcons[status];
|
|
243
|
+
const classes = className ? `${banner({
|
|
244
|
+
status
|
|
245
|
+
})} ${className}` : banner({
|
|
246
|
+
status
|
|
247
|
+
});
|
|
248
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(box_default(), _object_spread_props(_object_spread({
|
|
249
|
+
ref: ref,
|
|
250
|
+
role: "alert",
|
|
251
|
+
className: classes
|
|
252
|
+
}, rest), {
|
|
253
|
+
children: [
|
|
254
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Icon, {
|
|
255
|
+
className: icon,
|
|
256
|
+
"aria-hidden": "true"
|
|
257
|
+
}),
|
|
258
|
+
children
|
|
259
|
+
]
|
|
260
|
+
}));
|
|
261
|
+
});
|
|
262
|
+
Banner.displayName = 'Banner';
|
|
263
|
+
const banner_Banner = Banner;
|
|
264
|
+
exports["default"] = __webpack_exports__["default"];
|
|
265
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
266
|
+
"default"
|
|
267
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
268
|
+
Object.defineProperty(exports, '__esModule', {
|
|
269
|
+
value: true
|
|
270
|
+
});
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.a1nlu90 {
|
|
2
|
+
justify-content: flex-start;
|
|
3
|
+
align-items: center;
|
|
4
|
+
gap: var(--vinyasa-space2);
|
|
5
|
+
width: 100%;
|
|
6
|
+
padding: var(--vinyasa-space3);
|
|
7
|
+
font-family: var(--vinyasa-font-family-sans);
|
|
8
|
+
font-size: var(--vinyasa-font-size-sm);
|
|
9
|
+
font-weight: var(--vinyasa-font-weight-medium);
|
|
10
|
+
display: flex;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.a1nlu91 {
|
|
14
|
+
background-color: var(--vinyasa-status-info-bg);
|
|
15
|
+
color: var(--vinyasa-status-info-text);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.a1nlu92 {
|
|
19
|
+
background-color: var(--vinyasa-status-success-bg);
|
|
20
|
+
color: var(--vinyasa-status-success-text);
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.a1nlu93 {
|
|
24
|
+
background-color: var(--vinyasa-status-warning-bg);
|
|
25
|
+
color: var(--vinyasa-status-warning-text);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.a1nlu94 {
|
|
29
|
+
background-color: var(--vinyasa-status-error-bg);
|
|
30
|
+
color: var(--vinyasa-status-error-text);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.a1nlu95 {
|
|
34
|
+
flex-shrink: 0;
|
|
35
|
+
margin-top: -.05em;
|
|
36
|
+
}
|
|
37
|
+
|
|
@@ -0,0 +1,286 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __webpack_require__ = {};
|
|
3
|
+
(()=>{
|
|
4
|
+
__webpack_require__.d = (exports1, getters, values)=>{
|
|
5
|
+
var define = (defs, kind)=>{
|
|
6
|
+
for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
[kind]: defs[key]
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
define(getters, "get");
|
|
12
|
+
define(values, "value");
|
|
13
|
+
};
|
|
14
|
+
})();
|
|
15
|
+
(()=>{
|
|
16
|
+
__webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
|
|
17
|
+
})();
|
|
18
|
+
(()=>{
|
|
19
|
+
__webpack_require__.r = (exports1)=>{
|
|
20
|
+
if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
|
|
21
|
+
value: 'Module'
|
|
22
|
+
});
|
|
23
|
+
Object.defineProperty(exports1, '__esModule', {
|
|
24
|
+
value: true
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
})();
|
|
28
|
+
var __webpack_exports__ = {};
|
|
29
|
+
__webpack_require__.r(__webpack_exports__);
|
|
30
|
+
__webpack_require__.d(__webpack_exports__, {
|
|
31
|
+
default: ()=>circular_progress_CircularProgress
|
|
32
|
+
});
|
|
33
|
+
const jsx_runtime_namespaceObject = require("react/jsx-runtime");
|
|
34
|
+
const external_react_namespaceObject = require("react");
|
|
35
|
+
const tokens_namespaceObject = require("@vinyasa/tokens");
|
|
36
|
+
const space = {
|
|
37
|
+
1: tokens_namespaceObject.themeContract.space1,
|
|
38
|
+
2: tokens_namespaceObject.themeContract.space2,
|
|
39
|
+
3: tokens_namespaceObject.themeContract.space3,
|
|
40
|
+
4: tokens_namespaceObject.themeContract.space4,
|
|
41
|
+
5: tokens_namespaceObject.themeContract.space5,
|
|
42
|
+
6: tokens_namespaceObject.themeContract.space6
|
|
43
|
+
};
|
|
44
|
+
const spacingPropertyMap = [
|
|
45
|
+
[
|
|
46
|
+
'm',
|
|
47
|
+
'margin'
|
|
48
|
+
],
|
|
49
|
+
[
|
|
50
|
+
'mx',
|
|
51
|
+
'marginInline'
|
|
52
|
+
],
|
|
53
|
+
[
|
|
54
|
+
'my',
|
|
55
|
+
'marginBlock'
|
|
56
|
+
],
|
|
57
|
+
[
|
|
58
|
+
'mt',
|
|
59
|
+
'marginTop'
|
|
60
|
+
],
|
|
61
|
+
[
|
|
62
|
+
'mr',
|
|
63
|
+
'marginRight'
|
|
64
|
+
],
|
|
65
|
+
[
|
|
66
|
+
'mb',
|
|
67
|
+
'marginBottom'
|
|
68
|
+
],
|
|
69
|
+
[
|
|
70
|
+
'ml',
|
|
71
|
+
'marginLeft'
|
|
72
|
+
],
|
|
73
|
+
[
|
|
74
|
+
'p',
|
|
75
|
+
'padding'
|
|
76
|
+
],
|
|
77
|
+
[
|
|
78
|
+
'px',
|
|
79
|
+
'paddingInline'
|
|
80
|
+
],
|
|
81
|
+
[
|
|
82
|
+
'py',
|
|
83
|
+
'paddingBlock'
|
|
84
|
+
],
|
|
85
|
+
[
|
|
86
|
+
'pt',
|
|
87
|
+
'paddingTop'
|
|
88
|
+
],
|
|
89
|
+
[
|
|
90
|
+
'pr',
|
|
91
|
+
'paddingRight'
|
|
92
|
+
],
|
|
93
|
+
[
|
|
94
|
+
'pb',
|
|
95
|
+
'paddingBottom'
|
|
96
|
+
],
|
|
97
|
+
[
|
|
98
|
+
'pl',
|
|
99
|
+
'paddingLeft'
|
|
100
|
+
]
|
|
101
|
+
];
|
|
102
|
+
const resolveSpacingStyle = (props)=>{
|
|
103
|
+
const style = {};
|
|
104
|
+
for (const [propKey, cssProperty] of spacingPropertyMap){
|
|
105
|
+
const value = props[propKey];
|
|
106
|
+
if (void 0 !== value) style[cssProperty] = space[value];
|
|
107
|
+
}
|
|
108
|
+
return style;
|
|
109
|
+
};
|
|
110
|
+
var fill = '_1af39sp4';
|
|
111
|
+
var indeterminate = '_1af39sp2';
|
|
112
|
+
var svg = '_1af39sp1';
|
|
113
|
+
var track = '_1af39sp3';
|
|
114
|
+
function _define_property(obj, key, value) {
|
|
115
|
+
if (key in obj) Object.defineProperty(obj, key, {
|
|
116
|
+
value: value,
|
|
117
|
+
enumerable: true,
|
|
118
|
+
configurable: true,
|
|
119
|
+
writable: true
|
|
120
|
+
});
|
|
121
|
+
else obj[key] = value;
|
|
122
|
+
return obj;
|
|
123
|
+
}
|
|
124
|
+
function _object_spread(target) {
|
|
125
|
+
for(var i = 1; i < arguments.length; i++){
|
|
126
|
+
var source = null != arguments[i] ? arguments[i] : {};
|
|
127
|
+
var ownKeys = Object.keys(source);
|
|
128
|
+
if ("function" == typeof Object.getOwnPropertySymbols) ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
129
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
130
|
+
}));
|
|
131
|
+
ownKeys.forEach(function(key) {
|
|
132
|
+
_define_property(target, key, source[key]);
|
|
133
|
+
});
|
|
134
|
+
}
|
|
135
|
+
return target;
|
|
136
|
+
}
|
|
137
|
+
function CircularProgress_ownKeys(object, enumerableOnly) {
|
|
138
|
+
var keys = Object.keys(object);
|
|
139
|
+
if (Object.getOwnPropertySymbols) {
|
|
140
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
141
|
+
if (enumerableOnly) symbols = symbols.filter(function(sym) {
|
|
142
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
143
|
+
});
|
|
144
|
+
keys.push.apply(keys, symbols);
|
|
145
|
+
}
|
|
146
|
+
return keys;
|
|
147
|
+
}
|
|
148
|
+
function _object_spread_props(target, source) {
|
|
149
|
+
source = null != source ? source : {};
|
|
150
|
+
if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
151
|
+
else CircularProgress_ownKeys(Object(source)).forEach(function(key) {
|
|
152
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
153
|
+
});
|
|
154
|
+
return target;
|
|
155
|
+
}
|
|
156
|
+
function _object_without_properties(source, excluded) {
|
|
157
|
+
if (null == source) return {};
|
|
158
|
+
var target = {}, sourceKeys, key, i;
|
|
159
|
+
if ("u" > typeof Reflect && Reflect.ownKeys) {
|
|
160
|
+
sourceKeys = Reflect.ownKeys(Object(source));
|
|
161
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
162
|
+
key = sourceKeys[i];
|
|
163
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
164
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
return target;
|
|
168
|
+
}
|
|
169
|
+
target = _object_without_properties_loose(source, excluded);
|
|
170
|
+
if (Object.getOwnPropertySymbols) {
|
|
171
|
+
sourceKeys = Object.getOwnPropertySymbols(source);
|
|
172
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
173
|
+
key = sourceKeys[i];
|
|
174
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
175
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
return target;
|
|
180
|
+
}
|
|
181
|
+
function _object_without_properties_loose(source, excluded) {
|
|
182
|
+
if (null == source) return {};
|
|
183
|
+
var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
|
|
184
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
185
|
+
key = sourceKeys[i];
|
|
186
|
+
if (!(excluded.indexOf(key) >= 0)) {
|
|
187
|
+
if (Object.prototype.propertyIsEnumerable.call(source, key)) target[key] = source[key];
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
return target;
|
|
191
|
+
}
|
|
192
|
+
const CircularProgress = /*#__PURE__*/ (0, external_react_namespaceObject.forwardRef)((_0, _1)=>{
|
|
193
|
+
let _ref = [
|
|
194
|
+
_0,
|
|
195
|
+
_1
|
|
196
|
+
], [_ref1, ..._rest] = _ref, { value, max = 100, size = 32, strokeWidth = 4, m, mt, mr, mb, ml, mx, my, p, pt, pr, pb, pl, px, py, className, style } = _ref1, rest = _object_without_properties(_ref1, [
|
|
197
|
+
"value",
|
|
198
|
+
"max",
|
|
199
|
+
"size",
|
|
200
|
+
"strokeWidth",
|
|
201
|
+
"m",
|
|
202
|
+
"mt",
|
|
203
|
+
"mr",
|
|
204
|
+
"mb",
|
|
205
|
+
"ml",
|
|
206
|
+
"mx",
|
|
207
|
+
"my",
|
|
208
|
+
"p",
|
|
209
|
+
"pt",
|
|
210
|
+
"pr",
|
|
211
|
+
"pb",
|
|
212
|
+
"pl",
|
|
213
|
+
"px",
|
|
214
|
+
"py",
|
|
215
|
+
"className",
|
|
216
|
+
"style"
|
|
217
|
+
]), [ref] = _rest;
|
|
218
|
+
const radius = (size - strokeWidth) / 2;
|
|
219
|
+
const circumference = 2 * Math.PI * radius;
|
|
220
|
+
const isIndeterminate = void 0 === value;
|
|
221
|
+
const percent = isIndeterminate ? 25 : Math.min(100, Math.max(0, value / max * 100));
|
|
222
|
+
const dashOffset = circumference - percent / 100 * circumference;
|
|
223
|
+
const computedStyle = _object_spread({}, resolveSpacingStyle({
|
|
224
|
+
m,
|
|
225
|
+
mt,
|
|
226
|
+
mr,
|
|
227
|
+
mb,
|
|
228
|
+
ml,
|
|
229
|
+
mx,
|
|
230
|
+
my,
|
|
231
|
+
p,
|
|
232
|
+
pt,
|
|
233
|
+
pr,
|
|
234
|
+
pb,
|
|
235
|
+
pl,
|
|
236
|
+
px,
|
|
237
|
+
py
|
|
238
|
+
}), style);
|
|
239
|
+
const classes = [
|
|
240
|
+
svg,
|
|
241
|
+
isIndeterminate ? indeterminate : null,
|
|
242
|
+
className
|
|
243
|
+
].filter(Boolean).join(' ');
|
|
244
|
+
const center = size / 2;
|
|
245
|
+
return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("svg", _object_spread_props(_object_spread({
|
|
246
|
+
ref: ref,
|
|
247
|
+
role: "progressbar",
|
|
248
|
+
"aria-valuenow": isIndeterminate ? void 0 : value,
|
|
249
|
+
"aria-valuemin": 0,
|
|
250
|
+
"aria-valuemax": max,
|
|
251
|
+
width: size,
|
|
252
|
+
height: size,
|
|
253
|
+
viewBox: `0 0 ${String(size)} ${String(size)}`,
|
|
254
|
+
className: classes,
|
|
255
|
+
style: computedStyle
|
|
256
|
+
}, rest), {
|
|
257
|
+
children: [
|
|
258
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
259
|
+
className: track,
|
|
260
|
+
cx: center,
|
|
261
|
+
cy: center,
|
|
262
|
+
r: radius,
|
|
263
|
+
strokeWidth: strokeWidth
|
|
264
|
+
}),
|
|
265
|
+
/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("circle", {
|
|
266
|
+
className: fill,
|
|
267
|
+
cx: center,
|
|
268
|
+
cy: center,
|
|
269
|
+
r: radius,
|
|
270
|
+
strokeWidth: strokeWidth,
|
|
271
|
+
strokeDasharray: circumference,
|
|
272
|
+
strokeDashoffset: dashOffset,
|
|
273
|
+
transform: `rotate(-90 ${String(center)} ${String(center)})`
|
|
274
|
+
})
|
|
275
|
+
]
|
|
276
|
+
}));
|
|
277
|
+
});
|
|
278
|
+
CircularProgress.displayName = 'CircularProgress';
|
|
279
|
+
const circular_progress_CircularProgress = CircularProgress;
|
|
280
|
+
exports["default"] = __webpack_exports__["default"];
|
|
281
|
+
for(var __rspack_i in __webpack_exports__)if (-1 === [
|
|
282
|
+
"default"
|
|
283
|
+
].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
|
|
284
|
+
Object.defineProperty(exports, '__esModule', {
|
|
285
|
+
value: true
|
|
286
|
+
});
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
@keyframes _1af39sp0 {
|
|
2
|
+
from {
|
|
3
|
+
transform: rotate(0);
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
to {
|
|
7
|
+
transform: rotate(360deg);
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
._1af39sp1 {
|
|
12
|
+
display: block;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
._1af39sp2 {
|
|
16
|
+
animation: 1s linear infinite _1af39sp0;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
._1af39sp3 {
|
|
20
|
+
stroke: var(--vinyasa-secondary);
|
|
21
|
+
fill: none;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
._1af39sp4 {
|
|
25
|
+
stroke: var(--vinyasa-primary);
|
|
26
|
+
fill: none;
|
|
27
|
+
stroke-linecap: round;
|
|
28
|
+
transition: stroke-dashoffset var(--vinyasa-motion-duration-normal) var(--vinyasa-motion-easing-standard);
|
|
29
|
+
}
|
|
30
|
+
|