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