@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.
Files changed (26) hide show
  1. package/build/cjs/build-tokens/visualConfig.js +2 -0
  2. package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +84 -0
  3. package/build/cjs/src/components/Pagination/Pagination.js +77 -0
  4. package/build/cjs/src/components/PictogramButton/PictogramButton.js +9 -2
  5. package/build/cjs/src/index.js +4 -0
  6. package/build/cjs/src/shared/ScreenReaderText.js +26 -0
  7. package/build/esm/build-tokens/visualConfig.d.ts +1 -0
  8. package/build/esm/build-tokens/visualConfig.js +2 -0
  9. package/build/esm/build-tokens/visualConfig.js.map +1 -1
  10. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +11 -0
  11. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +78 -0
  12. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +1 -0
  13. package/build/esm/src/components/Pagination/Pagination.d.ts +17 -0
  14. package/build/esm/src/components/Pagination/Pagination.js +72 -0
  15. package/build/esm/src/components/Pagination/Pagination.js.map +1 -0
  16. package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +2 -0
  17. package/build/esm/src/components/PictogramButton/PictogramButton.js +9 -2
  18. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
  19. package/build/esm/src/index.d.ts +2 -0
  20. package/build/esm/src/index.js +2 -0
  21. package/build/esm/src/index.js.map +1 -1
  22. package/build/esm/src/shared/ScreenReaderText.d.ts +5 -0
  23. package/build/esm/src/shared/ScreenReaderText.js +21 -0
  24. package/build/esm/src/shared/ScreenReaderText.js.map +1 -0
  25. package/build/esm/src/types/index.d.ts +1 -1
  26. 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+PihcbiAgKHsgdGhlbWUsIHZhcmlhbnQsIHNxdWFyZUNvcm5lcnMgfSkgPT4gKHtcbiAgICBcIiZbdHlwZT0nYnV0dG9uJ11cIjoge1xuICAgICAgYXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgICBcIi1tb3otYXBwZWFyYW5jZVwiOiBcIm5vbmVcIixcbiAgICAgIFwiLXdlYmtpdC1hcHBlYXJhbmNlXCI6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYm9yZGVyOiAwLFxuICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgdGV4dFRyYW5zZm9ybTogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLmJ1dHRvbi5tLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFNpemU6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmZvbnQuYnV0dG9uLm0sXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5idXR0b24ubSxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgcGFkZGluZzogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBcIiZbZGlzYWJsZWRdLCAmOmRpc2FibGVkXCI6IHtcbiAgICAgIG9wYWNpdHk6IHRoZW1lLnZhcmlhYmxlcy5vcGFjaXR5LmJ1dHRvbi5kaXNhYmxlZCxcbiAgICAgIHBvaW50ZXJFdmVudHM6IFwibm9uZVwiLFxuICAgIH0sXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYnV0dG9uW3ZhcmlhbnRdLmJhc2UsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5ob3ZlcixcbiAgICB9LFxuICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LmJ1dHRvblt2YXJpYW50XS5hY3RpdmUsXG4gICAgfSxcbiAgICAuLi4odmFyaWFudCA9PT0gXCJzZWNvbmRhcnlcIiAmJiB7XG4gICAgICBib3JkZXI6IFwiMXB4IHNvbGlkXCIsXG4gICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYmFzZSxcbiAgICAgIHBhZGRpbmc6IHBhcnNlSW50KHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLCAxMCkgLSAxLFxuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5ib3JkZXIuYnV0dG9uW3ZhcmlhbnRdLmhvdmVyLFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5idXR0b25bdmFyaWFudF0uYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oc3F1YXJlQ29ybmVycyAmJiB7XG4gICAgICBib3JkZXJSYWRpdXM6IFwiMFwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IHR5cGUgUGljdG9ncmFtQnV0dG9uUHJvcHMgPSBQaWNrPFxuICBCdXR0b25Qcm9wcyxcbiAgfCBcInZhcmlhbnRcIlxuICB8IFwidHlwZVwiXG4gIHwgXCJkaXNhYmxlZFwiXG4gIHwgXCJvbkNsaWNrXCJcbiAgfCBcIm9uRm9jdXNcIlxuICB8IFwib25CbHVyXCJcbiAgfCBcImRhdGEtZTJlLXRlc3QtaWRcIlxuPiAmIHtcbiAgLyoqIFRoZSBjZW50ZXJlZCBpY29uIHRvIGJlIGRpc3BsYXllZC4gKi9cbiAgaWNvbjogSWNvbk5hbWU7XG4gIC8qKiBJZiB0cnVlLCB0aGUgYnV0dG9uIGhhcyBzcXVhcmUgY29ybmVycy4gKi9cbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG59O1xuXG50eXBlIFBpY3RvZ3JhbUJ1dHRvbkNvbXBvbmVudCA9IDxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImJ1dHRvblwiPihcbiAgcHJvcHM6IFBvbHltb3JwaGljQ29tcG9uZW50UHJvcHNXaXRoUmVmPEMsIFBpY3RvZ3JhbUJ1dHRvblByb3BzPlxuKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnQgfCBudWxsO1xuXG5leHBvcnQgY29uc3QgUGljdG9ncmFtQnV0dG9uOiBQaWN0b2dyYW1CdXR0b25Db21wb25lbnQgPSBSZWFjdC5mb3J3YXJkUmVmKFxuICA8QyBleHRlbmRzIFJlYWN0LkVsZW1lbnRUeXBlID0gXCJidXR0b25cIj4oXG4gICAge1xuICAgICAgdHlwZSA9IFwiYnV0dG9uXCIsXG4gICAgICB2YXJpYW50ID0gXCJ0ZXJ0aWFyeVwiLFxuICAgICAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgICAgIG9uQ2xpY2ssXG4gICAgICBvbkZvY3VzLFxuICAgICAgb25CbHVyLFxuICAgICAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gICAgICBhcyxcbiAgICAgIGljb24sXG4gICAgICBzcXVhcmVDb3JuZXJzID0gZmFsc2UsXG4gICAgICAuLi5yZXN0XG4gICAgfTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wc1dpdGhSZWY8QywgUGljdG9ncmFtQnV0dG9uUHJvcHM+LFxuICAgIHJlZj86IFBvbHltb3JwaGljUmVmPEM+XG4gICkgPT4ge1xuICAgIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKGU6IFJlYWN0Lk1vdXNlRXZlbnQpIHtcbiAgICAgIGlmIChkaXNhYmxlZCkge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICB9XG4gICAgICBpZiAob25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICA8U3R5bGVkUGljdG9ncmFtQnV0dG9uXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiUGljdG9ncmFtQnV0dG9uXCJcbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHR5cGU9e2FzICYmIGFzICE9PSBcImJ1dHRvblwiID8gdW5kZWZpbmVkIDogdHlwZX1cbiAgICAgICAgdmFyaWFudD17dmFyaWFudH1cbiAgICAgICAgc3F1YXJlQ29ybmVycz17c3F1YXJlQ29ybmVyc31cbiAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICAgIG9uRm9jdXM9e29uRm9jdXN9XG4gICAgICAgIG9uQmx1cj17b25CbHVyfVxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgID5cbiAgICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIiBzcGFjZT1cInh4c1wiIG5vV3JhcD5cbiAgICAgICAgICA8SWNvblxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgbmFtZT17aWNvbn1cbiAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtpY29ufVxuICAgICAgICAgICAgZGF0YS1lMmUtdGVzdC1pZD17aWNvbn1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkUGljdG9ncmFtQnV0dG9uPlxuICAgICk7XG4gIH1cbik7XG4iXX0= */");
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: "s",
120
+ size: iconSize,
114
121
  name: icon,
115
122
  "data-testid": icon,
116
123
  "data-e2e-test-id": icon
@@ -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;
@@ -470,6 +470,7 @@ declare type AmbossTheme = {
470
470
  "error": string;
471
471
  "warning": string;
472
472
  "placeholder": string;
473
+ "brand": string;
473
474
  "callout": {
474
475
  "warning": string;
475
476
  "success": string;
@@ -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",