@amsterdam/design-system-react 0.2.0 → 0.3.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/dist/Accordion/Accordion.d.ts +3 -4
- package/dist/Breadcrumb/Breadcrumb.d.ts +2 -1
- package/dist/Card/Card.d.ts +1 -1
- package/dist/Footer/Footer.d.ts +2 -1
- package/dist/Grid/GridCell.d.ts +9 -13
- package/dist/Grid/index.d.ts +0 -1
- package/dist/Header/Header.d.ts +15 -0
- package/dist/Header/index.d.ts +2 -0
- package/dist/Heading/Heading.d.ts +2 -2
- package/dist/Icon/Icon.d.ts +1 -1
- package/dist/Image/Image.d.ts +2 -1
- package/dist/Image/index.d.ts +1 -2
- package/dist/Logo/Logo.d.ts +1 -2
- package/dist/Logo/index.d.ts +1 -1
- package/dist/Mark/Mark.d.ts +8 -0
- package/dist/Mark/Mark.test.d.ts +1 -0
- package/dist/Mark/index.d.ts +2 -0
- package/dist/Overlap/Overlap.d.ts +8 -0
- package/dist/Overlap/Overlap.test.d.ts +1 -0
- package/dist/Overlap/index.d.ts +1 -0
- package/dist/PageMenu/PageMenu.d.ts +1 -2
- package/dist/SearchField/SearchField.d.ts +14 -0
- package/dist/SearchField/SearchField.test.d.ts +1 -0
- package/dist/SearchField/SearchFieldButton.d.ts +9 -0
- package/dist/SearchField/SearchFieldInput.d.ts +10 -0
- package/dist/SearchField/SearchFieldInput.test.d.ts +1 -0
- package/dist/SearchField/index.d.ts +2 -0
- package/dist/SkipLink/SkipLink.d.ts +8 -0
- package/dist/SkipLink/SkipLink.test.d.ts +1 -0
- package/dist/SkipLink/index.d.ts +2 -0
- package/dist/{Highlight/Highlight.d.ts → Spotlight/Spotlight.d.ts} +2 -2
- package/dist/Spotlight/Spotlight.test.d.ts +1 -0
- package/dist/Spotlight/index.d.ts +2 -0
- package/dist/TextInput/TextInput.d.ts +8 -0
- package/dist/TextInput/TextInput.test.d.ts +1 -0
- package/dist/TextInput/index.d.ts +2 -0
- package/dist/index.cjs.js +369 -208
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +7 -1
- package/dist/index.esm.js +365 -209
- package/dist/index.esm.js.map +1 -1
- package/package.json +14 -16
- package/dist/Highlight/index.d.ts +0 -2
- /package/dist/{Highlight/Highlight.test.d.ts → Header/Header.test.d.ts} +0 -0
package/dist/index.esm.js
CHANGED
|
@@ -1,19 +1,83 @@
|
|
|
1
1
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
2
|
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import { jsxs,
|
|
3
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
4
4
|
import clsx from 'clsx';
|
|
5
|
-
import { forwardRef, useState, useMemo,
|
|
5
|
+
import { forwardRef, useId, useState, useMemo, useRef, useImperativeHandle, useEffect, createContext, useContext } from 'react';
|
|
6
|
+
import { SearchIcon, CloseIcon, ChevronLeftIcon, ChevronRightIcon, AlertIcon, CheckmarkIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
|
|
6
7
|
import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
7
8
|
import _extends from '@babel/runtime/helpers/extends';
|
|
8
|
-
import { CloseIcon, ChevronLeftIcon, ChevronRightIcon, AlertIcon, CheckmarkIcon, ChevronDownIcon } from '@amsterdam/design-system-react-icons';
|
|
9
9
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
10
10
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
11
11
|
import { Button as Button$1 } from '@utrecht/component-library-react';
|
|
12
12
|
|
|
13
|
-
|
|
14
|
-
function
|
|
13
|
+
var _excluded$A = ["children", "className"];
|
|
14
|
+
function ownKeys$F(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; }
|
|
15
|
+
function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
var SkipLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
17
|
+
var children = _ref.children,
|
|
18
|
+
className = _ref.className,
|
|
19
|
+
restProps = _objectWithoutProperties(_ref, _excluded$A);
|
|
20
|
+
return jsx("a", _objectSpread$F(_objectSpread$F({}, restProps), {}, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
className: clsx('amsterdam-skip-link', 'amsterdam-visually-hidden', className),
|
|
23
|
+
children: children
|
|
24
|
+
}));
|
|
25
|
+
});
|
|
26
|
+
SkipLink.displayName = 'SkipLink';
|
|
27
|
+
|
|
28
|
+
var _excluded$z = ["children", "className"];
|
|
29
|
+
function ownKeys$E(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; }
|
|
30
|
+
function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
31
|
+
var Overlap = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
32
|
+
var children = _ref.children,
|
|
33
|
+
className = _ref.className,
|
|
34
|
+
restProps = _objectWithoutProperties(_ref, _excluded$z);
|
|
35
|
+
return jsx("div", _objectSpread$E(_objectSpread$E({}, restProps), {}, {
|
|
36
|
+
ref: ref,
|
|
37
|
+
className: clsx('amsterdam-overlap', className),
|
|
38
|
+
children: children
|
|
39
|
+
}));
|
|
40
|
+
});
|
|
41
|
+
Overlap.displayName = 'Overlap';
|
|
42
|
+
|
|
43
|
+
var _excluded$y = ["children", "className", "inverseColor", "level", "size"];
|
|
44
|
+
function ownKeys$D(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; }
|
|
45
|
+
function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
46
|
+
function getHeadingElement(level) {
|
|
47
|
+
switch (level) {
|
|
48
|
+
case 2:
|
|
49
|
+
return 'h2';
|
|
50
|
+
case 3:
|
|
51
|
+
return 'h3';
|
|
52
|
+
case 4:
|
|
53
|
+
return 'h4';
|
|
54
|
+
default:
|
|
55
|
+
return 'h1';
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
59
|
+
var children = _ref.children,
|
|
60
|
+
className = _ref.className,
|
|
61
|
+
inverseColor = _ref.inverseColor,
|
|
62
|
+
_ref$level = _ref.level,
|
|
63
|
+
level = _ref$level === void 0 ? 1 : _ref$level,
|
|
64
|
+
size = _ref.size,
|
|
65
|
+
restProps = _objectWithoutProperties(_ref, _excluded$y);
|
|
66
|
+
var HeadingX = getHeadingElement(level);
|
|
67
|
+
var sizeOrLevel = size ? size.split('-')[1] : level;
|
|
68
|
+
return jsx(HeadingX, _objectSpread$D(_objectSpread$D({
|
|
69
|
+
ref: ref,
|
|
70
|
+
className: clsx('amsterdam-heading', "amsterdam-heading--".concat(sizeOrLevel), inverseColor && 'amsterdam-heading--inverse-color', className)
|
|
71
|
+
}, restProps), {}, {
|
|
72
|
+
children: children
|
|
73
|
+
}));
|
|
74
|
+
});
|
|
75
|
+
Heading.displayName = 'Heading';
|
|
76
|
+
|
|
77
|
+
function ownKeys$C(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; }
|
|
78
|
+
function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
79
|
var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
16
|
-
return jsxs("svg", _objectSpread$
|
|
80
|
+
return jsxs("svg", _objectSpread$C(_objectSpread$C({
|
|
17
81
|
className: "amsterdam-logo",
|
|
18
82
|
"aria-hidden": "true",
|
|
19
83
|
focusable: "false",
|
|
@@ -34,10 +98,10 @@ var LogoAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
34
98
|
});
|
|
35
99
|
LogoAmsterdam.displayName = 'LogoAmsterdam';
|
|
36
100
|
|
|
37
|
-
function ownKeys$
|
|
38
|
-
function _objectSpread$
|
|
101
|
+
function ownKeys$B(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; }
|
|
102
|
+
function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
39
103
|
var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
40
|
-
return jsxs("svg", _objectSpread$
|
|
104
|
+
return jsxs("svg", _objectSpread$B(_objectSpread$B({
|
|
41
105
|
className: "amsterdam-logo",
|
|
42
106
|
"aria-hidden": "true",
|
|
43
107
|
focusable: "false",
|
|
@@ -62,10 +126,10 @@ var LogoGgdAmsterdam = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
62
126
|
});
|
|
63
127
|
LogoGgdAmsterdam.displayName = 'LogoGgdAmsterdam';
|
|
64
128
|
|
|
65
|
-
function ownKeys$
|
|
66
|
-
function _objectSpread$
|
|
129
|
+
function ownKeys$A(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; }
|
|
130
|
+
function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
67
131
|
var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
68
|
-
return jsxs("svg", _objectSpread$
|
|
132
|
+
return jsxs("svg", _objectSpread$A(_objectSpread$A({
|
|
69
133
|
className: "amsterdam-logo",
|
|
70
134
|
"aria-hidden": "true",
|
|
71
135
|
focusable: "false",
|
|
@@ -90,10 +154,10 @@ var LogoStadsarchief = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
90
154
|
});
|
|
91
155
|
LogoStadsarchief.displayName = 'LogoStadsarchief';
|
|
92
156
|
|
|
93
|
-
function ownKeys$
|
|
94
|
-
function _objectSpread$
|
|
157
|
+
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; }
|
|
158
|
+
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), !0).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; }
|
|
95
159
|
var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
96
|
-
return jsxs("svg", _objectSpread$
|
|
160
|
+
return jsxs("svg", _objectSpread$z(_objectSpread$z({
|
|
97
161
|
className: "amsterdam-logo",
|
|
98
162
|
"aria-hidden": "true",
|
|
99
163
|
focusable: "false",
|
|
@@ -118,10 +182,10 @@ var LogoStadsbankVanLening = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
118
182
|
});
|
|
119
183
|
LogoStadsbankVanLening.displayName = 'LogoStadsbankVanLening';
|
|
120
184
|
|
|
121
|
-
function ownKeys$
|
|
122
|
-
function _objectSpread$
|
|
185
|
+
function ownKeys$y(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; }
|
|
186
|
+
function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
123
187
|
var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
124
|
-
return jsxs("svg", _objectSpread$
|
|
188
|
+
return jsxs("svg", _objectSpread$y(_objectSpread$y({
|
|
125
189
|
className: "amsterdam-logo",
|
|
126
190
|
"aria-hidden": "true",
|
|
127
191
|
focusable: "false",
|
|
@@ -146,9 +210,9 @@ var LogoVgaVerzekeringen = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
146
210
|
});
|
|
147
211
|
LogoVgaVerzekeringen.displayName = 'LogoVgaVerzekeringen';
|
|
148
212
|
|
|
149
|
-
var _excluded$
|
|
150
|
-
function ownKeys$
|
|
151
|
-
function _objectSpread$
|
|
213
|
+
var _excluded$x = ["brand", "className"];
|
|
214
|
+
function ownKeys$x(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; }
|
|
215
|
+
function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
152
216
|
var logoConfig = {
|
|
153
217
|
amsterdam: LogoAmsterdam,
|
|
154
218
|
'ggd-amsterdam': LogoGgdAmsterdam,
|
|
@@ -160,55 +224,200 @@ var Logo = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
160
224
|
var _ref$brand = _ref.brand,
|
|
161
225
|
brand = _ref$brand === void 0 ? 'amsterdam' : _ref$brand,
|
|
162
226
|
className = _ref.className,
|
|
163
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
227
|
+
restProps = _objectWithoutProperties(_ref, _excluded$x);
|
|
164
228
|
var LogoComponent = logoConfig[brand];
|
|
165
|
-
return jsx(LogoComponent, _objectSpread$
|
|
229
|
+
return jsx(LogoComponent, _objectSpread$x(_objectSpread$x({}, restProps), {}, {
|
|
166
230
|
ref: ref,
|
|
167
231
|
className: clsx('amsterdam-logo', className)
|
|
168
232
|
}));
|
|
169
233
|
});
|
|
170
234
|
Logo.displayName = 'Logo';
|
|
171
235
|
|
|
172
|
-
var _excluded$
|
|
173
|
-
function ownKeys$
|
|
174
|
-
function _objectSpread$
|
|
236
|
+
var _excluded$w = ["children", "className"];
|
|
237
|
+
function ownKeys$w(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; }
|
|
238
|
+
function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
239
|
+
var VisuallyHidden = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
240
|
+
var children = _ref.children,
|
|
241
|
+
className = _ref.className,
|
|
242
|
+
restProps = _objectWithoutProperties(_ref, _excluded$w);
|
|
243
|
+
return jsx("div", _objectSpread$w(_objectSpread$w({}, restProps), {}, {
|
|
244
|
+
ref: ref,
|
|
245
|
+
className: clsx('amsterdam-visually-hidden', className),
|
|
246
|
+
children: children
|
|
247
|
+
}));
|
|
248
|
+
});
|
|
249
|
+
VisuallyHidden.displayName = 'VisuallyHidden';
|
|
250
|
+
|
|
251
|
+
var _excluded$v = ["className", "logoBrand", "logoLink", "logoLinkTitle", "title", "links", "menu"];
|
|
252
|
+
function ownKeys$v(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; }
|
|
253
|
+
function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
254
|
+
var Header = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
255
|
+
var className = _ref.className,
|
|
256
|
+
_ref$logoBrand = _ref.logoBrand,
|
|
257
|
+
logoBrand = _ref$logoBrand === void 0 ? 'amsterdam' : _ref$logoBrand,
|
|
258
|
+
_ref$logoLink = _ref.logoLink,
|
|
259
|
+
logoLink = _ref$logoLink === void 0 ? '/' : _ref$logoLink,
|
|
260
|
+
_ref$logoLinkTitle = _ref.logoLinkTitle,
|
|
261
|
+
logoLinkTitle = _ref$logoLinkTitle === void 0 ? 'Ga naar de homepage' : _ref$logoLinkTitle,
|
|
262
|
+
title = _ref.title,
|
|
263
|
+
links = _ref.links,
|
|
264
|
+
menu = _ref.menu,
|
|
265
|
+
restProps = _objectWithoutProperties(_ref, _excluded$v);
|
|
266
|
+
return jsx(Fragment, {
|
|
267
|
+
children: jsxs("header", _objectSpread$v(_objectSpread$v({}, restProps), {}, {
|
|
268
|
+
ref: ref,
|
|
269
|
+
className: clsx('amsterdam-header', className),
|
|
270
|
+
children: [jsxs("a", {
|
|
271
|
+
href: logoLink,
|
|
272
|
+
className: "amsterdam-header__logo",
|
|
273
|
+
children: [jsx(VisuallyHidden, {
|
|
274
|
+
children: logoLinkTitle
|
|
275
|
+
}), jsx(Logo, {
|
|
276
|
+
brand: logoBrand
|
|
277
|
+
})]
|
|
278
|
+
}), links && jsx("div", {
|
|
279
|
+
className: "amsterdam-header__links",
|
|
280
|
+
children: links
|
|
281
|
+
}), menu && jsx("div", {
|
|
282
|
+
className: "amsterdam-header__menu",
|
|
283
|
+
children: menu
|
|
284
|
+
}), title && jsx("div", {
|
|
285
|
+
className: "amsterdam-header__title",
|
|
286
|
+
children: jsx(Heading, {
|
|
287
|
+
level: 1,
|
|
288
|
+
size: "level-3",
|
|
289
|
+
className: "amsterdam-header__title-heading",
|
|
290
|
+
children: title
|
|
291
|
+
})
|
|
292
|
+
})]
|
|
293
|
+
}))
|
|
294
|
+
});
|
|
295
|
+
});
|
|
296
|
+
Header.displayName = 'Header';
|
|
297
|
+
|
|
298
|
+
var _excluded$u = ["children", "className"];
|
|
299
|
+
function ownKeys$u(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; }
|
|
300
|
+
function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
301
|
+
var Mark = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
302
|
+
var children = _ref.children,
|
|
303
|
+
className = _ref.className,
|
|
304
|
+
restProps = _objectWithoutProperties(_ref, _excluded$u);
|
|
305
|
+
return jsx("mark", _objectSpread$u(_objectSpread$u({}, restProps), {}, {
|
|
306
|
+
ref: ref,
|
|
307
|
+
className: clsx('amsterdam-mark', className),
|
|
308
|
+
children: children
|
|
309
|
+
}));
|
|
310
|
+
});
|
|
311
|
+
Mark.displayName = 'Mark';
|
|
312
|
+
|
|
313
|
+
var _excluded$t = ["className"];
|
|
314
|
+
function ownKeys$t(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; }
|
|
315
|
+
function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
316
|
+
var TextInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
317
|
+
var className = _ref.className,
|
|
318
|
+
restProps = _objectWithoutProperties(_ref, _excluded$t);
|
|
319
|
+
return jsx("input", _objectSpread$t(_objectSpread$t({}, restProps), {}, {
|
|
320
|
+
className: clsx('amsterdam-text-input', className),
|
|
321
|
+
ref: ref,
|
|
322
|
+
type: "text"
|
|
323
|
+
}));
|
|
324
|
+
});
|
|
325
|
+
TextInput.displayName = 'TextInput';
|
|
326
|
+
|
|
327
|
+
var _excluded$s = ["className", "size", "svg"];
|
|
328
|
+
function ownKeys$s(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; }
|
|
329
|
+
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), !0).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; }
|
|
175
330
|
var Icon = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
176
331
|
var className = _ref.className,
|
|
177
332
|
_ref$size = _ref.size,
|
|
178
333
|
size = _ref$size === void 0 ? 'level-3' : _ref$size,
|
|
179
334
|
svg = _ref.svg,
|
|
180
|
-
otherProps = _objectWithoutProperties(_ref, _excluded$
|
|
181
|
-
return jsx("span", _objectSpread$
|
|
335
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$s);
|
|
336
|
+
return jsx("span", _objectSpread$s(_objectSpread$s({
|
|
182
337
|
ref: ref,
|
|
183
|
-
className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6',
|
|
338
|
+
className: clsx('amsterdam-icon', size === 'level-3' && 'amsterdam-icon--size-3', size === 'level-4' && 'amsterdam-icon--size-4', size === 'level-5' && 'amsterdam-icon--size-5', size === 'level-6' && 'amsterdam-icon--size-6', className)
|
|
184
339
|
}, otherProps), {}, {
|
|
185
340
|
children: svg()
|
|
186
341
|
}));
|
|
187
342
|
});
|
|
188
343
|
Icon.displayName = 'Icon';
|
|
189
344
|
|
|
190
|
-
var _excluded$
|
|
345
|
+
var _excluded$r = ["className"];
|
|
346
|
+
function ownKeys$r(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; }
|
|
347
|
+
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), !0).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; }
|
|
348
|
+
// TODO: replace this with IconButton when that's done
|
|
349
|
+
var SearchFieldButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
350
|
+
var className = _ref.className,
|
|
351
|
+
restProps = _objectWithoutProperties(_ref, _excluded$r);
|
|
352
|
+
return jsxs("button", _objectSpread$r(_objectSpread$r({}, restProps), {}, {
|
|
353
|
+
ref: ref,
|
|
354
|
+
className: clsx('amsterdam-search-field__button', className),
|
|
355
|
+
children: [jsx(VisuallyHidden, {
|
|
356
|
+
children: "Zoeken"
|
|
357
|
+
}), jsx(Icon, {
|
|
358
|
+
svg: SearchIcon,
|
|
359
|
+
size: "level-6"
|
|
360
|
+
})]
|
|
361
|
+
}));
|
|
362
|
+
});
|
|
363
|
+
SearchFieldButton.displayName = 'SearchFieldButton';
|
|
364
|
+
|
|
365
|
+
var _excluded$q = ["className", "label"];
|
|
191
366
|
function ownKeys$q(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; }
|
|
192
367
|
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), !0).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; }
|
|
193
|
-
var
|
|
368
|
+
var SearchFieldInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
369
|
+
var className = _ref.className,
|
|
370
|
+
_ref$label = _ref.label,
|
|
371
|
+
label = _ref$label === void 0 ? 'Zoeken' : _ref$label,
|
|
372
|
+
restProps = _objectWithoutProperties(_ref, _excluded$q);
|
|
373
|
+
var id = useId();
|
|
374
|
+
return jsxs(Fragment, {
|
|
375
|
+
children: [jsx("label", {
|
|
376
|
+
htmlFor: id,
|
|
377
|
+
children: jsx(VisuallyHidden, {
|
|
378
|
+
children: label
|
|
379
|
+
})
|
|
380
|
+
}), jsx("input", _objectSpread$q(_objectSpread$q({}, restProps), {}, {
|
|
381
|
+
autoComplete: "off",
|
|
382
|
+
className: clsx('amsterdam-search-field__input', className),
|
|
383
|
+
enterKeyHint: "search",
|
|
384
|
+
id: id,
|
|
385
|
+
ref: ref,
|
|
386
|
+
spellCheck: "false",
|
|
387
|
+
type: "search"
|
|
388
|
+
}))]
|
|
389
|
+
});
|
|
390
|
+
});
|
|
391
|
+
SearchFieldInput.displayName = 'SearchFieldInput';
|
|
392
|
+
|
|
393
|
+
var _excluded$p = ["children", "className"];
|
|
394
|
+
function ownKeys$p(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; }
|
|
395
|
+
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), !0).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; }
|
|
396
|
+
var SearchField = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
194
397
|
var children = _ref.children,
|
|
195
398
|
className = _ref.className,
|
|
196
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
197
|
-
return jsx("
|
|
399
|
+
restProps = _objectWithoutProperties(_ref, _excluded$p);
|
|
400
|
+
return jsx("form", _objectSpread$p(_objectSpread$p({
|
|
401
|
+
role: "search"
|
|
402
|
+
}, restProps), {}, {
|
|
198
403
|
ref: ref,
|
|
199
|
-
className: clsx('amsterdam-
|
|
404
|
+
className: clsx('amsterdam-search-field', className),
|
|
200
405
|
children: children
|
|
201
406
|
}));
|
|
202
407
|
});
|
|
203
|
-
|
|
408
|
+
SearchField.Input = SearchFieldInput;
|
|
409
|
+
SearchField.Button = SearchFieldButton;
|
|
410
|
+
SearchField.displayName = 'SearchField';
|
|
411
|
+
SearchField.Input.displayName = 'SearchField.Input';
|
|
412
|
+
SearchField.Button.displayName = 'SearchField.Button';
|
|
204
413
|
|
|
205
|
-
var _excluded$
|
|
206
|
-
function ownKeys$
|
|
207
|
-
function _objectSpread$
|
|
414
|
+
var _excluded$o = ["children", "className", "title", "actions"];
|
|
415
|
+
function ownKeys$o(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; }
|
|
416
|
+
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), !0).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; }
|
|
208
417
|
// TODO: Replace with ActionButton
|
|
209
418
|
var DialogClose = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
210
419
|
var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
|
|
211
|
-
return jsxs("button", _objectSpread$
|
|
420
|
+
return jsxs("button", _objectSpread$o(_objectSpread$o({
|
|
212
421
|
ref: ref,
|
|
213
422
|
className: "amsterdam-dialog__close",
|
|
214
423
|
formNoValidate: true
|
|
@@ -226,8 +435,8 @@ var Dialog = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
226
435
|
className = _ref2.className,
|
|
227
436
|
title = _ref2.title,
|
|
228
437
|
actions = _ref2.actions,
|
|
229
|
-
restProps = _objectWithoutProperties(_ref2, _excluded$
|
|
230
|
-
return jsx("dialog", _objectSpread$
|
|
438
|
+
restProps = _objectWithoutProperties(_ref2, _excluded$o);
|
|
439
|
+
return jsx("dialog", _objectSpread$o(_objectSpread$o({}, restProps), {}, {
|
|
231
440
|
ref: ref,
|
|
232
441
|
className: clsx('amsterdam-dialog', className),
|
|
233
442
|
children: jsxs("form", {
|
|
@@ -252,22 +461,24 @@ var Dialog = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
252
461
|
Dialog.displayName = 'Dialog';
|
|
253
462
|
DialogClose.displayName = 'DialogClose';
|
|
254
463
|
|
|
255
|
-
var _excluded$
|
|
256
|
-
function ownKeys$
|
|
257
|
-
function _objectSpread$
|
|
464
|
+
var _excluded$n = ["className", "cover"];
|
|
465
|
+
function ownKeys$n(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; }
|
|
466
|
+
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), !0).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; }
|
|
258
467
|
var Image = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
259
468
|
var className = _ref.className,
|
|
260
|
-
|
|
261
|
-
|
|
469
|
+
_ref$cover = _ref.cover,
|
|
470
|
+
cover = _ref$cover === void 0 ? false : _ref$cover,
|
|
471
|
+
restProps = _objectWithoutProperties(_ref, _excluded$n);
|
|
472
|
+
return jsx("img", _objectSpread$n(_objectSpread$n({}, restProps), {}, {
|
|
262
473
|
ref: ref,
|
|
263
|
-
className: clsx('amsterdam-image', className)
|
|
474
|
+
className: clsx('amsterdam-image', cover && 'amsterdam-image--cover', className)
|
|
264
475
|
}));
|
|
265
476
|
});
|
|
266
477
|
Image.displayName = 'Image';
|
|
267
478
|
|
|
268
|
-
var _excluded$
|
|
269
|
-
function ownKeys$
|
|
270
|
-
function _objectSpread$
|
|
479
|
+
var _excluded$m = ["className", "maxVisiblePages", "onPageChange", "page", "totalPages"];
|
|
480
|
+
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; }
|
|
481
|
+
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), !0).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; }
|
|
271
482
|
/**
|
|
272
483
|
* This returns an array of the range, including spacers
|
|
273
484
|
*
|
|
@@ -321,7 +532,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
321
532
|
_ref$page = _ref.page,
|
|
322
533
|
page = _ref$page === void 0 ? 1 : _ref$page,
|
|
323
534
|
totalPages = _ref.totalPages,
|
|
324
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
535
|
+
restProps = _objectWithoutProperties(_ref, _excluded$m);
|
|
325
536
|
var _useState = useState(page),
|
|
326
537
|
_useState2 = _slicedToArray(_useState, 2),
|
|
327
538
|
currentPage = _useState2[0],
|
|
@@ -346,7 +557,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
346
557
|
if (totalPages <= 1) {
|
|
347
558
|
return null;
|
|
348
559
|
}
|
|
349
|
-
return jsx("nav", _objectSpread$
|
|
560
|
+
return jsx("nav", _objectSpread$m(_objectSpread$m({}, restProps), {}, {
|
|
350
561
|
className: clsx('amsterdam-pagination', className),
|
|
351
562
|
ref: ref,
|
|
352
563
|
"aria-label": "Paginering",
|
|
@@ -361,7 +572,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
361
572
|
type: "button",
|
|
362
573
|
children: [jsx(Icon, {
|
|
363
574
|
svg: ChevronLeftIcon,
|
|
364
|
-
size: "level-
|
|
575
|
+
size: "level-5"
|
|
365
576
|
}), "vorige"]
|
|
366
577
|
})
|
|
367
578
|
}), range.map(function (pageNumberOrSpacer) {
|
|
@@ -391,7 +602,7 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
391
602
|
type: "button",
|
|
392
603
|
children: ["volgende", jsx(Icon, {
|
|
393
604
|
svg: ChevronRightIcon,
|
|
394
|
-
size: "level-
|
|
605
|
+
size: "level-5"
|
|
395
606
|
})]
|
|
396
607
|
})
|
|
397
608
|
})]
|
|
@@ -400,16 +611,16 @@ var Pagination = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
400
611
|
});
|
|
401
612
|
Pagination.displayName = 'Pagination';
|
|
402
613
|
|
|
403
|
-
var _excluded$
|
|
404
|
-
function ownKeys$
|
|
405
|
-
function _objectSpread$
|
|
614
|
+
var _excluded$l = ["children", "className", "maxWidth"];
|
|
615
|
+
function ownKeys$l(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; }
|
|
616
|
+
function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
406
617
|
var Screen = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
407
618
|
var children = _ref.children,
|
|
408
619
|
className = _ref.className,
|
|
409
620
|
_ref$maxWidth = _ref.maxWidth,
|
|
410
621
|
maxWidth = _ref$maxWidth === void 0 ? 'wide' : _ref$maxWidth,
|
|
411
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
412
|
-
return jsx("div", _objectSpread$
|
|
622
|
+
restProps = _objectWithoutProperties(_ref, _excluded$l);
|
|
623
|
+
return jsx("div", _objectSpread$l(_objectSpread$l({}, restProps), {}, {
|
|
413
624
|
ref: ref,
|
|
414
625
|
className: clsx('amsterdam-screen', "amsterdam-screen--".concat(maxWidth), className),
|
|
415
626
|
children: children
|
|
@@ -417,17 +628,17 @@ var Screen = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
417
628
|
});
|
|
418
629
|
Screen.displayName = 'Screen';
|
|
419
630
|
|
|
420
|
-
var _excluded$
|
|
421
|
-
function ownKeys$
|
|
422
|
-
function _objectSpread$
|
|
631
|
+
var _excluded$k = ["className", "id"];
|
|
632
|
+
function ownKeys$k(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; }
|
|
633
|
+
function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
423
634
|
var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
424
635
|
var className = _ref.className,
|
|
425
636
|
id = _ref.id,
|
|
426
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
637
|
+
restProps = _objectWithoutProperties(_ref, _excluded$k);
|
|
427
638
|
var inputId = id || useId();
|
|
428
639
|
return jsxs("div", {
|
|
429
640
|
className: clsx('amsterdam-switch', className),
|
|
430
|
-
children: [jsx("input", _objectSpread$
|
|
641
|
+
children: [jsx("input", _objectSpread$k(_objectSpread$k({}, restProps), {}, {
|
|
431
642
|
className: "amsterdam-switch__input",
|
|
432
643
|
id: inputId,
|
|
433
644
|
ref: ref,
|
|
@@ -441,36 +652,35 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
441
652
|
});
|
|
442
653
|
Switch.displayName = 'Switch';
|
|
443
654
|
|
|
444
|
-
var _excluded$
|
|
445
|
-
function ownKeys$
|
|
446
|
-
function _objectSpread$
|
|
447
|
-
var
|
|
655
|
+
var _excluded$j = ["children", "className", "as", "color"];
|
|
656
|
+
function ownKeys$j(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; }
|
|
657
|
+
function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
658
|
+
var Spotlight = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
448
659
|
var children = _ref.children,
|
|
449
660
|
className = _ref.className,
|
|
450
661
|
_ref$as = _ref.as,
|
|
451
|
-
|
|
662
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
452
663
|
_ref$color = _ref.color,
|
|
453
664
|
color = _ref$color === void 0 ? 'blue' : _ref$color,
|
|
454
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
455
|
-
|
|
456
|
-
return jsx(Component, _objectSpread$k(_objectSpread$k({}, restProps), {}, {
|
|
665
|
+
restProps = _objectWithoutProperties(_ref, _excluded$j);
|
|
666
|
+
return jsx(Tag, _objectSpread$j(_objectSpread$j({}, restProps), {}, {
|
|
457
667
|
ref: ref,
|
|
458
|
-
className: clsx('amsterdam-
|
|
668
|
+
className: clsx('amsterdam-spotlight', "amsterdam-spotlight--".concat(color), className),
|
|
459
669
|
children: children
|
|
460
670
|
}));
|
|
461
671
|
});
|
|
462
|
-
|
|
672
|
+
Spotlight.displayName = 'Spotlight';
|
|
463
673
|
|
|
464
|
-
var _excluded$
|
|
465
|
-
function ownKeys$
|
|
466
|
-
function _objectSpread$
|
|
674
|
+
var _excluded$i = ["children", "className", "inverseColor", "size"];
|
|
675
|
+
function ownKeys$i(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; }
|
|
676
|
+
function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
467
677
|
var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
468
678
|
var children = _ref.children,
|
|
469
679
|
className = _ref.className,
|
|
470
680
|
inverseColor = _ref.inverseColor,
|
|
471
681
|
size = _ref.size,
|
|
472
|
-
otherProps = _objectWithoutProperties(_ref, _excluded$
|
|
473
|
-
return jsx("p", _objectSpread$
|
|
682
|
+
otherProps = _objectWithoutProperties(_ref, _excluded$i);
|
|
683
|
+
return jsx("p", _objectSpread$i(_objectSpread$i({
|
|
474
684
|
ref: ref,
|
|
475
685
|
className: clsx('amsterdam-paragraph', size && "amsterdam-paragraph--".concat(size), inverseColor && 'amsterdam-paragraph--inverse-color', className)
|
|
476
686
|
}, otherProps), {}, {
|
|
@@ -479,17 +689,17 @@ var Paragraph = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
479
689
|
});
|
|
480
690
|
Paragraph.displayName = 'Paragraph';
|
|
481
691
|
|
|
482
|
-
var _excluded$
|
|
692
|
+
var _excluded$h = ["children", "className", "tagline"],
|
|
483
693
|
_excluded2$6 = ["children", "className"],
|
|
484
|
-
_excluded3$
|
|
485
|
-
function ownKeys$
|
|
486
|
-
function _objectSpread$
|
|
694
|
+
_excluded3$1 = ["children", "className"];
|
|
695
|
+
function ownKeys$h(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; }
|
|
696
|
+
function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
487
697
|
var CardHeadingGroup = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
488
698
|
var children = _ref.children,
|
|
489
699
|
className = _ref.className,
|
|
490
700
|
tagline = _ref.tagline,
|
|
491
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
492
|
-
return jsxs("hgroup", _objectSpread$
|
|
701
|
+
restProps = _objectWithoutProperties(_ref, _excluded$h);
|
|
702
|
+
return jsxs("hgroup", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
|
|
493
703
|
ref: ref,
|
|
494
704
|
className: clsx('amsterdam-card__heading-group', className),
|
|
495
705
|
children: [children, jsx(Paragraph, {
|
|
@@ -503,7 +713,7 @@ var CardLink = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
503
713
|
var children = _ref2.children,
|
|
504
714
|
className = _ref2.className,
|
|
505
715
|
otherProps = _objectWithoutProperties(_ref2, _excluded2$6);
|
|
506
|
-
return jsx("a", _objectSpread$
|
|
716
|
+
return jsx("a", _objectSpread$h(_objectSpread$h({}, otherProps), {}, {
|
|
507
717
|
ref: ref,
|
|
508
718
|
className: clsx('amsterdam-card__link', className),
|
|
509
719
|
children: children
|
|
@@ -513,8 +723,8 @@ CardLink.displayName = 'CardLink';
|
|
|
513
723
|
var Card = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
514
724
|
var children = _ref3.children,
|
|
515
725
|
className = _ref3.className,
|
|
516
|
-
restProps = _objectWithoutProperties(_ref3, _excluded3$
|
|
517
|
-
return jsx("article", _objectSpread$
|
|
726
|
+
restProps = _objectWithoutProperties(_ref3, _excluded3$1);
|
|
727
|
+
return jsx("article", _objectSpread$h(_objectSpread$h({}, restProps), {}, {
|
|
518
728
|
ref: ref,
|
|
519
729
|
className: clsx('amsterdam-card', className),
|
|
520
730
|
children: children
|
|
@@ -526,15 +736,15 @@ Card.displayName = 'Card';
|
|
|
526
736
|
Card.HeadingGroup.displayName = 'Card.HeadingGroup';
|
|
527
737
|
Card.Link.displayName = 'Card.Link';
|
|
528
738
|
|
|
529
|
-
var _excluded$
|
|
739
|
+
var _excluded$g = ["className", "size"],
|
|
530
740
|
_excluded2$5 = ["children", "className", "title", "severity", "closeable", "icon", "onClose"];
|
|
531
|
-
function ownKeys$
|
|
532
|
-
function _objectSpread$
|
|
741
|
+
function ownKeys$g(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; }
|
|
742
|
+
function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
533
743
|
var AlertClose = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
534
744
|
var className = _ref.className,
|
|
535
745
|
size = _ref.size,
|
|
536
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
537
|
-
return jsxs("button", _objectSpread$
|
|
746
|
+
restProps = _objectWithoutProperties(_ref, _excluded$g);
|
|
747
|
+
return jsxs("button", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
538
748
|
ref: ref,
|
|
539
749
|
className: clsx('amsterdam-alert__close', className),
|
|
540
750
|
children: [jsx(VisuallyHidden, {
|
|
@@ -568,7 +778,7 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
568
778
|
svg: iconSvgBySeverity[severity]
|
|
569
779
|
});
|
|
570
780
|
}, [icon, severity, alertSize]);
|
|
571
|
-
return jsxs("div", _objectSpread$
|
|
781
|
+
return jsxs("div", _objectSpread$g(_objectSpread$g({}, restProps), {}, {
|
|
572
782
|
ref: ref,
|
|
573
783
|
className: clsx('amsterdam-alert', severity && "amsterdam-alert--".concat(severity), className),
|
|
574
784
|
children: [alertIcon && jsx("div", {
|
|
@@ -589,16 +799,16 @@ var Alert = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
589
799
|
Alert.displayName = 'Alert';
|
|
590
800
|
AlertClose.displayName = 'AlertClose';
|
|
591
801
|
|
|
592
|
-
var _excluded$
|
|
593
|
-
function ownKeys$
|
|
594
|
-
function _objectSpread$
|
|
802
|
+
var _excluded$f = ["children", "className", "ratio"];
|
|
803
|
+
function ownKeys$f(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; }
|
|
804
|
+
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
595
805
|
var AspectRatio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
596
806
|
var children = _ref.children,
|
|
597
807
|
className = _ref.className,
|
|
598
808
|
_ref$ratio = _ref.ratio,
|
|
599
809
|
ratio = _ref$ratio === void 0 ? 'square' : _ref$ratio,
|
|
600
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
601
|
-
return jsx("div", _objectSpread$
|
|
810
|
+
restProps = _objectWithoutProperties(_ref, _excluded$f);
|
|
811
|
+
return jsx("div", _objectSpread$f(_objectSpread$f({}, restProps), {}, {
|
|
602
812
|
ref: ref,
|
|
603
813
|
className: clsx('amsterdam-aspect-ratio', "amsterdam-aspect-ratio--".concat(ratio), className),
|
|
604
814
|
children: children
|
|
@@ -606,16 +816,16 @@ var AspectRatio = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
606
816
|
});
|
|
607
817
|
AspectRatio.displayName = 'AspectRatio';
|
|
608
818
|
|
|
609
|
-
var _excluded$
|
|
819
|
+
var _excluded$e = ["children", "className"],
|
|
610
820
|
_excluded2$4 = ["children", "className"],
|
|
611
|
-
_excluded3
|
|
612
|
-
function ownKeys$
|
|
613
|
-
function _objectSpread$
|
|
821
|
+
_excluded3 = ["children", "className"];
|
|
822
|
+
function ownKeys$e(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; }
|
|
823
|
+
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
614
824
|
var FooterTop = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
615
825
|
var children = _ref.children,
|
|
616
826
|
className = _ref.className,
|
|
617
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
618
|
-
return jsx(
|
|
827
|
+
restProps = _objectWithoutProperties(_ref, _excluded$e);
|
|
828
|
+
return jsx(Spotlight, _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
619
829
|
color: "blue",
|
|
620
830
|
ref: ref,
|
|
621
831
|
className: clsx('amsterdam-footer__top', className),
|
|
@@ -627,7 +837,7 @@ var FooterBottom = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
627
837
|
var children = _ref2.children,
|
|
628
838
|
className = _ref2.className,
|
|
629
839
|
restProps = _objectWithoutProperties(_ref2, _excluded2$4);
|
|
630
|
-
return jsx("div", _objectSpread$
|
|
840
|
+
return jsx("div", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
631
841
|
ref: ref,
|
|
632
842
|
className: clsx('amsterdam-footer__bottom', className),
|
|
633
843
|
children: children
|
|
@@ -637,8 +847,8 @@ FooterBottom.displayName = 'FooterBottom';
|
|
|
637
847
|
var Footer = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
638
848
|
var children = _ref3.children,
|
|
639
849
|
className = _ref3.className,
|
|
640
|
-
restProps = _objectWithoutProperties(_ref3, _excluded3
|
|
641
|
-
return jsx("footer", _objectSpread$
|
|
850
|
+
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
851
|
+
return jsx("footer", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
642
852
|
ref: ref,
|
|
643
853
|
className: clsx('amsterdam-footer', className),
|
|
644
854
|
children: children
|
|
@@ -650,17 +860,16 @@ Footer.displayName = 'Footer';
|
|
|
650
860
|
Footer.Top.displayName = 'Footer.Top';
|
|
651
861
|
Footer.Bottom.displayName = 'Footer.Bottom';
|
|
652
862
|
|
|
653
|
-
var _excluded$
|
|
654
|
-
_excluded2$3 = ["children", "icon"]
|
|
655
|
-
|
|
656
|
-
function
|
|
657
|
-
function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
863
|
+
var _excluded$d = ["alignEnd", "children", "className"],
|
|
864
|
+
_excluded2$3 = ["children", "icon"];
|
|
865
|
+
function ownKeys$d(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; }
|
|
866
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
658
867
|
var PageMenu = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
659
868
|
var alignEnd = _ref.alignEnd,
|
|
660
869
|
children = _ref.children,
|
|
661
870
|
className = _ref.className,
|
|
662
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
663
|
-
return jsx("ul", _objectSpread$
|
|
871
|
+
restProps = _objectWithoutProperties(_ref, _excluded$d);
|
|
872
|
+
return jsx("ul", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
|
|
664
873
|
className: clsx('amsterdam-page-menu', alignEnd && "amsterdam-page-menu--align-end", className),
|
|
665
874
|
ref: ref,
|
|
666
875
|
children: children
|
|
@@ -672,48 +881,29 @@ var PageMenuLink = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
672
881
|
restProps = _objectWithoutProperties(_ref2, _excluded2$3);
|
|
673
882
|
return jsx("li", {
|
|
674
883
|
className: "amsterdam-page-menu__item",
|
|
675
|
-
children: jsxs("a", _objectSpread$
|
|
884
|
+
children: jsxs("a", _objectSpread$d(_objectSpread$d({}, restProps), {}, {
|
|
676
885
|
ref: ref,
|
|
677
886
|
className: "amsterdam-page-menu__link",
|
|
678
887
|
children: [children, icon && jsx(Icon, {
|
|
679
888
|
svg: icon,
|
|
680
|
-
size: "level-
|
|
681
|
-
})]
|
|
682
|
-
}))
|
|
683
|
-
});
|
|
684
|
-
});
|
|
685
|
-
var PageMenuButton = /*#__PURE__*/forwardRef(function (_ref3, ref) {
|
|
686
|
-
var children = _ref3.children,
|
|
687
|
-
icon = _ref3.icon,
|
|
688
|
-
restProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
689
|
-
return jsx("li", {
|
|
690
|
-
className: "amsterdam-page-menu__item",
|
|
691
|
-
children: jsxs("button", _objectSpread$e(_objectSpread$e({}, restProps), {}, {
|
|
692
|
-
type: "button",
|
|
693
|
-
ref: ref,
|
|
694
|
-
className: "amsterdam-page-menu__button",
|
|
695
|
-
children: [children, icon && jsx(Icon, {
|
|
696
|
-
svg: icon,
|
|
697
|
-
size: "level-7"
|
|
889
|
+
size: "level-6"
|
|
698
890
|
})]
|
|
699
891
|
}))
|
|
700
892
|
});
|
|
701
893
|
});
|
|
702
894
|
PageMenu.displayName = 'PageMenu';
|
|
703
895
|
PageMenuLink.displayName = 'PageMenu.Link';
|
|
704
|
-
PageMenuButton.displayName = 'PageMenu.Button';
|
|
705
896
|
PageMenu.Link = PageMenuLink;
|
|
706
|
-
PageMenu.Button = PageMenuButton;
|
|
707
897
|
|
|
708
|
-
var _excluded$
|
|
709
|
-
function ownKeys$
|
|
710
|
-
function _objectSpread$
|
|
898
|
+
var _excluded$c = ["className", "label", "description"];
|
|
899
|
+
function ownKeys$c(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; }
|
|
900
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
711
901
|
var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
712
902
|
var className = _ref.className,
|
|
713
903
|
label = _ref.label,
|
|
714
904
|
description = _ref.description,
|
|
715
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
716
|
-
return jsxs("a", _objectSpread$
|
|
905
|
+
restProps = _objectWithoutProperties(_ref, _excluded$c);
|
|
906
|
+
return jsxs("a", _objectSpread$c(_objectSpread$c({}, restProps), {}, {
|
|
717
907
|
ref: ref,
|
|
718
908
|
className: clsx('amsterdam-top-task-link', className),
|
|
719
909
|
"aria-label": "".concat(label, ", ").concat(description),
|
|
@@ -728,15 +918,15 @@ var TopTaskLink = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
728
918
|
});
|
|
729
919
|
TopTaskLink.displayName = 'TopTaskLink';
|
|
730
920
|
|
|
731
|
-
var _excluded$
|
|
732
|
-
function ownKeys$
|
|
733
|
-
function _objectSpread$
|
|
921
|
+
var _excluded$b = ["children", "className", "inverseColor"];
|
|
922
|
+
function ownKeys$b(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; }
|
|
923
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
734
924
|
var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
735
925
|
var children = _ref.children,
|
|
736
926
|
className = _ref.className,
|
|
737
927
|
inverseColor = _ref.inverseColor,
|
|
738
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
739
|
-
return jsx("blockquote", _objectSpread$
|
|
928
|
+
restProps = _objectWithoutProperties(_ref, _excluded$b);
|
|
929
|
+
return jsx("blockquote", _objectSpread$b(_objectSpread$b({}, restProps), {}, {
|
|
740
930
|
ref: ref,
|
|
741
931
|
className: clsx('amsterdam-blockquote', inverseColor && 'amsterdam-blockquote--inverse-color', className),
|
|
742
932
|
children: children
|
|
@@ -744,15 +934,15 @@ var Blockquote = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
744
934
|
});
|
|
745
935
|
Blockquote.displayName = 'Blockquote';
|
|
746
936
|
|
|
747
|
-
var _excluded$
|
|
748
|
-
function ownKeys$
|
|
749
|
-
function _objectSpread$
|
|
937
|
+
var _excluded$a = ["children", "className", "invalid", "indeterminate"];
|
|
938
|
+
function ownKeys$a(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; }
|
|
939
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
750
940
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
751
941
|
var children = _ref.children,
|
|
752
942
|
className = _ref.className,
|
|
753
943
|
invalid = _ref.invalid,
|
|
754
944
|
indeterminate = _ref.indeterminate,
|
|
755
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
945
|
+
restProps = _objectWithoutProperties(_ref, _excluded$a);
|
|
756
946
|
var id = useId();
|
|
757
947
|
var innerRef = useRef(null);
|
|
758
948
|
// use a passed ref if it's there, otherwise use innerRef
|
|
@@ -770,7 +960,7 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
770
960
|
// without a containing element
|
|
771
961
|
jsxs("div", {
|
|
772
962
|
className: clsx('amsterdam-checkbox', className),
|
|
773
|
-
children: [jsx("input", _objectSpread$
|
|
963
|
+
children: [jsx("input", _objectSpread$a(_objectSpread$a({}, restProps), {}, {
|
|
774
964
|
type: "checkbox",
|
|
775
965
|
className: "amsterdam-checkbox__input",
|
|
776
966
|
ref: innerRef,
|
|
@@ -788,15 +978,15 @@ var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
788
978
|
});
|
|
789
979
|
Checkbox.displayName = 'Checkbox';
|
|
790
980
|
|
|
791
|
-
var _excluded$
|
|
792
|
-
function ownKeys$
|
|
793
|
-
function _objectSpread$
|
|
981
|
+
var _excluded$9 = ["children", "className", "inverseColor"];
|
|
982
|
+
function ownKeys$9(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; }
|
|
983
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
794
984
|
var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
795
985
|
var children = _ref.children,
|
|
796
986
|
className = _ref.className,
|
|
797
987
|
inverseColor = _ref.inverseColor,
|
|
798
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
799
|
-
return jsx("h1", _objectSpread$
|
|
988
|
+
restProps = _objectWithoutProperties(_ref, _excluded$9);
|
|
989
|
+
return jsx("h1", _objectSpread$9(_objectSpread$9({}, restProps), {}, {
|
|
800
990
|
ref: ref,
|
|
801
991
|
className: clsx('amsterdam-page-heading', inverseColor && 'amsterdam-page-heading--inverse-color', className),
|
|
802
992
|
children: children
|
|
@@ -804,17 +994,17 @@ var PageHeading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
804
994
|
});
|
|
805
995
|
PageHeading.displayName = 'PageHeading';
|
|
806
996
|
|
|
807
|
-
var _excluded$
|
|
997
|
+
var _excluded$8 = ["children", "markers", "className"],
|
|
808
998
|
_excluded2$2 = ["children", "className"];
|
|
809
|
-
function ownKeys$
|
|
810
|
-
function _objectSpread$
|
|
999
|
+
function ownKeys$8(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; }
|
|
1000
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
811
1001
|
var OrderedList = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
812
1002
|
var children = _ref.children,
|
|
813
1003
|
_ref$markers = _ref.markers,
|
|
814
1004
|
markers = _ref$markers === void 0 ? true : _ref$markers,
|
|
815
1005
|
className = _ref.className,
|
|
816
|
-
restProps = _objectWithoutProperties(_ref, _excluded$
|
|
817
|
-
return jsx("ol", _objectSpread$
|
|
1006
|
+
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
1007
|
+
return jsx("ol", _objectSpread$8(_objectSpread$8({
|
|
818
1008
|
ref: ref,
|
|
819
1009
|
className: clsx('amsterdam-ordered-list', !markers && 'amsterdam-ordered-list--no-markers', className)
|
|
820
1010
|
}, restProps), {}, {
|
|
@@ -826,7 +1016,7 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
826
1016
|
var children = _ref2.children,
|
|
827
1017
|
className = _ref2.className,
|
|
828
1018
|
restProps = _objectWithoutProperties(_ref2, _excluded2$2);
|
|
829
|
-
return jsx("li", _objectSpread$
|
|
1019
|
+
return jsx("li", _objectSpread$8(_objectSpread$8({
|
|
830
1020
|
ref: ref,
|
|
831
1021
|
className: clsx('amsterdam-ordered-list__item', className)
|
|
832
1022
|
}, restProps), {}, {
|
|
@@ -836,40 +1026,6 @@ var OrderedListItem = /*#__PURE__*/forwardRef(function (_ref2, ref) {
|
|
|
836
1026
|
OrderedListItem.displayName = 'OrderedListItem';
|
|
837
1027
|
OrderedList.Item = OrderedListItem;
|
|
838
1028
|
|
|
839
|
-
var _excluded$8 = ["children", "className", "inverseColor", "level", "size"];
|
|
840
|
-
function ownKeys$8(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; }
|
|
841
|
-
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
842
|
-
function getHeadingElement(level) {
|
|
843
|
-
switch (level) {
|
|
844
|
-
case 2:
|
|
845
|
-
return 'h2';
|
|
846
|
-
case 3:
|
|
847
|
-
return 'h3';
|
|
848
|
-
case 4:
|
|
849
|
-
return 'h4';
|
|
850
|
-
default:
|
|
851
|
-
return 'h1';
|
|
852
|
-
}
|
|
853
|
-
}
|
|
854
|
-
var Heading = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
855
|
-
var children = _ref.children,
|
|
856
|
-
className = _ref.className,
|
|
857
|
-
inverseColor = _ref.inverseColor,
|
|
858
|
-
_ref$level = _ref.level,
|
|
859
|
-
level = _ref$level === void 0 ? 1 : _ref$level,
|
|
860
|
-
size = _ref.size,
|
|
861
|
-
restProps = _objectWithoutProperties(_ref, _excluded$8);
|
|
862
|
-
var HeadingX = getHeadingElement(level);
|
|
863
|
-
var sizeOrLevel = size ? size.split('-')[1] : level;
|
|
864
|
-
return jsx(HeadingX, _objectSpread$8(_objectSpread$8({
|
|
865
|
-
ref: ref,
|
|
866
|
-
className: clsx('amsterdam-heading', "amsterdam-heading--".concat(sizeOrLevel), inverseColor && 'amsterdam-heading--inverse-color', className)
|
|
867
|
-
}, restProps), {}, {
|
|
868
|
-
children: children
|
|
869
|
-
}));
|
|
870
|
-
});
|
|
871
|
-
Heading.displayName = 'Heading';
|
|
872
|
-
|
|
873
1029
|
var _excluded$7 = ["children"],
|
|
874
1030
|
_excluded2$1 = ["children", "href"];
|
|
875
1031
|
function ownKeys$7(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; }
|
|
@@ -927,7 +1083,7 @@ var Link = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
927
1083
|
}, className),
|
|
928
1084
|
children: [variant === 'inList' && jsx(Icon, {
|
|
929
1085
|
svg: icon !== null && icon !== void 0 ? icon : ChevronRightIcon,
|
|
930
|
-
size: "level-
|
|
1086
|
+
size: "level-5"
|
|
931
1087
|
}), children]
|
|
932
1088
|
}));
|
|
933
1089
|
});
|
|
@@ -1188,38 +1344,39 @@ var gridCellClasses = function gridCellClasses(span, start) {
|
|
|
1188
1344
|
return [];
|
|
1189
1345
|
}
|
|
1190
1346
|
var classes = [];
|
|
1191
|
-
if (typeof span === 'number') {
|
|
1192
|
-
classes.push("amsterdam-
|
|
1347
|
+
if (span === 'all' || typeof span === 'number') {
|
|
1348
|
+
classes.push("amsterdam-grid__cell--span-".concat(span));
|
|
1193
1349
|
} else if (span) {
|
|
1194
1350
|
var narrow = span.narrow,
|
|
1195
1351
|
medium = span.medium,
|
|
1196
1352
|
wide = span.wide;
|
|
1197
|
-
classes.push("amsterdam-
|
|
1353
|
+
classes.push("amsterdam-grid__cell--span-".concat(narrow), "amsterdam-grid__cell--span-".concat(medium, "-medium"), "amsterdam-grid__cell--span-".concat(wide, "-wide"));
|
|
1198
1354
|
}
|
|
1199
1355
|
if (typeof start === 'number') {
|
|
1200
|
-
classes.push("amsterdam-
|
|
1356
|
+
classes.push("amsterdam-grid__cell--start-".concat(start));
|
|
1201
1357
|
} else if (start) {
|
|
1202
1358
|
var _narrow = start.narrow,
|
|
1203
1359
|
_medium = start.medium,
|
|
1204
1360
|
_wide = start.wide;
|
|
1205
|
-
classes.push("amsterdam-
|
|
1361
|
+
classes.push("amsterdam-grid__cell--start-".concat(_narrow), "amsterdam-grid__cell--start-".concat(_medium, "-medium"), "amsterdam-grid__cell--start-".concat(_wide, "-wide"));
|
|
1206
1362
|
}
|
|
1207
1363
|
return classes;
|
|
1208
1364
|
};
|
|
1209
1365
|
|
|
1210
|
-
var _excluded$1 = ["
|
|
1366
|
+
var _excluded$1 = ["as", "children", "className", "span", "start"];
|
|
1211
1367
|
function ownKeys$1(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; }
|
|
1212
1368
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1213
1369
|
var GridCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
1214
|
-
var
|
|
1370
|
+
var _ref$as = _ref.as,
|
|
1371
|
+
Tag = _ref$as === void 0 ? 'div' : _ref$as,
|
|
1372
|
+
children = _ref.children,
|
|
1215
1373
|
className = _ref.className,
|
|
1216
|
-
fullWidth = _ref.fullWidth,
|
|
1217
1374
|
span = _ref.span,
|
|
1218
1375
|
start = _ref.start,
|
|
1219
1376
|
restProps = _objectWithoutProperties(_ref, _excluded$1);
|
|
1220
|
-
return jsx(
|
|
1377
|
+
return jsx(Tag, _objectSpread$1(_objectSpread$1({}, restProps), {}, {
|
|
1221
1378
|
ref: ref,
|
|
1222
|
-
className: clsx('amsterdam-
|
|
1379
|
+
className: clsx('amsterdam-grid__cell', gridCellClasses(span, start), className),
|
|
1223
1380
|
children: children
|
|
1224
1381
|
}));
|
|
1225
1382
|
});
|
|
@@ -1258,7 +1415,6 @@ var Grid = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
1258
1415
|
});
|
|
1259
1416
|
Grid.Cell = GridCell;
|
|
1260
1417
|
Grid.displayName = 'Grid';
|
|
1261
|
-
GridCell.displayName = 'Grid.Cell';
|
|
1262
1418
|
|
|
1263
|
-
export { Accordion, Alert, AspectRatio, Blockquote, Breadcrumb, Button, Card, Checkbox, Dialog, Footer, FormLabel, Grid,
|
|
1419
|
+
export { Accordion, Alert, AspectRatio, Blockquote, Breadcrumb, Button, Card, Checkbox, Dialog, Footer, FormLabel, Grid, Header, Heading, Icon, Image, Link, Logo, Mark, OrderedList, Overlap, PageHeading, PageMenu, Pagination, Paragraph, Screen, SearchField, SkipLink, Spotlight, Switch, TextInput, TopTaskLink, UnorderedList, VisuallyHidden };
|
|
1264
1420
|
//# sourceMappingURL=index.esm.js.map
|