@ndla/ui 34.6.5 → 34.7.0

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 (73) hide show
  1. package/es/AudioPlayer/AudioPlayer.js +19 -19
  2. package/es/ErrorMessage/ErrorResourceAccessDenied.js +3 -3
  3. package/es/FactBox/FactBox.js +3 -3
  4. package/es/Figure/Figure.js +8 -10
  5. package/es/Filter/FilterButtons.js +20 -23
  6. package/es/Filter/FilterListPhone.js +7 -7
  7. package/es/Footer/FooterAuth.js +12 -11
  8. package/es/Frontpage/FrontpageProgramMenu.js +16 -16
  9. package/es/LearningPaths/LearningPathMenuModalWrapper.js +3 -3
  10. package/es/Navigation/NavigationTopicAbout.js +17 -17
  11. package/es/NoContentBox/NoContentBox.js +3 -3
  12. package/es/RelatedArticleList/RelatedArticleList.js +3 -3
  13. package/es/Search/ContentTypeResult.js +5 -4
  14. package/es/Search/ToggleSearchButton.js +4 -4
  15. package/es/SearchTypeResult/ActiveFilters.js +9 -10
  16. package/es/SearchTypeResult/PopupFilter.js +14 -14
  17. package/es/SearchTypeResult/ResultNavigation.js +9 -9
  18. package/es/SearchTypeResult/SearchHeader.js +11 -11
  19. package/es/SearchTypeResult/SearchItem.js +39 -11
  20. package/es/SearchTypeResult/SearchNotionItem.js +18 -18
  21. package/es/SearchTypeResult/SearchTypeHeader.js +13 -13
  22. package/es/SearchTypeResult/SearchViewType.js +9 -8
  23. package/es/SearchTypeResult/components/SubjectFilters.js +5 -5
  24. package/es/User/AuthModal.js +9 -9
  25. package/lib/AudioPlayer/AudioPlayer.js +19 -19
  26. package/lib/ErrorMessage/ErrorResourceAccessDenied.js +3 -3
  27. package/lib/FactBox/FactBox.js +3 -3
  28. package/lib/Figure/Figure.js +8 -10
  29. package/lib/Filter/FilterButtons.js +20 -23
  30. package/lib/Filter/FilterListPhone.js +7 -7
  31. package/lib/Footer/FooterAuth.js +12 -11
  32. package/lib/Frontpage/FrontpageProgramMenu.js +16 -16
  33. package/lib/LearningPaths/LearningPathMenuModalWrapper.js +3 -3
  34. package/lib/Navigation/NavigationTopicAbout.js +17 -17
  35. package/lib/NoContentBox/NoContentBox.js +3 -3
  36. package/lib/RelatedArticleList/RelatedArticleList.js +3 -3
  37. package/lib/Search/ContentTypeResult.js +5 -4
  38. package/lib/Search/ToggleSearchButton.js +4 -4
  39. package/lib/SearchTypeResult/ActiveFilters.js +9 -10
  40. package/lib/SearchTypeResult/PopupFilter.js +14 -14
  41. package/lib/SearchTypeResult/ResultNavigation.js +9 -9
  42. package/lib/SearchTypeResult/SearchHeader.js +11 -11
  43. package/lib/SearchTypeResult/SearchItem.js +39 -19
  44. package/lib/SearchTypeResult/SearchNotionItem.js +18 -18
  45. package/lib/SearchTypeResult/SearchTypeHeader.js +13 -13
  46. package/lib/SearchTypeResult/SearchViewType.js +9 -8
  47. package/lib/SearchTypeResult/components/SubjectFilters.js +5 -5
  48. package/lib/User/AuthModal.js +9 -9
  49. package/package.json +2 -2
  50. package/src/AudioPlayer/AudioPlayer.tsx +9 -9
  51. package/src/ErrorMessage/ErrorResourceAccessDenied.tsx +3 -3
  52. package/src/FactBox/FactBox.tsx +3 -3
  53. package/src/Figure/Figure.tsx +7 -13
  54. package/src/Filter/FilterButtons.tsx +12 -14
  55. package/src/Filter/FilterListPhone.tsx +7 -7
  56. package/src/Footer/FooterAuth.tsx +4 -4
  57. package/src/Frontpage/FrontpageProgramMenu.tsx +13 -5
  58. package/src/LearningPaths/LearningPathMenuModalWrapper.tsx +3 -3
  59. package/src/Navigation/NavigationTopicAbout.tsx +4 -4
  60. package/src/NoContentBox/NoContentBox.tsx +3 -3
  61. package/src/RelatedArticleList/RelatedArticleList.tsx +4 -4
  62. package/src/Search/ContentTypeResult.tsx +5 -4
  63. package/src/Search/ToggleSearchButton.tsx +2 -2
  64. package/src/SearchTypeResult/ActiveFilters.tsx +4 -5
  65. package/src/SearchTypeResult/PopupFilter.tsx +9 -9
  66. package/src/SearchTypeResult/ResultNavigation.tsx +5 -5
  67. package/src/SearchTypeResult/SearchHeader.tsx +3 -3
  68. package/src/SearchTypeResult/SearchItem.tsx +12 -1
  69. package/src/SearchTypeResult/SearchNotionItem.tsx +5 -5
  70. package/src/SearchTypeResult/SearchTypeHeader.tsx +5 -5
  71. package/src/SearchTypeResult/SearchViewType.tsx +5 -4
  72. package/src/SearchTypeResult/components/SubjectFilters.tsx +3 -3
  73. package/src/User/AuthModal.tsx +3 -3
package/lib/ErrorMessage/ErrorResourceAccessDenied.js CHANGED
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _reactI18next = require("react-i18next");
10
10
  var _core = require("@ndla/core");
11
11
  var _common = require("@ndla/icons/common");
12
- var _button = _interopRequireDefault(require("@ndla/button"));
12
+ var _button = require("@ndla/button");
13
13
  var _ErrorMessage = _interopRequireDefault(require("./ErrorMessage"));
14
14
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -24,7 +24,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
24
24
  var StyledLogInIconWrapper = /*#__PURE__*/(0, _base["default"])("span", {
25
25
  target: "e1a7kjll0",
26
26
  label: "StyledLogInIconWrapper"
27
- })("margin-left:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yUmVzb3VyY2VBY2Nlc3NEZW5pZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEMiLCJmaWxlIjoiRXJyb3JSZXNvdXJjZUFjY2Vzc0RlbmllZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSHVtYW5NYWxlQm9hcmQsIExvZ0luIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCBCdXR0b24gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW1wb3J0IEVycm9yTWVzc2FnZSBmcm9tICcuL0Vycm9yTWVzc2FnZSc7XG5cbmNvbnN0IFN0eWxlZExvZ0luSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgb25BdXRoZW50aWNhdGVDbGljazogKCkgPT4gdm9pZDtcbn07XG5jb25zdCBFcnJvclJlc291cmNlQWNjZXNzRGVuaWVkID0gKHsgb25BdXRoZW50aWNhdGVDbGljayB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEVycm9yTWVzc2FnZVxuICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgdGl0bGU6IHQoJ3VzZXIucmVzb3VyY2UuYWNjZXNzRGVuaWVkJyksXG4gICAgICAgIGJhY2s6IHQoJ2Vycm9yTWVzc2FnZS5iYWNrJyksXG4gICAgICAgIGdvVG9Gcm9udFBhZ2U6IHQoJ2Vycm9yTWVzc2FnZS5nb1RvRnJvbnRQYWdlJyksXG4gICAgICB9fVxuICAgICAgaWxsdXN0cmF0aW9uRWxlbWVudD17PEh1bWFuTWFsZUJvYXJkIGNsYXNzTmFtZT1cImMtaWNvbi0tbGFyZ2VcIiAvPn1cbiAgICAgIGN1c3RvbUVsZW1lbnQ9e1xuICAgICAgICA8QnV0dG9uIHNpemU9XCJtZWRpdW1cIiBvbkNsaWNrPXtvbkF1dGhlbnRpY2F0ZUNsaWNrfT5cbiAgICAgICAgICB7dCgndXNlci5idXR0b25Mb2dJbicpfVxuICAgICAgICAgIDxTdHlsZWRMb2dJbkljb25XcmFwcGVyIGFyaWEtaGlkZGVuPlxuICAgICAgICAgICAgPExvZ0luIGNsYXNzTmFtZT1cImMtaWNvbi0tbWVkaXVtXCIgLz5cbiAgICAgICAgICA8L1N0eWxlZExvZ0luSWNvbldyYXBwZXI+XG4gICAgICAgIDwvQnV0dG9uPlxuICAgICAgfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFcnJvclJlc291cmNlQWNjZXNzRGVuaWVkO1xuIl19 */"));
27
+ })("margin-left:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVycm9yUmVzb3VyY2VBY2Nlc3NEZW5pZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEMiLCJmaWxlIjoiRXJyb3JSZXNvdXJjZUFjY2Vzc0RlbmllZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSHVtYW5NYWxlQm9hcmQsIExvZ0luIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcbmltcG9ydCB7IEJ1dHRvblYyIH0gZnJvbSAnQG5kbGEvYnV0dG9uJztcblxuaW1wb3J0IEVycm9yTWVzc2FnZSBmcm9tICcuL0Vycm9yTWVzc2FnZSc7XG5cbmNvbnN0IFN0eWxlZExvZ0luSWNvbldyYXBwZXIgPSBzdHlsZWQuc3BhbmBcbiAgbWFyZ2luLWxlZnQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgb25BdXRoZW50aWNhdGVDbGljazogKCkgPT4gdm9pZDtcbn07XG5jb25zdCBFcnJvclJlc291cmNlQWNjZXNzRGVuaWVkID0gKHsgb25BdXRoZW50aWNhdGVDbGljayB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEVycm9yTWVzc2FnZVxuICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgdGl0bGU6IHQoJ3VzZXIucmVzb3VyY2UuYWNjZXNzRGVuaWVkJyksXG4gICAgICAgIGJhY2s6IHQoJ2Vycm9yTWVzc2FnZS5iYWNrJyksXG4gICAgICAgIGdvVG9Gcm9udFBhZ2U6IHQoJ2Vycm9yTWVzc2FnZS5nb1RvRnJvbnRQYWdlJyksXG4gICAgICB9fVxuICAgICAgaWxsdXN0cmF0aW9uRWxlbWVudD17PEh1bWFuTWFsZUJvYXJkIGNsYXNzTmFtZT1cImMtaWNvbi0tbGFyZ2VcIiAvPn1cbiAgICAgIGN1c3RvbUVsZW1lbnQ9e1xuICAgICAgICA8QnV0dG9uVjIgc2l6ZT1cIm1lZGl1bVwiIG9uQ2xpY2s9e29uQXV0aGVudGljYXRlQ2xpY2t9PlxuICAgICAgICAgIHt0KCd1c2VyLmJ1dHRvbkxvZ0luJyl9XG4gICAgICAgICAgPFN0eWxlZExvZ0luSWNvbldyYXBwZXIgYXJpYS1oaWRkZW4+XG4gICAgICAgICAgICA8TG9nSW4gY2xhc3NOYW1lPVwiYy1pY29uLS1tZWRpdW1cIiAvPlxuICAgICAgICAgIDwvU3R5bGVkTG9nSW5JY29uV3JhcHBlcj5cbiAgICAgICAgPC9CdXR0b25WMj5cbiAgICAgIH1cbiAgICAvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgRXJyb3JSZXNvdXJjZUFjY2Vzc0RlbmllZDtcbiJdfQ== */"));
28
28
  var ErrorResourceAccessDenied = function ErrorResourceAccessDenied(_ref) {
29
29
  var onAuthenticateClick = _ref.onAuthenticateClick;
30
30
  var _useTranslation = (0, _reactI18next.useTranslation)(),
@@ -38,7 +38,7 @@ var ErrorResourceAccessDenied = function ErrorResourceAccessDenied(_ref) {
38
38
  illustrationElement: (0, _jsxRuntime.jsx)(_common.HumanMaleBoard, {
39
39
  className: "c-icon--large"
40
40
  }),
41
- customElement: (0, _jsxRuntime.jsxs)(_button["default"], {
41
+ customElement: (0, _jsxRuntime.jsxs)(_button.ButtonV2, {
42
42
  size: "medium",
43
43
  onClick: onAuthenticateClick,
44
44
  children: [t('user.buttonLogIn'), (0, _jsxRuntime.jsx)(StyledLogInIconWrapper, {
package/lib/FactBox/FactBox.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports["default"] = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _reactBemHelper = _interopRequireDefault(require("react-bem-helper"));
9
- var _button = _interopRequireDefault(require("@ndla/button"));
9
+ var _button = require("@ndla/button");
10
10
  var _reactI18next = require("react-i18next");
11
11
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -32,10 +32,10 @@ var FactBox = function FactBox(_ref) {
32
32
  children: [(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, classes('content')), {}, {
33
33
  dangerouslySetInnerHTML: dangerouslySetInnerHTML,
34
34
  children: children
35
- })), (0, _jsxRuntime.jsx)(_button["default"], _objectSpread(_objectSpread({}, classes('button', 'collapsed')), {}, {
35
+ })), (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({}, classes('button', 'collapsed')), {}, {
36
36
  onClick: toggleFactBox,
37
37
  title: t('factbox.open')
38
- })), (0, _jsxRuntime.jsx)(_button["default"], _objectSpread(_objectSpread({}, classes('button', 'open')), {}, {
38
+ })), (0, _jsxRuntime.jsx)(_button.ButtonV2, _objectSpread(_objectSpread({}, classes('button', 'open')), {}, {
39
39
  onClick: toggleFactBox,
40
40
  title: t('factbox.close')
41
41
  }))]
package/lib/Figure/Figure.js CHANGED
@@ -10,7 +10,7 @@ var _util = require("@ndla/util");
10
10
  var _common = require("@ndla/icons/common");
11
11
  var _notion = require("@ndla/notion");
12
12
  var _safelink = _interopRequireDefault(require("@ndla/safelink"));
13
- var _button = _interopRequireDefault(require("@ndla/button"));
13
+ var _button = require("@ndla/button");
14
14
  var _reactDeviceDetect = require("react-device-detect");
15
15
  var _jsxRuntime = require("@emotion/react/jsx-runtime");
16
16
  var _excluded = ["children", "type", "resizeIframe", "className"];
@@ -56,19 +56,17 @@ var FigureCaption = function FigureCaption(_ref) {
56
56
  return author.name;
57
57
  }).join(', ')
58
58
  })), (0, _jsxRuntime.jsxs)("div", {
59
- children: [modalButton ? modalButton : (0, _jsxRuntime.jsx)(_button["default"], {
60
- borderShape: "rounded",
61
- outline: true,
59
+ children: [modalButton ? modalButton : (0, _jsxRuntime.jsx)(_button.ButtonV2, {
60
+ shape: "pill",
61
+ variant: "outline",
62
62
  size: "small",
63
- type: "button",
64
63
  "data-dialog-trigger-id": id,
65
64
  "data-dialog-source-id": figureId,
66
65
  children: reuseLabel
67
- }), hasLinkedVideo && (linkedVideoButton ? linkedVideoButton : (0, _jsxRuntime.jsxs)(_button["default"], _objectSpread(_objectSpread({
68
- borderShape: "rounded",
69
- outline: true,
70
- size: "small",
71
- type: "button"
66
+ }), hasLinkedVideo && (linkedVideoButton ? linkedVideoButton : (0, _jsxRuntime.jsxs)(_button.ButtonV2, _objectSpread(_objectSpread({
67
+ shape: "pill",
68
+ variant: "outline",
69
+ size: "small"
72
70
  }, classes('toggleAlternativeVideo')), {}, {
73
71
  children: [(0, _jsxRuntime.jsx)("span", {
74
72
  className: "original",