@ndla/ui 44.0.22 → 44.0.23
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.
|
@@ -5,7 +5,7 @@ import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
|
5
5
|
var StyledSkipToMainContent = /*#__PURE__*/_styled("a", {
|
|
6
6
|
target: "e13a8y7u0",
|
|
7
7
|
label: "StyledSkipToMainContent"
|
|
8
|
-
})("
|
|
8
|
+
})("position:absolute;top:10px;left:0;right:0;margin:0 auto;color:", colors.white, ";background:", colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:9999;animation-name:fadeIn;animation-duration:0.3s;transform:translateY(-150%);&:focus{transform:translateY(0);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRd0MiLCJmaWxlIjoiU2tpcFRvTWFpbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBza2lwVG9NYWluQ29udGVudElkOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFNraXBUb01haW5Db250ZW50ID0gc3R5bGVkLmFgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBsZWZ0OiBhdXRvO1xuICB0b3A6IGF1dG87XG4gIHdpZHRoOiAzMCU7XG4gIGhlaWdodDogYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogMTBweCAzNSU7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgYm9yZGVyOiA0cHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMS4yZW07XG4gIHotaW5kZXg6IDk5OTk7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xNTAlKTtcbiAgJjpmb2N1cyB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICB9XG5gO1xuXG5jb25zdCBTa2lwVG9NYWluQ29udGVudCA9ICh7IHNraXBUb01haW5Db250ZW50SWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTa2lwVG9NYWluQ29udGVudCB0YWJJbmRleD17MH0gaHJlZj17YCMke3NraXBUb01haW5Db250ZW50SWR9YH0+XG4gICAgICB7dCgnbWFzdGhlYWQuc2tpcFRvQ29udGVudCcpfVxuICAgIDwvU3R5bGVkU2tpcFRvTWFpbkNvbnRlbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTa2lwVG9NYWluQ29udGVudDtcbiJdfQ== */"));
|
|
9
9
|
var SkipToMainContent = function SkipToMainContent(_ref) {
|
|
10
10
|
var skipToMainContentId = _ref.skipToMainContentId;
|
|
11
11
|
var _useTranslation = useTranslation(),
|
|
@@ -12,7 +12,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
12
12
|
var StyledSkipToMainContent = /*#__PURE__*/(0, _base.default)("a", {
|
|
13
13
|
target: "e13a8y7u0",
|
|
14
14
|
label: "StyledSkipToMainContent"
|
|
15
|
-
})("
|
|
15
|
+
})("position:absolute;top:10px;left:0;right:0;margin:0 auto;color:", _core.colors.white, ";background:", _core.colors.brand.primary, ";left:auto;top:auto;width:30%;height:auto;overflow:auto;margin:10px 35%;padding:5px;border-radius:15px;border:4px solid ", _core.colors.brand.tertiary, ";text-align:center;font-size:1.2em;z-index:9999;animation-name:fadeIn;animation-duration:0.3s;transform:translateY(-150%);&:focus{transform:translateY(0);}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNraXBUb01haW5Db250ZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRd0MiLCJmaWxlIjoiU2tpcFRvTWFpbkNvbnRlbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNvbG9ycyB9IGZyb20gJ0BuZGxhL2NvcmUnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBza2lwVG9NYWluQ29udGVudElkOiBzdHJpbmc7XG59XG5cbmNvbnN0IFN0eWxlZFNraXBUb01haW5Db250ZW50ID0gc3R5bGVkLmFgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAxMHB4O1xuICBsZWZ0OiAwO1xuICByaWdodDogMDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIGNvbG9yOiAke2NvbG9ycy53aGl0ZX07XG4gIGJhY2tncm91bmQ6ICR7Y29sb3JzLmJyYW5kLnByaW1hcnl9O1xuICBsZWZ0OiBhdXRvO1xuICB0b3A6IGF1dG87XG4gIHdpZHRoOiAzMCU7XG4gIGhlaWdodDogYXV0bztcbiAgb3ZlcmZsb3c6IGF1dG87XG4gIG1hcmdpbjogMTBweCAzNSU7XG4gIHBhZGRpbmc6IDVweDtcbiAgYm9yZGVyLXJhZGl1czogMTVweDtcbiAgYm9yZGVyOiA0cHggc29saWQgJHtjb2xvcnMuYnJhbmQudGVydGlhcnl9O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtc2l6ZTogMS4yZW07XG4gIHotaW5kZXg6IDk5OTk7XG4gIGFuaW1hdGlvbi1uYW1lOiBmYWRlSW47XG4gIGFuaW1hdGlvbi1kdXJhdGlvbjogMC4zcztcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0xNTAlKTtcbiAgJjpmb2N1cyB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApO1xuICB9XG5gO1xuXG5jb25zdCBTa2lwVG9NYWluQ29udGVudCA9ICh7IHNraXBUb01haW5Db250ZW50SWQgfTogUHJvcHMpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRTa2lwVG9NYWluQ29udGVudCB0YWJJbmRleD17MH0gaHJlZj17YCMke3NraXBUb01haW5Db250ZW50SWR9YH0+XG4gICAgICB7dCgnbWFzdGhlYWQuc2tpcFRvQ29udGVudCcpfVxuICAgIDwvU3R5bGVkU2tpcFRvTWFpbkNvbnRlbnQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBTa2lwVG9NYWluQ29udGVudDtcbiJdfQ== */"));
|
|
16
16
|
var SkipToMainContent = function SkipToMainContent(_ref) {
|
|
17
17
|
var skipToMainContentId = _ref.skipToMainContentId;
|
|
18
18
|
var _useTranslation = (0, _reactI18next.useTranslation)(),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndla/ui",
|
|
3
|
-
"version": "44.0.
|
|
3
|
+
"version": "44.0.23",
|
|
4
4
|
"description": "UI component library for NDLA.",
|
|
5
5
|
"license": "GPL-3.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -41,8 +41,8 @@
|
|
|
41
41
|
"@ndla/hooks": "^2.0.9",
|
|
42
42
|
"@ndla/icons": "^4.0.5",
|
|
43
43
|
"@ndla/licenses": "^7.1.3",
|
|
44
|
-
"@ndla/modal": "^4.0.
|
|
45
|
-
"@ndla/notion": "^5.0.
|
|
44
|
+
"@ndla/modal": "^4.0.5",
|
|
45
|
+
"@ndla/notion": "^5.0.21",
|
|
46
46
|
"@ndla/safelink": "^4.1.20",
|
|
47
47
|
"@ndla/select": "^2.4.11",
|
|
48
48
|
"@ndla/switch": "^1.1.11",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"publishConfig": {
|
|
84
84
|
"access": "public"
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "e9eaf3ce093a0efab62dfae03ccf4643137f30be"
|
|
87
87
|
}
|
|
@@ -7,31 +7,30 @@ interface Props {
|
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
const StyledSkipToMainContent = styled.a`
|
|
10
|
-
left: -999px;
|
|
11
10
|
position: absolute;
|
|
11
|
+
top: 10px;
|
|
12
|
+
left: 0;
|
|
13
|
+
right: 0;
|
|
14
|
+
margin: 0 auto;
|
|
15
|
+
color: ${colors.white};
|
|
16
|
+
background: ${colors.brand.primary};
|
|
17
|
+
left: auto;
|
|
12
18
|
top: auto;
|
|
13
|
-
width:
|
|
14
|
-
height:
|
|
15
|
-
overflow:
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
border-radius: 15px;
|
|
29
|
-
border: 4px solid ${colors.brand.tertiary};
|
|
30
|
-
text-align: center;
|
|
31
|
-
font-size: 1.2em;
|
|
32
|
-
z-index: 9999;
|
|
33
|
-
animation-name: fadeIn;
|
|
34
|
-
animation-duration: 0.3s;
|
|
19
|
+
width: 30%;
|
|
20
|
+
height: auto;
|
|
21
|
+
overflow: auto;
|
|
22
|
+
margin: 10px 35%;
|
|
23
|
+
padding: 5px;
|
|
24
|
+
border-radius: 15px;
|
|
25
|
+
border: 4px solid ${colors.brand.tertiary};
|
|
26
|
+
text-align: center;
|
|
27
|
+
font-size: 1.2em;
|
|
28
|
+
z-index: 9999;
|
|
29
|
+
animation-name: fadeIn;
|
|
30
|
+
animation-duration: 0.3s;
|
|
31
|
+
transform: translateY(-150%);
|
|
32
|
+
&:focus {
|
|
33
|
+
transform: translateY(0);
|
|
35
34
|
}
|
|
36
35
|
`;
|
|
37
36
|
|