@ndla/ui 39.0.1 → 39.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/BlogPost/BlogPost.js +4 -4
- package/es/Grid/Grid.js +28 -11
- package/lib/BlogPost/BlogPost.js +4 -4
- package/lib/Grid/Grid.d.ts +3 -2
- package/lib/Grid/Grid.js +34 -18
- package/package.json +14 -14
- package/src/BlogPost/BlogPost.tsx +1 -0
- package/src/Grid/Grid.stories.tsx +37 -33
- package/src/Grid/Grid.tsx +25 -10
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/
|
|
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, ";background-color:", colors.white, ";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/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RGtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
29
29
|
var BlogPost = function BlogPost(_ref) {
|
|
30
30
|
var title = _ref.title,
|
|
31
31
|
author = _ref.author,
|
package/es/Grid/Grid.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
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
2
|
import _styled from "@emotion/styled/base";
|
|
3
|
-
var _excluded = ["columns", "border", "children"];
|
|
3
|
+
var _excluded = ["columns", "border", "children", "background"];
|
|
4
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
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
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; }
|
|
@@ -8,6 +8,7 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
|
|
|
8
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
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
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
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
11
12
|
/**
|
|
12
13
|
* Copyright (c) 2023-present, NDLA.
|
|
13
14
|
*
|
|
@@ -19,23 +20,39 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
19
20
|
import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
|
|
20
21
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
21
22
|
var GridContainer = /*#__PURE__*/_styled("div", {
|
|
22
|
-
target: "
|
|
23
|
+
target: "e1c0s8mo1",
|
|
23
24
|
label: "GridContainer"
|
|
24
|
-
})("display:grid;grid-template-columns:auto;justify-content:center;gap:", spacing.large, ";padding:", spacing.
|
|
25
|
+
})("width:100%;display:inline-grid;grid-template-columns:auto;justify-content:center;grid-gap:", spacing.large, ";padding:", spacing.xsmall, ";border-radius:", misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", colors.brand.light, ";}&[data-background='white']{background-color:", colors.white, ";}", mq.range({
|
|
25
26
|
from: breakpoints.mobileWide
|
|
26
|
-
}), "{grid-template-columns:repeat(2,
|
|
27
|
+
}), "{grid-template-columns:repeat(2, 1fr);}", mq.range({
|
|
27
28
|
from: breakpoints.tabletWide
|
|
28
|
-
}), "{&[data-columns='4']{grid-template-columns:repeat(4,
|
|
29
|
+
}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"));
|
|
30
|
+
var OuterContainer = /*#__PURE__*/_styled("div", {
|
|
31
|
+
target: "e1c0s8mo0",
|
|
32
|
+
label: "OuterContainer"
|
|
33
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
34
|
+
name: "1jhdxtm",
|
|
35
|
+
styles: "display:flex;width:100%;justify-content:center;align-items:center"
|
|
36
|
+
} : {
|
|
37
|
+
name: "1jhdxtm",
|
|
38
|
+
styles: "display:flex;width:100%;justify-content:center;align-items:center",
|
|
39
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */",
|
|
40
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
41
|
+
});
|
|
29
42
|
var Grid = function Grid(_ref) {
|
|
30
43
|
var columns = _ref.columns,
|
|
31
44
|
border = _ref.border,
|
|
32
45
|
children = _ref.children,
|
|
46
|
+
background = _ref.background,
|
|
33
47
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
34
|
-
return _jsx(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
48
|
+
return _jsx(OuterContainer, {
|
|
49
|
+
children: _jsx(GridContainer, _objectSpread(_objectSpread({
|
|
50
|
+
"data-border": border,
|
|
51
|
+
"data-columns": columns,
|
|
52
|
+
"data-background": background
|
|
53
|
+
}, rest), {}, {
|
|
54
|
+
children: children
|
|
55
|
+
}))
|
|
56
|
+
});
|
|
40
57
|
};
|
|
41
58
|
export default Grid;
|
package/lib/BlogPost/BlogPost.js
CHANGED
|
@@ -22,16 +22,16 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
22
22
|
var Container = /*#__PURE__*/(0, _base["default"])(_safelink["default"], {
|
|
23
23
|
target: "e19zpy302",
|
|
24
24
|
label: "Container"
|
|
25
|
-
})("display:flex;flex-direction:column;color:", _core.colors.text.primary, ";max-width:350px;max-height:415px;gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lightest, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.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/
|
|
26
|
-
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,
|
|
25
|
+
})("display:flex;flex-direction:column;color:", _core.colors.text.primary, ";background-color:", _core.colors.white, ";max-width:350px;max-height:415px;gap:", _core.spacing.nsmall, ";box-shadow:none;border:1px solid ", _core.colors.brand.lightest, ";border-radius:", _core.misc.borderRadius, ";padding:", _core.spacing.normal, " ", _core.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/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
26
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRHNCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
27
27
|
var AuthorContainer = /*#__PURE__*/(0, _base["default"])("div", {
|
|
28
28
|
target: "e19zpy301",
|
|
29
29
|
label: "AuthorContainer"
|
|
30
|
-
})("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,
|
|
30
|
+
})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RGtDIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
31
31
|
var StyledImg = /*#__PURE__*/(0, _base["default"])("img", {
|
|
32
32
|
target: "e19zpy300",
|
|
33
33
|
label: "StyledImg"
|
|
34
|
-
})("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,
|
|
34
|
+
})("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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkJsb2dQb3N0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RTRCIiwiZmlsZSI6IkJsb2dQb3N0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIzLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS5cbiAqXG4gKi9cblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFNhZmVMaW5rIGZyb20gJ0BuZGxhL3NhZmVsaW5rJztcbmltcG9ydCB7IGNvbG9ycywgZm9udHMsIG1pc2MsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IFF1b3RlIH0gZnJvbSAnQG5kbGEvaWNvbnMvZWRpdG9yJztcbmltcG9ydCB7IEhlYWRpbmdMZXZlbCB9IGZyb20gJy4uL3R5cGVzJztcblxuZXhwb3J0IGludGVyZmFjZSBQcm9wcyB7XG4gIHRpdGxlOiB7XG4gICAgdGl0bGU6IHN0cmluZztcbiAgICBsYW5ndWFnZTogc3RyaW5nO1xuICB9O1xuICBhdXRob3I/OiBzdHJpbmc7XG4gIHVybDogc3RyaW5nO1xuICBoZWFkaW5nTGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG4gIHNpemU/OiAnbm9ybWFsJyB8ICdsYXJnZSc7XG4gIG1ldGFJbWFnZToge1xuICAgIHVybDogc3RyaW5nO1xuICAgIGFsdDogc3RyaW5nO1xuICB9O1xufVxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU2FmZUxpbmspYFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBjb2xvcjogJHtjb2xvcnMudGV4dC5wcmltYXJ5fTtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICBtYXgtd2lkdGg6IDM1MHB4O1xuICBtYXgtaGVpZ2h0OiA0MTVweDtcbiAgZ2FwOiAke3NwYWNpbmcubnNtYWxsfTtcbiAgYm94LXNoYWRvdzogbm9uZTtcbiAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlc3R9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgcGFkZGluZzogJHtzcGFjaW5nLm5vcm1hbH0gJHtzcGFjaW5nLm1lZGl1bX07XG4gICZbZGF0YS1zaXplPSdsYXJnZSddIHtcbiAgICBtYXgtd2lkdGg6IDUzMnB4O1xuICAgIG1heC1oZWlnaHQ6IDU1MHB4O1xuICB9XG4gICY6aG92ZXIsXG4gICY6Zm9jdXMtd2l0aGluIHtcbiAgICAuYmxvZy10aXRsZSB7XG4gICAgICBib3gtc2hhZG93OiBpbnNldCAwIC0xcHg7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBoZWFkaW5nQ3NzID0gY3NzYFxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHdpZHRoOiBmaXQtY29udGVudDtcbiAgbWFyZ2luOiAwO1xuICBmb250LXdlaWdodDogJHtmb250cy53ZWlnaHQuc2VtaWJvbGR9O1xuICAke2ZvbnRzLnNpemVzKCcyNnB4JywgJzM2cHgnKX07XG5gO1xuXG5jb25zdCBBdXRob3JDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6ICR7c3BhY2luZy54c21hbGx9O1xuICBzdmcge1xuICAgIGNvbG9yOiByZ2JhKDc4LCA4MSwgMjQyLCAxKTtcbiAgfVxuICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuYDtcblxuY29uc3QgU3R5bGVkSW1nID0gc3R5bGVkLmltZ2BcbiAgYm9yZGVyLXJhZGl1czogJHttaXNjLmJvcmRlclJhZGl1c307XG4gIGZsZXg6IDE7XG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBib3JkZXI6IDA7XG5gO1xuXG5jb25zdCBCbG9nUG9zdCA9ICh7IHRpdGxlLCBhdXRob3IsIHVybCwgbWV0YUltYWdlLCBoZWFkaW5nTGV2ZWw6IEhlYWRpbmcgPSAnaDMnLCBzaXplID0gJ25vcm1hbCcgfTogUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8Q29udGFpbmVyIGRhdGEtc2l6ZT17c2l6ZX0gdG89e3VybH0+XG4gICAgICA8SGVhZGluZyBjbGFzc05hbWU9XCJibG9nLXRpdGxlXCIgY3NzPXtoZWFkaW5nQ3NzfSBsYW5nPXt0aXRsZS5sYW5ndWFnZX0+XG4gICAgICAgIHt0aXRsZS50aXRsZX1cbiAgICAgIDwvSGVhZGluZz5cbiAgICAgIDxTdHlsZWRJbWcgc3JjPXttZXRhSW1hZ2UudXJsfSBhbHQ9e21ldGFJbWFnZS5hbHR9IC8+XG4gICAgICB7ISFhdXRob3IgJiYgKFxuICAgICAgICA8QXV0aG9yQ29udGFpbmVyPlxuICAgICAgICAgIDxRdW90ZSAvPlxuICAgICAgICAgIHthdXRob3J9XG4gICAgICAgIDwvQXV0aG9yQ29udGFpbmVyPlxuICAgICAgKX1cbiAgICA8L0NvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEJsb2dQb3N0O1xuIl19 */"));
|
|
35
35
|
var BlogPost = function BlogPost(_ref) {
|
|
36
36
|
var title = _ref.title,
|
|
37
37
|
author = _ref.author,
|
package/lib/Grid/Grid.d.ts
CHANGED
|
@@ -8,8 +8,9 @@
|
|
|
8
8
|
import { ReactNode } from 'react';
|
|
9
9
|
export interface GridProps {
|
|
10
10
|
columns: 2 | 4;
|
|
11
|
-
border
|
|
11
|
+
border?: 'none' | 'lightBlue';
|
|
12
|
+
background?: 'transparent' | 'white';
|
|
12
13
|
children?: ReactNode[];
|
|
13
14
|
}
|
|
14
|
-
declare const Grid: ({ columns, border, children, ...rest }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare const Grid: ({ columns, border, children, background, ...rest }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
15
16
|
export default Grid;
|
package/lib/Grid/Grid.js
CHANGED
|
@@ -8,14 +8,7 @@ exports["default"] = void 0;
|
|
|
8
8
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
var _core = require("@ndla/core");
|
|
10
10
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
-
var _excluded = ["columns", "border", "children"];
|
|
12
|
-
/**
|
|
13
|
-
* Copyright (c) 2023-present, NDLA.
|
|
14
|
-
*
|
|
15
|
-
* This source code is licensed under the GPLv3 license found in the
|
|
16
|
-
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*
|
|
18
|
-
*/
|
|
11
|
+
var _excluded = ["columns", "border", "children", "background"];
|
|
19
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
20
13
|
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; }
|
|
21
14
|
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; }
|
|
@@ -24,25 +17,48 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
|
|
|
24
17
|
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); }
|
|
25
18
|
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; }
|
|
26
19
|
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; }
|
|
20
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /**
|
|
21
|
+
* Copyright (c) 2023-present, NDLA.
|
|
22
|
+
*
|
|
23
|
+
* This source code is licensed under the GPLv3 license found in the
|
|
24
|
+
* LICENSE file in the root directory of this source tree.
|
|
25
|
+
*
|
|
26
|
+
*/
|
|
27
27
|
var GridContainer = /*#__PURE__*/(0, _base["default"])("div", {
|
|
28
|
-
target: "
|
|
28
|
+
target: "e1c0s8mo1",
|
|
29
29
|
label: "GridContainer"
|
|
30
|
-
})("display:grid;grid-template-columns:auto;justify-content:center;gap:", _core.spacing.large, ";padding:", _core.spacing.
|
|
30
|
+
})("width:100%;display:inline-grid;grid-template-columns:auto;justify-content:center;grid-gap:", _core.spacing.large, ";padding:", _core.spacing.xsmall, ";border-radius:", _core.misc.borderRadius, ";&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}", _core.mq.range({
|
|
31
31
|
from: _core.breakpoints.mobileWide
|
|
32
|
-
}), "{grid-template-columns:repeat(2,
|
|
32
|
+
}), "{grid-template-columns:repeat(2, 1fr);}", _core.mq.range({
|
|
33
33
|
from: _core.breakpoints.tabletWide
|
|
34
|
-
}), "{&[data-columns='4']{grid-template-columns:repeat(4,
|
|
34
|
+
}), "{&[data-columns='4']{grid-template-columns:repeat(4, 1fr);}}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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */"));
|
|
35
|
+
var OuterContainer = /*#__PURE__*/(0, _base["default"])("div", {
|
|
36
|
+
target: "e1c0s8mo0",
|
|
37
|
+
label: "OuterContainer"
|
|
38
|
+
})(process.env.NODE_ENV === "production" ? {
|
|
39
|
+
name: "1jhdxtm",
|
|
40
|
+
styles: "display:flex;width:100%;justify-content:center;align-items:center"
|
|
41
|
+
} : {
|
|
42
|
+
name: "1jhdxtm",
|
|
43
|
+
styles: "display:flex;width:100%;justify-content:center;align-items:center",
|
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTREaUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgR3JpZFByb3BzIHtcbiAgY29sdW1uczogMiB8IDQ7XG4gIGJvcmRlcj86ICdub25lJyB8ICdsaWdodEJsdWUnO1xuICBiYWNrZ3JvdW5kPzogJ3RyYW5zcGFyZW50JyB8ICd3aGl0ZSc7XG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlW107XG59XG5cbmNvbnN0IEdyaWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICB3aWR0aDogMTAwJTtcbiAgZGlzcGxheTogaW5saW5lLWdyaWQ7XG4gIGdyaWQtdGVtcGxhdGUtY29sdW1uczogYXV0bztcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuXG4gIHBhZGRpbmc6ICR7c3BhY2luZy54c21hbGx9O1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcblxuICAmW2RhdGEtYm9yZGVyPSdsaWdodEJsdWUnXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHR9O1xuICB9XG5cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy5tb2JpbGVXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgMWZyKTtcbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCAxZnIpO1xuICAgIH1cbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cblxuICAvKiogVGhlIHN0eWxpbmcgaGVyZSBpcyB0byBoYW5kbGUgZmlndXJlcy90ZXh0IHVudGlsIGEgbmV3IGZpZ3VyZSBlbGVtZW50IGlzIGRldmVsb3BlZCAqL1xuICBmaWd1cmUsXG4gIGlmcmFtZSB7XG4gICAgaW5zZXQ6IDA7XG4gICAgd2lkdGg6IDEwMCUgIWltcG9ydGFudDtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5gO1xuXG5jb25zdCBPdXRlckNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHdpZHRoOiAxMDAlO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxPdXRlckNvbnRhaW5lcj5cbiAgICAgIDxHcmlkQ29udGFpbmVyIGRhdGEtYm9yZGVyPXtib3JkZXJ9IGRhdGEtY29sdW1ucz17Y29sdW1uc30gZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfSB7Li4ucmVzdH0+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgICA8L091dGVyQ29udGFpbmVyPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgR3JpZDtcbiJdfQ== */",
|
|
45
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
46
|
+
});
|
|
35
47
|
var Grid = function Grid(_ref) {
|
|
36
48
|
var columns = _ref.columns,
|
|
37
49
|
border = _ref.border,
|
|
38
50
|
children = _ref.children,
|
|
51
|
+
background = _ref.background,
|
|
39
52
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
40
|
-
return (0, _jsxRuntime.jsx)(
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
53
|
+
return (0, _jsxRuntime.jsx)(OuterContainer, {
|
|
54
|
+
children: (0, _jsxRuntime.jsx)(GridContainer, _objectSpread(_objectSpread({
|
|
55
|
+
"data-border": border,
|
|
56
|
+
"data-columns": columns,
|
|
57
|
+
"data-background": background
|
|
58
|
+
}, rest), {}, {
|
|
59
|
+
children: children
|
|
60
|
+
}))
|
|
61
|
+
});
|
|
46
62
|
};
|
|
47
63
|
var _default = Grid;
|
|
48
64
|
exports["default"] = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "39.0.
|
|
3
|
+
"version": "39.0.3",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -31,21 +31,21 @@
|
|
|
31
31
|
"types"
|
|
32
32
|
],
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@ndla/accordion": "^2.2.
|
|
34
|
+
"@ndla/accordion": "^2.2.6",
|
|
35
35
|
"@ndla/article-scripts": "^3.0.18",
|
|
36
|
-
"@ndla/button": "^10.1.
|
|
37
|
-
"@ndla/carousel": "^3.1.
|
|
38
|
-
"@ndla/core": "^4.0.
|
|
39
|
-
"@ndla/forms": "^4.3.
|
|
36
|
+
"@ndla/button": "^10.1.5",
|
|
37
|
+
"@ndla/carousel": "^3.1.3",
|
|
38
|
+
"@ndla/core": "^4.0.1",
|
|
39
|
+
"@ndla/forms": "^4.3.5",
|
|
40
40
|
"@ndla/hooks": "^2.0.7",
|
|
41
|
-
"@ndla/icons": "^3.0.
|
|
41
|
+
"@ndla/icons": "^3.0.1",
|
|
42
42
|
"@ndla/licenses": "^7.0.4",
|
|
43
|
-
"@ndla/modal": "^3.0.
|
|
44
|
-
"@ndla/notion": "^5.0.
|
|
45
|
-
"@ndla/safelink": "^4.1.
|
|
46
|
-
"@ndla/switch": "^1.1.
|
|
47
|
-
"@ndla/tabs": "^2.2.
|
|
48
|
-
"@ndla/tooltip": "^4.1.
|
|
43
|
+
"@ndla/modal": "^3.0.2",
|
|
44
|
+
"@ndla/notion": "^5.0.2",
|
|
45
|
+
"@ndla/safelink": "^4.1.5",
|
|
46
|
+
"@ndla/switch": "^1.1.3",
|
|
47
|
+
"@ndla/tabs": "^2.2.5",
|
|
48
|
+
"@ndla/tooltip": "^4.1.5",
|
|
49
49
|
"@ndla/util": "^3.1.13",
|
|
50
50
|
"@radix-ui/react-dropdown-menu": "^2.0.5",
|
|
51
51
|
"@radix-ui/react-popover": "^1.0.6",
|
|
@@ -85,5 +85,5 @@
|
|
|
85
85
|
"publishConfig": {
|
|
86
86
|
"access": "public"
|
|
87
87
|
},
|
|
88
|
-
"gitHead": "
|
|
88
|
+
"gitHead": "b71ad26162a2a50f29bc6f5a77dba795acbac7f4"
|
|
89
89
|
}
|
|
@@ -8,11 +8,26 @@
|
|
|
8
8
|
|
|
9
9
|
import React from 'react';
|
|
10
10
|
import { Meta, StoryFn } from '@storybook/react';
|
|
11
|
+
import styled from '@emotion/styled';
|
|
12
|
+
import { DocsContainer, DocsContainerProps } from '@storybook/addon-docs';
|
|
13
|
+
import { colors } from '@ndla/core';
|
|
11
14
|
import Grid from './Grid';
|
|
12
15
|
import { defaultParameters } from '../../../../stories/defaults';
|
|
13
16
|
import { BlogPostStory } from '../BlogPost/BlogPost.stories';
|
|
14
17
|
import { KeyFigureStory } from '../KeyFigure/KeyFigure.stories';
|
|
15
18
|
|
|
19
|
+
const GridWrapper = styled.div`
|
|
20
|
+
.docs-story {
|
|
21
|
+
background-color: ${colors.background.frontpageArticle};
|
|
22
|
+
}
|
|
23
|
+
`;
|
|
24
|
+
|
|
25
|
+
const GridDocsContainer = ({ ...props }: DocsContainerProps) => (
|
|
26
|
+
<GridWrapper>
|
|
27
|
+
<DocsContainer {...props} />
|
|
28
|
+
</GridWrapper>
|
|
29
|
+
);
|
|
30
|
+
|
|
16
31
|
export default {
|
|
17
32
|
title: 'Enkle komponenter/Grid',
|
|
18
33
|
component: Grid,
|
|
@@ -20,49 +35,38 @@ export default {
|
|
|
20
35
|
parameters: {
|
|
21
36
|
...defaultParameters,
|
|
22
37
|
layout: 'centered',
|
|
38
|
+
docs: {
|
|
39
|
+
container: GridDocsContainer,
|
|
40
|
+
},
|
|
23
41
|
},
|
|
24
42
|
args: {
|
|
25
43
|
columns: 2,
|
|
26
|
-
border:
|
|
44
|
+
border: 'none',
|
|
45
|
+
background: 'white',
|
|
27
46
|
},
|
|
28
47
|
} as Meta<typeof Grid>;
|
|
29
48
|
|
|
30
49
|
export const GridKeyPerformanceStory: StoryFn<typeof Grid> = ({ ...args }) => {
|
|
31
|
-
|
|
32
|
-
<
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
/>
|
|
38
|
-
<KeyFigureStory
|
|
39
|
-
title={KeyFigureStory.args?.title!}
|
|
40
|
-
subtitle={KeyFigureStory.args?.subtitle!}
|
|
41
|
-
image={KeyFigureStory.args?.image}
|
|
42
|
-
/>
|
|
43
|
-
</Grid>
|
|
50
|
+
const items = new Array(args.columns).fill(
|
|
51
|
+
<KeyFigureStory
|
|
52
|
+
title={KeyFigureStory.args?.title!}
|
|
53
|
+
subtitle={KeyFigureStory.args?.subtitle!}
|
|
54
|
+
image={KeyFigureStory.args?.image!}
|
|
55
|
+
/>,
|
|
44
56
|
);
|
|
57
|
+
return <Grid {...args}>{items}</Grid>;
|
|
45
58
|
};
|
|
46
59
|
|
|
47
60
|
export const GridBlogPostStory: StoryFn<typeof Grid> = ({ ...args }) => {
|
|
48
|
-
|
|
49
|
-
<
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
/>
|
|
58
|
-
<BlogPostStory
|
|
59
|
-
metaImage={BlogPostStory.args?.metaImage!}
|
|
60
|
-
title={BlogPostStory.args?.title!}
|
|
61
|
-
size={BlogPostStory.args?.size}
|
|
62
|
-
headingLevel={BlogPostStory.args?.headingLevel}
|
|
63
|
-
url={BlogPostStory.args?.url!}
|
|
64
|
-
author={BlogPostStory.args?.author}
|
|
65
|
-
/>
|
|
66
|
-
</Grid>
|
|
61
|
+
const items = new Array(args.columns).fill(
|
|
62
|
+
<BlogPostStory
|
|
63
|
+
metaImage={BlogPostStory.args?.metaImage!}
|
|
64
|
+
title={BlogPostStory.args?.title!}
|
|
65
|
+
size={BlogPostStory.args?.size}
|
|
66
|
+
headingLevel={BlogPostStory.args?.headingLevel}
|
|
67
|
+
url={BlogPostStory.args?.url!}
|
|
68
|
+
author={BlogPostStory.args?.author}
|
|
69
|
+
/>,
|
|
67
70
|
);
|
|
71
|
+
return <Grid {...args}>{items}</Grid>;
|
|
68
72
|
};
|
package/src/Grid/Grid.tsx
CHANGED
|
@@ -12,30 +12,36 @@ import { ReactNode } from 'react';
|
|
|
12
12
|
|
|
13
13
|
export interface GridProps {
|
|
14
14
|
columns: 2 | 4;
|
|
15
|
-
border
|
|
15
|
+
border?: 'none' | 'lightBlue';
|
|
16
|
+
background?: 'transparent' | 'white';
|
|
16
17
|
children?: ReactNode[];
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
const GridContainer = styled.div`
|
|
20
|
-
|
|
21
|
+
width: 100%;
|
|
22
|
+
display: inline-grid;
|
|
21
23
|
grid-template-columns: auto;
|
|
22
24
|
justify-content: center;
|
|
23
|
-
gap: ${spacing.large};
|
|
24
|
-
padding: ${spacing.medium};
|
|
25
|
+
grid-gap: ${spacing.large};
|
|
25
26
|
|
|
27
|
+
padding: ${spacing.xsmall};
|
|
26
28
|
border-radius: ${misc.borderRadius};
|
|
27
29
|
|
|
28
30
|
&[data-border='lightBlue'] {
|
|
29
31
|
border: 1px solid ${colors.brand.light};
|
|
30
32
|
}
|
|
31
33
|
|
|
34
|
+
&[data-background='white'] {
|
|
35
|
+
background-color: ${colors.white};
|
|
36
|
+
}
|
|
37
|
+
|
|
32
38
|
${mq.range({ from: breakpoints.mobileWide })} {
|
|
33
|
-
grid-template-columns: repeat(2,
|
|
39
|
+
grid-template-columns: repeat(2, 1fr);
|
|
34
40
|
}
|
|
35
41
|
|
|
36
42
|
${mq.range({ from: breakpoints.tabletWide })} {
|
|
37
43
|
&[data-columns='4'] {
|
|
38
|
-
grid-template-columns: repeat(4,
|
|
44
|
+
grid-template-columns: repeat(4, 1fr);
|
|
39
45
|
}
|
|
40
46
|
}
|
|
41
47
|
|
|
@@ -52,11 +58,20 @@ const GridContainer = styled.div`
|
|
|
52
58
|
}
|
|
53
59
|
`;
|
|
54
60
|
|
|
55
|
-
const
|
|
61
|
+
const OuterContainer = styled.div`
|
|
62
|
+
display: flex;
|
|
63
|
+
width: 100%;
|
|
64
|
+
justify-content: center;
|
|
65
|
+
align-items: center;
|
|
66
|
+
`;
|
|
67
|
+
|
|
68
|
+
const Grid = ({ columns, border, children, background, ...rest }: GridProps) => {
|
|
56
69
|
return (
|
|
57
|
-
<
|
|
58
|
-
{
|
|
59
|
-
|
|
70
|
+
<OuterContainer>
|
|
71
|
+
<GridContainer data-border={border} data-columns={columns} data-background={background} {...rest}>
|
|
72
|
+
{children}
|
|
73
|
+
</GridContainer>
|
|
74
|
+
</OuterContainer>
|
|
60
75
|
);
|
|
61
76
|
};
|
|
62
77
|
|