@sendoutcards/quantum-design-ui 1.7.23-beta.11 → 1.7.23-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +19 -0
- package/dist/index.es.js +61 -61
- package/dist/src/exports/atoms.d.ts +1 -3
- package/dist/src/exports/themes.d.ts +1 -1
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,25 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.7.23-beta.13](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.23-beta.12...@sendoutcards/quantum-design-ui@1.7.23-beta.13) (2021-12-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @sendoutcards/quantum-design-ui
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.7.23-beta.12](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.23-beta.11...@sendoutcards/quantum-design-ui@1.7.23-beta.12) (2021-12-17)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* duplicate export ([376a44d](https://github.com/SendOutCards/quantum-design-system/commit/376a44d9441758d0e10f42ecf7b90081cb603319))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
6
25
|
## [1.7.23-beta.11](https://github.com/SendOutCards/quantum-design-system/compare/@sendoutcards/quantum-design-ui@1.7.23-beta.10...@sendoutcards/quantum-design-ui@1.7.23-beta.11) (2021-12-16)
|
|
7
26
|
|
|
8
27
|
**Note:** Version bump only for package @sendoutcards/quantum-design-ui
|
package/dist/index.es.js
CHANGED
|
@@ -11786,65 +11786,13 @@ var ListItem = function (props) {
|
|
|
11786
11786
|
}), props.children);
|
|
11787
11787
|
};
|
|
11788
11788
|
|
|
11789
|
-
var _emotionSourceMap$J = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
11790
|
-
var LoadingSpinner = function (_a) {
|
|
11791
|
-
var size = _a.size,
|
|
11792
|
-
_b = _a.hasNoColor,
|
|
11793
|
-
hasNoColor = _b === void 0 ? false : _b;
|
|
11794
|
-
|
|
11795
|
-
var _c = useEntities(),
|
|
11796
|
-
loadingSpinner = _c.loadingSpinner,
|
|
11797
|
-
hocs = _c.hocs;
|
|
11798
|
-
|
|
11799
|
-
var circleVariants = {
|
|
11800
|
-
isLoading: {
|
|
11801
|
-
strokeDashoffset: [187, 187 / 4, 187],
|
|
11802
|
-
rotate: [0, 135, 450],
|
|
11803
|
-
stroke: hasNoColor ? [hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading] : [loadingSpinner.colors.primary, loadingSpinner.colors.secondary, loadingSpinner.colors.success, loadingSpinner.colors.warning, loadingSpinner.colors.danger],
|
|
11804
|
-
transition: {
|
|
11805
|
-
duration: 1.4,
|
|
11806
|
-
repeatType: 'loop'
|
|
11807
|
-
}
|
|
11808
|
-
}
|
|
11809
|
-
};
|
|
11810
|
-
var rotateVariants = {
|
|
11811
|
-
isLoading: {
|
|
11812
|
-
rotate: [0, 270],
|
|
11813
|
-
transition: {
|
|
11814
|
-
duration: 1.4,
|
|
11815
|
-
repeatType: 'loop'
|
|
11816
|
-
}
|
|
11817
|
-
}
|
|
11818
|
-
};
|
|
11819
|
-
return jsx(Div, {
|
|
11820
|
-
animate: 'isLoading',
|
|
11821
|
-
variants: rotateVariants,
|
|
11822
|
-
css: /*#__PURE__*/css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n ;label:LoadingSpinner;" + _emotionSourceMap$J], ["\n display: flex;\n justify-content: center;\n align-items: center;\n ;label:LoadingSpinner;" + _emotionSourceMap$J])))
|
|
11823
|
-
}, jsx(motion.svg, {
|
|
11824
|
-
width: loadingSpinner.size[size] + "px",
|
|
11825
|
-
height: loadingSpinner.size[size] + "px",
|
|
11826
|
-
viewBox: "0 0 66 66",
|
|
11827
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
11828
|
-
}, jsx(motion.circle, {
|
|
11829
|
-
strokeDasharray: 187,
|
|
11830
|
-
variants: circleVariants,
|
|
11831
|
-
fill: "none",
|
|
11832
|
-
strokeWidth: "4",
|
|
11833
|
-
strokeLinecap: "round",
|
|
11834
|
-
cx: "33",
|
|
11835
|
-
cy: "33",
|
|
11836
|
-
r: "30"
|
|
11837
|
-
})));
|
|
11838
|
-
};
|
|
11839
|
-
var templateObject_1$K;
|
|
11840
|
-
|
|
11841
|
-
var _emotionSourceMap$I = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlY3Rpb25TdHlsZXM6IGZ1bmN0aW9uIChnZW5lcmF0ZWRTdHlsZXMpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdKSksIGdlbmVyYXRlZFN0eWxlcyk7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
11789
|
+
var _emotionSourceMap$J = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHdUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIHNlY3Rpb25TdHlsZXM6IGZ1bmN0aW9uIChnZW5lcmF0ZWRTdHlsZXMpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8xIHx8ICh0ZW1wbGF0ZU9iamVjdF8xID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIFwiLCBcIlxcbiAgICBmb250LXNpemU6IGluaGVyaXQ7XFxuICBcIl0sIFtcIlxcbiAgICBcIiwgXCJcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdKSksIGdlbmVyYXRlZFN0eWxlcyk7IH0sXHJcbn07XHJcbnZhciB0ZW1wbGF0ZU9iamVjdF8xO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZXMuanMubWFwIl19 */";
|
|
11842
11790
|
var styles$I = {
|
|
11843
11791
|
sectionStyles: function (generatedStyles) {
|
|
11844
|
-
return /*#__PURE__*/css(templateObject_1$
|
|
11792
|
+
return /*#__PURE__*/css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n ", "\n font-size: inherit;\n " + _emotionSourceMap$J], ["\n ", "\n font-size: inherit;\n " + _emotionSourceMap$J])), generatedStyles);
|
|
11845
11793
|
}
|
|
11846
11794
|
};
|
|
11847
|
-
var templateObject_1$
|
|
11795
|
+
var templateObject_1$K;
|
|
11848
11796
|
|
|
11849
11797
|
var Section = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
11850
11798
|
var entities = useEntities();
|
|
@@ -11875,13 +11823,13 @@ var Spacer = function (_a) {
|
|
|
11875
11823
|
});
|
|
11876
11824
|
};
|
|
11877
11825
|
|
|
11878
|
-
var _emotionSourceMap$
|
|
11826
|
+
var _emotionSourceMap$I = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHMEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGxpc3RDb250YWluZXI6IGZ1bmN0aW9uIChvcmllbnRhdGlvbiwgYWxpZ25tZW50LCBsaXN0U3R5bGUsIGdlbmVyYXRlZFN0eWxlcykgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgbGlzdC1zdHlsZS10eXBlOiBcIiwgXCI7XFxuICAgIG1hcmdpbjogMDtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgZmxleC1kaXJlY3Rpb246IFwiLCBcIjtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIiwgXCI7XFxuICAgIGFsaWduLWl0ZW1zOiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDA7XFxuICAgIFwiLCBcIjtcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgbGlzdC1zdHlsZS10eXBlOiBcIiwgXCI7XFxuICAgIG1hcmdpbjogMDtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgZmxleC1kaXJlY3Rpb246IFwiLCBcIjtcXG4gICAganVzdGlmeS1jb250ZW50OiBcIixcclxuICAgICAgICBcIjtcXG4gICAgYWxpZ24taXRlbXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICBwYWRkaW5nOiAwO1xcbiAgICBcIiwgXCI7XFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gIFwiXSkpLCBsaXN0U3R5bGUsIG9yaWVudGF0aW9uID09PSAndmVydGljYWwnID8gJ2NvbHVtbicgOiAncm93Jywgb3JpZW50YXRpb24gPT09ICdob3Jpem9udGFsJyAmJiBhbGlnbm1lbnQgPT09ICdsZWZ0J1xyXG4gICAgICAgID8gJ2ZsZXgtc3RhcnQnXHJcbiAgICAgICAgOiBhbGlnbm1lbnQgPT09ICdjZW50ZXInXHJcbiAgICAgICAgICAgID8gJ2NlbnRlcidcclxuICAgICAgICAgICAgOiAnZmxleC1lbmQnLCBvcmllbnRhdGlvbiA9PT0gJ3ZlcnRpY2FsJyAmJiBhbGlnbm1lbnQgPT09ICdsZWZ0J1xyXG4gICAgICAgID8gJ2ZsZXgtc3RhcnQnXHJcbiAgICAgICAgOiBhbGlnbm1lbnQgPT09ICdjZW50ZXInXHJcbiAgICAgICAgICAgID8gJ2NlbnRlcidcclxuICAgICAgICAgICAgOiAnZmxleC1lbmQnLCBnZW5lcmF0ZWRTdHlsZXMpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
|
|
11879
11827
|
var styles$H = {
|
|
11880
11828
|
listContainer: function (orientation, alignment, listStyle, generatedStyles) {
|
|
11881
|
-
return /*#__PURE__*/css(templateObject_1$
|
|
11829
|
+
return /*#__PURE__*/css(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n list-style-type: ", ";\n margin: 0;\n display: flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", ";\n padding: 0;\n ", ";\n font-size: inherit;\n " + _emotionSourceMap$I], ["\n list-style-type: ", ";\n margin: 0;\n display: flex;\n flex-direction: ", ";\n justify-content: ", ";\n align-items: ", ";\n padding: 0;\n ", ";\n font-size: inherit;\n " + _emotionSourceMap$I])), listStyle, orientation === 'vertical' ? 'column' : 'row', orientation === 'horizontal' && alignment === 'left' ? 'flex-start' : alignment === 'center' ? 'center' : 'flex-end', orientation === 'vertical' && alignment === 'left' ? 'flex-start' : alignment === 'center' ? 'center' : 'flex-end', generatedStyles);
|
|
11882
11830
|
}
|
|
11883
11831
|
};
|
|
11884
|
-
var templateObject_1$
|
|
11832
|
+
var templateObject_1$J;
|
|
11885
11833
|
|
|
11886
11834
|
var List = function (props) {
|
|
11887
11835
|
var _a = props.listStyle,
|
|
@@ -11940,13 +11888,13 @@ var Capsule = function (_a) {
|
|
|
11940
11888
|
}));
|
|
11941
11889
|
};
|
|
11942
11890
|
|
|
11943
|
-
var _emotionSourceMap$
|
|
11891
|
+
var _emotionSourceMap$H = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHcUQiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmV4cG9ydCBkZWZhdWx0IHtcclxuICAgIGFzaWRlU3R5bGVzOiBmdW5jdGlvbiAoZ2VuZXJhdGVkU3R5bGVzKSB7IHJldHVybiBjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICBcIiwgXCJcXG4gICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgXCJdLCBbXCJcXG4gICAgXCIsIFwiXFxuICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gIFwiXSkpLCBnZW5lcmF0ZWRTdHlsZXMpOyB9LFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
|
|
11944
11892
|
var styles$G = {
|
|
11945
11893
|
asideStyles: function (generatedStyles) {
|
|
11946
|
-
return /*#__PURE__*/css(templateObject_1$
|
|
11894
|
+
return /*#__PURE__*/css(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n ", "\n font-size: inherit;\n " + _emotionSourceMap$H], ["\n ", "\n font-size: inherit;\n " + _emotionSourceMap$H])), generatedStyles);
|
|
11947
11895
|
}
|
|
11948
11896
|
};
|
|
11949
|
-
var templateObject_1$
|
|
11897
|
+
var templateObject_1$I;
|
|
11950
11898
|
|
|
11951
11899
|
var Aside = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
11952
11900
|
var entities = useEntities();
|
|
@@ -11991,6 +11939,58 @@ var VStack = function (_a) {
|
|
|
11991
11939
|
}, children);
|
|
11992
11940
|
};
|
|
11993
11941
|
|
|
11942
|
+
var _emotionSourceMap$G = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ3NFIiwiZmlsZSI6ImxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IF9fbWFrZVRlbXBsYXRlT2JqZWN0IH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgdXNlRW50aXRpZXMgfSBmcm9tIFwiLi4vLi4vaG9va3MvdXNlRW50aXRpZXNcIjtcclxuaW1wb3J0IHsgRGl2IH0gZnJvbSAnLi4vZGl2L2Rpdic7XHJcbmV4cG9ydCB2YXIgTG9hZGluZ1NwaW5uZXIgPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBzaXplID0gX2Euc2l6ZSwgX2IgPSBfYS5oYXNOb0NvbG9yLCBoYXNOb0NvbG9yID0gX2IgPT09IHZvaWQgMCA/IGZhbHNlIDogX2I7XHJcbiAgICB2YXIgX2MgPSB1c2VFbnRpdGllcygpLCBsb2FkaW5nU3Bpbm5lciA9IF9jLmxvYWRpbmdTcGlubmVyLCBob2NzID0gX2MuaG9jcztcclxuICAgIHZhciBjaXJjbGVWYXJpYW50cyA9IHtcclxuICAgICAgICBpc0xvYWRpbmc6IHtcclxuICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogWzE4NywgMTg3IC8gNCwgMTg3XSxcclxuICAgICAgICAgICAgcm90YXRlOiBbMCwgMTM1LCA0NTBdLFxyXG4gICAgICAgICAgICBzdHJva2U6IGhhc05vQ29sb3JcclxuICAgICAgICAgICAgICAgID8gW1xyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICAgICAgaG9jcy50ZXh0Q29sb3JzLmludmVyc2VIZWFkaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGhvY3MudGV4dENvbG9ycy5pbnZlcnNlSGVhZGluZyxcclxuICAgICAgICAgICAgICAgICAgICBob2NzLnRleHRDb2xvcnMuaW52ZXJzZUhlYWRpbmcsXHJcbiAgICAgICAgICAgICAgICBdXHJcbiAgICAgICAgICAgICAgICA6IFtcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMucHJpbWFyeSxcclxuICAgICAgICAgICAgICAgICAgICBsb2FkaW5nU3Bpbm5lci5jb2xvcnMuc2Vjb25kYXJ5LFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5zdWNjZXNzLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy53YXJuaW5nLFxyXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmdTcGlubmVyLmNvbG9ycy5kYW5nZXIsXHJcbiAgICAgICAgICAgICAgICBdLFxyXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiB7XHJcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMS40LFxyXG4gICAgICAgICAgICAgICAgcmVwZWF0VHlwZTogJ2xvb3AnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9O1xyXG4gICAgdmFyIHJvdGF0ZVZhcmlhbnRzID0ge1xyXG4gICAgICAgIGlzTG9hZGluZzoge1xyXG4gICAgICAgICAgICByb3RhdGU6IFswLCAyNzBdLFxyXG4gICAgICAgICAgICB0cmFuc2l0aW9uOiB7XHJcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMS40LFxyXG4gICAgICAgICAgICAgICAgcmVwZWF0VHlwZTogJ2xvb3AnLFxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgIH0sXHJcbiAgICB9O1xyXG4gICAgcmV0dXJuICg8RGl2IGFuaW1hdGU9eydpc0xvYWRpbmcnfSB2YXJpYW50cz17cm90YXRlVmFyaWFudHN9IGNzcz17Y3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgICAgXCJdLCBbXCJcXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XFxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcXG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XFxuICAgICAgXCJdKSkpfT5cbiAgICAgIDxtb3Rpb24uc3ZnIHdpZHRoPXtsb2FkaW5nU3Bpbm5lci5zaXplW3NpemVdICsgXCJweFwifSBoZWlnaHQ9e2xvYWRpbmdTcGlubmVyLnNpemVbc2l6ZV0gKyBcInB4XCJ9IHZpZXdCb3g9XCIwIDAgNjYgNjZcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgIDxtb3Rpb24uY2lyY2xlIHN0cm9rZURhc2hhcnJheT17MTg3fSB2YXJpYW50cz17Y2lyY2xlVmFyaWFudHN9IGZpbGw9XCJub25lXCIgc3Ryb2tlV2lkdGg9XCI0XCIgc3Ryb2tlTGluZWNhcD1cInJvdW5kXCIgY3g9XCIzM1wiIGN5PVwiMzNcIiByPVwiMzBcIi8+XG4gICAgICA8L21vdGlvbi5zdmc+XG4gICAgPC9EaXY+KTtcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzE7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPWxvYWRpbmdTcGlubmVyLmpzeC5tYXAiXX0= */";
|
|
11943
|
+
var LoadingSpinner = function (_a) {
|
|
11944
|
+
var size = _a.size,
|
|
11945
|
+
_b = _a.hasNoColor,
|
|
11946
|
+
hasNoColor = _b === void 0 ? false : _b;
|
|
11947
|
+
|
|
11948
|
+
var _c = useEntities(),
|
|
11949
|
+
loadingSpinner = _c.loadingSpinner,
|
|
11950
|
+
hocs = _c.hocs;
|
|
11951
|
+
|
|
11952
|
+
var circleVariants = {
|
|
11953
|
+
isLoading: {
|
|
11954
|
+
strokeDashoffset: [187, 187 / 4, 187],
|
|
11955
|
+
rotate: [0, 135, 450],
|
|
11956
|
+
stroke: hasNoColor ? [hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading, hocs.textColors.inverseHeading] : [loadingSpinner.colors.primary, loadingSpinner.colors.secondary, loadingSpinner.colors.success, loadingSpinner.colors.warning, loadingSpinner.colors.danger],
|
|
11957
|
+
transition: {
|
|
11958
|
+
duration: 1.4,
|
|
11959
|
+
repeatType: 'loop'
|
|
11960
|
+
}
|
|
11961
|
+
}
|
|
11962
|
+
};
|
|
11963
|
+
var rotateVariants = {
|
|
11964
|
+
isLoading: {
|
|
11965
|
+
rotate: [0, 270],
|
|
11966
|
+
transition: {
|
|
11967
|
+
duration: 1.4,
|
|
11968
|
+
repeatType: 'loop'
|
|
11969
|
+
}
|
|
11970
|
+
}
|
|
11971
|
+
};
|
|
11972
|
+
return jsx(Div, {
|
|
11973
|
+
animate: 'isLoading',
|
|
11974
|
+
variants: rotateVariants,
|
|
11975
|
+
css: /*#__PURE__*/css(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n ;label:LoadingSpinner;" + _emotionSourceMap$G], ["\n display: flex;\n justify-content: center;\n align-items: center;\n ;label:LoadingSpinner;" + _emotionSourceMap$G])))
|
|
11976
|
+
}, jsx(motion.svg, {
|
|
11977
|
+
width: loadingSpinner.size[size] + "px",
|
|
11978
|
+
height: loadingSpinner.size[size] + "px",
|
|
11979
|
+
viewBox: "0 0 66 66",
|
|
11980
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11981
|
+
}, jsx(motion.circle, {
|
|
11982
|
+
strokeDasharray: 187,
|
|
11983
|
+
variants: circleVariants,
|
|
11984
|
+
fill: "none",
|
|
11985
|
+
strokeWidth: "4",
|
|
11986
|
+
strokeLinecap: "round",
|
|
11987
|
+
cx: "33",
|
|
11988
|
+
cy: "33",
|
|
11989
|
+
r: "30"
|
|
11990
|
+
})));
|
|
11991
|
+
};
|
|
11992
|
+
var templateObject_1$H;
|
|
11993
|
+
|
|
11994
11994
|
var computeButtonSizeProperties = function (size, sizeMap) {
|
|
11995
11995
|
return mapSizeType(size, sizeMap);
|
|
11996
11996
|
};
|
|
@@ -8,9 +8,8 @@ export * from "../atoms/typography/text";
|
|
|
8
8
|
export * from "../atoms/badge/badge";
|
|
9
9
|
export * from "../atoms/avatar/avatar";
|
|
10
10
|
export * from "../atoms/listItem/listItem";
|
|
11
|
-
export * from "../atoms/loadingSpinner/loadingSpinner";
|
|
12
|
-
export * from "../atoms/section/section";
|
|
13
11
|
export * from "../atoms/animatedCheckMark/animatedCheckMark";
|
|
12
|
+
export * from "../atoms/section/section";
|
|
14
13
|
export * from "../atoms/spacer/spacer";
|
|
15
14
|
export * from "../atoms/list/list";
|
|
16
15
|
export * from "../atoms/div/div";
|
|
@@ -21,4 +20,3 @@ export * from "../atoms/aside/aside";
|
|
|
21
20
|
export * from "../atoms/vStack/vStack";
|
|
22
21
|
export * from "../atoms/span/span";
|
|
23
22
|
export * from "../atoms/loadingSpinner/loadingSpinner";
|
|
24
|
-
export * from "../atoms/animatedCheckMark/animatedCheckMark";
|
|
@@ -6,4 +6,4 @@ import { entities as blue42Theme } from '../customThemes/blue42/entities';
|
|
|
6
6
|
import { entities as streamMarketingTheme } from '../customThemes/streamMarketing/entities';
|
|
7
7
|
import { entities as streamVATheme } from '../customThemes/streamVA/entities';
|
|
8
8
|
import { entities as promptingUTheme } from '../customThemes/promptingU/entities';
|
|
9
|
-
export { sendogoTheme, bellaCadaeuxTheme,
|
|
9
|
+
export { greenerStillTheme, sendogoTheme, bellaCadaeuxTheme, promptingUTheme, sendOutCardsTheme, streamVATheme, streamMarketingTheme, blue42Theme, };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sendoutcards/quantum-design-ui",
|
|
3
|
-
"version": "1.7.23-beta.
|
|
3
|
+
"version": "1.7.23-beta.13",
|
|
4
4
|
"description": "UI component library for Quantum Design System",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
6
|
"jsnext:main": "dist/index.es.js",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"git add"
|
|
104
104
|
]
|
|
105
105
|
},
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "9eefb63ce55812c499e646fd154c0037e8de2dd3"
|
|
107
107
|
}
|