react-magma-dom 3.0.0-next.6 → 3.0.0-next.7
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/dist/components/Datagrid/Datagrid.stories.d.ts +8 -8
- package/dist/components/Heading/Heading.stories.d.ts +1 -1
- package/dist/components/ProgressBar/index.d.ts +0 -2
- package/dist/components/Table/Table.stories.d.ts +15 -15
- package/dist/components/Tag/Tag.stories.d.ts +90 -90
- package/dist/esm/index.js +7 -15
- package/dist/esm/index.js.map +1 -1
- package/dist/properties.json +4 -6
- package/dist/react-magma-dom.cjs.development.js +7 -15
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -10201,8 +10201,6 @@ var ProgressBarColor;
|
|
|
10201
10201
|
(function (ProgressBarColor) {
|
|
10202
10202
|
ProgressBarColor["danger"] = "danger";
|
|
10203
10203
|
ProgressBarColor["primary"] = "primary";
|
|
10204
|
-
ProgressBarColor["pop"] = "pop";
|
|
10205
|
-
ProgressBarColor["pop02"] = "pop02";
|
|
10206
10204
|
ProgressBarColor["success"] = "success";
|
|
10207
10205
|
})(ProgressBarColor || (ProgressBarColor = {}));
|
|
10208
10206
|
|
|
@@ -10210,13 +10208,13 @@ function buildProgressBarBackground(props) {
|
|
|
10210
10208
|
if (props.isInverse) {
|
|
10211
10209
|
switch (props.color) {
|
|
10212
10210
|
case 'danger':
|
|
10213
|
-
return props.theme.colors.
|
|
10211
|
+
return props.theme.colors.danger200;
|
|
10214
10212
|
|
|
10215
10213
|
case 'success':
|
|
10216
|
-
return props.theme.colors.
|
|
10214
|
+
return props.theme.colors.success200;
|
|
10217
10215
|
|
|
10218
10216
|
default:
|
|
10219
|
-
return props.theme.colors.
|
|
10217
|
+
return props.theme.colors.tertiary;
|
|
10220
10218
|
}
|
|
10221
10219
|
}
|
|
10222
10220
|
|
|
@@ -10224,12 +10222,6 @@ function buildProgressBarBackground(props) {
|
|
|
10224
10222
|
case 'danger':
|
|
10225
10223
|
return props.theme.colors.danger;
|
|
10226
10224
|
|
|
10227
|
-
case 'pop':
|
|
10228
|
-
return props.theme.colors.pop;
|
|
10229
|
-
|
|
10230
|
-
case 'pop02':
|
|
10231
|
-
return props.theme.colors.pop02;
|
|
10232
|
-
|
|
10233
10225
|
case 'success':
|
|
10234
10226
|
return props.theme.colors.success;
|
|
10235
10227
|
|
|
@@ -10241,10 +10233,10 @@ function buildProgressBarBackground(props) {
|
|
|
10241
10233
|
var Container$3 = /*#__PURE__*/_styled.div(_templateObject$F || (_templateObject$F = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n align-items: center;\n display: ", ";\n"])), function (props) {
|
|
10242
10234
|
return props.isLoadingIndicator ? 'block' : 'flex';
|
|
10243
10235
|
});
|
|
10244
|
-
var Track = /*#__PURE__*/_styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n box-shadow: inset 0 0 0 1px\n ", ";\n border-radius: 50em;\n overflow: hidden;\n display: flex;\n height: ", ";\n
|
|
10245
|
-
return props.isInverse ?
|
|
10236
|
+
var Track = /*#__PURE__*/_styled.div(_templateObject2$i || (_templateObject2$i = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n background: ", ";\n box-shadow: inset 0 0 0 1px\n ", ";\n border-radius: 50em;\n overflow: hidden;\n display: flex;\n height: ", ";\n width: 100%;\n"])), function (props) {
|
|
10237
|
+
return props.isInverse ? curriedTransparentize(0.75, props.theme.colors.neutral900) : props.theme.colors.neutral100;
|
|
10246
10238
|
}, function (props) {
|
|
10247
|
-
return props.isInverse ? props.theme.colors.
|
|
10239
|
+
return props.isInverse ? curriedTransparentize(0.5, props.theme.colors.neutral100) : props.theme.colors.neutral;
|
|
10248
10240
|
}, function (props) {
|
|
10249
10241
|
return props.height;
|
|
10250
10242
|
});
|
|
@@ -10253,7 +10245,7 @@ var Bar = /*#__PURE__*/_styled.div(_templateObject3$9 || (_templateObject3$9 = /
|
|
|
10253
10245
|
}, function (props) {
|
|
10254
10246
|
return props.percentage;
|
|
10255
10247
|
}, function (props) {
|
|
10256
|
-
return props.isAnimated && /*#__PURE__*/css("background-image:linear-gradient( to right,", buildProgressBarBackground(props), " 0%,rgba(255,255,255,0.5) 20%,", buildProgressBarBackground(props), " 40%,", buildProgressBarBackground(props), " 100% );background-repeat:no-repeat;background-size:1800px 104px;display:inline-block;position:relative;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-600px 0;}100%{background-position:600px 0;}};label:Bar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10248
|
+
return props.isAnimated && /*#__PURE__*/css("background-image:linear-gradient( to right,", buildProgressBarBackground(props), " 0%,rgba(255,255,255,0.5) 20%,", buildProgressBarBackground(props), " 40%,", buildProgressBarBackground(props), " 100% );background-repeat:no-repeat;background-size:1800px 104px;display:inline-block;position:relative;animation-duration:1s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeholderShimmer;animation-timing-function:linear;@keyframes placeholderShimmer{0%{background-position:-600px 0;}100%{background-position:600px 0;}};label:Bar;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRFEiLCJmaWxlIjoiaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICcuLi8uLi90aGVtZS9zdHlsZWQnO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyBjb252ZXJ0U3R5bGVWYWx1ZVRvU3RyaW5nLCB1c2VHZW5lcmF0ZUlkIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xyXG5pbXBvcnQgeyB1c2VJc0ludmVyc2UgfSBmcm9tICcuLi8uLi9pbnZlcnNlJztcclxuaW1wb3J0IHsgVmlzdWFsbHlIaWRkZW4gfSBmcm9tICcuLi9WaXN1YWxseUhpZGRlbic7XHJcbmltcG9ydCB7IHRyYW5zcGFyZW50aXplIH0gZnJvbSAncG9saXNoZWQnO1xyXG5leHBvcnQgdmFyIFByb2dyZXNzQmFyQ29sb3I7XHJcbihmdW5jdGlvbiAoUHJvZ3Jlc3NCYXJDb2xvcikge1xyXG4gICAgUHJvZ3Jlc3NCYXJDb2xvcltcImRhbmdlclwiXSA9IFwiZGFuZ2VyXCI7XHJcbiAgICBQcm9ncmVzc0JhckNvbG9yW1wicHJpbWFyeVwiXSA9IFwicHJpbWFyeVwiO1xyXG4gICAgUHJvZ3Jlc3NCYXJDb2xvcltcInN1Y2Nlc3NcIl0gPSBcInN1Y2Nlc3NcIjtcclxufSkoUHJvZ3Jlc3NCYXJDb2xvciB8fCAoUHJvZ3Jlc3NCYXJDb2xvciA9IHt9KSk7XHJcbmZ1bmN0aW9uIGJ1aWxkUHJvZ3Jlc3NCYXJCYWNrZ3JvdW5kKHByb3BzKSB7XHJcbiAgICBpZiAocHJvcHMuaXNJbnZlcnNlKSB7XHJcbiAgICAgICAgc3dpdGNoIChwcm9wcy5jb2xvcikge1xyXG4gICAgICAgICAgICBjYXNlICdkYW5nZXInOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb3BzLnRoZW1lLmNvbG9ycy5kYW5nZXIyMDA7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N1Y2Nlc3MnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb3BzLnRoZW1lLmNvbG9ycy5zdWNjZXNzMjAwO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb3BzLnRoZW1lLmNvbG9ycy50ZXJ0aWFyeTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcbiAgICBzd2l0Y2ggKHByb3BzLmNvbG9yKSB7XHJcbiAgICAgICAgY2FzZSAnZGFuZ2VyJzpcclxuICAgICAgICAgICAgcmV0dXJuIHByb3BzLnRoZW1lLmNvbG9ycy5kYW5nZXI7XHJcbiAgICAgICAgY2FzZSAnc3VjY2Vzcyc6XHJcbiAgICAgICAgICAgIHJldHVybiBwcm9wcy50aGVtZS5jb2xvcnMuc3VjY2VzcztcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gcHJvcHMudGhlbWUuY29sb3JzLnByaW1hcnk7XHJcbiAgICB9XHJcbn1cclxuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6ICR7cHJvcHMgPT4gKHByb3BzLmlzTG9hZGluZ0luZGljYXRvciA/ICdibG9jaycgOiAnZmxleCcpfTtcbmA7XHJcbmNvbnN0IFRyYWNrID0gc3R5bGVkLmRpdiBgXG4gIGJhY2tncm91bmQ6ICR7cHJvcHMgPT4gcHJvcHMuaXNJbnZlcnNlID8gdHJhbnNwYXJlbnRpemUoMC43NSwgcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWw5MDApIDogcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwxMDB9O1xuICBib3gtc2hhZG93OiBpbnNldCAwIDAgMCAxcHhcbiAgICAke3Byb3BzID0+IHByb3BzLmlzSW52ZXJzZVxyXG4gICAgPyB0cmFuc3BhcmVudGl6ZSgwLjUsIHByb3BzLnRoZW1lLmNvbG9ycy5uZXV0cmFsMTAwKVxyXG4gICAgOiBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbH07XG4gIGJvcmRlci1yYWRpdXM6IDUwZW07XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy5oZWlnaHR9O1xuICB3aWR0aDogMTAwJTtcbmA7XHJcbmNvbnN0IEJhciA9IHN0eWxlZC5kaXYgYFxuICBiYWNrZ3JvdW5kOiAke3Byb3BzID0+IGJ1aWxkUHJvZ3Jlc3NCYXJCYWNrZ3JvdW5kKHByb3BzKX07XG4gIGJvcmRlci1yYWRpdXM6IDUwZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHRyYW5zaXRpb246IHdpZHRoIDAuM3M7XG4gIHdpZHRoOiAke3Byb3BzID0+IHByb3BzLnBlcmNlbnRhZ2V9JTtcblxuICAke3Byb3BzID0+IHByb3BzLmlzQW5pbWF0ZWQgJiZcclxuICAgIGNzcyBgXG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIHRvIHJpZ2h0LFxuICAgICAgICAke2J1aWxkUHJvZ3Jlc3NCYXJCYWNrZ3JvdW5kKHByb3BzKX0gMCUsXG4gICAgICAgIHJnYmEoMjU1LCAyNTUsIDI1NSwgMC41KSAyMCUsXG4gICAgICAgICR7YnVpbGRQcm9ncmVzc0JhckJhY2tncm91bmQocHJvcHMpfSA0MCUsXG4gICAgICAgICR7YnVpbGRQcm9ncmVzc0JhckJhY2tncm91bmQocHJvcHMpfSAxMDAlXG4gICAgICApO1xuICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgIGJhY2tncm91bmQtc2l6ZTogMTgwMHB4IDEwNHB4O1xuICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgICBhbmltYXRpb24tZHVyYXRpb246IDFzO1xuICAgICAgYW5pbWF0aW9uLWZpbGwtbW9kZTogZm9yd2FyZHM7XG4gICAgICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgICAgIGFuaW1hdGlvbi1uYW1lOiBwbGFjZWhvbGRlclNoaW1tZXI7XG4gICAgICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG5cbiAgICAgIEBrZXlmcmFtZXMgcGxhY2Vob2xkZXJTaGltbWVyIHtcbiAgICAgICAgMCUge1xuICAgICAgICAgIGJhY2tncm91bmQtcG9zaXRpb246IC02MDBweCAwO1xuICAgICAgICB9XG5cbiAgICAgICAgMTAwJSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1wb3NpdGlvbjogNjAwcHggMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIGB9XG5gO1xyXG5jb25zdCBQZXJjZW50YWdlID0gc3R5bGVkLnNwYW4gYFxuICBmb250LXNpemU6ICR7cHJvcHMgPT4gcHJvcHMudGhlbWUudHlwZVNjYWxlLnNpemUwMi5mb250U2l6ZX07XG4gIGxldHRlci1zcGFjaW5nOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDIubGV0dGVyU3BhY2luZ307XG4gIGxpbmUtaGVpZ2h0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDIubGluZUhlaWdodH07XG4gIG1hcmdpbi1sZWZ0OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAzfTtcbmA7XHJcbmNvbnN0IFRvcFBlcmNlbnRhZ2UgPSBzdHlsZWQuZGl2IGBcbiAgZm9udC1zaXplOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnR5cGVTY2FsZS5zaXplMDUuZm9udFNpemV9O1xuICBsaW5lLWhlaWdodDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS50eXBlU2NhbGUuc2l6ZTA1LmxpbmVIZWlnaHR9O1xuICBtYXJnaW4tYm90dG9tOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAzfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyID0gUmVhY3QuZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xyXG4gICAgY29uc3QgeyBjb2xvciwgaGVpZ2h0LCBpZDogZGVmYXVsdElkLCBpc0FuaW1hdGVkLCBpc0xhYmVsVmlzaWJsZSwgaXNMb2FkaW5nSW5kaWNhdG9yLCBwZXJjZW50YWdlLCB0ZXN0SWQsIC4uLm90aGVyIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IGlkID0gdXNlR2VuZXJhdGVJZChkZWZhdWx0SWQpO1xyXG4gICAgY29uc3QgbGFiZWxJZCA9IGAke2lkfV9fbGFiZWxgO1xyXG4gICAgY29uc3QgcGVyY2VudGFnZVZhbHVlID0gcGVyY2VudGFnZSA/IHBlcmNlbnRhZ2UgOiAwO1xyXG4gICAgY29uc3QgdGhlbWUgPSBSZWFjdC51c2VDb250ZXh0KFRoZW1lQ29udGV4dCk7XHJcbiAgICBjb25zdCBoZWlnaHRTdHJpbmcgPSBjb252ZXJ0U3R5bGVWYWx1ZVRvU3RyaW5nKGhlaWdodCwgdGhlbWUuc3BhY2VTY2FsZS5zcGFjaW5nMDMpO1xyXG4gICAgY29uc3QgaXNJbnZlcnNlID0gdXNlSXNJbnZlcnNlKHByb3BzLmlzSW52ZXJzZSk7XHJcbiAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoQ29udGFpbmVyLCBPYmplY3QuYXNzaWduKHt9LCBvdGhlciwgeyBpZDogZGVmYXVsdElkLCBpc0xvYWRpbmdJbmRpY2F0b3I6IGlzTG9hZGluZ0luZGljYXRvciB9KSxcclxuICAgICAgICBpc0xvYWRpbmdJbmRpY2F0b3IgJiYgKFJlYWN0LmNyZWF0ZUVsZW1lbnQoVG9wUGVyY2VudGFnZSwgeyB0aGVtZTogdGhlbWUgfSxcclxuICAgICAgICAgICAgcGVyY2VudGFnZVZhbHVlLFxyXG4gICAgICAgICAgICBcIiVcIikpLFxyXG4gICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoVHJhY2ssIHsgXCJkYXRhLXRlc3RpZFwiOiB0ZXN0SWQsIGhlaWdodDogaGVpZ2h0U3RyaW5nLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgcmVmOiByZWYsIHRoZW1lOiB0aGVtZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KEJhciwgeyBcImFyaWEtbGFiZWxsZWRieVwiOiBsYWJlbElkLCBcImFyaWEtdmFsdWVub3dcIjogcGVyY2VudGFnZVZhbHVlLCBcImFyaWEtdmFsdWVtaW5cIjogMCwgXCJhcmlhLXZhbHVlbWF4XCI6IDEwMCwgY29sb3I6IGNvbG9yLCBpc0FuaW1hdGVkOiBpc0FuaW1hdGVkLCBpc0ludmVyc2U6IGlzSW52ZXJzZSwgcGVyY2VudGFnZTogcGVyY2VudGFnZVZhbHVlLCByb2xlOiBcInByb2dyZXNzYmFyXCIsIHRoZW1lOiB0aGVtZSB9KSksXHJcbiAgICAgICAgaXNMYWJlbFZpc2libGUgPyAoUmVhY3QuY3JlYXRlRWxlbWVudChQZXJjZW50YWdlLCB7IGlkOiBsYWJlbElkLCB0aGVtZTogdGhlbWUgfSxcclxuICAgICAgICAgICAgcGVyY2VudGFnZVZhbHVlLFxyXG4gICAgICAgICAgICBcIiVcIikpIDogKFJlYWN0LmNyZWF0ZUVsZW1lbnQoVmlzdWFsbHlIaWRkZW4sIHsgaWQ6IGxhYmVsSWQgfSxcclxuICAgICAgICAgICAgcGVyY2VudGFnZVZhbHVlLFxyXG4gICAgICAgICAgICBcIiVcIikpKSk7XHJcbn0pO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1pbmRleC5qcy5tYXAiXX0= */"));
|
|
10257
10249
|
});
|
|
10258
10250
|
var Percentage = /*#__PURE__*/_styled.span(_templateObject4$6 || (_templateObject4$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n font-size: ", ";\n letter-spacing: ", ";\n line-height: ", ";\n margin-left: ", ";\n"])), function (props) {
|
|
10259
10251
|
return props.theme.typeScale.size02.fontSize;
|