@ndla/ui 38.0.0 → 39.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/AudioPlayer/Controls.js +52 -40
- package/es/BlogPost/BlogPost.js +4 -4
- package/es/Grid/Grid.js +41 -0
- package/es/Grid/index.js +9 -0
- package/es/index.js +1 -0
- package/lib/AudioPlayer/Controls.js +52 -40
- package/lib/BlogPost/BlogPost.d.ts +1 -1
- package/lib/BlogPost/BlogPost.js +4 -4
- package/lib/Grid/Grid.d.ts +15 -0
- package/lib/Grid/Grid.js +48 -0
- package/lib/Grid/index.d.ts +9 -0
- package/lib/Grid/index.js +13 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +7 -0
- package/package.json +17 -17
- package/src/AudioPlayer/Controls.tsx +8 -5
- package/src/BlogPost/BlogPost.stories.tsx +15 -12
- package/src/BlogPost/BlogPost.tsx +1 -1
- package/src/Grid/Grid.stories.tsx +68 -0
- package/src/Grid/Grid.tsx +63 -0
- package/src/Grid/index.ts +10 -0
- package/src/KeyFigure/KeyFigure.stories.tsx +10 -8
- package/src/index.ts +2 -0
package/es/BlogPost/BlogPost.js
CHANGED
|
@@ -16,16 +16,16 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
16
16
|
var Container = /*#__PURE__*/_styled(SafeLink, {
|
|
17
17
|
target: "e19zpy302",
|
|
18
18
|
label: "Container"
|
|
19
|
-
})("display:flex;flex-direction:column;color:", colors.text.primary, ";max-width:350px;max-height:415px;gap:", spacing.nsmall, ";box-shadow:none;border:1px solid ", colors.brand.lightest, ";border-radius:", misc.borderRadius, ";padding:", spacing.normal, " ", spacing.medium, ";&[data-size='large']{max-width:532px;max-height:550px;}&:hover,&:focus-within{.blog-title{box-shadow:inset 0 -1px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
-
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,
|
|
19
|
+
})("display:flex;flex-direction:column;color:", colors.text.primary, ";max-width:350px;max-height:415px;gap:", spacing.nsmall, ";box-shadow:none;border:1px solid ", colors.brand.lightest, ";border-radius:", misc.borderRadius, ";padding:", spacing.normal, " ", spacing.medium, ";&[data-size='large']{max-width:532px;max-height:550px;}&:hover,&:focus-within{.blog-title{box-shadow:inset 0 -1px;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
|
|
20
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxRHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
|
|
21
21
|
var AuthorContainer = /*#__PURE__*/_styled("div", {
|
|
22
22
|
target: "e19zpy301",
|
|
23
23
|
label: "AuthorContainer"
|
|
24
|
-
})("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,
|
|
24
|
+
})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RGtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
|
|
25
25
|
var StyledImg = /*#__PURE__*/_styled("img", {
|
|
26
26
|
target: "e19zpy300",
|
|
27
27
|
label: "StyledImg"
|
|
28
|
-
})("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,
|
|
28
|
+
})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgbWF4LXdpZHRoOiAzNTBweDtcbiAgbWF4LWhlaWdodDogNDE1cHg7XG4gIGdhcDogJHtzcGFjaW5nLm5zbWFsbH07XG4gIGJveC1zaGFkb3c6IG5vbmU7XG4gIGJvcmRlcjogMXB4IHNvbGlkICR7Y29sb3JzLmJyYW5kLmxpZ2h0ZXN0fTtcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5ub3JtYWx9ICR7c3BhY2luZy5tZWRpdW19O1xuICAmW2RhdGEtc2l6ZT0nbGFyZ2UnXSB7XG4gICAgbWF4LXdpZHRoOiA1MzJweDtcbiAgICBtYXgtaGVpZ2h0OiA1NTBweDtcbiAgfVxuICAmOmhvdmVyLFxuICAmOmZvY3VzLXdpdGhpbiB7XG4gICAgLmJsb2ctdGl0bGUge1xuICAgICAgYm94LXNoYWRvdzogaW5zZXQgMCAtMXB4O1xuICAgIH1cbiAgfVxuYDtcblxuY29uc3QgaGVhZGluZ0NzcyA9IGNzc2BcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gIG1hcmdpbjogMDtcbiAgZm9udC13ZWlnaHQ6ICR7Zm9udHMud2VpZ2h0LnNlbWlib2xkfTtcbiAgJHtmb250cy5zaXplcygnMjZweCcsICczNnB4Jyl9O1xuYDtcblxuY29uc3QgQXV0aG9yQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAke3NwYWNpbmcueHNtYWxsfTtcbiAgc3ZnIHtcbiAgICBjb2xvcjogcmdiYSg3OCwgODEsIDI0MiwgMSk7XG4gIH1cbiAgdGV4dC10cmFuc2Zvcm06IHVwcGVyY2FzZTtcbmA7XG5cbmNvbnN0IFN0eWxlZEltZyA9IHN0eWxlZC5pbWdgXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBmbGV4OiAxO1xuICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYm9yZGVyOiAwO1xuYDtcblxuY29uc3QgQmxvZ1Bvc3QgPSAoeyB0aXRsZSwgYXV0aG9yLCB1cmwsIG1ldGFJbWFnZSwgaGVhZGluZ0xldmVsOiBIZWFkaW5nID0gJ2gzJywgc2l6ZSA9ICdub3JtYWwnIH06IFByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPENvbnRhaW5lciBkYXRhLXNpemU9e3NpemV9IHRvPXt1cmx9PlxuICAgICAgPEhlYWRpbmcgY2xhc3NOYW1lPVwiYmxvZy10aXRsZVwiIGNzcz17aGVhZGluZ0Nzc30gbGFuZz17dGl0bGUubGFuZ3VhZ2V9PlxuICAgICAgICB7dGl0bGUudGl0bGV9XG4gICAgICA8L0hlYWRpbmc+XG4gICAgICA8U3R5bGVkSW1nIHNyYz17bWV0YUltYWdlLnVybH0gYWx0PXttZXRhSW1hZ2UuYWx0fSAvPlxuICAgICAgeyEhYXV0aG9yICYmIChcbiAgICAgICAgPEF1dGhvckNvbnRhaW5lcj5cbiAgICAgICAgICA8UXVvdGUgLz5cbiAgICAgICAgICB7YXV0aG9yfVxuICAgICAgICA8L0F1dGhvckNvbnRhaW5lcj5cbiAgICAgICl9XG4gICAgPC9Db250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBCbG9nUG9zdDtcbiJdfQ== */"));
|
|
29
29
|
var BlogPost = function BlogPost(_ref) {
|
|
30
30
|
var title = _ref.title,
|
|
31
31
|
author = _ref.author,
|
package/es/Grid/Grid.js
ADDED
|
@@ -0,0 +1,41 @@
|
|
|
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
|
+
import _styled from "@emotion/styled/base";
|
|
3
|
+
var _excluded = ["columns", "border", "children"];
|
|
4
|
+
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; }
|
|
5
|
+
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; }
|
|
6
|
+
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; }
|
|
7
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
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); }
|
|
9
|
+
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; }
|
|
10
|
+
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; }
|
|
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
|
+
|
|
19
|
+
import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
|
|
20
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
21
|
+
var GridContainer = /*#__PURE__*/_styled("div", {
|
|
22
|
+
target: "e1c0s8mo0",
|
|
23
|
+
label: "GridContainer"
|
|
24
|
+
})("display:grid;grid-template-columns:auto;justify-content:center;gap:", spacing.large, ";padding:", spacing.medium, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}", mq.range({
|
|
25
|
+
from: breakpoints.mobileWide
|
|
26
|
+
}), "{grid-template-columns:repeat(2, auto);}", mq.range({
|
|
27
|
+
from: breakpoints.tabletWide
|
|
28
|
+
}), "{&[data-columns='4']{grid-template-columns:repeat(4, auto);}}p{word-break:break-word;}figure,iframe{inset:0;width:100%!important;padding:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcjogJ25vbmUnIHwgJ2xpZ2h0Qmx1ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IGF1dG87XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy5sYXJnZX07XG4gIHBhZGRpbmc6ICR7c3BhY2luZy5tZWRpdW19O1xuXG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cblxuICAke21xLnJhbmdlKHsgZnJvbTogYnJlYWtwb2ludHMubW9iaWxlV2lkZSB9KX0ge1xuICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIGF1dG8pO1xuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDQsIGF1dG8pO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBHcmlkID0gKHsgY29sdW1ucywgYm9yZGVyLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBHcmlkUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8R3JpZENvbnRhaW5lciBkYXRhLWJvcmRlcj17Ym9yZGVyfSBkYXRhLWNvbHVtbnM9e2NvbHVtbnN9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
29
|
+
var Grid = function Grid(_ref) {
|
|
30
|
+
var columns = _ref.columns,
|
|
31
|
+
border = _ref.border,
|
|
32
|
+
children = _ref.children,
|
|
33
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
+
return _jsx(GridContainer, _objectSpread(_objectSpread({
|
|
35
|
+
"data-border": border,
|
|
36
|
+
"data-columns": columns
|
|
37
|
+
}, rest), {}, {
|
|
38
|
+
children: children
|
|
39
|
+
}));
|
|
40
|
+
};
|
|
41
|
+
export default Grid;
|
package/es/Grid/index.js
ADDED
package/es/index.js
CHANGED
|
@@ -92,4 +92,5 @@ export { ProgrammeCard } from './ProgrammeCard';
|
|
|
92
92
|
export { KeyFigure } from './KeyFigure';
|
|
93
93
|
export { default as ContactBlock } from './ContactBlock';
|
|
94
94
|
export { CampaignBlock } from './CampaignBlock';
|
|
95
|
+
export { Grid } from './Grid';
|
|
95
96
|
export { Heading } from './Typography';
|