@amsterdam/design-system-react 1.0.0 → 1.1.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/README.md +0 -13
- package/dist/Logo/Logo.js +28 -9
- package/dist/Logo/brand/LogoAmsterdam.js +1 -1
- package/dist/Logo/brand/LogoGgdAmsterdam.js +1 -1
- package/dist/Logo/brand/LogoMuseumWeesp.js +1 -1
- package/dist/Logo/brand/LogoStadsarchief.js +1 -1
- package/dist/Logo/brand/LogoStadsbankVanLening.js +1 -1
- package/dist/Logo/brand/LogoVgaVerzekeringen.js +1 -1
- package/dist/PageHeader/PageHeader.d.ts +4 -0
- package/dist/PageHeader/PageHeader.js +3 -3
- package/dist/PageHeader/PageHeader.test.js +7 -2
- package/dist/index.cjs.js +46 -21
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.esm.js +46 -21
- package/dist/index.esm.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +8 -8
package/dist/index.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.d.ts
CHANGED
|
@@ -937,6 +937,8 @@ type PageFooterSpotlightProps = PropsWithChildren<HTMLAttributes<HTMLDivElement>
|
|
|
937
937
|
type PageHeaderProps = {
|
|
938
938
|
/** The name of the application. */
|
|
939
939
|
brandName?: string;
|
|
940
|
+
/** The accessible name of the logo. */
|
|
941
|
+
logoAccessibleName?: string;
|
|
940
942
|
/** The name of the brand for which to display the logo. */
|
|
941
943
|
logoBrand?: LogoBrand;
|
|
942
944
|
/** The url for the link on the logo. */
|
|
@@ -960,6 +962,8 @@ type PageHeaderProps = {
|
|
|
960
962
|
declare const PageHeader: react.ForwardRefExoticComponent<{
|
|
961
963
|
/** The name of the application. */
|
|
962
964
|
brandName?: string;
|
|
965
|
+
/** The accessible name of the logo. */
|
|
966
|
+
logoAccessibleName?: string;
|
|
963
967
|
/** The name of the brand for which to display the logo. */
|
|
964
968
|
logoBrand?: LogoBrand;
|
|
965
969
|
/** The url for the link on the logo. */
|
package/dist/index.esm.js
CHANGED
|
@@ -1867,10 +1867,10 @@ function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
1867
1867
|
function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1868
1868
|
var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1869
1869
|
return jsxs("svg", _objectSpread$S(_objectSpread$S({
|
|
1870
|
-
"aria-hidden": "true",
|
|
1871
1870
|
className: "ams-logo",
|
|
1872
1871
|
focusable: "false",
|
|
1873
1872
|
ref: ref,
|
|
1873
|
+
role: "img",
|
|
1874
1874
|
viewBox: "0 0 115 40",
|
|
1875
1875
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1876
1876
|
}, props), {}, {
|
|
@@ -1891,10 +1891,10 @@ function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
1891
1891
|
function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1892
1892
|
var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1893
1893
|
return jsxs("svg", _objectSpread$R(_objectSpread$R({
|
|
1894
|
-
"aria-hidden": "true",
|
|
1895
1894
|
className: "ams-logo",
|
|
1896
1895
|
focusable: "false",
|
|
1897
1896
|
ref: ref,
|
|
1897
|
+
role: "img",
|
|
1898
1898
|
viewBox: "0 0 115 40",
|
|
1899
1899
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1900
1900
|
}, props), {}, {
|
|
@@ -1919,11 +1919,11 @@ function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
1919
1919
|
function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1920
1920
|
var LogoMuseumWeesp = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1921
1921
|
return jsxs("svg", _objectSpread$Q(_objectSpread$Q({
|
|
1922
|
-
"aria-hidden": "true",
|
|
1923
1922
|
className: "ams-logo",
|
|
1924
1923
|
fill: "none",
|
|
1925
1924
|
focusable: "false",
|
|
1926
1925
|
ref: ref,
|
|
1926
|
+
role: "img",
|
|
1927
1927
|
viewBox: "0 0 121 42",
|
|
1928
1928
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1929
1929
|
}, props), {}, {
|
|
@@ -1956,10 +1956,10 @@ function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
1956
1956
|
function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1957
1957
|
var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1958
1958
|
return jsxs("svg", _objectSpread$P(_objectSpread$P({
|
|
1959
|
-
"aria-hidden": "true",
|
|
1960
1959
|
className: "ams-logo",
|
|
1961
1960
|
focusable: "false",
|
|
1962
1961
|
ref: ref,
|
|
1962
|
+
role: "img",
|
|
1963
1963
|
viewBox: "0 0 98 40",
|
|
1964
1964
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1965
1965
|
}, props), {}, {
|
|
@@ -1984,10 +1984,10 @@ function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
1984
1984
|
function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1985
1985
|
var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
1986
1986
|
return jsxs("svg", _objectSpread$O(_objectSpread$O({
|
|
1987
|
-
"aria-hidden": "true",
|
|
1988
1987
|
className: "ams-logo",
|
|
1989
1988
|
focusable: "false",
|
|
1990
1989
|
ref: ref,
|
|
1990
|
+
role: "img",
|
|
1991
1991
|
viewBox: "0 0 159 42",
|
|
1992
1992
|
xmlns: "http://www.w3.org/2000/svg"
|
|
1993
1993
|
}, props), {}, {
|
|
@@ -2012,10 +2012,10 @@ function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymb
|
|
|
2012
2012
|
function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2013
2013
|
var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
2014
2014
|
return jsxs("svg", _objectSpread$N(_objectSpread$N({
|
|
2015
|
-
"aria-hidden": "true",
|
|
2016
2015
|
className: "ams-logo",
|
|
2017
2016
|
focusable: "false",
|
|
2018
2017
|
ref: ref,
|
|
2018
|
+
role: "img",
|
|
2019
2019
|
viewBox: "0 0 145 43",
|
|
2020
2020
|
xmlns: "http://www.w3.org/2000/svg"
|
|
2021
2021
|
}, props), {}, {
|
|
@@ -2036,27 +2036,48 @@ var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
2036
2036
|
});
|
|
2037
2037
|
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
2038
2038
|
|
|
2039
|
-
var _excluded$K = ["brand", "className"];
|
|
2039
|
+
var _excluded$K = ["aria-label", "brand", "className"];
|
|
2040
2040
|
function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2041
2041
|
function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2042
2042
|
var logoConfig = {
|
|
2043
|
-
amsterdam:
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
'
|
|
2048
|
-
|
|
2043
|
+
amsterdam: {
|
|
2044
|
+
label: 'Gemeente Amsterdam logo',
|
|
2045
|
+
logo: LogoAmsterdam
|
|
2046
|
+
},
|
|
2047
|
+
'ggd-amsterdam': {
|
|
2048
|
+
label: 'GGD Amsterdam logo',
|
|
2049
|
+
logo: LogoGgdAmsterdam
|
|
2050
|
+
},
|
|
2051
|
+
'museum-weesp': {
|
|
2052
|
+
label: 'Gemeente Amsterdam Museum Weesp logo',
|
|
2053
|
+
logo: LogoMuseumWeesp
|
|
2054
|
+
},
|
|
2055
|
+
stadsarchief: {
|
|
2056
|
+
label: 'Gemeente Amsterdam Stadsarchief logo',
|
|
2057
|
+
logo: LogoStadsarchief
|
|
2058
|
+
},
|
|
2059
|
+
'stadsbank-van-lening': {
|
|
2060
|
+
label: 'Gemeente Amsterdam Stadsbank van Lening logo',
|
|
2061
|
+
logo: LogoStadsbankVanLening
|
|
2062
|
+
},
|
|
2063
|
+
'vga-verzekeringen': {
|
|
2064
|
+
label: 'Gemeente Amsterdam VGA Verzekeringen logo',
|
|
2065
|
+
logo: LogoVgaVerzekeringen
|
|
2066
|
+
}
|
|
2049
2067
|
};
|
|
2050
2068
|
/**
|
|
2051
2069
|
* @see {@link https://designsystem.amsterdam/?path=/docs/components-media-logo--docs Logo docs at Amsterdam Design System}
|
|
2052
2070
|
*/
|
|
2053
2071
|
var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
2054
|
-
var
|
|
2072
|
+
var ariaLabel = _ref['aria-label'],
|
|
2073
|
+
_ref$brand = _ref.brand,
|
|
2055
2074
|
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
2056
2075
|
className = _ref.className,
|
|
2057
2076
|
restProps = _objectWithoutProperties(_ref, _excluded$K);
|
|
2058
|
-
var LogoComponent = logoConfig[brand];
|
|
2077
|
+
var LogoComponent = logoConfig[brand].logo;
|
|
2078
|
+
var logoLabel = logoConfig[brand].label;
|
|
2059
2079
|
return jsx(LogoComponent, _objectSpread$M(_objectSpread$M({}, restProps), {}, {
|
|
2080
|
+
"aria-label": ariaLabel || logoLabel,
|
|
2060
2081
|
className: clsx('ams-logo', className),
|
|
2061
2082
|
ref: ref
|
|
2062
2083
|
}));
|
|
@@ -2325,16 +2346,18 @@ var useIsAfterBreakpoint = function useIsAfterBreakpoint(breakpoint) {
|
|
|
2325
2346
|
return matches;
|
|
2326
2347
|
};
|
|
2327
2348
|
|
|
2328
|
-
var _excluded$y = ["brandName", "children", "className", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
2349
|
+
var _excluded$y = ["brandName", "children", "className", "logoAccessibleName", "logoBrand", "logoLink", "logoLinkComponent", "logoLinkTitle", "menuButtonText", "menuItems", "navigationLabel", "noMenuButtonOnWideWindow"];
|
|
2329
2350
|
function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2330
2351
|
function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2331
2352
|
var LogoLinkContent = function LogoLinkContent(_ref) {
|
|
2332
2353
|
var brandName = _ref.brandName,
|
|
2354
|
+
logoAccessibleName = _ref.logoAccessibleName,
|
|
2333
2355
|
logoBrand = _ref.logoBrand;
|
|
2334
2356
|
return jsxs(Fragment, {
|
|
2335
2357
|
children: [jsx("span", {
|
|
2336
2358
|
className: clsx(logoBrand === 'amsterdam' && Boolean(brandName) && 'ams-page-header__logo-container'),
|
|
2337
2359
|
children: jsx(Logo, {
|
|
2360
|
+
"aria-label": logoAccessibleName,
|
|
2338
2361
|
brand: logoBrand
|
|
2339
2362
|
})
|
|
2340
2363
|
}), brandName && jsx("span", {
|
|
@@ -2348,6 +2371,7 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2348
2371
|
var brandName = _ref2.brandName,
|
|
2349
2372
|
children = _ref2.children,
|
|
2350
2373
|
className = _ref2.className,
|
|
2374
|
+
logoAccessibleName = _ref2.logoAccessibleName,
|
|
2351
2375
|
_ref2$logoBrand = _ref2.logoBrand,
|
|
2352
2376
|
logoBrand = _ref2$logoBrand === void 0 ? 'amsterdam' : _ref2$logoBrand,
|
|
2353
2377
|
_ref2$logoLink = _ref2.logoLink,
|
|
@@ -2357,7 +2381,7 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2357
2381
|
return jsx("a", _objectSpread$z({}, props));
|
|
2358
2382
|
} : _ref2$logoLinkCompone,
|
|
2359
2383
|
_ref2$logoLinkTitle = _ref2.logoLinkTitle,
|
|
2360
|
-
logoLinkTitle = _ref2$logoLinkTitle === void 0 ?
|
|
2384
|
+
logoLinkTitle = _ref2$logoLinkTitle === void 0 ? "Ga naar de homepage".concat(brandName ? " van ".concat(brandName) : '') : _ref2$logoLinkTitle,
|
|
2361
2385
|
_ref2$menuButtonText = _ref2.menuButtonText,
|
|
2362
2386
|
menuButtonText = _ref2$menuButtonText === void 0 ? 'Menu' : _ref2$menuButtonText,
|
|
2363
2387
|
menuItems = _ref2.menuItems,
|
|
@@ -2384,12 +2408,13 @@ var PageHeaderRoot = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
2384
2408
|
children: [jsxs(Link, {
|
|
2385
2409
|
className: "ams-page-header__logo-link",
|
|
2386
2410
|
href: logoLink,
|
|
2387
|
-
children: [jsx(
|
|
2388
|
-
className: "ams-visually-hidden",
|
|
2389
|
-
children: logoLinkTitle
|
|
2390
|
-
}), jsx(LogoLinkContent, {
|
|
2411
|
+
children: [jsx(LogoLinkContent, {
|
|
2391
2412
|
brandName: brandName,
|
|
2413
|
+
logoAccessibleName: logoAccessibleName,
|
|
2392
2414
|
logoBrand: logoBrand
|
|
2415
|
+
}), jsx("span", {
|
|
2416
|
+
className: "ams-visually-hidden",
|
|
2417
|
+
children: logoLinkTitle
|
|
2393
2418
|
})]
|
|
2394
2419
|
}), (hasMegaMenu || menuItems) && jsxs("nav", {
|
|
2395
2420
|
"aria-labelledby": "primary-navigation",
|
package/dist/index.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|