@ndla/ui 11.0.0 → 11.0.1
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/Figure/FigureOpenDialogButton.js +3 -4
- package/es/Notion/NotionImage.js +3 -3
- package/lib/Figure/FigureOpenDialogButton.d.ts +1 -1
- package/lib/Figure/FigureOpenDialogButton.js +6 -5
- package/lib/Notion/NotionImage.js +3 -3
- package/package.json +2 -2
- package/src/Figure/FigureOpenDialogButton.tsx +4 -5
- package/src/Notion/NotionImage.tsx +7 -5
- package/src/.DS_Store +0 -0
|
@@ -10,12 +10,11 @@ import { Play } from '@ndla/icons/common';
|
|
|
10
10
|
import { ExpandTwoArrows } from '@ndla/icons/action';
|
|
11
11
|
import { CursorClick } from '@ndla/icons/action';
|
|
12
12
|
import { jsx as ___EmotionJSX } from "@emotion/core";
|
|
13
|
-
export function FigureOpenDialogButton(_ref) {
|
|
13
|
+
export var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
|
|
14
14
|
var messages = _ref.messages,
|
|
15
15
|
type = _ref.type;
|
|
16
|
-
return ___EmotionJSX("
|
|
16
|
+
return ___EmotionJSX("div", {
|
|
17
17
|
className: "c-figure__fullscreen-btn",
|
|
18
|
-
type: "button",
|
|
19
18
|
"data-aria": messages.zoomImageButtonLabel,
|
|
20
19
|
"data-ariaexpanded": messages.zoomOutImageButtonLabel,
|
|
21
20
|
"aria-label": messages.zoomImageButtonLabel
|
|
@@ -42,4 +41,4 @@ export function FigureOpenDialogButton(_ref) {
|
|
|
42
41
|
height: '24px'
|
|
43
42
|
}
|
|
44
43
|
}));
|
|
45
|
-
}
|
|
44
|
+
};
|
package/es/Notion/NotionImage.js
CHANGED
|
@@ -18,14 +18,14 @@ var StyledImageWrapper = _styled("div", {
|
|
|
18
18
|
label: "StyledImageWrapper"
|
|
19
19
|
})("overflow:hidden;width:260px;padding-top:", spacing.small, ";", mq.range({
|
|
20
20
|
until: breakpoints.tabletWide
|
|
21
|
-
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
}), "{margin:0 auto;}&:hover{img{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
|
|
22
22
|
|
|
23
23
|
var StyledImage = /*#__PURE__*/_styled(Image, {
|
|
24
24
|
target: "e1beccco1",
|
|
25
25
|
label: "StyledImage"
|
|
26
|
-
})("object-fit:cover;max-height:162px;transition:transform ", animations.durations.fast, "
|
|
26
|
+
})("object-fit:cover;max-height:162px;transition:transform ", animations.durations.fast, ";", mq.range({
|
|
27
27
|
until: breakpoints.tabletWide
|
|
28
|
-
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSAnLi4vRmlndXJlJztcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgaW1nIHtcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4xKTtcbiAgICAgIG9wYWNpdHk6IDEuMTtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZChJbWFnZSlgXG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtaGVpZ2h0OiAxNjJweDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1pbi13aWR0aDogMjYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCcgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9eydmdWxsLWNvbHVtbid9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxGaWd1cmVPcGVuRGlhbG9nQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIG1lc3NhZ2VzPXt7XG4gICAgICAgICAgICAgICAgem9vbUltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KCdsaWNlbnNlLmltYWdlLml0ZW1JbWFnZS56b29tT3V0SW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
|
|
29
29
|
|
|
30
30
|
export var NotionImage = function NotionImage(_ref) {
|
|
31
31
|
var id = _ref.id,
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.FigureOpenDialogButton =
|
|
6
|
+
exports.FigureOpenDialogButton = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -22,12 +22,11 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
22
22
|
* LICENSE file in the root directory of this source tree.
|
|
23
23
|
*
|
|
24
24
|
*/
|
|
25
|
-
function FigureOpenDialogButton(_ref) {
|
|
25
|
+
var FigureOpenDialogButton = function FigureOpenDialogButton(_ref) {
|
|
26
26
|
var messages = _ref.messages,
|
|
27
27
|
type = _ref.type;
|
|
28
|
-
return (0, _core.jsx)("
|
|
28
|
+
return (0, _core.jsx)("div", {
|
|
29
29
|
className: "c-figure__fullscreen-btn",
|
|
30
|
-
type: "button",
|
|
31
30
|
"data-aria": messages.zoomImageButtonLabel,
|
|
32
31
|
"data-ariaexpanded": messages.zoomOutImageButtonLabel,
|
|
33
32
|
"aria-label": messages.zoomImageButtonLabel
|
|
@@ -54,4 +53,6 @@ function FigureOpenDialogButton(_ref) {
|
|
|
54
53
|
height: '24px'
|
|
55
54
|
}
|
|
56
55
|
}));
|
|
57
|
-
}
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
exports.FigureOpenDialogButton = FigureOpenDialogButton;
|
|
@@ -32,13 +32,13 @@ var StyledImageWrapper = (0, _styledBase["default"])("div", {
|
|
|
32
32
|
label: "StyledImageWrapper"
|
|
33
33
|
})("overflow:hidden;width:260px;padding-top:", _core.spacing.small, ";", _core.mq.range({
|
|
34
34
|
until: _core.breakpoints.tabletWide
|
|
35
|
-
}), "{margin:0 auto;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
35
|
+
}), "{margin:0 auto;}&:hover{img{transform:scale(1.1);opacity:1.1;transition-duration:0.5s;}}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiTm90aW9uSW1hZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMjItcHJlc2VudCwgTkRMQS5cbiAqXG4gKiBUaGlzIHNvdXJjZSBjb2RlIGlzIGxpY2Vuc2VkIHVuZGVyIHRoZSBHUEx2MyBsaWNlbnNlIGZvdW5kIGluIHRoZVxuICogTElDRU5TRSBmaWxlIGluIHRoZSByb290IGRpcmVjdG9yeSBvZiB0aGlzIHNvdXJjZSB0cmVlLiAqXG4gKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGFuaW1hdGlvbnMsIGJyZWFrcG9pbnRzLCBtcSwgc3BhY2luZyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBJbWFnZSBmcm9tICcuLi9JbWFnZSc7XG5pbXBvcnQgeyBGaWd1cmUsIEZpZ3VyZU9wZW5EaWFsb2dCdXR0b24gfSBmcm9tICcuLi9GaWd1cmUnO1xuXG5jb25zdCBTdHlsZWRJbWFnZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aWR0aDogMjYwcHg7XG4gIHBhZGRpbmctdG9wOiAke3NwYWNpbmcuc21hbGx9O1xuICAke21xLnJhbmdlKHsgdW50aWw6IGJyZWFrcG9pbnRzLnRhYmxldFdpZGUgfSl9IHtcbiAgICBtYXJnaW46IDAgYXV0bztcbiAgfVxuICAmOmhvdmVyIHtcbiAgICBpbWcge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZSgxLjEpO1xuICAgICAgb3BhY2l0eTogMS4xO1xuICAgICAgdHJhbnNpdGlvbi1kdXJhdGlvbjogMC41cztcbiAgICB9XG4gIH1cbmA7XG5cbmNvbnN0IFN0eWxlZEltYWdlID0gc3R5bGVkKEltYWdlKWBcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC1oZWlnaHQ6IDE2MnB4O1xuICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gJHthbmltYXRpb25zLmR1cmF0aW9ucy5mYXN0fTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWluLXdpZHRoOiAyNjBweDtcbiAgfVxuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgdHlwZTogJ2ltYWdlJyB8ICd2aWRlbycgfCAnaDVwJyB8ICdpZnJhbWUnIHwgJ2V4dGVybmFsJyB8IHVuZGVmaW5lZDtcbiAgaWQ6IHN0cmluZztcbiAgc3JjOiBzdHJpbmc7XG4gIGFsdDogc3RyaW5nO1xufVxuZXhwb3J0IGNvbnN0IE5vdGlvbkltYWdlID0gKHsgaWQsIHNyYywgYWx0LCB0eXBlIH06IFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCBpbWFnZUZpZ3VyZUlkID0gYGltYWdlLWZpZ3VyZS0ke2lkfWA7XG5cbiAgcmV0dXJuIChcbiAgICA8RmlndXJlIHJlc2l6ZUlmcmFtZSBpZD17aW1hZ2VGaWd1cmVJZH0gdHlwZT17J2Z1bGwtY29sdW1uJ30+XG4gICAgICA8U3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgICAgICA8U3R5bGVkSW1hZ2VcbiAgICAgICAgICBhbHQ9e2FsdH1cbiAgICAgICAgICBzcmM9e3NyY31cbiAgICAgICAgICBleHBhbmRCdXR0b249e1xuICAgICAgICAgICAgPEZpZ3VyZU9wZW5EaWFsb2dCdXR0b25cbiAgICAgICAgICAgICAgdHlwZT17dHlwZX1cbiAgICAgICAgICAgICAgbWVzc2FnZXM9e3tcbiAgICAgICAgICAgICAgICB6b29tSW1hZ2VCdXR0b25MYWJlbDogdCgnbGljZW5zZS5pbWFnZXMuaXRlbUltYWdlLnpvb21JbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgICAgem9vbU91dEltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2UuaXRlbUltYWdlLnpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsJyksXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIH1cbiAgICAgICAgLz5cbiAgICAgIDwvU3R5bGVkSW1hZ2VXcmFwcGVyPlxuICAgIDwvRmlndXJlPlxuICApO1xufTtcbiJdfQ== */"));
|
|
36
36
|
var StyledImage = ( /*#__PURE__*/0, _styledBase["default"])(_Image["default"], {
|
|
37
37
|
target: "e1beccco1",
|
|
38
38
|
label: "StyledImage"
|
|
39
|
-
})("object-fit:cover;max-height:162px;transition:transform ", _core.animations.durations.fast, "
|
|
39
|
+
})("object-fit:cover;max-height:162px;transition:transform ", _core.animations.durations.fast, ";", _core.mq.range({
|
|
40
40
|
until: _core.breakpoints.tabletWide
|
|
41
|
-
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
41
|
+
}), "{min-width:260px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlvbkltYWdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlDIiwiZmlsZSI6Ik5vdGlvbkltYWdlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQ29weXJpZ2h0IChjKSAyMDIyLXByZXNlbnQsIE5ETEEuXG4gKlxuICogVGhpcyBzb3VyY2UgY29kZSBpcyBsaWNlbnNlZCB1bmRlciB0aGUgR1BMdjMgbGljZW5zZSBmb3VuZCBpbiB0aGVcbiAqIExJQ0VOU0UgZmlsZSBpbiB0aGUgcm9vdCBkaXJlY3Rvcnkgb2YgdGhpcyBzb3VyY2UgdHJlZS4gKlxuICovXG5cbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBhbmltYXRpb25zLCBicmVha3BvaW50cywgbXEsIHNwYWNpbmcgfSBmcm9tICdAbmRsYS9jb3JlJztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgSW1hZ2UgZnJvbSAnLi4vSW1hZ2UnO1xuaW1wb3J0IHsgRmlndXJlLCBGaWd1cmVPcGVuRGlhbG9nQnV0dG9uIH0gZnJvbSAnLi4vRmlndXJlJztcblxuY29uc3QgU3R5bGVkSW1hZ2VXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2lkdGg6IDI2MHB4O1xuICBwYWRkaW5nLXRvcDogJHtzcGFjaW5nLnNtYWxsfTtcbiAgJHttcS5yYW5nZSh7IHVudGlsOiBicmVha3BvaW50cy50YWJsZXRXaWRlIH0pfSB7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gIH1cbiAgJjpob3ZlciB7XG4gICAgaW1nIHtcbiAgICAgIHRyYW5zZm9ybTogc2NhbGUoMS4xKTtcbiAgICAgIG9wYWNpdHk6IDEuMTtcbiAgICAgIHRyYW5zaXRpb24tZHVyYXRpb246IDAuNXM7XG4gICAgfVxuICB9XG5gO1xuXG5jb25zdCBTdHlsZWRJbWFnZSA9IHN0eWxlZChJbWFnZSlgXG4gIG9iamVjdC1maXQ6IGNvdmVyO1xuICBtYXgtaGVpZ2h0OiAxNjJweDtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7YW5pbWF0aW9ucy5kdXJhdGlvbnMuZmFzdH07XG4gICR7bXEucmFuZ2UoeyB1bnRpbDogYnJlYWtwb2ludHMudGFibGV0V2lkZSB9KX0ge1xuICAgIG1pbi13aWR0aDogMjYwcHg7XG4gIH1cbmA7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHR5cGU6ICdpbWFnZScgfCAndmlkZW8nIHwgJ2g1cCcgfCAnaWZyYW1lJyB8ICdleHRlcm5hbCcgfCB1bmRlZmluZWQ7XG4gIGlkOiBzdHJpbmc7XG4gIHNyYzogc3RyaW5nO1xuICBhbHQ6IHN0cmluZztcbn1cbmV4cG9ydCBjb25zdCBOb3Rpb25JbWFnZSA9ICh7IGlkLCBzcmMsIGFsdCwgdHlwZSB9OiBQcm9wcykgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgaW1hZ2VGaWd1cmVJZCA9IGBpbWFnZS1maWd1cmUtJHtpZH1gO1xuXG4gIHJldHVybiAoXG4gICAgPEZpZ3VyZSByZXNpemVJZnJhbWUgaWQ9e2ltYWdlRmlndXJlSWR9IHR5cGU9eydmdWxsLWNvbHVtbid9PlxuICAgICAgPFN0eWxlZEltYWdlV3JhcHBlcj5cbiAgICAgICAgPFN0eWxlZEltYWdlXG4gICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgc3JjPXtzcmN9XG4gICAgICAgICAgZXhwYW5kQnV0dG9uPXtcbiAgICAgICAgICAgIDxGaWd1cmVPcGVuRGlhbG9nQnV0dG9uXG4gICAgICAgICAgICAgIHR5cGU9e3R5cGV9XG4gICAgICAgICAgICAgIG1lc3NhZ2VzPXt7XG4gICAgICAgICAgICAgICAgem9vbUltYWdlQnV0dG9uTGFiZWw6IHQoJ2xpY2Vuc2UuaW1hZ2VzLml0ZW1JbWFnZS56b29tSW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICAgIHpvb21PdXRJbWFnZUJ1dHRvbkxhYmVsOiB0KCdsaWNlbnNlLmltYWdlLml0ZW1JbWFnZS56b29tT3V0SW1hZ2VCdXR0b25MYWJlbCcpLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICB9XG4gICAgICAgIC8+XG4gICAgICA8L1N0eWxlZEltYWdlV3JhcHBlcj5cbiAgICA8L0ZpZ3VyZT5cbiAgKTtcbn07XG4iXX0= */"));
|
|
42
42
|
|
|
43
43
|
var NotionImage = function NotionImage(_ref) {
|
|
44
44
|
var id = _ref.id,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.1",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "d1b3670f9f578ba1da7d49db2b9e577a4b0433cb"
|
|
85
85
|
}
|
|
@@ -19,11 +19,10 @@ interface Props {
|
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
-
export
|
|
22
|
+
export const FigureOpenDialogButton = ({ messages, type }: Props) => {
|
|
23
23
|
return (
|
|
24
|
-
<
|
|
24
|
+
<div
|
|
25
25
|
className="c-figure__fullscreen-btn"
|
|
26
|
-
type="button"
|
|
27
26
|
data-aria={messages.zoomImageButtonLabel}
|
|
28
27
|
data-ariaexpanded={messages.zoomOutImageButtonLabel}
|
|
29
28
|
aria-label={messages.zoomImageButtonLabel}>
|
|
@@ -32,6 +31,6 @@ export function FigureOpenDialogButton({ messages, type }: Props) {
|
|
|
32
31
|
{type === 'iframe' && <CursorClick style={{ width: '24px', height: '24px' }} />}
|
|
33
32
|
{type === 'external' && <CursorClick style={{ width: '24px', height: '24px' }} />}
|
|
34
33
|
{type === 'video' && <Play style={{ width: '24px', height: '24px' }} />}
|
|
35
|
-
</
|
|
34
|
+
</div>
|
|
36
35
|
);
|
|
37
|
-
}
|
|
36
|
+
};
|
|
@@ -19,17 +19,19 @@ const StyledImageWrapper = styled.div`
|
|
|
19
19
|
${mq.range({ until: breakpoints.tabletWide })} {
|
|
20
20
|
margin: 0 auto;
|
|
21
21
|
}
|
|
22
|
+
&:hover {
|
|
23
|
+
img {
|
|
24
|
+
transform: scale(1.1);
|
|
25
|
+
opacity: 1.1;
|
|
26
|
+
transition-duration: 0.5s;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
22
29
|
`;
|
|
23
30
|
|
|
24
31
|
const StyledImage = styled(Image)`
|
|
25
32
|
object-fit: cover;
|
|
26
33
|
max-height: 162px;
|
|
27
34
|
transition: transform ${animations.durations.fast};
|
|
28
|
-
&:hover {
|
|
29
|
-
transform: scale(1.1);
|
|
30
|
-
opacity: 1.1;
|
|
31
|
-
transition-duration: 0.5s;
|
|
32
|
-
}
|
|
33
35
|
${mq.range({ until: breakpoints.tabletWide })} {
|
|
34
36
|
min-width: 260px;
|
|
35
37
|
}
|
package/src/.DS_Store
DELETED
|
Binary file
|