@ndla/ui 47.1.2 → 47.1.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/es/BlogPost/BlogPost.js +6 -7
- package/es/FramedContent/FramedContent.js +37 -0
- package/es/FramedContent/index.js +10 -0
- package/es/index.js +1 -0
- package/es/locale/messages-en.js +2 -1
- package/es/locale/messages-nb.js +2 -1
- package/es/locale/messages-nn.js +2 -1
- package/es/locale/messages-se.js +2 -1
- package/es/locale/messages-sma.js +2 -1
- package/lib/BlogPost/BlogPost.js +6 -7
- package/lib/FramedContent/FramedContent.d.ts +12 -0
- package/lib/FramedContent/FramedContent.js +43 -0
- package/lib/FramedContent/index.d.ts +9 -0
- package/lib/FramedContent/index.js +17 -0
- package/lib/index.d.ts +1 -0
- package/lib/index.js +7 -0
- package/lib/locale/messages-en.d.ts +1 -0
- package/lib/locale/messages-en.js +2 -1
- package/lib/locale/messages-nb.d.ts +1 -0
- package/lib/locale/messages-nb.js +2 -1
- package/lib/locale/messages-nn.d.ts +1 -0
- package/lib/locale/messages-nn.js +2 -1
- package/lib/locale/messages-se.d.ts +1 -0
- package/lib/locale/messages-se.js +2 -1
- package/lib/locale/messages-sma.d.ts +1 -0
- package/lib/locale/messages-sma.js +2 -1
- package/package.json +14 -14
- package/src/Article/ArticleByline.stories.tsx +52 -0
- package/src/BlogPost/BlogPost.tsx +1 -7
- package/src/CreatedBy/CreatedBy.stories.tsx +38 -0
- package/src/ErrorMessage/ErrorMessage.stories.tsx +59 -0
- package/src/FramedContent/FramedContent.stories.tsx +88 -0
- package/src/FramedContent/FramedContent.tsx +29 -0
- package/src/FramedContent/index.ts +10 -0
- package/src/Logo/Logo.stories.tsx +50 -0
- package/src/TagSelector/TagSelector.stories.tsx +88 -0
- package/src/index.ts +1 -0
- package/src/locale/messages-en.ts +1 -0
- package/src/locale/messages-nb.ts +1 -0
- package/src/locale/messages-nn.ts +1 -0
- package/src/locale/messages-se.ts +1 -0
- package/src/locale/messages-sma.ts +1 -0
package/es/BlogPost/BlogPost.js
CHANGED
|
@@ -10,7 +10,6 @@ import _styled from "@emotion/styled/base";
|
|
|
10
10
|
import { css } from '@emotion/react';
|
|
11
11
|
import SafeLink from '@ndla/safelink';
|
|
12
12
|
import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
|
|
13
|
-
import { Quote } from '@ndla/icons/editor';
|
|
14
13
|
import { useTranslation } from 'react-i18next';
|
|
15
14
|
import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
|
|
16
15
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
@@ -20,16 +19,16 @@ var Container = /*#__PURE__*/_styled(SafeLink, {
|
|
|
20
19
|
label: "Container"
|
|
21
20
|
})("display:flex;flex-direction:column;color:", colors.text.primary, ";background-color:", colors.white, ";gap:", spacing.nsmall, ";box-shadow:none;border:1px solid ", colors.brand.lighter, ";border-radius:", misc.borderRadius, ";padding:", spacing.normal, " ", spacing.medium, ";height:100%;", mq.range({
|
|
22
21
|
from: breakpoints.tabletWide
|
|
23
|
-
}), "{max-width:350px;&[data-size='large']{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
-
var headingCss = /*#__PURE__*/css("display:inline-block;width:fit-content;margin:0;font-weight:", fonts.weight.semibold, ";", fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
}), "{max-width:350px;&[data-size='large']{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2tDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
23
|
+
var headingCss = /*#__PURE__*/css("display:inline-block;width:fit-content;margin:0;font-weight:", fonts.weight.semibold, ";", fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
25
24
|
var AuthorContainer = /*#__PURE__*/_styled("div", {
|
|
26
25
|
target: "e19zpy301",
|
|
27
26
|
label: "AuthorContainer"
|
|
28
|
-
})("display:flex;align-items:center;gap:", spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
})("display:flex;align-items:center;gap:", spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
29
28
|
var StyledImg = /*#__PURE__*/_styled("img", {
|
|
30
29
|
target: "e19zpy300",
|
|
31
30
|
label: "StyledImg"
|
|
32
|
-
})("border-radius:", misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
31
|
+
})("border-radius:", misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
33
32
|
var BlogPost = function BlogPost(_ref) {
|
|
34
33
|
var title = _ref.title,
|
|
35
34
|
author = _ref.author,
|
|
@@ -54,11 +53,11 @@ var BlogPost = function BlogPost(_ref) {
|
|
|
54
53
|
}), _jsx(StyledImg, {
|
|
55
54
|
src: metaImage.url,
|
|
56
55
|
alt: metaImage.alt
|
|
57
|
-
}), !!author &&
|
|
56
|
+
}), !!author && _jsx(AuthorContainer, {
|
|
58
57
|
"aria-label": t('article.writtenBy', {
|
|
59
58
|
authors: author
|
|
60
59
|
}),
|
|
61
|
-
children:
|
|
60
|
+
children: author
|
|
62
61
|
})]
|
|
63
62
|
});
|
|
64
63
|
};
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
2
|
+
var _excluded = ["className", "children"];
|
|
3
|
+
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; }
|
|
4
|
+
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; }
|
|
5
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
6
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
7
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
8
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
9
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
10
|
+
/**
|
|
11
|
+
* Copyright (c) 2023-present, NDLA.
|
|
12
|
+
*
|
|
13
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
14
|
+
* LICENSE file in the root directory of this source tree.
|
|
15
|
+
*
|
|
16
|
+
*/
|
|
17
|
+
|
|
18
|
+
import { useMemo } from 'react';
|
|
19
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
20
|
+
var FramedContent = function FramedContent(_ref) {
|
|
21
|
+
var className = _ref.className,
|
|
22
|
+
children = _ref.children,
|
|
23
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
+
var classes = useMemo(function () {
|
|
25
|
+
var classes = ['c-bodybox'];
|
|
26
|
+
if (className) {
|
|
27
|
+
classes.push(className);
|
|
28
|
+
}
|
|
29
|
+
return classes.join(' ');
|
|
30
|
+
}, [className]);
|
|
31
|
+
return _jsx("div", _objectSpread(_objectSpread({
|
|
32
|
+
className: classes
|
|
33
|
+
}, rest), {}, {
|
|
34
|
+
children: children
|
|
35
|
+
}));
|
|
36
|
+
};
|
|
37
|
+
export default FramedContent;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 FramedContent from './FramedContent';
|
|
10
|
+
export default FramedContent;
|
package/es/index.js
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
// Ignore typescript implicit any warning and export all javascript components
|
|
10
10
|
// Move components to this file when they are migrated to typescript
|
|
11
11
|
|
|
12
|
+
export { default as FramedContent } from './FramedContent';
|
|
12
13
|
export { default as SectionHeading } from './SectionHeading';
|
|
13
14
|
export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept } from './Embed';
|
|
14
15
|
export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article } from './Article';
|
package/es/locale/messages-en.js
CHANGED
|
@@ -1052,7 +1052,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1052
1052
|
other: 'Other groups',
|
|
1053
1053
|
grepCode: 'Grep codes'
|
|
1054
1054
|
},
|
|
1055
|
-
wrongUserInfoDisclaimer: 'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: '
|
|
1055
|
+
wrongUserInfoDisclaimer: 'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: ',
|
|
1056
|
+
moderator: 'Moderator'
|
|
1056
1057
|
},
|
|
1057
1058
|
checkOutNewFeature: 'New feature',
|
|
1058
1059
|
slateBlockMenu: {
|
package/es/locale/messages-nb.js
CHANGED
|
@@ -1051,7 +1051,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1051
1051
|
other: 'Andre grupper',
|
|
1052
1052
|
grepCode: 'Grepkoder'
|
|
1053
1053
|
},
|
|
1054
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: '
|
|
1054
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1055
|
+
moderator: 'Moderator'
|
|
1055
1056
|
},
|
|
1056
1057
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1057
1058
|
slateBlockMenu: {
|
package/es/locale/messages-nn.js
CHANGED
|
@@ -1051,7 +1051,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1051
1051
|
other: 'Andre grupper',
|
|
1052
1052
|
grepCode: 'Grepkodar'
|
|
1053
1053
|
},
|
|
1054
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: '
|
|
1054
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: ',
|
|
1055
|
+
moderator: 'Moderator'
|
|
1055
1056
|
},
|
|
1056
1057
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1057
1058
|
slateBlockMenu: {
|
package/es/locale/messages-se.js
CHANGED
|
@@ -1051,7 +1051,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1051
1051
|
other: 'Eará joavkkut',
|
|
1052
1052
|
grepCode: 'Grepkoda'
|
|
1053
1053
|
},
|
|
1054
|
-
wrongUserInfoDisclaimer: 'Jus leat boasttudieđut, de ferte organisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogova geavaheaddjidoarjaga ektui gávnnat dás: '
|
|
1054
|
+
wrongUserInfoDisclaimer: 'Jus leat boasttudieđut, de ferte organisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogova geavaheaddjidoarjaga ektui gávnnat dás: ',
|
|
1055
|
+
moderator: 'Muddenplána'
|
|
1055
1056
|
},
|
|
1056
1057
|
checkOutNewFeature: 'Iskka ođđa doaibmilvuođa',
|
|
1057
1058
|
slateBlockMenu: {
|
|
@@ -1051,7 +1051,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1051
1051
|
other: 'Andre grupper',
|
|
1052
1052
|
grepCode: 'Grepkodar'
|
|
1053
1053
|
},
|
|
1054
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: '
|
|
1054
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1055
|
+
moderator: 'Moderatijve'
|
|
1055
1056
|
},
|
|
1056
1057
|
checkOutNewFeature: 'Gïehtjh orre funksjonaliteetem',
|
|
1057
1058
|
slateBlockMenu: {
|
package/lib/BlogPost/BlogPost.js
CHANGED
|
@@ -8,7 +8,6 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
var _safelink = _interopRequireDefault(require("@ndla/safelink"));
|
|
10
10
|
var _core = require("@ndla/core");
|
|
11
|
-
var _editor = require("@ndla/icons/editor");
|
|
12
11
|
var _reactI18next = require("react-i18next");
|
|
13
12
|
var _relativeUrl = require("../utils/relativeUrl");
|
|
14
13
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
@@ -26,16 +25,16 @@ var Container = /*#__PURE__*/(0, _base.default)(_safelink.default, {
|
|
|
26
25
|
label: "Container"
|
|
27
26
|
})("display:flex;flex-direction:column;color:", _core.colors.text.primary, ";background-color:", _core.colors.white, ";gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lighter, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.spacing.medium, ";height:100%;", _core.mq.range({
|
|
28
27
|
from: _core.breakpoints.tabletWide
|
|
29
|
-
}), "{max-width:350px;&[data-size='large']{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
30
|
-
var headingCss = /*#__PURE__*/(0, _react.css)("display:inline-block;width:fit-content;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
}), "{max-width:350px;&[data-size='large']{max-width:532px;}}&:hover,&:focus-within{.blog-title{text-decoration:underline;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2tDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
29
|
+
var headingCss = /*#__PURE__*/(0, _react.css)("display:inline-block;width:fit-content;margin:0;font-weight:", _core.fonts.weight.semibold, ";", _core.fonts.sizes('26px', '36px'), ";;label:headingCss;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
31
30
|
var AuthorContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
32
31
|
target: "e19zpy301",
|
|
33
32
|
label: "AuthorContainer"
|
|
34
|
-
})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
})("display:flex;align-items:center;gap:", _core.spacing.xsmall, ";svg{color:rgba(78, 81, 242, 1);}text-transform:uppercase;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
35
34
|
var StyledImg = /*#__PURE__*/(0, _base.default)("img", {
|
|
36
35
|
target: "e19zpy300",
|
|
37
36
|
label: "StyledImg"
|
|
38
|
-
})("border-radius:", _core.misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
})("border-radius:", _core.misc.borderRadius, ";flex:1;object-fit:cover;width:100%;height:100%;border:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIGZvbnRzLCBtaXNjLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgSGVhZGluZ0xldmVsIH0gZnJvbSAnQG5kbGEvdHlwb2dyYXBoeSc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHsgdXNlUG9zc2libHlSZWxhdGl2ZVVybCB9IGZyb20gJy4uL3V0aWxzL3JlbGF0aXZlVXJsJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xuICBwYXRoPzogc3RyaW5nO1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBnYXA6ICR7c3BhY2luZy5uc21hbGx9O1xuICBib3gtc2hhZG93OiBub25lO1xuICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodGVyfTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICBoZWlnaHQ6IDEwMCU7XG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWF4LXdpZHRoOiAzNTBweDtcbiAgICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIH1cbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcsIHBhdGggfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCBocmVmID0gdXNlUG9zc2libHlSZWxhdGl2ZVVybCh1cmwsIHBhdGgpO1xuICByZXR1cm4gKFxuICAgIDxDb250YWluZXIgZGF0YS1zaXplPXtzaXplfSB0bz17aHJlZn0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgPEF1dGhvckNvbnRhaW5lciBhcmlhLWxhYmVsPXt0KCdhcnRpY2xlLndyaXR0ZW5CeScsIHsgYXV0aG9yczogYXV0aG9yIH0pfT57YXV0aG9yfTwvQXV0aG9yQ29udGFpbmVyPn1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
39
38
|
var BlogPost = function BlogPost(_ref) {
|
|
40
39
|
var title = _ref.title,
|
|
41
40
|
author = _ref.author,
|
|
@@ -60,11 +59,11 @@ var BlogPost = function BlogPost(_ref) {
|
|
|
60
59
|
}), (0, _jsxRuntime.jsx)(StyledImg, {
|
|
61
60
|
src: metaImage.url,
|
|
62
61
|
alt: metaImage.alt
|
|
63
|
-
}), !!author && (0, _jsxRuntime.
|
|
62
|
+
}), !!author && (0, _jsxRuntime.jsx)(AuthorContainer, {
|
|
64
63
|
"aria-label": t('article.writtenBy', {
|
|
65
64
|
authors: author
|
|
66
65
|
}),
|
|
67
|
-
children:
|
|
66
|
+
children: author
|
|
68
67
|
})]
|
|
69
68
|
});
|
|
70
69
|
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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
|
+
import { HTMLAttributes } from 'react';
|
|
9
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
}
|
|
11
|
+
declare const FramedContent: ({ className, children, ...rest }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default FramedContent;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.default = void 0;
|
|
8
|
+
var _react = require("react");
|
|
9
|
+
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
10
|
+
var _excluded = ["className", "children"];
|
|
11
|
+
/**
|
|
12
|
+
* Copyright (c) 2023-present, NDLA.
|
|
13
|
+
*
|
|
14
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
15
|
+
* LICENSE file in the root directory of this source tree.
|
|
16
|
+
*
|
|
17
|
+
*/
|
|
18
|
+
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; }
|
|
19
|
+
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; }
|
|
20
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
22
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
23
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
24
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
25
|
+
var FramedContent = function FramedContent(_ref) {
|
|
26
|
+
var className = _ref.className,
|
|
27
|
+
children = _ref.children,
|
|
28
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
var classes = (0, _react.useMemo)(function () {
|
|
30
|
+
var classes = ['c-bodybox'];
|
|
31
|
+
if (className) {
|
|
32
|
+
classes.push(className);
|
|
33
|
+
}
|
|
34
|
+
return classes.join(' ');
|
|
35
|
+
}, [className]);
|
|
36
|
+
return (0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
|
|
37
|
+
className: classes
|
|
38
|
+
}, rest), {}, {
|
|
39
|
+
children: children
|
|
40
|
+
}));
|
|
41
|
+
};
|
|
42
|
+
var _default = FramedContent;
|
|
43
|
+
exports.default = _default;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _FramedContent = _interopRequireDefault(require("./FramedContent"));
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
/**
|
|
10
|
+
* Copyright (c) 2023-present, NDLA.
|
|
11
|
+
*
|
|
12
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
13
|
+
* LICENSE file in the root directory of this source tree.
|
|
14
|
+
*
|
|
15
|
+
*/
|
|
16
|
+
var _default = _FramedContent.default;
|
|
17
|
+
exports.default = _default;
|
package/lib/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
+
export { default as FramedContent } from './FramedContent';
|
|
8
9
|
export { default as SectionHeading } from './SectionHeading';
|
|
9
10
|
export { ConceptNotionV2, ImageEmbed, AudioEmbed, H5pEmbed, ExternalEmbed, IframeEmbed, FootnoteEmbed, BrightcoveEmbed, ContentLinkEmbed, RelatedContentEmbed, ConceptEmbed, ConceptListEmbed, UnknownEmbed, InlineConcept, BlockConcept, } from './Embed';
|
|
10
11
|
export { ArticleByline, ArticleFootNotes, ArticleIntroduction, ArticleTitle, ArticleWrapper, ArticleHeaderWrapper, default as Article, } from './Article';
|
package/lib/index.js
CHANGED
|
@@ -424,6 +424,12 @@ Object.defineProperty(exports, "FootnoteEmbed", {
|
|
|
424
424
|
return _Embed.FootnoteEmbed;
|
|
425
425
|
}
|
|
426
426
|
});
|
|
427
|
+
Object.defineProperty(exports, "FramedContent", {
|
|
428
|
+
enumerable: true,
|
|
429
|
+
get: function get() {
|
|
430
|
+
return _FramedContent.default;
|
|
431
|
+
}
|
|
432
|
+
});
|
|
427
433
|
Object.defineProperty(exports, "FrontpageArticle", {
|
|
428
434
|
enumerable: true,
|
|
429
435
|
get: function get() {
|
|
@@ -1246,6 +1252,7 @@ Object.defineProperty(exports, "useSnack", {
|
|
|
1246
1252
|
return _SnackBar.useSnack;
|
|
1247
1253
|
}
|
|
1248
1254
|
});
|
|
1255
|
+
var _FramedContent = _interopRequireDefault(require("./FramedContent"));
|
|
1249
1256
|
var _SectionHeading = _interopRequireDefault(require("./SectionHeading"));
|
|
1250
1257
|
var _Embed = require("./Embed");
|
|
1251
1258
|
var _Article = _interopRequireWildcard(require("./Article"));
|
|
@@ -1061,7 +1061,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1061
1061
|
other: 'Other groups',
|
|
1062
1062
|
grepCode: 'Grep codes'
|
|
1063
1063
|
},
|
|
1064
|
-
wrongUserInfoDisclaimer: 'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: '
|
|
1064
|
+
wrongUserInfoDisclaimer: 'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: ',
|
|
1065
|
+
moderator: 'Moderator'
|
|
1065
1066
|
},
|
|
1066
1067
|
checkOutNewFeature: 'New feature',
|
|
1067
1068
|
slateBlockMenu: {
|
|
@@ -1059,7 +1059,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1059
1059
|
other: 'Andre grupper',
|
|
1060
1060
|
grepCode: 'Grepkoder'
|
|
1061
1061
|
},
|
|
1062
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: '
|
|
1062
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1063
|
+
moderator: 'Moderator'
|
|
1063
1064
|
},
|
|
1064
1065
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1065
1066
|
slateBlockMenu: {
|
|
@@ -1059,7 +1059,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1059
1059
|
other: 'Andre grupper',
|
|
1060
1060
|
grepCode: 'Grepkodar'
|
|
1061
1061
|
},
|
|
1062
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: '
|
|
1062
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: ',
|
|
1063
|
+
moderator: 'Moderator'
|
|
1063
1064
|
},
|
|
1064
1065
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1065
1066
|
slateBlockMenu: {
|
|
@@ -1059,7 +1059,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1059
1059
|
other: 'Eará joavkkut',
|
|
1060
1060
|
grepCode: 'Grepkoda'
|
|
1061
1061
|
},
|
|
1062
|
-
wrongUserInfoDisclaimer: 'Jus leat boasttudieđut, de ferte organisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogova geavaheaddjidoarjaga ektui gávnnat dás: '
|
|
1062
|
+
wrongUserInfoDisclaimer: 'Jus leat boasttudieđut, de ferte organisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogova geavaheaddjidoarjaga ektui gávnnat dás: ',
|
|
1063
|
+
moderator: 'Muddenplána'
|
|
1063
1064
|
},
|
|
1064
1065
|
checkOutNewFeature: 'Iskka ođđa doaibmilvuođa',
|
|
1065
1066
|
slateBlockMenu: {
|
|
@@ -1059,7 +1059,8 @@ var messages = _objectSpread(_objectSpread({
|
|
|
1059
1059
|
other: 'Andre grupper',
|
|
1060
1060
|
grepCode: 'Grepkodar'
|
|
1061
1061
|
},
|
|
1062
|
-
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: '
|
|
1062
|
+
wrongUserInfoDisclaimer: 'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1063
|
+
moderator: 'Moderatijve'
|
|
1063
1064
|
},
|
|
1064
1065
|
checkOutNewFeature: 'Gïehtjh orre funksjonaliteetem',
|
|
1065
1066
|
slateBlockMenu: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "47.1.
|
|
3
|
+
"version": "47.1.3",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -31,22 +31,22 @@
|
|
|
31
31
|
"types"
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@ndla/accordion": "^2.2.
|
|
35
|
-
"@ndla/button": "^12.0.
|
|
36
|
-
"@ndla/carousel": "^4.0.
|
|
34
|
+
"@ndla/accordion": "^2.2.29",
|
|
35
|
+
"@ndla/button": "^12.0.3",
|
|
36
|
+
"@ndla/carousel": "^4.0.6",
|
|
37
37
|
"@ndla/core": "^4.2.0",
|
|
38
38
|
"@ndla/dropdown-menu": "^1.0.9",
|
|
39
|
-
"@ndla/forms": "^5.0.
|
|
39
|
+
"@ndla/forms": "^5.0.4",
|
|
40
40
|
"@ndla/hooks": "^2.1.1",
|
|
41
|
-
"@ndla/icons": "^4.1.
|
|
41
|
+
"@ndla/icons": "^4.1.1",
|
|
42
42
|
"@ndla/licenses": "^7.2.0",
|
|
43
|
-
"@ndla/modal": "^5.0.
|
|
44
|
-
"@ndla/notion": "^6.0.
|
|
45
|
-
"@ndla/safelink": "^4.1.
|
|
46
|
-
"@ndla/select": "^3.1.
|
|
43
|
+
"@ndla/modal": "^5.0.3",
|
|
44
|
+
"@ndla/notion": "^6.0.5",
|
|
45
|
+
"@ndla/safelink": "^4.1.28",
|
|
46
|
+
"@ndla/select": "^3.1.1",
|
|
47
47
|
"@ndla/switch": "^1.1.15",
|
|
48
|
-
"@ndla/tabs": "^3.0
|
|
49
|
-
"@ndla/tooltip": "^5.0.
|
|
48
|
+
"@ndla/tabs": "^3.1.0",
|
|
49
|
+
"@ndla/tooltip": "^5.0.3",
|
|
50
50
|
"@ndla/typography": "^0.2.2",
|
|
51
51
|
"@ndla/util": "^4.0.0",
|
|
52
52
|
"@radix-ui/react-popover": "^1.0.7",
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|
|
72
72
|
"@ndla/types-backend": "^0.2.21",
|
|
73
|
-
"@ndla/types-embed": "^4.0.
|
|
73
|
+
"@ndla/types-embed": "^4.0.4",
|
|
74
74
|
"css-loader": "^6.7.3",
|
|
75
75
|
"mini-css-extract-plugin": "^2.7.5",
|
|
76
76
|
"sass-loader": "^13.2.2",
|
|
@@ -80,5 +80,5 @@
|
|
|
80
80
|
"publishConfig": {
|
|
81
81
|
"access": "public"
|
|
82
82
|
},
|
|
83
|
-
"gitHead": "
|
|
83
|
+
"gitHead": "3ad890362eb5b8d8dcd11cb1a214987adec3a823"
|
|
84
84
|
}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { Meta, StoryFn, StoryObj } from '@storybook/react';
|
|
10
|
+
|
|
11
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
12
|
+
import ArticleByline from './ArticleByline';
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Innholder informasjon om forfatter(e), lisensrettigheter, beskrivelse av regler ved bruk av innhold, ikon hvis artikkel er tilleggsstoff og dato for forrige oppdatering.
|
|
16
|
+
*/
|
|
17
|
+
export default {
|
|
18
|
+
title: 'Patterns/ArticleByline',
|
|
19
|
+
component: ArticleByline,
|
|
20
|
+
tags: ['autodocs'],
|
|
21
|
+
parameters: {
|
|
22
|
+
inlineStories: true,
|
|
23
|
+
...defaultParameters,
|
|
24
|
+
},
|
|
25
|
+
args: {
|
|
26
|
+
authors: [{ name: 'Frida Forfatter' }, { name: 'Fred Forfatter' }],
|
|
27
|
+
published: '21.06.2018',
|
|
28
|
+
license: 'CC BY-SA',
|
|
29
|
+
},
|
|
30
|
+
} as Meta<typeof ArticleByline>;
|
|
31
|
+
|
|
32
|
+
export const ArticleBylineStory: StoryFn<typeof ArticleByline> = (args) => {
|
|
33
|
+
return <ArticleByline {...args} />;
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
ArticleBylineStory.storyName = 'ArticleByline';
|
|
37
|
+
|
|
38
|
+
export const SeveralAuthors: StoryObj<typeof ArticleByline> = {
|
|
39
|
+
args: {
|
|
40
|
+
published: '21.06.2018',
|
|
41
|
+
license: 'CC BY-SA',
|
|
42
|
+
authors: [{ name: 'Frida Forfatter' }, { name: 'Ida Illustratør' }, { name: 'Fred Forfatter' }],
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export const WithoutCreators: StoryObj<typeof ArticleByline> = {
|
|
47
|
+
args: {
|
|
48
|
+
published: '21.06.2018',
|
|
49
|
+
license: 'CC BY-SA',
|
|
50
|
+
authors: [],
|
|
51
|
+
},
|
|
52
|
+
};
|
|
@@ -10,7 +10,6 @@ import styled from '@emotion/styled';
|
|
|
10
10
|
import { css } from '@emotion/react';
|
|
11
11
|
import SafeLink from '@ndla/safelink';
|
|
12
12
|
import { breakpoints, colors, fonts, misc, mq, spacing } from '@ndla/core';
|
|
13
|
-
import { Quote } from '@ndla/icons/editor';
|
|
14
13
|
import { HeadingLevel } from '@ndla/typography';
|
|
15
14
|
import { useTranslation } from 'react-i18next';
|
|
16
15
|
import { usePossiblyRelativeUrl } from '../utils/relativeUrl';
|
|
@@ -92,12 +91,7 @@ const BlogPost = ({ title, author, url, metaImage, headingLevel: Heading = 'h3',
|
|
|
92
91
|
{title.title}
|
|
93
92
|
</Heading>
|
|
94
93
|
<StyledImg src={metaImage.url} alt={metaImage.alt} />
|
|
95
|
-
{!!author && (
|
|
96
|
-
<AuthorContainer aria-label={t('article.writtenBy', { authors: author })}>
|
|
97
|
-
<Quote />
|
|
98
|
-
{author}
|
|
99
|
-
</AuthorContainer>
|
|
100
|
-
)}
|
|
94
|
+
{!!author && <AuthorContainer aria-label={t('article.writtenBy', { authors: author })}>{author}</AuthorContainer>}
|
|
101
95
|
</Container>
|
|
102
96
|
);
|
|
103
97
|
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { Meta, StoryObj } from '@storybook/react';
|
|
10
|
+
import CreatedBy from './CreatedBy';
|
|
11
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
12
|
+
|
|
13
|
+
/***
|
|
14
|
+
* LTI-versjoner av innhold fra NDLA skal vise denne teksten og logo i bunnen. "NDLA" og logoen lenker til ndla.no. "Artikkel" kan være en lenke til artikkelen på ndla.no om den fins. Begge lenker åpner som standard i ny fane men det kan overstyres med target-parameter.
|
|
15
|
+
*/
|
|
16
|
+
export default {
|
|
17
|
+
title: 'Components/CreatedBy',
|
|
18
|
+
component: CreatedBy,
|
|
19
|
+
tags: ['autodocs'],
|
|
20
|
+
parameters: {
|
|
21
|
+
inlineStories: true,
|
|
22
|
+
...defaultParameters,
|
|
23
|
+
},
|
|
24
|
+
args: {
|
|
25
|
+
name: 'Artikkelen',
|
|
26
|
+
description: 'er utarbeidet av',
|
|
27
|
+
},
|
|
28
|
+
} as Meta<typeof CreatedBy>;
|
|
29
|
+
|
|
30
|
+
export const WithoutLink: StoryObj<typeof CreatedBy> = {
|
|
31
|
+
args: {},
|
|
32
|
+
};
|
|
33
|
+
|
|
34
|
+
export const WithLink: StoryObj<typeof CreatedBy> = {
|
|
35
|
+
args: {
|
|
36
|
+
url: 'https://ndla.no/subject:26/topic:1:191103/topic:1:4352/resource:1:2052',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { Meta, StoryFn, StoryObj } from '@storybook/react';
|
|
10
|
+
import ErrorMessage from './ErrorMessage';
|
|
11
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
12
|
+
//@ts-ignore
|
|
13
|
+
import Oops from '../../../../images/oops.gif';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Feilmeldingskomponenten lenker tilbake til forrige side eller til forsiden. Den brukes når det har oppstått en feil i systemet, f.eks. ved 404- eller 503-feil.
|
|
17
|
+
*/
|
|
18
|
+
export default {
|
|
19
|
+
title: 'Patterns/ErrorMessage',
|
|
20
|
+
component: ErrorMessage,
|
|
21
|
+
tags: ['autodocs'],
|
|
22
|
+
parameters: {
|
|
23
|
+
inlineStories: true,
|
|
24
|
+
...defaultParameters,
|
|
25
|
+
},
|
|
26
|
+
args: {
|
|
27
|
+
illustration: {
|
|
28
|
+
url: Oops,
|
|
29
|
+
altText: 'Systemfeil',
|
|
30
|
+
},
|
|
31
|
+
messages: {
|
|
32
|
+
title: 'Oisann, her gikk noe galt',
|
|
33
|
+
description: 'En kort beskrivelse av feilen som oppsto.',
|
|
34
|
+
linksTitle: 'Kom igang:',
|
|
35
|
+
back: 'Gå tilbake',
|
|
36
|
+
goToFrontPage: 'Gå til forsiden',
|
|
37
|
+
},
|
|
38
|
+
},
|
|
39
|
+
} as Meta<typeof ErrorMessage>;
|
|
40
|
+
|
|
41
|
+
export const ErrorMessageStory: StoryFn<typeof ErrorMessage> = (args) => {
|
|
42
|
+
return <ErrorMessage {...args} />;
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
ErrorMessageStory.storyName = 'ErrorMessage';
|
|
46
|
+
|
|
47
|
+
export const LoginFailed: StoryObj<typeof ErrorMessage> = {
|
|
48
|
+
args: {
|
|
49
|
+
illustration: {
|
|
50
|
+
url: Oops,
|
|
51
|
+
altText: 'Systemfeil',
|
|
52
|
+
},
|
|
53
|
+
messages: {
|
|
54
|
+
title: 'Ops, her gikk noe galt',
|
|
55
|
+
linksTitle: 'Prøv igjen',
|
|
56
|
+
logInFailed: 'Logg inn',
|
|
57
|
+
},
|
|
58
|
+
},
|
|
59
|
+
};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { Meta, StoryObj } from '@storybook/react';
|
|
10
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
11
|
+
import FramedContent from './FramedContent';
|
|
12
|
+
import FigureImage from '../../../../stories/article/FigureImage';
|
|
13
|
+
|
|
14
|
+
export default {
|
|
15
|
+
title: 'Components/FramedContent',
|
|
16
|
+
component: FramedContent,
|
|
17
|
+
tags: ['autodocs'],
|
|
18
|
+
parameters: {
|
|
19
|
+
inlineStories: true,
|
|
20
|
+
...defaultParameters,
|
|
21
|
+
},
|
|
22
|
+
args: {
|
|
23
|
+
children: <p>Content!</p>,
|
|
24
|
+
},
|
|
25
|
+
} as Meta<typeof FramedContent>;
|
|
26
|
+
|
|
27
|
+
export const WithFloating: StoryObj<typeof FramedContent> = {
|
|
28
|
+
args: {
|
|
29
|
+
children: (
|
|
30
|
+
<>
|
|
31
|
+
<p>En boks med flytelementer</p>
|
|
32
|
+
<FigureImage embedData={{ alt: '', align: 'right' }} />
|
|
33
|
+
<p>
|
|
34
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
35
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
36
|
+
</p>
|
|
37
|
+
<p>
|
|
38
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
39
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
40
|
+
</p>
|
|
41
|
+
</>
|
|
42
|
+
),
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
export const TooMuchContent: StoryObj<typeof FramedContent> = {
|
|
47
|
+
args: {
|
|
48
|
+
children: (
|
|
49
|
+
<>
|
|
50
|
+
<h2>
|
|
51
|
+
Tekst i ramme fungerer <em>dårlig</em> med mye tekst.
|
|
52
|
+
</h2>
|
|
53
|
+
<p>
|
|
54
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
55
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
56
|
+
</p>
|
|
57
|
+
<p>
|
|
58
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
59
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
60
|
+
</p>
|
|
61
|
+
<p>
|
|
62
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
63
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
64
|
+
</p>
|
|
65
|
+
<p>
|
|
66
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
67
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
68
|
+
</p>
|
|
69
|
+
<p>
|
|
70
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
71
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
72
|
+
</p>
|
|
73
|
+
<p>
|
|
74
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
75
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
76
|
+
</p>
|
|
77
|
+
<p>
|
|
78
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
79
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
80
|
+
</p>
|
|
81
|
+
<p>
|
|
82
|
+
Pitching er også en god måte å bevisstgjøre seg selv på. Når du pitcher, blir idéen og historien i den filmen
|
|
83
|
+
du planlegger å lage, tydeligere for både deg selv og dem du eventuelt jobber sammen med i klassen.
|
|
84
|
+
</p>
|
|
85
|
+
</>
|
|
86
|
+
),
|
|
87
|
+
},
|
|
88
|
+
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { HTMLAttributes, useMemo } from 'react';
|
|
10
|
+
|
|
11
|
+
interface Props extends HTMLAttributes<HTMLDivElement> {}
|
|
12
|
+
|
|
13
|
+
const FramedContent = ({ className, children, ...rest }: Props) => {
|
|
14
|
+
const classes = useMemo(() => {
|
|
15
|
+
const classes = ['c-bodybox'];
|
|
16
|
+
if (className) {
|
|
17
|
+
classes.push(className);
|
|
18
|
+
}
|
|
19
|
+
return classes.join(' ');
|
|
20
|
+
}, [className]);
|
|
21
|
+
|
|
22
|
+
return (
|
|
23
|
+
<div className={classes} {...rest}>
|
|
24
|
+
{children}
|
|
25
|
+
</div>
|
|
26
|
+
);
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
export default FramedContent;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 FramedContent from './FramedContent';
|
|
10
|
+
export default FramedContent;
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { Meta, StoryObj } from '@storybook/react';
|
|
10
|
+
import Logo from './Logo';
|
|
11
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
12
|
+
|
|
13
|
+
/***
|
|
14
|
+
* Logoen er vårt tydeligste kjennetegn og vårt viktigste verktøy for kommunikasjon. Den skal inspirere målgruppen elever og lærere i videregående opplæring og gjøre dem nysgjerrige på NDLA.
|
|
15
|
+
*
|
|
16
|
+
* Logoen består av navnet NDLA i en spesiell typografi og bør hovedsakelig benyttes sammen med underteksten. Logo uten undertekst kan benyttes i tilfeller der det kommer godt fram andre steder hva NDLA er, eksempelvis på ndla.no.
|
|
17
|
+
*
|
|
18
|
+
* Logo uten undertekst kan kompletteres med en beskrivende tekst til høyre. Logoen kan benyttes i blått, eller i svart eller hvitt avhengig av bakgrunn. Den skal plasseres i det øverste eller nederste hjørnet av en ytterkant. Logoen skal ikke sentreres.
|
|
19
|
+
*/
|
|
20
|
+
export default {
|
|
21
|
+
title: 'Components/Logo',
|
|
22
|
+
component: Logo,
|
|
23
|
+
tags: ['autodocs'],
|
|
24
|
+
parameters: {
|
|
25
|
+
inlineStories: true,
|
|
26
|
+
...defaultParameters,
|
|
27
|
+
},
|
|
28
|
+
args: {
|
|
29
|
+
cssModifier: 'large',
|
|
30
|
+
name: true,
|
|
31
|
+
label: 'Nasjonal digital læringsarena',
|
|
32
|
+
},
|
|
33
|
+
} as Meta<typeof Logo>;
|
|
34
|
+
|
|
35
|
+
export const WithoutUrl: StoryObj<typeof Logo> = {
|
|
36
|
+
args: {},
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export const WithUrl: StoryObj<typeof Logo> = {
|
|
40
|
+
args: {
|
|
41
|
+
to: '/',
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export const EnglishLogo: StoryObj<typeof Logo> = {
|
|
46
|
+
args: {
|
|
47
|
+
locale: 'en',
|
|
48
|
+
label: 'Norwegian digital learning arena',
|
|
49
|
+
},
|
|
50
|
+
};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright (c) 2023-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 { useState } from 'react';
|
|
10
|
+
import { Meta, StoryFn } from '@storybook/react';
|
|
11
|
+
import styled from '@emotion/styled';
|
|
12
|
+
import TagSelector from './TagSelector';
|
|
13
|
+
import { defaultParameters } from '../../../../stories/defaults';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Komponent for å tagge noe, primært tiltenkt Min NDLA
|
|
17
|
+
*/
|
|
18
|
+
export default {
|
|
19
|
+
title: 'Patterns/TagSelector',
|
|
20
|
+
component: TagSelector,
|
|
21
|
+
tags: ['autodocs'],
|
|
22
|
+
parameters: {
|
|
23
|
+
inlineStories: true,
|
|
24
|
+
...defaultParameters,
|
|
25
|
+
},
|
|
26
|
+
argTypes: {
|
|
27
|
+
onChange: { control: false },
|
|
28
|
+
onCreateTag: { control: false },
|
|
29
|
+
tags: { control: false },
|
|
30
|
+
selected: { control: false },
|
|
31
|
+
},
|
|
32
|
+
args: {
|
|
33
|
+
label: 'Select tags',
|
|
34
|
+
labelHidden: false,
|
|
35
|
+
},
|
|
36
|
+
} as Meta<typeof TagSelector>;
|
|
37
|
+
|
|
38
|
+
const Container = styled.div`
|
|
39
|
+
margin: 10px auto;
|
|
40
|
+
max-width: 600px;
|
|
41
|
+
max-height: 300px;
|
|
42
|
+
display: flex;
|
|
43
|
+
flex-direction: column;
|
|
44
|
+
`;
|
|
45
|
+
|
|
46
|
+
export const TagSelectorStory: StoryFn<typeof TagSelector> = (args) => {
|
|
47
|
+
const dummyData = [
|
|
48
|
+
'Cat',
|
|
49
|
+
'Dog',
|
|
50
|
+
'Fish',
|
|
51
|
+
'Dinosaur',
|
|
52
|
+
'Frog',
|
|
53
|
+
'Dragon',
|
|
54
|
+
'Lion',
|
|
55
|
+
'Snake',
|
|
56
|
+
'Alligator',
|
|
57
|
+
'Antelope',
|
|
58
|
+
'Bear',
|
|
59
|
+
'Baboon',
|
|
60
|
+
'Kangaroo',
|
|
61
|
+
'Scorpion',
|
|
62
|
+
'Goose',
|
|
63
|
+
'Fox',
|
|
64
|
+
'Donkey',
|
|
65
|
+
'Chicken',
|
|
66
|
+
];
|
|
67
|
+
const [exampleTags, setExampleTags] = useState<string[]>(dummyData);
|
|
68
|
+
const [exampleTagsSelected, setExampleTagsSelected] = useState<string[]>(dummyData.slice(0, 0));
|
|
69
|
+
|
|
70
|
+
return (
|
|
71
|
+
<Container>
|
|
72
|
+
<TagSelector
|
|
73
|
+
label={args.label}
|
|
74
|
+
tags={exampleTags}
|
|
75
|
+
selected={exampleTagsSelected}
|
|
76
|
+
onChange={(tags: string[]) => {
|
|
77
|
+
setExampleTagsSelected(tags);
|
|
78
|
+
}}
|
|
79
|
+
onCreateTag={(newTagName: string) => {
|
|
80
|
+
setExampleTags((prevTags) => [...prevTags, newTagName]);
|
|
81
|
+
setExampleTagsSelected((prevSelectedTags) => [...prevSelectedTags, newTagName]);
|
|
82
|
+
}}
|
|
83
|
+
/>
|
|
84
|
+
</Container>
|
|
85
|
+
);
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
TagSelectorStory.storyName = 'TagSelect';
|
package/src/index.ts
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
// Ignore typescript implicit any warning and export all javascript components
|
|
10
10
|
// Move components to this file when they are migrated to typescript
|
|
11
11
|
|
|
12
|
+
export { default as FramedContent } from './FramedContent';
|
|
12
13
|
export { default as SectionHeading } from './SectionHeading';
|
|
13
14
|
export {
|
|
14
15
|
ConceptNotionV2,
|
|
@@ -1098,6 +1098,7 @@ const messages = {
|
|
|
1098
1098
|
},
|
|
1099
1099
|
wrongUserInfoDisclaimer:
|
|
1100
1100
|
'If any information is wrong, it must be updated by the host organization/school owner the user belongs to. An overview of available user support can be found here: ',
|
|
1101
|
+
moderator: 'Moderator',
|
|
1101
1102
|
},
|
|
1102
1103
|
checkOutNewFeature: 'New feature',
|
|
1103
1104
|
slateBlockMenu: {
|
|
@@ -1097,6 +1097,7 @@ const messages = {
|
|
|
1097
1097
|
},
|
|
1098
1098
|
wrongUserInfoDisclaimer:
|
|
1099
1099
|
'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1100
|
+
moderator: 'Moderator',
|
|
1100
1101
|
},
|
|
1101
1102
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1102
1103
|
slateBlockMenu: {
|
|
@@ -1097,6 +1097,7 @@ const messages = {
|
|
|
1097
1097
|
},
|
|
1098
1098
|
wrongUserInfoDisclaimer:
|
|
1099
1099
|
'Dersom informasjonen er feil, må han oppdaterast av vertsorganisasjon/skuleeigar som brukaren tilhøyrer. Oversikt over brukarstøtte finst her: ',
|
|
1100
|
+
moderator: 'Moderator',
|
|
1100
1101
|
},
|
|
1101
1102
|
checkOutNewFeature: 'Sjekk ut ny funksjonalitet',
|
|
1102
1103
|
slateBlockMenu: {
|
|
@@ -1098,6 +1098,7 @@ const messages = {
|
|
|
1098
1098
|
},
|
|
1099
1099
|
wrongUserInfoDisclaimer:
|
|
1100
1100
|
'Jus leat boasttudieđut, de ferte organisašuvdna/skuvlaeaiggát masá geavaheaddji gullá ođasmahttit dan. Visogova geavaheaddjidoarjaga ektui gávnnat dás: ',
|
|
1101
|
+
moderator: 'Muddenplána',
|
|
1101
1102
|
},
|
|
1102
1103
|
checkOutNewFeature: 'Iskka ođđa doaibmilvuođa',
|
|
1103
1104
|
slateBlockMenu: {
|
|
@@ -1101,6 +1101,7 @@ const messages = {
|
|
|
1101
1101
|
},
|
|
1102
1102
|
wrongUserInfoDisclaimer:
|
|
1103
1103
|
'Dersom informasjonen er feil, må den oppdateres av vertsorganisasjon/skoleeier som brukeren tilhører. Oversikt over brukerstøtte finnes her: ',
|
|
1104
|
+
moderator: 'Moderatijve',
|
|
1104
1105
|
},
|
|
1105
1106
|
checkOutNewFeature: 'Gïehtjh orre funksjonaliteetem',
|
|
1106
1107
|
slateBlockMenu: {
|