@amboss/design-system 1.9.8 → 1.10.1
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/build/cjs/build-tokens/visualConfig.js +2 -0
- package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +84 -0
- package/build/cjs/src/components/Pagination/Pagination.js +77 -0
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +9 -2
- package/build/cjs/src/index.js +4 -0
- package/build/cjs/src/shared/ScreenReaderText.js +26 -0
- package/build/esm/build-tokens/visualConfig.d.ts +1 -0
- package/build/esm/build-tokens/visualConfig.js +2 -0
- package/build/esm/build-tokens/visualConfig.js.map +1 -1
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +11 -0
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +78 -0
- package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +1 -0
- package/build/esm/src/components/Pagination/Pagination.d.ts +17 -0
- package/build/esm/src/components/Pagination/Pagination.js +72 -0
- package/build/esm/src/components/Pagination/Pagination.js.map +1 -0
- package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +2 -0
- package/build/esm/src/components/PictogramButton/PictogramButton.js +9 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/index.d.ts +2 -0
- package/build/esm/src/index.js +2 -0
- package/build/esm/src/index.js.map +1 -1
- package/build/esm/src/shared/ScreenReaderText.d.ts +5 -0
- package/build/esm/src/shared/ScreenReaderText.js +21 -0
- package/build/esm/src/shared/ScreenReaderText.js.map +1 -0
- package/build/esm/src/types/index.d.ts +1 -1
- package/package.json +9 -2
|
@@ -475,6 +475,7 @@ const ambossVisualConfiguration = {
|
|
|
475
475
|
"error": "#d07c7c",
|
|
476
476
|
"warning": "#4d412c",
|
|
477
477
|
"placeholder": "#b9bcc3",
|
|
478
|
+
"brand": "#62b2bc",
|
|
478
479
|
"callout": {
|
|
479
480
|
"warning": "#fef3e1",
|
|
480
481
|
"success": "#e2fef7",
|
|
@@ -1024,6 +1025,7 @@ const ambossVisualConfiguration = {
|
|
|
1024
1025
|
"error": "#dc4847",
|
|
1025
1026
|
"warning": "#df9411",
|
|
1026
1027
|
"placeholder": "#a3b2bd",
|
|
1028
|
+
"brand": "#0aa6b8",
|
|
1027
1029
|
"callout": {
|
|
1028
1030
|
"warning": "#314554",
|
|
1029
1031
|
"success": "#0a5c45",
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _styled = require('@emotion/styled/base');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var react = require('@emotion/react');
|
|
6
|
+
var ScreenReaderText = require('../../shared/ScreenReaderText.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
12
|
+
|
|
13
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
14
|
+
const animation = react.keyframes({
|
|
15
|
+
to: {
|
|
16
|
+
strokeDashoffset: 136
|
|
17
|
+
}
|
|
18
|
+
});
|
|
19
|
+
const StyledContainer = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
20
|
+
target: "e2mymjb2"
|
|
21
|
+
} : {
|
|
22
|
+
target: "e2mymjb2",
|
|
23
|
+
label: "StyledContainer"
|
|
24
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
25
|
+
name: "sw0n2m",
|
|
26
|
+
styles: "display:flex;justify-content:space-around"
|
|
27
|
+
} : {
|
|
28
|
+
name: "sw0n2m",
|
|
29
|
+
styles: "display:flex;justify-content:space-around",
|
|
30
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhcmlhYmxlcy5jb2xvci5ncmVlbi5yZWd1bGFyLFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */",
|
|
31
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
32
|
+
});
|
|
33
|
+
const StyledSvg = /*#__PURE__*/_styled__default.default("svg", process.env.NODE_ENV === "production" ? {
|
|
34
|
+
target: "e2mymjb1"
|
|
35
|
+
} : {
|
|
36
|
+
target: "e2mymjb1",
|
|
37
|
+
label: "StyledSvg"
|
|
38
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
39
|
+
name: "1ties1b",
|
|
40
|
+
styles: "transform-origin:50% 65%"
|
|
41
|
+
} : {
|
|
42
|
+
name: "1ties1b",
|
|
43
|
+
styles: "transform-origin:50% 65%",
|
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQmtCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhcmlhYmxlcy5jb2xvci5ncmVlbi5yZWd1bGFyLFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */",
|
|
45
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
46
|
+
});
|
|
47
|
+
const StyledPolygon = /*#__PURE__*/_styled__default.default("polygon", process.env.NODE_ENV === "production" ? {
|
|
48
|
+
target: "e2mymjb0"
|
|
49
|
+
} : {
|
|
50
|
+
target: "e2mymjb0",
|
|
51
|
+
label: "StyledPolygon"
|
|
52
|
+
})(_ref => {
|
|
53
|
+
let {
|
|
54
|
+
theme
|
|
55
|
+
} = _ref;
|
|
56
|
+
return {
|
|
57
|
+
stroke: theme.variables.color.green.regular,
|
|
58
|
+
strokeDasharray: 17,
|
|
59
|
+
animation: `2s linear 0s infinite ${animation}`
|
|
60
|
+
};
|
|
61
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvYWRpbmdTcGlubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QnNCIiwiZmlsZSI6IkxvYWRpbmdTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTY3JlZW5SZWFkZXJUZXh0IH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9TY3JlZW5SZWFkZXJUZXh0XCI7XG5cbmV4cG9ydCB0eXBlIExvYWRpbmdTcGlubmVyUHJvcHMgPSB7XG4gIC8qKiBXaWR0aCBhbmQgSGVpZ2h0IGluIHB4XG4gICAqIEBkZWZhdWx0IDgwcHhcbiAgICovXG4gIHNpemU/OiBudW1iZXI7XG4gIC8qKiBoaWRkZW4gbGFiZWwgZm9yIHNjcmVlbiByZWFkZXJzICovXG4gIHNjcmVlblJlYWRlclRleHQ6IHN0cmluZztcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBhbmltYXRpb24gPSBrZXlmcmFtZXMoe1xuICB0bzoge1xuICAgIHN0cm9rZURhc2hvZmZzZXQ6IDEzNixcbiAgfSxcbn0pO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2KHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWFyb3VuZFwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmcoe1xuICB0cmFuc2Zvcm1PcmlnaW46IFwiNTAlIDY1JVwiLFxufSk7XG5cbmNvbnN0IFN0eWxlZFBvbHlnb24gPSBzdHlsZWQucG9seWdvbigoeyB0aGVtZSB9KSA9PiAoe1xuICBzdHJva2U6IHRoZW1lLnZhcmlhYmxlcy5jb2xvci5ncmVlbi5yZWd1bGFyLFxuICBzdHJva2VEYXNoYXJyYXk6IDE3LFxuICBhbmltYXRpb246IGAycyBsaW5lYXIgMHMgaW5maW5pdGUgJHthbmltYXRpb259YCxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIExvYWRpbmdTcGlubmVyKHtcbiAgc2l6ZSA9IDgwLFxuICBzY3JlZW5SZWFkZXJUZXh0LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbn06IExvYWRpbmdTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9hZGluZ1NwaW5uZXJcIlxuICAgID5cbiAgICAgIDxTdHlsZWRTdmdcbiAgICAgICAgaWQ9XCJ0cmlhbmdsZVwiXG4gICAgICAgIHdpZHRoPXtzaXplfVxuICAgICAgICBoZWlnaHQ9e3NpemV9XG4gICAgICAgIHZpZXdCb3g9XCItMyAtNCAzOSAzOVwiXG4gICAgICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRQb2x5Z29uXG4gICAgICAgICAgZmlsbD1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICBzdHJva2VXaWR0aD1cIjFcIlxuICAgICAgICAgIHBvaW50cz1cIjE2LDAgMzIsMzIgMCwzMlwiXG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZFN2Zz5cbiAgICAgIDxTY3JlZW5SZWFkZXJUZXh0PntzY3JlZW5SZWFkZXJUZXh0fTwvU2NyZWVuUmVhZGVyVGV4dD5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
62
|
+
function LoadingSpinner(_ref2) {
|
|
63
|
+
let {
|
|
64
|
+
size = 80,
|
|
65
|
+
screenReaderText,
|
|
66
|
+
"data-e2e-test-id": dataE2eTestId
|
|
67
|
+
} = _ref2;
|
|
68
|
+
return /*#__PURE__*/React__default.default.createElement(StyledContainer, {
|
|
69
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
70
|
+
"data-ds-id": "LoadingSpinner"
|
|
71
|
+
}, /*#__PURE__*/React__default.default.createElement(StyledSvg, {
|
|
72
|
+
id: "triangle",
|
|
73
|
+
width: size,
|
|
74
|
+
height: size,
|
|
75
|
+
viewBox: "-3 -4 39 39",
|
|
76
|
+
"aria-hidden": "true"
|
|
77
|
+
}, /*#__PURE__*/React__default.default.createElement(StyledPolygon, {
|
|
78
|
+
fill: "transparent",
|
|
79
|
+
strokeWidth: "1",
|
|
80
|
+
points: "16,0 32,32 0,32"
|
|
81
|
+
})), /*#__PURE__*/React__default.default.createElement(ScreenReaderText.ScreenReaderText, null, screenReaderText));
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
exports.LoadingSpinner = LoadingSpinner;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var Inline = require('../Inline/Inline.js');
|
|
5
|
+
var PictogramButton = require('../PictogramButton/PictogramButton.js');
|
|
6
|
+
var Text = require('../Typography/Text/Text.js');
|
|
7
|
+
|
|
8
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
+
|
|
10
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
11
|
+
|
|
12
|
+
function getItemIndices(page, numOfItemsPerPage) {
|
|
13
|
+
const lastItemIndex = page * numOfItemsPerPage;
|
|
14
|
+
const firstItemIndex = lastItemIndex - numOfItemsPerPage + 1;
|
|
15
|
+
return [firstItemIndex, lastItemIndex];
|
|
16
|
+
}
|
|
17
|
+
function Pagination(_ref) {
|
|
18
|
+
let {
|
|
19
|
+
numOfPages,
|
|
20
|
+
numOfItemsPerPage,
|
|
21
|
+
currentPage,
|
|
22
|
+
formatLabel,
|
|
23
|
+
alignLabel = "center",
|
|
24
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
25
|
+
onPrevClick,
|
|
26
|
+
onNextClick
|
|
27
|
+
} = _ref;
|
|
28
|
+
let label;
|
|
29
|
+
const isFirstPage = currentPage === 1;
|
|
30
|
+
const isLastPage = currentPage === numOfPages;
|
|
31
|
+
if (numOfItemsPerPage) {
|
|
32
|
+
const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage, numOfItemsPerPage);
|
|
33
|
+
const numOfItems = numOfPages * numOfItemsPerPage;
|
|
34
|
+
label = formatLabel ? formatLabel(firstItemIndex, lastItemIndex, numOfItems) : `${firstItemIndex} - ${lastItemIndex} of ${numOfItems}`;
|
|
35
|
+
} else {
|
|
36
|
+
label = formatLabel ? formatLabel() : `${currentPage} of ${numOfPages}`;
|
|
37
|
+
}
|
|
38
|
+
const handlePrevClick = () => {
|
|
39
|
+
if (numOfItemsPerPage) {
|
|
40
|
+
const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage - 1, numOfItemsPerPage);
|
|
41
|
+
onPrevClick(currentPage - 1, firstItemIndex, lastItemIndex);
|
|
42
|
+
} else {
|
|
43
|
+
onPrevClick(currentPage - 1);
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
const handleNextClick = () => {
|
|
47
|
+
if (numOfItemsPerPage) {
|
|
48
|
+
const [firstItemIndex, lastItemIndex] = getItemIndices(currentPage + 1, numOfItemsPerPage);
|
|
49
|
+
onNextClick(currentPage + 1, firstItemIndex, lastItemIndex);
|
|
50
|
+
} else {
|
|
51
|
+
onNextClick(currentPage + 1);
|
|
52
|
+
}
|
|
53
|
+
};
|
|
54
|
+
const leftButton = /*#__PURE__*/React__default.default.createElement(PictogramButton.PictogramButton, {
|
|
55
|
+
size: "s",
|
|
56
|
+
icon: "chevron-left",
|
|
57
|
+
disabled: isFirstPage,
|
|
58
|
+
onClick: handlePrevClick
|
|
59
|
+
});
|
|
60
|
+
const rightButton = /*#__PURE__*/React__default.default.createElement(PictogramButton.PictogramButton, {
|
|
61
|
+
size: "s",
|
|
62
|
+
icon: "chevron-right",
|
|
63
|
+
disabled: isLastPage,
|
|
64
|
+
onClick: handleNextClick
|
|
65
|
+
});
|
|
66
|
+
const labelElm = /*#__PURE__*/React__default.default.createElement(Text.Text, {
|
|
67
|
+
size: "s"
|
|
68
|
+
}, label);
|
|
69
|
+
const content = alignLabel === "left" ? /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, labelElm, leftButton, rightButton) : /*#__PURE__*/React__default.default.createElement(React__default.default.Fragment, null, leftButton, labelElm, rightButton);
|
|
70
|
+
return /*#__PURE__*/React__default.default.createElement(Inline.Inline, {
|
|
71
|
+
vAlignItems: "center",
|
|
72
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
73
|
+
"data-ds-id": "Pagination"
|
|
74
|
+
}, content);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
exports.Pagination = Pagination;
|
|
@@ -21,6 +21,7 @@ const StyledPictogramButton = /*#__PURE__*/_styled__default.default("button", pr
|
|
|
21
21
|
let {
|
|
22
22
|
theme,
|
|
23
23
|
variant,
|
|
24
|
+
size,
|
|
24
25
|
squareCorners
|
|
25
26
|
} = _ref;
|
|
26
27
|
return {
|
|
@@ -67,12 +68,16 @@ const StyledPictogramButton = /*#__PURE__*/_styled__default.default("button", pr
|
|
|
67
68
|
}),
|
|
68
69
|
...(squareCorners && {
|
|
69
70
|
borderRadius: "0"
|
|
71
|
+
}),
|
|
72
|
+
...((size === "s" || size === "m") && {
|
|
73
|
+
padding: theme.variables.size.spacing.xs
|
|
70
74
|
})
|
|
71
75
|
};
|
|
72
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+
|
|
76
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlBpY3RvZ3JhbUJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUThCIiwiZmlsZSI6IlBpY3RvZ3JhbUJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb25OYW1lLCBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IEJ1dHRvblByb3BzIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmLCBQb2x5bW9ycGhpY1JlZiB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBTdHlsZWRQaWN0b2dyYW1CdXR0b24gPSBzdHlsZWQuYnV0dG9uPFBhcnRpYWw8UGljdG9ncmFtQnV0dG9uUHJvcHM+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNpemUsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBcIi1tb3otYXBwZWFyYW5jZVwiOiBcIm5vbmVcIixcbiAgICAgIFwiLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSAxLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIH0pLFxuICAgIC4uLigoc2l6ZSA9PT0gXCJzXCIgfHwgc2l6ZSA9PT0gXCJtXCIpICYmIHtcbiAgICAgIHBhZGRpbmc6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgdHlwZSBQaWN0b2dyYW1CdXR0b25Qcm9wcyA9IFBpY2s8XG4gIEJ1dHRvblByb3BzLFxuICB8IFwidmFyaWFudFwiXG4gIHwgXCJ0eXBlXCJcbiAgfCBcImRpc2FibGVkXCJcbiAgfCBcIm9uQ2xpY2tcIlxuICB8IFwib25Gb2N1c1wiXG4gIHwgXCJvbkJsdXJcIlxuICB8IFwiZGF0YS1lMmUtdGVzdC1pZFwiXG4+ICYge1xuICAvKiogVGhlIGNlbnRlcmVkIGljb24gdG8gYmUgZGlzcGxheWVkLiAqL1xuICBpY29uOiBJY29uTmFtZTtcbiAgLyoqIElmIHRydWUsIHRoZSBidXR0b24gaGFzIHNxdWFyZSBjb3JuZXJzLiAqL1xuICBzcXVhcmVDb3JuZXJzPzogYm9vbGVhbjtcbiAgLyoqIFNpemUgKi9cbiAgc2l6ZT86IFwieHNcIiB8IFwic1wiIHwgXCJtXCI7XG59O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICBzaXplID0gXCJ4c1wiLFxuICAgICAgdmFyaWFudCA9IFwidGVydGlhcnlcIixcbiAgICAgIGRpc2FibGVkID0gZmFsc2UsXG4gICAgICBvbkNsaWNrLFxuICAgICAgb25Gb2N1cyxcbiAgICAgIG9uQmx1cixcbiAgICAgIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICAgICAgYXMsXG4gICAgICBpY29uLFxuICAgICAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICAgICAgLi4ucmVzdFxuICAgIH06IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPixcbiAgICByZWY/OiBQb2x5bW9ycGhpY1JlZjxDPlxuICApID0+IHtcbiAgICBmdW5jdGlvbiBoYW5kbGVDbGljayhlOiBSZWFjdC5Nb3VzZUV2ZW50KSB7XG4gICAgICBpZiAoZGlzYWJsZWQpIHtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgfVxuICAgICAgaWYgKG9uQ2xpY2spIHtcbiAgICAgICAgb25DbGljayhlKTtcbiAgICAgIH1cbiAgICB9XG4gICAgY29uc3QgaWNvblNpemUgPSBzaXplID09PSBcIm1cIiA/IFwibVwiIDogXCJzXCI7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPFN0eWxlZFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgICAgZGF0YS1kcy1pZD1cIlBpY3RvZ3JhbUJ1dHRvblwiXG4gICAgICAgIGFzPXthc31cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICB0eXBlPXthcyAmJiBhcyAhPT0gXCJidXR0b25cIiA/IHVuZGVmaW5lZCA6IHR5cGV9XG4gICAgICAgIHZhcmlhbnQ9e3ZhcmlhbnR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgICBvbkJsdXI9e29uQmx1cn1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgc3BhY2U9XCJ4eHNcIiBub1dyYXA+XG4gICAgICAgICAgPEljb25cbiAgICAgICAgICAgIHNpemU9e2ljb25TaXplfVxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUGljdG9ncmFtQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
|
|
73
77
|
const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, ref) => {
|
|
74
78
|
let {
|
|
75
79
|
type = "button",
|
|
80
|
+
size = "xs",
|
|
76
81
|
variant = "tertiary",
|
|
77
82
|
disabled = false,
|
|
78
83
|
onClick,
|
|
@@ -92,6 +97,7 @@ const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, r
|
|
|
92
97
|
onClick(e);
|
|
93
98
|
}
|
|
94
99
|
}
|
|
100
|
+
const iconSize = size === "m" ? "m" : "s";
|
|
95
101
|
return /*#__PURE__*/React__default.default.createElement(StyledPictogramButton, _extends__default.default({
|
|
96
102
|
ref: ref,
|
|
97
103
|
"data-e2e-test-id": dataE2eTestId,
|
|
@@ -100,6 +106,7 @@ const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, r
|
|
|
100
106
|
disabled: disabled,
|
|
101
107
|
type: as && as !== "button" ? undefined : type,
|
|
102
108
|
variant: variant,
|
|
109
|
+
size: size,
|
|
103
110
|
squareCorners: squareCorners,
|
|
104
111
|
onClick: handleClick,
|
|
105
112
|
onFocus: onFocus,
|
|
@@ -110,7 +117,7 @@ const PictogramButton = /*#__PURE__*/React__default.default.forwardRef((_ref2, r
|
|
|
110
117
|
space: "xxs",
|
|
111
118
|
noWrap: true
|
|
112
119
|
}, /*#__PURE__*/React__default.default.createElement(Icon.Icon, {
|
|
113
|
-
size:
|
|
120
|
+
size: iconSize,
|
|
114
121
|
name: icon,
|
|
115
122
|
"data-testid": icon,
|
|
116
123
|
"data-e2e-test-id": icon
|
package/build/cjs/src/index.js
CHANGED
|
@@ -45,6 +45,8 @@ var Callout = require('./components/Callout/Callout.js');
|
|
|
45
45
|
var Modal = require('./components/Patterns/Modal/Modal.js');
|
|
46
46
|
var ButtonGroup = require('./components/Patterns/ButtonGroup/ButtonGroup.js');
|
|
47
47
|
var Collapsible = require('./components/Collapsible/Collapsible.js');
|
|
48
|
+
var LoadingSpinner = require('./components/LoadingSpinner/LoadingSpinner.js');
|
|
49
|
+
var Pagination = require('./components/Pagination/Pagination.js');
|
|
48
50
|
|
|
49
51
|
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
50
52
|
|
|
@@ -116,5 +118,7 @@ exports.Modal = Modal.Modal;
|
|
|
116
118
|
exports.ButtonGroup = ButtonGroup.ButtonGroup;
|
|
117
119
|
exports.Collapsible = Collapsible.Collapsible;
|
|
118
120
|
exports.CollapsibleHeader = Collapsible.CollapsibleHeader;
|
|
121
|
+
exports.LoadingSpinner = LoadingSpinner.LoadingSpinner;
|
|
122
|
+
exports.Pagination = Pagination.Pagination;
|
|
119
123
|
exports.dark = dark;
|
|
120
124
|
exports.light = light;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _styled = require('@emotion/styled/base');
|
|
4
|
+
|
|
5
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
6
|
+
|
|
7
|
+
var _styled__default = /*#__PURE__*/_interopDefault(_styled);
|
|
8
|
+
|
|
9
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
10
|
+
// Content required to be read by screen readers but visually hidden
|
|
11
|
+
const ScreenReaderText = /*#__PURE__*/_styled__default.default("div", process.env.NODE_ENV === "production" ? {
|
|
12
|
+
target: "ezjk5ml0"
|
|
13
|
+
} : {
|
|
14
|
+
target: "ezjk5ml0",
|
|
15
|
+
label: "ScreenReaderText"
|
|
16
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
17
|
+
name: "vohvw6",
|
|
18
|
+
styles: "width:1px;height:1px;position:absolute;left:-10000px;top:auto;overflow:hidden"
|
|
19
|
+
} : {
|
|
20
|
+
name: "vohvw6",
|
|
21
|
+
styles: "width:1px;height:1px;position:absolute;left:-10000px;top:auto;overflow:hidden",
|
|
22
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcmVlblJlYWRlclRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR2dDIiwiZmlsZSI6IlNjcmVlblJlYWRlclRleHQudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcblxuLy8gQ29udGVudCByZXF1aXJlZCB0byBiZSByZWFkIGJ5IHNjcmVlbiByZWFkZXJzIGJ1dCB2aXN1YWxseSBoaWRkZW5cbmV4cG9ydCBjb25zdCBTY3JlZW5SZWFkZXJUZXh0ID0gc3R5bGVkLmRpdih7XG4gIHdpZHRoOiAxLFxuICBoZWlnaHQ6IDEsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IFwiLTEwMDAwcHhcIixcbiAgdG9wOiBcImF1dG9cIixcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG59KTtcbiJdfQ== */",
|
|
23
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
24
|
+
});
|
|
25
|
+
|
|
26
|
+
exports.ScreenReaderText = ScreenReaderText;
|
|
@@ -473,6 +473,7 @@ const ambossVisualConfiguration = {
|
|
|
473
473
|
"error": "#d07c7c",
|
|
474
474
|
"warning": "#4d412c",
|
|
475
475
|
"placeholder": "#b9bcc3",
|
|
476
|
+
"brand": "#62b2bc",
|
|
476
477
|
"callout": {
|
|
477
478
|
"warning": "#fef3e1",
|
|
478
479
|
"success": "#e2fef7",
|
|
@@ -1022,6 +1023,7 @@ const ambossVisualConfiguration = {
|
|
|
1022
1023
|
"error": "#dc4847",
|
|
1023
1024
|
"warning": "#df9411",
|
|
1024
1025
|
"placeholder": "#a3b2bd",
|
|
1026
|
+
"brand": "#0aa6b8",
|
|
1025
1027
|
"callout": {
|
|
1026
1028
|
"warning": "#314554",
|
|
1027
1029
|
"success": "#0a5c45",
|