@ndla/ui 33.4.5 → 34.0.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 (59) hide show
  1. package/es/Article/Article.js +7 -7
  2. package/es/Article/ArticleByline.js +14 -14
  3. package/es/Article/ArticleHeaderWrapper.js +4 -2
  4. package/es/BannerCard/BannerCard.js +13 -10
  5. package/es/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
  6. package/es/CompetenceGoalTab/CompetenceGoalTab.js +25 -47
  7. package/es/CompetenceGoalTab/CompetenceItem.js +38 -90
  8. package/es/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
  9. package/es/ResourceGroup/ResourceList.js +4 -3
  10. package/es/locale/messages-en.js +6 -3
  11. package/es/locale/messages-nb.js +6 -3
  12. package/es/locale/messages-nn.js +6 -3
  13. package/es/locale/messages-se.js +6 -3
  14. package/es/locale/messages-sma.js +6 -3
  15. package/lib/Article/Article.d.ts +3 -3
  16. package/lib/Article/Article.js +7 -7
  17. package/lib/Article/ArticleByline.js +14 -14
  18. package/lib/Article/ArticleHeaderWrapper.d.ts +2 -2
  19. package/lib/Article/ArticleHeaderWrapper.js +4 -2
  20. package/lib/BannerCard/BannerCard.d.ts +12 -3
  21. package/lib/BannerCard/BannerCard.js +13 -10
  22. package/lib/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
  23. package/lib/CompetenceGoalTab/CompetenceGoalTab.d.ts +1 -2
  24. package/lib/CompetenceGoalTab/CompetenceGoalTab.js +23 -46
  25. package/lib/CompetenceGoalTab/CompetenceItem.d.ts +6 -2
  26. package/lib/CompetenceGoalTab/CompetenceItem.js +37 -89
  27. package/lib/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
  28. package/lib/ResourceGroup/ResourceList.js +4 -3
  29. package/lib/locale/messages-en.d.ts +4 -1
  30. package/lib/locale/messages-en.js +6 -3
  31. package/lib/locale/messages-nb.d.ts +4 -1
  32. package/lib/locale/messages-nb.js +6 -3
  33. package/lib/locale/messages-nn.d.ts +4 -1
  34. package/lib/locale/messages-nn.js +6 -3
  35. package/lib/locale/messages-se.d.ts +4 -1
  36. package/lib/locale/messages-se.js +6 -3
  37. package/lib/locale/messages-sma.d.ts +4 -1
  38. package/lib/locale/messages-sma.js +6 -3
  39. package/lib/types.d.ts +1 -1
  40. package/package.json +2 -2
  41. package/src/Article/Article.tsx +6 -6
  42. package/src/Article/ArticleByline.tsx +12 -12
  43. package/src/Article/ArticleHeaderWrapper.tsx +9 -3
  44. package/src/BannerCard/BannerCard.tsx +7 -7
  45. package/src/CompetenceGoalTab/CompetenceGoalItem.tsx +36 -39
  46. package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +32 -76
  47. package/src/CompetenceGoalTab/CompetenceItem.tsx +55 -74
  48. package/src/CompetenceGoals/CompetenceGoalsDialog.tsx +1 -1
  49. package/src/ResourceGroup/ResourceList.tsx +2 -0
  50. package/src/locale/messages-en.ts +7 -3
  51. package/src/locale/messages-nb.ts +7 -3
  52. package/src/locale/messages-nn.ts +7 -3
  53. package/src/locale/messages-se.ts +7 -3
  54. package/src/locale/messages-sma.ts +7 -3
  55. package/src/types.ts +1 -1
  56. package/es/CompetenceGoalTab/SearchButton.js +0 -46
  57. package/lib/CompetenceGoalTab/SearchButton.d.ts +0 -14
  58. package/lib/CompetenceGoalTab/SearchButton.js +0 -53
  59. package/src/CompetenceGoalTab/SearchButton.tsx +0 -54
@@ -1,46 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- /**
3
- * Copyright (c) 2021-present, NDLA.
4
- *
5
- * This source code is licensed under the GPLv3 license found in the
6
- * LICENSE file in the root directory of this source tree.
7
- *
8
- */
9
-
10
- import React from 'react';
11
- import SafeLink from '@ndla/safelink';
12
- import { colors, fonts, misc, spacing } from '@ndla/core';
13
- import { Search } from '@ndla/icons/common';
14
- import { jsx as _jsx } from "@emotion/react/jsx-runtime";
15
- import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
16
- var Wrapper = /*#__PURE__*/_styled("div", {
17
- target: "el06msh1",
18
- label: "Wrapper"
19
- })("a{border:2px solid ", colors.brand.tertiary, ";border-radius:5px;font-weight:600;", fonts.sizes('16px', '24px'), ";padding:10px 16px;box-shadow:none;transition:", misc.transition["default"], ";display:inline-flex;&:hover{border:2px solid ", colors.brand.primary, ";color:", colors.white, ";background:", colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzBCIiwiZmlsZSI6IlNlYXJjaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgbWlzYywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI0cHgnKX07XG4gICAgcGFkZGluZzogMTBweCAxNnB4O1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICB0bzogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaEJ1dHRvbiA9ICh7IHRvLCB0ZXh0LCB0YXJnZXQgPSAnX3NlbGYnIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fT5cbiAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgPFNlYXJjaCBzdHlsZT17eyB3aWR0aDogJzI0cHgnLCBoZWlnaHQ6ICcyNHB4JyB9fSAvPlxuICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgIDxzcGFuPnt0ZXh0fTwvc3Bhbj5cbiAgICA8L1NhZmVMaW5rPlxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hCdXR0b247XG4iXX0= */"));
20
- var IconWrapper = /*#__PURE__*/_styled("span", {
21
- target: "el06msh0",
22
- label: "IconWrapper"
23
- })("margin-right:", spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MrQiIsImZpbGUiOiJTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFNlYXJjaCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyNHB4Jyl9O1xuICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdG86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hCdXR0b24gPSAoeyB0bywgdGV4dCwgdGFyZ2V0ID0gJ19zZWxmJyB9OiBQcm9wcykgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8U2FmZUxpbmsgdG89e3RvfSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICA8SWNvbldyYXBwZXI+XG4gICAgICAgIDxTZWFyY2ggc3R5bGU9e3sgd2lkdGg6ICcyNHB4JywgaGVpZ2h0OiAnMjRweCcgfX0gLz5cbiAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICA8c3Bhbj57dGV4dH08L3NwYW4+XG4gICAgPC9TYWZlTGluaz5cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoQnV0dG9uO1xuIl19 */"));
24
- var SearchButton = function SearchButton(_ref) {
25
- var to = _ref.to,
26
- text = _ref.text,
27
- _ref$target = _ref.target,
28
- target = _ref$target === void 0 ? '_self' : _ref$target;
29
- return _jsx(Wrapper, {
30
- children: _jsxs(SafeLink, {
31
- to: to,
32
- target: target,
33
- children: [_jsx(IconWrapper, {
34
- children: _jsx(Search, {
35
- style: {
36
- width: '24px',
37
- height: '24px'
38
- }
39
- })
40
- }), _jsx("span", {
41
- children: text
42
- })]
43
- })
44
- });
45
- };
46
- export default SearchButton;
@@ -1,14 +0,0 @@
1
- /**
2
- * Copyright (c) 2021-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
- type Props = {
9
- to: string;
10
- text: string;
11
- target?: string;
12
- };
13
- declare const SearchButton: ({ to, text, target }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
14
- export default SearchButton;
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
- var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
- var _react = _interopRequireDefault(require("react"));
9
- var _safelink = _interopRequireDefault(require("@ndla/safelink"));
10
- var _core = require("@ndla/core");
11
- var _common = require("@ndla/icons/common");
12
- var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
- /**
15
- * Copyright (c) 2021-present, NDLA.
16
- *
17
- * This source code is licensed under the GPLv3 license found in the
18
- * LICENSE file in the root directory of this source tree.
19
- *
20
- */
21
-
22
- var Wrapper = /*#__PURE__*/(0, _base["default"])("div", {
23
- target: "el06msh1",
24
- label: "Wrapper"
25
- })("a{border:2px solid ", _core.colors.brand.tertiary, ";border-radius:5px;font-weight:600;", _core.fonts.sizes('16px', '24px'), ";padding:10px 16px;box-shadow:none;transition:", _core.misc.transition["default"], ";display:inline-flex;&:hover{border:2px solid ", _core.colors.brand.primary, ";color:", _core.colors.white, ";background:", _core.colors.brand.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzBCIiwiZmlsZSI6IlNlYXJjaEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMS1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgU2FmZUxpbmsgZnJvbSAnQG5kbGEvc2FmZWxpbmsnO1xuaW1wb3J0IHsgY29sb3JzLCBmb250cywgbWlzYywgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoIH0gZnJvbSAnQG5kbGEvaWNvbnMvY29tbW9uJztcblxuY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGEge1xuICAgIGJvcmRlcjogMnB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLnRlcnRpYXJ5fTtcbiAgICBib3JkZXItcmFkaXVzOiA1cHg7XG4gICAgZm9udC13ZWlnaHQ6IDYwMDtcbiAgICAke2ZvbnRzLnNpemVzKCcxNnB4JywgJzI0cHgnKX07XG4gICAgcGFkZGluZzogMTBweCAxNnB4O1xuICAgIGJveC1zaGFkb3c6IG5vbmU7XG4gICAgdHJhbnNpdGlvbjogJHttaXNjLnRyYW5zaXRpb24uZGVmYXVsdH07XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgJjpob3ZlciB7XG4gICAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICAgIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9ycy5icmFuZC5wcmltYXJ5fTtcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLnNwYW5gXG4gIG1hcmdpbi1yaWdodDogJHtzcGFjaW5nLnhzbWFsbH07XG5gO1xuXG50eXBlIFByb3BzID0ge1xuICB0bzogc3RyaW5nO1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRhcmdldD86IHN0cmluZztcbn07XG5cbmNvbnN0IFNlYXJjaEJ1dHRvbiA9ICh7IHRvLCB0ZXh0LCB0YXJnZXQgPSAnX3NlbGYnIH06IFByb3BzKSA9PiAoXG4gIDxXcmFwcGVyPlxuICAgIDxTYWZlTGluayB0bz17dG99IHRhcmdldD17dGFyZ2V0fT5cbiAgICAgIDxJY29uV3JhcHBlcj5cbiAgICAgICAgPFNlYXJjaCBzdHlsZT17eyB3aWR0aDogJzI0cHgnLCBoZWlnaHQ6ICcyNHB4JyB9fSAvPlxuICAgICAgPC9JY29uV3JhcHBlcj5cbiAgICAgIDxzcGFuPnt0ZXh0fTwvc3Bhbj5cbiAgICA8L1NhZmVMaW5rPlxuICA8L1dyYXBwZXI+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBTZWFyY2hCdXR0b247XG4iXX0= */"));
26
- var IconWrapper = /*#__PURE__*/(0, _base["default"])("span", {
27
- target: "el06msh0",
28
- label: "IconWrapper"
29
- })("margin-right:", _core.spacing.xsmall, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNlYXJjaEJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0MrQiIsImZpbGUiOiJTZWFyY2hCdXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjEtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFNlYXJjaCB9IGZyb20gJ0BuZGxhL2ljb25zL2NvbW1vbic7XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBhIHtcbiAgICBib3JkZXI6IDJweCBzb2xpZCAke2NvbG9ycy5icmFuZC50ZXJ0aWFyeX07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtd2VpZ2h0OiA2MDA7XG4gICAgJHtmb250cy5zaXplcygnMTZweCcsICcyNHB4Jyl9O1xuICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICBib3gtc2hhZG93OiBub25lO1xuICAgIHRyYW5zaXRpb246ICR7bWlzYy50cmFuc2l0aW9uLmRlZmF1bHR9O1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICY6aG92ZXIge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgICBjb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcnMuYnJhbmQucHJpbWFyeX07XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5zcGFuYFxuICBtYXJnaW4tcmlnaHQ6ICR7c3BhY2luZy54c21hbGx9O1xuYDtcblxudHlwZSBQcm9wcyA9IHtcbiAgdG86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nO1xuICB0YXJnZXQ/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBTZWFyY2hCdXR0b24gPSAoeyB0bywgdGV4dCwgdGFyZ2V0ID0gJ19zZWxmJyB9OiBQcm9wcykgPT4gKFxuICA8V3JhcHBlcj5cbiAgICA8U2FmZUxpbmsgdG89e3RvfSB0YXJnZXQ9e3RhcmdldH0+XG4gICAgICA8SWNvbldyYXBwZXI+XG4gICAgICAgIDxTZWFyY2ggc3R5bGU9e3sgd2lkdGg6ICcyNHB4JywgaGVpZ2h0OiAnMjRweCcgfX0gLz5cbiAgICAgIDwvSWNvbldyYXBwZXI+XG4gICAgICA8c3Bhbj57dGV4dH08L3NwYW4+XG4gICAgPC9TYWZlTGluaz5cbiAgPC9XcmFwcGVyPlxuKTtcblxuZXhwb3J0IGRlZmF1bHQgU2VhcmNoQnV0dG9uO1xuIl19 */"));
30
- var SearchButton = function SearchButton(_ref) {
31
- var to = _ref.to,
32
- text = _ref.text,
33
- _ref$target = _ref.target,
34
- target = _ref$target === void 0 ? '_self' : _ref$target;
35
- return (0, _jsxRuntime.jsx)(Wrapper, {
36
- children: (0, _jsxRuntime.jsxs)(_safelink["default"], {
37
- to: to,
38
- target: target,
39
- children: [(0, _jsxRuntime.jsx)(IconWrapper, {
40
- children: (0, _jsxRuntime.jsx)(_common.Search, {
41
- style: {
42
- width: '24px',
43
- height: '24px'
44
- }
45
- })
46
- }), (0, _jsxRuntime.jsx)("span", {
47
- children: text
48
- })]
49
- })
50
- });
51
- };
52
- var _default = SearchButton;
53
- exports["default"] = _default;
@@ -1,54 +0,0 @@
1
- /**
2
- * Copyright (c) 2021-present, NDLA.
3
- *
4
- * This source code is licensed under the GPLv3 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- *
7
- */
8
-
9
- import React from 'react';
10
- import styled from '@emotion/styled';
11
- import SafeLink from '@ndla/safelink';
12
- import { colors, fonts, misc, spacing } from '@ndla/core';
13
- import { Search } from '@ndla/icons/common';
14
-
15
- const Wrapper = styled.div`
16
- a {
17
- border: 2px solid ${colors.brand.tertiary};
18
- border-radius: 5px;
19
- font-weight: 600;
20
- ${fonts.sizes('16px', '24px')};
21
- padding: 10px 16px;
22
- box-shadow: none;
23
- transition: ${misc.transition.default};
24
- display: inline-flex;
25
- &:hover {
26
- border: 2px solid ${colors.brand.primary};
27
- color: ${colors.white};
28
- background: ${colors.brand.primary};
29
- }
30
- }
31
- `;
32
-
33
- const IconWrapper = styled.span`
34
- margin-right: ${spacing.xsmall};
35
- `;
36
-
37
- type Props = {
38
- to: string;
39
- text: string;
40
- target?: string;
41
- };
42
-
43
- const SearchButton = ({ to, text, target = '_self' }: Props) => (
44
- <Wrapper>
45
- <SafeLink to={to} target={target}>
46
- <IconWrapper>
47
- <Search style={{ width: '24px', height: '24px' }} />
48
- </IconWrapper>
49
- <span>{text}</span>
50
- </SafeLink>
51
- </Wrapper>
52
- );
53
-
54
- export default SearchButton;