@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.
- package/es/Article/Article.js +7 -7
- package/es/Article/ArticleByline.js +14 -14
- package/es/Article/ArticleHeaderWrapper.js +4 -2
- package/es/BannerCard/BannerCard.js +13 -10
- package/es/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
- package/es/CompetenceGoalTab/CompetenceGoalTab.js +25 -47
- package/es/CompetenceGoalTab/CompetenceItem.js +38 -90
- package/es/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
- package/es/ResourceGroup/ResourceList.js +4 -3
- package/es/locale/messages-en.js +6 -3
- package/es/locale/messages-nb.js +6 -3
- package/es/locale/messages-nn.js +6 -3
- package/es/locale/messages-se.js +6 -3
- package/es/locale/messages-sma.js +6 -3
- package/lib/Article/Article.d.ts +3 -3
- package/lib/Article/Article.js +7 -7
- package/lib/Article/ArticleByline.js +14 -14
- package/lib/Article/ArticleHeaderWrapper.d.ts +2 -2
- package/lib/Article/ArticleHeaderWrapper.js +4 -2
- package/lib/BannerCard/BannerCard.d.ts +12 -3
- package/lib/BannerCard/BannerCard.js +13 -10
- package/lib/CompetenceGoalTab/CompetenceGoalItem.js +69 -51
- package/lib/CompetenceGoalTab/CompetenceGoalTab.d.ts +1 -2
- package/lib/CompetenceGoalTab/CompetenceGoalTab.js +23 -46
- package/lib/CompetenceGoalTab/CompetenceItem.d.ts +6 -2
- package/lib/CompetenceGoalTab/CompetenceItem.js +37 -89
- package/lib/CompetenceGoals/CompetenceGoalsDialog.js +4 -4
- package/lib/ResourceGroup/ResourceList.js +4 -3
- package/lib/locale/messages-en.d.ts +4 -1
- package/lib/locale/messages-en.js +6 -3
- package/lib/locale/messages-nb.d.ts +4 -1
- package/lib/locale/messages-nb.js +6 -3
- package/lib/locale/messages-nn.d.ts +4 -1
- package/lib/locale/messages-nn.js +6 -3
- package/lib/locale/messages-se.d.ts +4 -1
- package/lib/locale/messages-se.js +6 -3
- package/lib/locale/messages-sma.d.ts +4 -1
- package/lib/locale/messages-sma.js +6 -3
- package/lib/types.d.ts +1 -1
- package/package.json +2 -2
- package/src/Article/Article.tsx +6 -6
- package/src/Article/ArticleByline.tsx +12 -12
- package/src/Article/ArticleHeaderWrapper.tsx +9 -3
- package/src/BannerCard/BannerCard.tsx +7 -7
- package/src/CompetenceGoalTab/CompetenceGoalItem.tsx +36 -39
- package/src/CompetenceGoalTab/CompetenceGoalTab.tsx +32 -76
- package/src/CompetenceGoalTab/CompetenceItem.tsx +55 -74
- package/src/CompetenceGoals/CompetenceGoalsDialog.tsx +1 -1
- package/src/ResourceGroup/ResourceList.tsx +2 -0
- package/src/locale/messages-en.ts +7 -3
- package/src/locale/messages-nb.ts +7 -3
- package/src/locale/messages-nn.ts +7 -3
- package/src/locale/messages-se.ts +7 -3
- package/src/locale/messages-sma.ts +7 -3
- package/src/types.ts +1 -1
- package/es/CompetenceGoalTab/SearchButton.js +0 -46
- package/lib/CompetenceGoalTab/SearchButton.d.ts +0 -14
- package/lib/CompetenceGoalTab/SearchButton.js +0 -53
- 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;
|