@ndla/ui 44.0.1 → 44.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/es/Grid/Grid.js +15 -5
- package/lib/Grid/Grid.d.ts +2 -5
- package/lib/Grid/Grid.js +15 -5
- package/package.json +2 -2
- package/src/Grid/Grid.tsx +8 -2
package/README.md
CHANGED
|
@@ -40,7 +40,7 @@ See: [package.json](package.json) for version requirements.
|
|
|
40
40
|
@import '../path/to/node_modules/ndla-ui/scss/main'; // direct reference
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
-
###
|
|
43
|
+
### Component Usage
|
|
44
44
|
|
|
45
45
|
```jsx
|
|
46
46
|
import { Breadcrumb, Hero, OneColumn, Article } from '@ndla/ui';
|
package/es/Grid/Grid.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
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", "background", "size"]
|
|
3
|
+
var _excluded = ["columns", "border", "children", "background", "size"],
|
|
4
|
+
_excluded2 = ["children"];
|
|
4
5
|
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
6
|
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
7
|
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; }
|
|
@@ -28,7 +29,7 @@ var GridContainer = /*#__PURE__*/_styled("div", {
|
|
|
28
29
|
until: breakpoints.desktop
|
|
29
30
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", mq.range({
|
|
30
31
|
from: breakpoints.tabletWide
|
|
31
|
-
}), "{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.light, ";}&[data-background='white']{background-color:", colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
}), "{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.light, ";}&[data-background='white']{background-color:", colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
32
33
|
var Grid = function Grid(_ref) {
|
|
33
34
|
var columns = _ref.columns,
|
|
34
35
|
border = _ref.border,
|
|
@@ -46,16 +47,25 @@ var Grid = function Grid(_ref) {
|
|
|
46
47
|
children: children
|
|
47
48
|
}));
|
|
48
49
|
};
|
|
49
|
-
|
|
50
|
+
var StyledGridParallaxItem = /*#__PURE__*/_styled("div", {
|
|
50
51
|
target: "e1c0s8mo0",
|
|
51
|
-
label: "
|
|
52
|
+
label: "StyledGridParallaxItem"
|
|
52
53
|
})(process.env.NODE_ENV === "production" ? {
|
|
53
54
|
name: "1iakvkp",
|
|
54
55
|
styles: "position:relative;>div{top:0px;position:sticky;}"
|
|
55
56
|
} : {
|
|
56
57
|
name: "1iakvkp",
|
|
57
58
|
styles: "position:relative;>div{top:0px;position:sticky;}",
|
|
58
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
59
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */",
|
|
59
60
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
60
61
|
});
|
|
62
|
+
export var GridParallaxItem = function GridParallaxItem(_ref2) {
|
|
63
|
+
var children = _ref2.children,
|
|
64
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
65
|
+
return _jsx(StyledGridParallaxItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
66
|
+
children: _jsx("div", {
|
|
67
|
+
children: children
|
|
68
|
+
})
|
|
69
|
+
}));
|
|
70
|
+
};
|
|
61
71
|
export default Grid;
|
package/lib/Grid/Grid.d.ts
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*
|
|
7
7
|
*/
|
|
8
|
-
import { ReactNode } from 'react';
|
|
8
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
9
9
|
export interface GridProps {
|
|
10
10
|
columns: '2' | '4' | '2x2';
|
|
11
11
|
border?: 'none' | 'lightBlue';
|
|
@@ -14,8 +14,5 @@ export interface GridProps {
|
|
|
14
14
|
children?: ReactNode[];
|
|
15
15
|
}
|
|
16
16
|
declare const Grid: ({ columns, border, children, background, size, ...rest }: GridProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
17
|
-
export declare const GridParallaxItem: import("@emotion/
|
|
18
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any> | undefined;
|
|
20
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
|
+
export declare const GridParallaxItem: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
21
18
|
export default Grid;
|
package/lib/Grid/Grid.js
CHANGED
|
@@ -8,7 +8,8 @@ exports.default = exports.GridParallaxItem = void 0;
|
|
|
8
8
|
var _base = _interopRequireDefault(require("@emotion/styled/base"));
|
|
9
9
|
var _core = require("@ndla/core");
|
|
10
10
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
11
|
-
var _excluded = ["columns", "border", "children", "background", "size"]
|
|
11
|
+
var _excluded = ["columns", "border", "children", "background", "size"],
|
|
12
|
+
_excluded2 = ["children"];
|
|
12
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
14
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -33,7 +34,7 @@ var GridContainer = /*#__PURE__*/(0, _base.default)("div", {
|
|
|
33
34
|
until: _core.breakpoints.desktop
|
|
34
35
|
}), "{>div:nth-child(3):last-child{display:flex;flex-flow:column;justify-content:center;align-items:center;grid-column:span 2;}}", _core.mq.range({
|
|
35
36
|
from: _core.breakpoints.tabletWide
|
|
36
|
-
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
}), "{grid-template-columns:repeat(2, minmax(0, 1fr));&[data-columns='3']{grid-template-columns:repeat(3, minmax(0, 1fr));}&[data-columns='4']{grid-template-columns:repeat(4, minmax(0, 1fr));}}&[data-frontpage='true']{grid-gap:", _core.spacing.large, ";}&[data-border='lightBlue']{border:1px solid ", _core.colors.brand.light, ";}&[data-background='white']{background-color:", _core.colors.white, ";}p{word-break:break-word;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CZ0MiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */"));
|
|
37
38
|
var Grid = function Grid(_ref) {
|
|
38
39
|
var columns = _ref.columns,
|
|
39
40
|
border = _ref.border,
|
|
@@ -51,18 +52,27 @@ var Grid = function Grid(_ref) {
|
|
|
51
52
|
children: children
|
|
52
53
|
}));
|
|
53
54
|
};
|
|
54
|
-
var
|
|
55
|
+
var StyledGridParallaxItem = /*#__PURE__*/(0, _base.default)("div", {
|
|
55
56
|
target: "e1c0s8mo0",
|
|
56
|
-
label: "
|
|
57
|
+
label: "StyledGridParallaxItem"
|
|
57
58
|
})(process.env.NODE_ENV === "production" ? {
|
|
58
59
|
name: "1iakvkp",
|
|
59
60
|
styles: "position:relative;>div{top:0px;position:sticky;}"
|
|
60
61
|
} : {
|
|
61
62
|
name: "1iakvkp",
|
|
62
63
|
styles: "position:relative;>div{top:0px;position:sticky;}",
|
|
63
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
64
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkdyaWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlGeUMiLCJmaWxlIjoiR3JpZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENvcHlyaWdodCAoYykgMjAyMy1wcmVzZW50LCBORExBLlxuICpcbiAqIFRoaXMgc291cmNlIGNvZGUgaXMgbGljZW5zZWQgdW5kZXIgdGhlIEdQTHYzIGxpY2Vuc2UgZm91bmQgaW4gdGhlXG4gKiBMSUNFTlNFIGZpbGUgaW4gdGhlIHJvb3QgZGlyZWN0b3J5IG9mIHRoaXMgc291cmNlIHRyZWUuXG4gKlxuICovXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBjb2xvcnMsIG1pc2MsIG1xLCBzcGFjaW5nIH0gZnJvbSAnQG5kbGEvY29yZSc7XG5pbXBvcnQgeyBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEdyaWRQcm9wcyB7XG4gIGNvbHVtbnM6ICcyJyB8ICc0JyB8ICcyeDInO1xuICBib3JkZXI/OiAnbm9uZScgfCAnbGlnaHRCbHVlJztcbiAgYmFja2dyb3VuZD86ICd0cmFuc3BhcmVudCcgfCAnd2hpdGUnO1xuICBzaXplPzogYm9vbGVhbjtcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVbXTtcbn1cblxuY29uc3QgR3JpZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBib3JkZXItcmFkaXVzOiAke21pc2MuYm9yZGVyUmFkaXVzfTtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnI7XG4gIGdyaWQtZ2FwOiAke3NwYWNpbmcubm9ybWFsfTtcblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICAmW2RhdGEtY29sdW1ucz0nMngyJ10sXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSxcbiAgICAmW2RhdGEtY29sdW1ucz0nNCddIHtcbiAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogcmVwZWF0KDIsIG1pbm1heCgwLCAxZnIpKTtcbiAgICB9XG4gIH1cblxuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLmRlc2t0b3AgfSl9IHtcbiAgICA+IGRpdjpudGgtY2hpbGQoMyk6bGFzdC1jaGlsZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1mbG93OiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBncmlkLWNvbHVtbjogc3BhbiAyO1xuICAgIH1cbiAgfVxuXG4gICR7bXEucmFuZ2UoeyBmcm9tOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoMiwgbWlubWF4KDAsIDFmcikpO1xuXG4gICAgJltkYXRhLWNvbHVtbnM9JzMnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCgzLCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuXG4gICAgJltkYXRhLWNvbHVtbnM9JzQnXSB7XG4gICAgICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdCg0LCBtaW5tYXgoMCwgMWZyKSk7XG4gICAgfVxuICB9XG5cbiAgJltkYXRhLWZyb250cGFnZT0ndHJ1ZSddIHtcbiAgICBncmlkLWdhcDogJHtzcGFjaW5nLmxhcmdlfTtcbiAgfVxuXG4gICZbZGF0YS1ib3JkZXI9J2xpZ2h0Qmx1ZSddIHtcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke2NvbG9ycy5icmFuZC5saWdodH07XG4gIH1cbiAgJltkYXRhLWJhY2tncm91bmQ9J3doaXRlJ10ge1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Y29sb3JzLndoaXRlfTtcbiAgfVxuXG4gIHAge1xuICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gIH1cbmA7XG5cbmNvbnN0IEdyaWQgPSAoeyBjb2x1bW5zLCBib3JkZXIsIGNoaWxkcmVuLCBiYWNrZ3JvdW5kLCBzaXplLCAuLi5yZXN0IH06IEdyaWRQcm9wcykgPT4ge1xuICBjb25zdCBhbW91bnRPZkNvbHVtbnMgPSBjaGlsZHJlbj8ubGVuZ3RoID09PSAzID8gJzMnIDogY29sdW1ucztcblxuICByZXR1cm4gKFxuICAgIDxHcmlkQ29udGFpbmVyXG4gICAgICBkYXRhLWZyb250cGFnZT17c2l6ZX1cbiAgICAgIGRhdGEtYm9yZGVyPXtib3JkZXJ9XG4gICAgICBkYXRhLWNvbHVtbnM9e2Ftb3VudE9mQ29sdW1uc31cbiAgICAgIGRhdGEtYmFja2dyb3VuZD17YmFja2dyb3VuZH1cbiAgICAgIHsuLi5yZXN0fVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L0dyaWRDb250YWluZXI+XG4gICk7XG59O1xuXG5jb25zdCBTdHlsZWRHcmlkUGFyYWxsYXhJdGVtID0gc3R5bGVkLmRpdmBcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICA+IGRpdiB7XG4gICAgdG9wOiAwcHg7XG4gICAgcG9zaXRpb246IHN0aWNreTtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEdyaWRQYXJhbGxheEl0ZW0gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPFN0eWxlZEdyaWRQYXJhbGxheEl0ZW0gey4uLnJlc3R9PlxuICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICA8L1N0eWxlZEdyaWRQYXJhbGxheEl0ZW0+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBHcmlkO1xuIl19 */",
|
|
64
65
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
65
66
|
});
|
|
67
|
+
var GridParallaxItem = function GridParallaxItem(_ref2) {
|
|
68
|
+
var children = _ref2.children,
|
|
69
|
+
rest = _objectWithoutProperties(_ref2, _excluded2);
|
|
70
|
+
return (0, _jsxRuntime.jsx)(StyledGridParallaxItem, _objectSpread(_objectSpread({}, rest), {}, {
|
|
71
|
+
children: (0, _jsxRuntime.jsx)("div", {
|
|
72
|
+
children: children
|
|
73
|
+
})
|
|
74
|
+
}));
|
|
75
|
+
};
|
|
66
76
|
exports.GridParallaxItem = GridParallaxItem;
|
|
67
77
|
var _default = Grid;
|
|
68
78
|
exports.default = _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "44.0.
|
|
3
|
+
"version": "44.0.3",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "385848abebc45b3984cbd6ba700d121799570c9c"
|
|
87
87
|
}
|
package/src/Grid/Grid.tsx
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
import styled from '@emotion/styled';
|
|
10
10
|
import { breakpoints, colors, misc, mq, spacing } from '@ndla/core';
|
|
11
|
-
import {
|
|
11
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
12
12
|
|
|
13
13
|
export interface GridProps {
|
|
14
14
|
columns: '2' | '4' | '2x2';
|
|
@@ -87,7 +87,7 @@ const Grid = ({ columns, border, children, background, size, ...rest }: GridProp
|
|
|
87
87
|
);
|
|
88
88
|
};
|
|
89
89
|
|
|
90
|
-
|
|
90
|
+
const StyledGridParallaxItem = styled.div`
|
|
91
91
|
position: relative;
|
|
92
92
|
> div {
|
|
93
93
|
top: 0px;
|
|
@@ -95,4 +95,10 @@ export const GridParallaxItem = styled.div`
|
|
|
95
95
|
}
|
|
96
96
|
`;
|
|
97
97
|
|
|
98
|
+
export const GridParallaxItem = ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => (
|
|
99
|
+
<StyledGridParallaxItem {...rest}>
|
|
100
|
+
<div>{children}</div>
|
|
101
|
+
</StyledGridParallaxItem>
|
|
102
|
+
);
|
|
103
|
+
|
|
98
104
|
export default Grid;
|