@ndla/ui 56.0.1-alpha.0 → 56.0.2-alpha.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/dist/panda.buildinfo.json +1 -0
- package/dist/styles.css +4 -0
- package/es/FactBox/FactBox.js +1 -0
- package/es/Grid/Grid.js +3 -3
- package/es/styles.css +4 -0
- package/lib/FactBox/FactBox.js +1 -0
- package/lib/Grid/Grid.js +3 -3
- package/lib/styles.css +4 -0
- package/package.json +6 -6
- package/src/FactBox/FactBox.tsx +1 -0
- package/src/Grid/Grid.tsx +1 -0
|
@@ -304,6 +304,7 @@
|
|
|
304
304
|
"transitionDuration]___[value:slow",
|
|
305
305
|
"transitionTimingFunction]___[value:ease-in-out",
|
|
306
306
|
"maxHeight]___[value:surface.xxsmall",
|
|
307
|
+
"clear]___[value:both",
|
|
307
308
|
"overflow]___[value:visible]___[cond:_closed<___>_print",
|
|
308
309
|
"maxHeight]___[value:500vh]___[cond:_closed<___>_print",
|
|
309
310
|
"maxHeight]___[value:500vh]___[cond:_open",
|
package/dist/styles.css
CHANGED
package/es/FactBox/FactBox.js
CHANGED
package/es/Grid/Grid.js
CHANGED
|
@@ -13,13 +13,13 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
13
13
|
const GridContainer = /*#__PURE__*/_styled("div", {
|
|
14
14
|
target: "e1c0s8mo1",
|
|
15
15
|
label: "GridContainer"
|
|
16
|
-
})("display:grid;justify-content:center;border-radius:", misc.borderRadius, ";grid-template-columns:1fr;grid-gap:", spacing.normal, ";padding:", spacing.normal, ";margin-bottom:", spacing.normal, ";", mq.range({
|
|
16
|
+
})("display:grid;justify-content:center;border-radius:", misc.borderRadius, ";grid-template-columns:1fr;grid-gap:", spacing.normal, ";padding:", spacing.normal, ";margin-bottom:", spacing.normal, ";clear:both;", mq.range({
|
|
17
17
|
until: breakpoints.tabletWide
|
|
18
18
|
}), "{&[data-columns=\"2x2\"],&[data-columns=\"3\"],&[data-columns=\"4\"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}", mq.range({
|
|
19
19
|
until: breakpoints.desktop
|
|
20
20
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", mq.range({
|
|
21
21
|
from: breakpoints.tabletWide
|
|
22
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns=\"3\"]{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns=\"4\"]{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage=\"true\"]{grid-gap:", spacing.large, ";}&[data-border=\"lightBlue\"]{border:1px solid ", colors.brand.lighter, ";}&[data-background=\"white\"]{background-color:", colors.white, ";}p{word-break:break-word;margin-top:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/
|
|
22
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns=\"3\"]{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns=\"4\"]{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage=\"true\"]{grid-gap:", spacing.large, ";}&[data-border=\"lightBlue\"]{border:1px solid ", colors.brand.lighter, ";}&[data-background=\"white\"]{background-color:", colors.white, ";}p{word-break:break-word;margin-top:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVtdO1xufVxuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1nYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGNsZWFyOiBib3RoO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPVwiMngyXCJdLFxuICAgICZbZGF0YS1jb2x1bW5zPVwiM1wiXSxcbiAgICAmW2RhdGEtY29sdW1ucz1cIjRcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgID4gZGl2Om50aC1jaGlsZCgzKTpsYXN0LWNoaWxkIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdyaWQtY29sdW1uOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG5cbiAgICAmW2RhdGEtY29sdW1ucz1cIjNcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cblxuICAgICZbZGF0YS1jb2x1bW5zPVwiNFwiXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT1cInRydWVcIl0ge1xuICAgIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLWJvcmRlcj1cImxpZ2h0Qmx1ZVwiXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9XCJ3aGl0ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgcCB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gXCIzXCIgOiBjb2x1bW5zO1xuXG4gIHJldHVybiAoXG4gICAgPEdyaWRDb250YWluZXJcbiAgICAgIGRhdGEtZnJvbnRwYWdlPXtzaXplfVxuICAgICAgZGF0YS1ib3JkZXI9e2JvcmRlcn1cbiAgICAgIGRhdGEtY29sdW1ucz17YW1vdW50T2ZDb2x1bW5zfVxuICAgICAgZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICB0b3A6IHZhcigtLW1hc3RoZWFkLWhlaWdodCwgMHB4KTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFBhcmFsbGF4SXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8U3R5bGVkR3JpZFBhcmFsbGF4SXRlbSB7Li4ucmVzdH0+XG4gICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gIDwvU3R5bGVkR3JpZFBhcmFsbGF4SXRlbT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */"));
|
|
23
23
|
const Grid = _ref => {
|
|
24
24
|
let {
|
|
25
25
|
columns,
|
|
@@ -48,7 +48,7 @@ const StyledGridParallaxItem = /*#__PURE__*/_styled("div", {
|
|
|
48
48
|
} : {
|
|
49
49
|
name: "1s7sltv",
|
|
50
50
|
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}",
|
|
51
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
51
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVtdO1xufVxuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1nYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGNsZWFyOiBib3RoO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPVwiMngyXCJdLFxuICAgICZbZGF0YS1jb2x1bW5zPVwiM1wiXSxcbiAgICAmW2RhdGEtY29sdW1ucz1cIjRcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgID4gZGl2Om50aC1jaGlsZCgzKTpsYXN0LWNoaWxkIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdyaWQtY29sdW1uOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG5cbiAgICAmW2RhdGEtY29sdW1ucz1cIjNcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cblxuICAgICZbZGF0YS1jb2x1bW5zPVwiNFwiXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT1cInRydWVcIl0ge1xuICAgIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLWJvcmRlcj1cImxpZ2h0Qmx1ZVwiXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9XCJ3aGl0ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgcCB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gXCIzXCIgOiBjb2x1bW5zO1xuXG4gIHJldHVybiAoXG4gICAgPEdyaWRDb250YWluZXJcbiAgICAgIGRhdGEtZnJvbnRwYWdlPXtzaXplfVxuICAgICAgZGF0YS1ib3JkZXI9e2JvcmRlcn1cbiAgICAgIGRhdGEtY29sdW1ucz17YW1vdW50T2ZDb2x1bW5zfVxuICAgICAgZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICB0b3A6IHZhcigtLW1hc3RoZWFkLWhlaWdodCwgMHB4KTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFBhcmFsbGF4SXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8U3R5bGVkR3JpZFBhcmFsbGF4SXRlbSB7Li4ucmVzdH0+XG4gICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gIDwvU3R5bGVkR3JpZFBhcmFsbGF4SXRlbT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */",
|
|
52
52
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
53
53
|
});
|
|
54
54
|
export const GridParallaxItem = _ref2 => {
|
package/es/styles.css
CHANGED
package/lib/FactBox/FactBox.js
CHANGED
package/lib/Grid/Grid.js
CHANGED
|
@@ -18,13 +18,13 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
18
18
|
const GridContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
19
19
|
target: "e1c0s8mo1",
|
|
20
20
|
label: "GridContainer"
|
|
21
|
-
})("display:grid;justify-content:center;border-radius:", _core.misc.borderRadius, ";grid-template-columns:1fr;grid-gap:", _core.spacing.normal, ";padding:", _core.spacing.normal, ";margin-bottom:", _core.spacing.normal, ";", _core.mq.range({
|
|
21
|
+
})("display:grid;justify-content:center;border-radius:", _core.misc.borderRadius, ";grid-template-columns:1fr;grid-gap:", _core.spacing.normal, ";padding:", _core.spacing.normal, ";margin-bottom:", _core.spacing.normal, ";clear:both;", _core.mq.range({
|
|
22
22
|
until: _core.breakpoints.tabletWide
|
|
23
23
|
}), "{&[data-columns=\"2x2\"],&[data-columns=\"3\"],&[data-columns=\"4\"]{grid-template-columns:repeat(2, minmax(0, 1fr));}}", _core.mq.range({
|
|
24
24
|
until: _core.breakpoints.desktop
|
|
25
25
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", _core.mq.range({
|
|
26
26
|
from: _core.breakpoints.tabletWide
|
|
27
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns=\"3\"]{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns=\"4\"]{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage=\"true\"]{grid-gap:", _core.spacing.large, ";}&[data-border=\"lightBlue\"]{border:1px solid ", _core.colors.brand.lighter, ";}&[data-background=\"white\"]{background-color:", _core.colors.white, ";}p{word-break:break-word;margin-top:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/
|
|
27
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns=\"3\"]{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns=\"4\"]{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage=\"true\"]{grid-gap:", _core.spacing.large, ";}&[data-border=\"lightBlue\"]{border:1px solid ", _core.colors.brand.lighter, ";}&[data-background=\"white\"]{background-color:", _core.colors.white, ";}p{word-break:break-word;margin-top:0px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVtdO1xufVxuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1nYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGNsZWFyOiBib3RoO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPVwiMngyXCJdLFxuICAgICZbZGF0YS1jb2x1bW5zPVwiM1wiXSxcbiAgICAmW2RhdGEtY29sdW1ucz1cIjRcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgID4gZGl2Om50aC1jaGlsZCgzKTpsYXN0LWNoaWxkIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdyaWQtY29sdW1uOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG5cbiAgICAmW2RhdGEtY29sdW1ucz1cIjNcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cblxuICAgICZbZGF0YS1jb2x1bW5zPVwiNFwiXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT1cInRydWVcIl0ge1xuICAgIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLWJvcmRlcj1cImxpZ2h0Qmx1ZVwiXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9XCJ3aGl0ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgcCB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gXCIzXCIgOiBjb2x1bW5zO1xuXG4gIHJldHVybiAoXG4gICAgPEdyaWRDb250YWluZXJcbiAgICAgIGRhdGEtZnJvbnRwYWdlPXtzaXplfVxuICAgICAgZGF0YS1ib3JkZXI9e2JvcmRlcn1cbiAgICAgIGRhdGEtY29sdW1ucz17YW1vdW50T2ZDb2x1bW5zfVxuICAgICAgZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICB0b3A6IHZhcigtLW1hc3RoZWFkLWhlaWdodCwgMHB4KTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFBhcmFsbGF4SXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8U3R5bGVkR3JpZFBhcmFsbGF4SXRlbSB7Li4ucmVzdH0+XG4gICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gIDwvU3R5bGVkR3JpZFBhcmFsbGF4SXRlbT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */"));
|
|
28
28
|
const Grid = _ref => {
|
|
29
29
|
let {
|
|
30
30
|
columns,
|
|
@@ -53,7 +53,7 @@ const StyledGridParallaxItem = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
53
53
|
} : {
|
|
54
54
|
name: "1s7sltv",
|
|
55
55
|
styles: "position:relative;>div{top:var(--masthead-height, 0px);position:sticky;}",
|
|
56
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCB7IEhUTUxBdHRyaWJ1dGVzLCBSZWFjdE5vZGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGNvbG9ycywgbWlzYywgbXEsIHNwYWNpbmcgfSBmcm9tIFwiQG5kbGEvY29yZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6IFwiMlwiIHwgXCI0XCIgfCBcIjJ4MlwiO1xuICBib3JkZXI/OiBcIm5vbmVcIiB8IFwibGlnaHRCbHVlXCI7XG4gIGJhY2tncm91bmQ/OiBcInRyYW5zcGFyZW50XCIgfCBcIndoaXRlXCI7XG4gIHNpemU/OiBib29sZWFuO1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVtdO1xufVxuXG5jb25zdCBHcmlkQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZ3JpZDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGJvcmRlci1yYWRpdXM6ICR7bWlzYy5ib3JkZXJSYWRpdXN9O1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IDFmcjtcbiAgZ3JpZC1nYXA6ICR7c3BhY2luZy5ub3JtYWx9O1xuICBwYWRkaW5nOiAke3NwYWNpbmcubm9ybWFsfTtcbiAgbWFyZ2luLWJvdHRvbTogJHtzcGFjaW5nLm5vcm1hbH07XG4gIGNsZWFyOiBib3RoO1xuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgICZbZGF0YS1jb2x1bW5zPVwiMngyXCJdLFxuICAgICZbZGF0YS1jb2x1bW5zPVwiM1wiXSxcbiAgICAmW2RhdGEtY29sdW1ucz1cIjRcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMuZGVza3RvcCB9KX0ge1xuICAgID4gZGl2Om50aC1jaGlsZCgzKTpsYXN0LWNoaWxkIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWZsb3c6IGNvbHVtbjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdyaWQtY29sdW1uOiBzcGFuIDI7XG4gICAgfVxuICB9XG5cbiAgJHttcS5yYW5nZSh7IGZyb206IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgyLCBtaW5tYXgoMCwgMWZyKSk7XG5cbiAgICAmW2RhdGEtY29sdW1ucz1cIjNcIl0ge1xuICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMywgbWlubWF4KDAsIDFmcikpO1xuICAgIH1cblxuICAgICZbZGF0YS1jb2x1bW5zPVwiNFwiXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT1cInRydWVcIl0ge1xuICAgIGdyaWQtZ2FwOiAke3NwYWNpbmcubGFyZ2V9O1xuICB9XG5cbiAgJltkYXRhLWJvcmRlcj1cImxpZ2h0Qmx1ZVwiXSB7XG4gICAgYm9yZGVyOiAxcHggc29saWQgJHtjb2xvcnMuYnJhbmQubGlnaHRlcn07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9XCJ3aGl0ZVwiXSB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtjb2xvcnMud2hpdGV9O1xuICB9XG5cbiAgcCB7XG4gICAgd29yZC1icmVhazogYnJlYWstd29yZDtcbiAgICBtYXJnaW4tdG9wOiAwcHg7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gXCIzXCIgOiBjb2x1bW5zO1xuXG4gIHJldHVybiAoXG4gICAgPEdyaWRDb250YWluZXJcbiAgICAgIGRhdGEtZnJvbnRwYWdlPXtzaXplfVxuICAgICAgZGF0YS1ib3JkZXI9e2JvcmRlcn1cbiAgICAgIGRhdGEtY29sdW1ucz17YW1vdW50T2ZDb2x1bW5zfVxuICAgICAgZGF0YS1iYWNrZ3JvdW5kPXtiYWNrZ3JvdW5kfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvR3JpZENvbnRhaW5lcj5cbiAgKTtcbn07XG5cbmNvbnN0IFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gPSBzdHlsZWQuZGl2YFxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gID4gZGl2IHtcbiAgICB0b3A6IHZhcigtLW1hc3RoZWFkLWhlaWdodCwgMHB4KTtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgR3JpZFBhcmFsbGF4SXRlbSA9ICh7IGNoaWxkcmVuLCAuLi5yZXN0IH06IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8U3R5bGVkR3JpZFBhcmFsbGF4SXRlbSB7Li4ucmVzdH0+XG4gICAgPGRpdj57Y2hpbGRyZW59PC9kaXY+XG4gIDwvU3R5bGVkR3JpZFBhcmFsbGF4SXRlbT5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IEdyaWQ7XG4iXX0= */",
|
|
57
57
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
58
58
|
});
|
|
59
59
|
const GridParallaxItem = _ref2 => {
|
package/lib/styles.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "56.0.
|
|
3
|
+
"version": "56.0.2-alpha.0",
|
|
4
4
|
"description": "UI component library for NDLA",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
"types"
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@ndla/button": "^15.0.
|
|
36
|
+
"@ndla/button": "^15.0.2-alpha.0",
|
|
37
37
|
"@ndla/core": "^5.0.1",
|
|
38
38
|
"@ndla/hooks": "^2.1.8",
|
|
39
|
-
"@ndla/icons": "^8.0.
|
|
39
|
+
"@ndla/icons": "^8.0.2-alpha.0",
|
|
40
40
|
"@ndla/licenses": "^8.0.0-alpha.0",
|
|
41
|
-
"@ndla/primitives": "^1.0.
|
|
42
|
-
"@ndla/safelink": "^7.0.
|
|
41
|
+
"@ndla/primitives": "^1.0.2-alpha.0",
|
|
42
|
+
"@ndla/safelink": "^7.0.2-alpha.0",
|
|
43
43
|
"@ndla/styled-system": "^0.0.10",
|
|
44
44
|
"@ndla/typography": "^0.4.23",
|
|
45
45
|
"@ndla/util": "^4.1.0",
|
|
@@ -73,5 +73,5 @@
|
|
|
73
73
|
"publishConfig": {
|
|
74
74
|
"access": "public"
|
|
75
75
|
},
|
|
76
|
-
"gitHead": "
|
|
76
|
+
"gitHead": "45fb10125bc642d020ed37c03b9492976ef7f0d6"
|
|
77
77
|
}
|
package/src/FactBox/FactBox.tsx
CHANGED
package/src/Grid/Grid.tsx
CHANGED