@manamerge/mana-atomic-ui 1.0.238 → 1.0.240
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/index.js +7 -3
- package/dist/index.js.map +1 -1
- package/dist/themes/themes/manamerge/atoms/link.ts +28 -0
- package/dist/themes/themes/manamerge/molecules/cardTeaser.ts +1 -1
- package/dist/themes/themes/manamerge/molecules/navigation.ts +1 -1
- package/dist/types/themes/ManamergeTheme.d.ts +28 -0
- package/dist/types/themes/manamerge/atoms/link.d.ts +28 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -273,7 +273,7 @@ const Icon = (_a) => {
|
|
|
273
273
|
|
|
274
274
|
const StyledLink$2 = styled.a `
|
|
275
275
|
${({ variant, theme, underline, hoverUnderline }) => {
|
|
276
|
-
var _a, _b;
|
|
276
|
+
var _a, _b, _c, _d;
|
|
277
277
|
const linkStyles = ((_a = theme === null || theme === void 0 ? void 0 : theme.link) === null || _a === void 0 ? void 0 : _a[variant]) || {};
|
|
278
278
|
return css `
|
|
279
279
|
font-size: ${linkStyles === null || linkStyles === void 0 ? void 0 : linkStyles.fontSize};
|
|
@@ -293,7 +293,10 @@ const StyledLink$2 = styled.a `
|
|
|
293
293
|
: "underline"};
|
|
294
294
|
color: ${(_b = linkStyles === null || linkStyles === void 0 ? void 0 : linkStyles.hover) === null || _b === void 0 ? void 0 : _b.color};
|
|
295
295
|
}
|
|
296
|
-
|
|
296
|
+
&:focus-visible {
|
|
297
|
+
outline: ${(_c = linkStyles === null || linkStyles === void 0 ? void 0 : linkStyles.focusVisible) === null || _c === void 0 ? void 0 : _c.outline};
|
|
298
|
+
outline-offset: ${(_d = linkStyles === null || linkStyles === void 0 ? void 0 : linkStyles.focusVisible) === null || _d === void 0 ? void 0 : _d.outlineOffset};
|
|
299
|
+
}
|
|
297
300
|
&:disabled {
|
|
298
301
|
pointer-events: none;
|
|
299
302
|
color: gray;
|
|
@@ -774,7 +777,6 @@ const NavLinks = styled.div `
|
|
|
774
777
|
text-align: right;
|
|
775
778
|
align-items: flex-end;
|
|
776
779
|
display: flex;
|
|
777
|
-
|
|
778
780
|
width: 100%;
|
|
779
781
|
|
|
780
782
|
overflow: hidden;
|
|
@@ -795,11 +797,13 @@ const NavLinks = styled.div `
|
|
|
795
797
|
const { largeMobileUp } = theme.media;
|
|
796
798
|
return css `
|
|
797
799
|
gap: ${(_g = (_f = (_e = theme === null || theme === void 0 ? void 0 : theme.navigation) === null || _e === void 0 ? void 0 : _e[moleculeVariant]) === null || _f === void 0 ? void 0 : _f.navLinks) === null || _g === void 0 ? void 0 : _g.mobileGap};
|
|
800
|
+
padding: 10px 10px 10px 0;
|
|
798
801
|
${largeMobileUp} {
|
|
799
802
|
max-height: none;
|
|
800
803
|
opacity: 1;
|
|
801
804
|
transform: none;
|
|
802
805
|
margin: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.margin};
|
|
806
|
+
padding: 10px;
|
|
803
807
|
display: flex;
|
|
804
808
|
flex-direction: row;
|
|
805
809
|
gap: ${thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap};
|