@ndla/ui 44.0.0 → 44.0.3
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/README.md +1 -1
- package/es/ContactBlock/ContactBlock.js +13 -13
- package/es/Grid/Grid.js +15 -5
- package/es/LinkBlock/LinkBlock.js +16 -6
- package/lib/ContactBlock/ContactBlock.js +13 -13
- package/lib/Grid/Grid.d.ts +2 -5
- package/lib/Grid/Grid.js +15 -5
- package/lib/LinkBlock/LinkBlock.js +16 -6
- package/package.json +5 -4
- package/src/ContactBlock/ContactBlock.tsx +3 -0
- package/src/Grid/Grid.tsx +8 -2
- package/src/LinkBlock/LinkBlock.tsx +10 -1
package/lib/Grid/Grid.js
CHANGED
|
@@ -8,7 +8,8 @@ exports.default = exports.GridParallaxItem = void 0;
|
|
|
8
8
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
var _core = require("@ndla/core");
|
|
10
10
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
-
var _excluded = ["columns", "border", "children", "background", "size"]
|
|
11
|
+
var _excluded = ["columns", "border", "children", "background", "size"],
|
|
12
|
+
_excluded2 = ["children"];
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -33,7 +34,7 @@ var GridContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
33
34
|
until: _core.breakpoints.desktop
|
|
34
35
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", _core.mq.range({
|
|
35
36
|
from: _core.breakpoints.tabletWide
|
|
36
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
37
38
|
var Grid = function Grid(_ref) {
|
|
38
39
|
var columns = _ref.columns,
|
|
39
40
|
border = _ref.border,
|
|
@@ -51,18 +52,27 @@ var Grid = function Grid(_ref) {
|
|
|
51
52
|
children: children
|
|
52
53
|
}));
|
|
53
54
|
};
|
|
54
|
-
var
|
|
55
|
+
var StyledGridParallaxItem = /*#__PURE__*/(0, _base.default)("div", {
|
|
55
56
|
target: "e1c0s8mo0",
|
|
56
|
-
label: "
|
|
57
|
+
label: "StyledGridParallaxItem"
|
|
57
58
|
})(process.env.NODE_ENV === "production" ? {
|
|
58
59
|
name: "1iakvkp",
|
|
59
60
|
styles: "position:relative;>div{top:0px;position:sticky;}"
|
|
60
61
|
} : {
|
|
61
62
|
name: "1iakvkp",
|
|
62
63
|
styles: "position:relative;>div{top:0px;position:sticky;}",
|
|
63
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */",
|
|
64
65
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
65
66
|
});
|
|
67
|
+
var GridParallaxItem = function GridParallaxItem(_ref2) {
|
|
68
|
+
var children = _ref2.children,
|
|
69
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
70
|
+
return (0, _jsxRuntime.jsx)(StyledGridParallaxItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
71
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
72
|
+
children: children
|
|
73
|
+
})
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
66
76
|
exports.GridParallaxItem = GridParallaxItem;
|
|
67
77
|
var _default = Grid;
|
|
68
78
|
exports.default = _default;
|
|
@@ -5,9 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
8
|
+
var _dateFns = require("date-fns");
|
|
9
|
+
var _locale = require("date-fns/locale");
|
|
8
10
|
var _safelink = _interopRequireDefault(require("@ndla/safelink"));
|
|
9
11
|
var _common = require("@ndla/icons/common");
|
|
10
12
|
var _core = require("@ndla/core");
|
|
13
|
+
var _react = require("react");
|
|
11
14
|
var _Heading = _interopRequireDefault(require("../Typography/Heading"));
|
|
12
15
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
13
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -22,11 +25,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
22
25
|
var StyledForward = /*#__PURE__*/(0, _base.default)(_common.Forward, {
|
|
23
26
|
target: "e1wf6l0z4",
|
|
24
27
|
label: "StyledForward"
|
|
25
|
-
})("margin:0 ", _core.spacing.nsmall, ";min-width:", _core.spacing.normal, ";min-height:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
})("margin:0 ", _core.spacing.nsmall, ";min-width:", _core.spacing.normal, ";min-height:", _core.spacing.normal, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JxQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCB9OiBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4pID0+IHtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gbGFuZ3VhZ2UgPT09ICduYicgPyBuYiA6IGxhbmd1YWdlID09PSAnbm4nID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksICdkZC4gTExMTC4geXl5eScsIHsgbG9jYWxlIH0pO1xuICB9LCBbZGF0ZSwgbGFuZ3VhZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
|
|
26
29
|
var InfoWrapper = /*#__PURE__*/(0, _base.default)("div", {
|
|
27
30
|
target: "e1wf6l0z3",
|
|
28
31
|
label: "InfoWrapper"
|
|
29
|
-
})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
})("display:flex;flex-direction:column;gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0I4QiIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCB9OiBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4pID0+IHtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gbGFuZ3VhZ2UgPT09ICduYicgPyBuYiA6IGxhbmd1YWdlID09PSAnbm4nID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksICdkZC4gTExMTC4geXl5eScsIHsgbG9jYWxlIH0pO1xuICB9LCBbZGF0ZSwgbGFuZ3VhZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
|
|
30
33
|
var StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
|
|
31
34
|
target: "e1wf6l0z2",
|
|
32
35
|
label: "StyledSafeLink"
|
|
@@ -34,20 +37,27 @@ var StyledSafeLink = /*#__PURE__*/(0, _base.default)(_safelink.default, {
|
|
|
34
37
|
from: _core.breakpoints.tabletWide
|
|
35
38
|
}), "{&:hover{& ", InfoWrapper, " :first-child{text-decoration:underline;}& ", StyledForward, "{width:32px;height:32px;}}&:focus-visible{border:2px solid ", _core.colors.brand.dark, ";}}", _core.mq.range({
|
|
36
39
|
until: _core.breakpoints.tabletWide
|
|
37
|
-
}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
}), "{& ", InfoWrapper, " :first-child{text-decoration:underline;}:active :first-child{text-decoration:none;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJ1QyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCB9OiBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4pID0+IHtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gbGFuZ3VhZ2UgPT09ICduYicgPyBuYiA6IGxhbmd1YWdlID09PSAnbm4nID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksICdkZC4gTExMTC4geXl5eScsIHsgbG9jYWxlIH0pO1xuICB9LCBbZGF0ZSwgbGFuZ3VhZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
|
|
38
41
|
var StyledDateContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
39
42
|
target: "e1wf6l0z1",
|
|
40
43
|
label: "StyledDateContainer"
|
|
41
|
-
})("display:flex;align-items:center;padding-top:", _core.spacing.xsmall, ";gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
})("display:flex;align-items:center;padding-top:", _core.spacing.xsmall, ";gap:", _core.spacing.small, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERzQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCB9OiBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4pID0+IHtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gbGFuZ3VhZ2UgPT09ICduYicgPyBuYiA6IGxhbmd1YWdlID09PSAnbm4nID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksICdkZC4gTExMTC4geXl5eScsIHsgbG9jYWxlIH0pO1xuICB9LCBbZGF0ZSwgbGFuZ3VhZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
|
|
42
45
|
var StyledCalenderEd = /*#__PURE__*/(0, _base.default)(_common.CalendarEd, {
|
|
43
46
|
target: "e1wf6l0z0",
|
|
44
47
|
label: "StyledCalenderEd"
|
|
45
|
-
})("color:", _core.colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
48
|
+
})("color:", _core.colors.icon.iconBlue, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmtCbG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUUyQyIsImZpbGUiOiJMaW5rQmxvY2sudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjMtcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLlxuICpcbiAqL1xuXG5pbXBvcnQgeyBmb3JtYXQgfSBmcm9tICdkYXRlLWZucyc7XG5pbXBvcnQgeyBlbkdCLCBuYiwgbm4gfSBmcm9tICdkYXRlLWZucy9sb2NhbGUnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IEZvcndhcmQsIENhbGVuZGFyRWQgfSBmcm9tICdAbmRsYS9pY29ucy9jb21tb24nO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgc3BhY2luZywgbXEgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IExpbmtCbG9ja0VtYmVkRGF0YSB9IGZyb20gJ0BuZGxhL3R5cGVzLWVtYmVkJztcbmltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9UeXBvZ3JhcGh5L0hlYWRpbmcnO1xuXG5jb25zdCBTdHlsZWRGb3J3YXJkID0gc3R5bGVkKEZvcndhcmQpYFxuICBtYXJnaW46IDAgJHtzcGFjaW5nLm5zbWFsbH07XG4gIG1pbi13aWR0aDogJHtzcGFjaW5nLm5vcm1hbH07XG4gIG1pbi1oZWlnaHQ6ICR7c3BhY2luZy5ub3JtYWx9O1xuYDtcblxuY29uc3QgSW5mb1dyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRTYWZlTGluayA9IHN0eWxlZChTYWZlTGluaylgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgY29sb3I6IGluaGVyaXQ7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXJ9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmOmhvdmVyIHtcbiAgICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgICB9XG4gICAgICAmICR7U3R5bGVkRm9yd2FyZH0ge1xuICAgICAgICB3aWR0aDogMzJweDtcbiAgICAgICAgaGVpZ2h0OiAzMnB4O1xuICAgICAgfVxuICAgIH1cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgYm9yZGVyOiAycHggc29saWQgJHtjb2xvcnMuYnJhbmQuZGFya307XG4gICAgfVxuICB9XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICYgJHtJbmZvV3JhcHBlcn0gOmZpcnN0LWNoaWxkIHtcbiAgICAgIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICAgIH1cbiAgICA6YWN0aXZlIDpmaXJzdC1jaGlsZCB7XG4gICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWREYXRlQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgcGFkZGluZy10b3A6ICR7c3BhY2luZy54c21hbGx9O1xuICBnYXA6ICR7c3BhY2luZy5zbWFsbH07XG5gO1xuXG5jb25zdCBTdHlsZWRDYWxlbmRlckVkID0gc3R5bGVkKENhbGVuZGFyRWQpYFxuICBjb2xvcjogJHtjb2xvcnMuaWNvbi5pY29uQmx1ZX07XG5gO1xuXG5jb25zdCBMaW5rQmxvY2sgPSAoeyB0aXRsZSwgbGFuZ3VhZ2UsIGRhdGUsIHVybCB9OiBPbWl0PExpbmtCbG9ja0VtYmVkRGF0YSwgJ3Jlc291cmNlJz4pID0+IHtcbiAgY29uc3QgZm9ybWF0dGVkRGF0ZSA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGlmICghZGF0ZSkgcmV0dXJuIG51bGw7XG4gICAgY29uc3QgbG9jYWxlID0gbGFuZ3VhZ2UgPT09ICduYicgPyBuYiA6IGxhbmd1YWdlID09PSAnbm4nID8gbm4gOiBlbkdCO1xuICAgIHJldHVybiBmb3JtYXQobmV3IERhdGUoZGF0ZSksICdkZC4gTExMTC4geXl5eScsIHsgbG9jYWxlIH0pO1xuICB9LCBbZGF0ZSwgbGFuZ3VhZ2VdKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTYWZlTGluayB0bz17dXJsfT5cbiAgICAgIDxJbmZvV3JhcHBlcj5cbiAgICAgICAgPEhlYWRpbmcgZWxlbWVudD1cImgzXCIgbWFyZ2luPVwibm9uZVwiIGhlYWRpbmdTdHlsZT1cImgzXCIgbGFuZz17bGFuZ3VhZ2V9PlxuICAgICAgICAgIHt0aXRsZX1cbiAgICAgICAgPC9IZWFkaW5nPlxuICAgICAgICB7ZGF0ZSAmJiAoXG4gICAgICAgICAgPFN0eWxlZERhdGVDb250YWluZXI+XG4gICAgICAgICAgICA8U3R5bGVkQ2FsZW5kZXJFZCAvPlxuICAgICAgICAgICAge2Zvcm1hdHRlZERhdGV9XG4gICAgICAgICAgPC9TdHlsZWREYXRlQ29udGFpbmVyPlxuICAgICAgICApfVxuICAgICAgPC9JbmZvV3JhcHBlcj5cbiAgICAgIDxTdHlsZWRGb3J3YXJkIC8+XG4gICAgPC9TdHlsZWRTYWZlTGluaz5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IExpbmtCbG9jaztcbiJdfQ== */"));
|
|
46
49
|
var LinkBlock = function LinkBlock(_ref) {
|
|
47
50
|
var title = _ref.title,
|
|
48
51
|
language = _ref.language,
|
|
49
52
|
date = _ref.date,
|
|
50
53
|
url = _ref.url;
|
|
54
|
+
var formattedDate = (0, _react.useMemo)(function () {
|
|
55
|
+
if (!date) return null;
|
|
56
|
+
var locale = language === 'nb' ? _locale.nb : language === 'nn' ? _locale.nn : _locale.enGB;
|
|
57
|
+
return (0, _dateFns.format)(new Date(date), 'dd. LLLL. yyyy', {
|
|
58
|
+
locale: locale
|
|
59
|
+
});
|
|
60
|
+
}, [date, language]);
|
|
51
61
|
return (0, _jsxRuntime.jsxs)(StyledSafeLink, {
|
|
52
62
|
to: url,
|
|
53
63
|
children: [(0, _jsxRuntime.jsxs)(InfoWrapper, {
|
|
@@ -58,7 +68,7 @@ var LinkBlock = function LinkBlock(_ref) {
|
|
|
58
68
|
lang: language,
|
|
59
69
|
children: title
|
|
60
70
|
}), date && (0, _jsxRuntime.jsxs)(StyledDateContainer, {
|
|
61
|
-
children: [(0, _jsxRuntime.jsx)(StyledCalenderEd, {}),
|
|
71
|
+
children: [(0, _jsxRuntime.jsx)(StyledCalenderEd, {}), formattedDate]
|
|
62
72
|
})]
|
|
63
73
|
}), (0, _jsxRuntime.jsx)(StyledForward, {})]
|
|
64
74
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "44.0.
|
|
3
|
+
"version": "44.0.3",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -40,9 +40,9 @@
|
|
|
40
40
|
"@ndla/forms": "^4.3.17",
|
|
41
41
|
"@ndla/hooks": "^2.0.9",
|
|
42
42
|
"@ndla/icons": "^4.0.2",
|
|
43
|
-
"@ndla/licenses": "^7.1.
|
|
43
|
+
"@ndla/licenses": "^7.1.3",
|
|
44
44
|
"@ndla/modal": "^4.0.1",
|
|
45
|
-
"@ndla/notion": "^5.0.
|
|
45
|
+
"@ndla/notion": "^5.0.16",
|
|
46
46
|
"@ndla/safelink": "^4.1.16",
|
|
47
47
|
"@ndla/select": "^2.4.8",
|
|
48
48
|
"@ndla/switch": "^1.1.9",
|
|
@@ -51,6 +51,7 @@
|
|
|
51
51
|
"@ndla/util": "^3.1.15",
|
|
52
52
|
"@radix-ui/react-popover": "^1.0.6",
|
|
53
53
|
"@radix-ui/react-slider": "^1.1.2",
|
|
54
|
+
"date-fns": "^2.30.0",
|
|
54
55
|
"framer-motion": "^6.5.1",
|
|
55
56
|
"html-react-parser": "^3.0.8",
|
|
56
57
|
"i18next-browser-languagedetector": "^6.1.1",
|
|
@@ -82,5 +83,5 @@
|
|
|
82
83
|
"publishConfig": {
|
|
83
84
|
"access": "public"
|
|
84
85
|
},
|
|
85
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "385848abebc45b3984cbd6ba700d121799570c9c"
|
|
86
87
|
}
|
|
@@ -33,6 +33,9 @@ const BlockWrapper = styled.div`
|
|
|
33
33
|
border-radius: ${misc.borderRadius};
|
|
34
34
|
border: 1px solid ${colors.brand.lighter};
|
|
35
35
|
max-width: 348px;
|
|
36
|
+
& ~ & {
|
|
37
|
+
margin-top: ${spacing.medium};
|
|
38
|
+
}
|
|
36
39
|
${mq.range({ from: breakpoints.tabletWide })} {
|
|
37
40
|
max-width: 773px;
|
|
38
41
|
flex-direction: row;
|
package/src/Grid/Grid.tsx
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
import styled from '@emotion/styled';
|
|
10
10
|
import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
|
|
11
|
-
import {
|
|
11
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
12
12
|
|
|
13
13
|
export interface GridProps {
|
|
14
14
|
columns: '2' | '4' | '2x2';
|
|
@@ -87,7 +87,7 @@ const Grid = ({ columns, border, children, background, size, ...rest }: GridProp
|
|
|
87
87
|
);
|
|
88
88
|
};
|
|
89
89
|
|
|
90
|
-
|
|
90
|
+
const StyledGridParallaxItem = styled.div`
|
|
91
91
|
position: relative;
|
|
92
92
|
> div {
|
|
93
93
|
top: 0px;
|
|
@@ -95,4 +95,10 @@ export const GridParallaxItem = styled.div`
|
|
|
95
95
|
}
|
|
96
96
|
`;
|
|
97
97
|
|
|
98
|
+
export const GridParallaxItem = ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => (
|
|
99
|
+
<StyledGridParallaxItem {...rest}>
|
|
100
|
+
<div>{children}</div>
|
|
101
|
+
</StyledGridParallaxItem>
|
|
102
|
+
);
|
|
103
|
+
|
|
98
104
|
export default Grid;
|
|
@@ -6,11 +6,14 @@
|
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
+
import { format } from 'date-fns';
|
|
10
|
+
import { enGB, nb, nn } from 'date-fns/locale';
|
|
9
11
|
import styled from '@emotion/styled';
|
|
10
12
|
import SafeLink from '@ndla/safelink';
|
|
11
13
|
import { Forward, CalendarEd } from '@ndla/icons/common';
|
|
12
14
|
import { breakpoints, colors, spacing, mq } from '@ndla/core';
|
|
13
15
|
import { LinkBlockEmbedData } from '@ndla/types-embed';
|
|
16
|
+
import { useMemo } from 'react';
|
|
14
17
|
import Heading from '../Typography/Heading';
|
|
15
18
|
|
|
16
19
|
const StyledForward = styled(Forward)`
|
|
@@ -69,6 +72,12 @@ const StyledCalenderEd = styled(CalendarEd)`
|
|
|
69
72
|
`;
|
|
70
73
|
|
|
71
74
|
const LinkBlock = ({ title, language, date, url }: Omit<LinkBlockEmbedData, 'resource'>) => {
|
|
75
|
+
const formattedDate = useMemo(() => {
|
|
76
|
+
if (!date) return null;
|
|
77
|
+
const locale = language === 'nb' ? nb : language === 'nn' ? nn : enGB;
|
|
78
|
+
return format(new Date(date), 'dd. LLLL. yyyy', { locale });
|
|
79
|
+
}, [date, language]);
|
|
80
|
+
|
|
72
81
|
return (
|
|
73
82
|
<StyledSafeLink to={url}>
|
|
74
83
|
<InfoWrapper>
|
|
@@ -78,7 +87,7 @@ const LinkBlock = ({ title, language, date, url }: Omit<LinkBlockEmbedData, 'res
|
|
|
78
87
|
{date && (
|
|
79
88
|
<StyledDateContainer>
|
|
80
89
|
<StyledCalenderEd />
|
|
81
|
-
{
|
|
90
|
+
{formattedDate}
|
|
82
91
|
</StyledDateContainer>
|
|
83
92
|
)}
|
|
84
93
|
</InfoWrapper>
|