@digigov/react-core 1.3.0-dcbd7ded → 2.0.0-4be8f7cc

package/cjs/SvgIcon/__snapshots__/index.test.tsx.snap

@@ -19,20 +19,20 @@ exports[`renders the SvgIcon with no props 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=lg 1`] = `
+exports[`renders the SvgIcon with prop color=base-content 1`] = `
 <ForwardRef(SvgIcon)
-  size="lg"
+  color="base-content"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--lg ds-svg-icon"
+    className="ds-svg-icon--base-content ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--lg ds-svg-icon"
+      className="ds-svg-icon--base-content ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -42,20 +42,20 @@ exports[`renders the SvgIcon with prop size=lg 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=md 1`] = `
+exports[`renders the SvgIcon with prop color=dark 1`] = `
 <ForwardRef(SvgIcon)
-  size="md"
+  color="dark"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--md ds-svg-icon"
+    className="ds-svg-icon--dark ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--md ds-svg-icon"
+      className="ds-svg-icon--dark ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -65,20 +65,20 @@ exports[`renders the SvgIcon with prop size=md 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=sm 1`] = `
+exports[`renders the SvgIcon with prop color=error 1`] = `
 <ForwardRef(SvgIcon)
-  size="sm"
+  color="error"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--sm ds-svg-icon"
+    className="ds-svg-icon--error ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--sm ds-svg-icon"
+      className="ds-svg-icon--error ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -88,20 +88,21 @@ exports[`renders the SvgIcon with prop size=sm 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=xl 1`] = `
+exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
 <ForwardRef(SvgIcon)
+  color="warning"
   size="xl"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--xl ds-svg-icon"
+    className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--xl ds-svg-icon"
+      className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -111,20 +112,20 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop size=xs 1`] = `
+exports[`renders the SvgIcon with prop color=focus 1`] = `
 <ForwardRef(SvgIcon)
-  size="xs"
+  color="focus"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--xs ds-svg-icon"
+    className="ds-svg-icon--focus ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--xs ds-svg-icon"
+      className="ds-svg-icon--focus ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -134,20 +135,20 @@ exports[`renders the SvgIcon with prop size=xs 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=dark 1`] = `
+exports[`renders the SvgIcon with prop color=gray 1`] = `
 <ForwardRef(SvgIcon)
-  variant="dark"
+  color="gray"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--dark ds-svg-icon"
+    className="ds-svg-icon--gray ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--dark ds-svg-icon"
+      className="ds-svg-icon--gray ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -157,20 +158,20 @@ exports[`renders the SvgIcon with prop variant=dark 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=error 1`] = `
+exports[`renders the SvgIcon with prop color=primary 1`] = `
 <ForwardRef(SvgIcon)
-  variant="error"
+  color="primary"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--error ds-svg-icon"
+    className="ds-svg-icon--primary ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--error ds-svg-icon"
+      className="ds-svg-icon--primary ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -180,21 +181,20 @@ exports[`renders the SvgIcon with prop variant=error 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=error and size= xl 1`] = `
+exports[`renders the SvgIcon with prop color=success 1`] = `
 <ForwardRef(SvgIcon)
-  size="xl"
-  variant="warning"
+  color="success"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+    className="ds-svg-icon--success ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
+      className="ds-svg-icon--success ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -204,20 +204,20 @@ exports[`renders the SvgIcon with prop variant=error and size= xl 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=focus 1`] = `
+exports[`renders the SvgIcon with prop color=warning 1`] = `
 <ForwardRef(SvgIcon)
-  variant="focus"
+  color="warning"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--focus ds-svg-icon"
+    className="ds-svg-icon--warning ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--focus ds-svg-icon"
+      className="ds-svg-icon--warning ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -227,20 +227,21 @@ exports[`renders the SvgIcon with prop variant=focus 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=gray 1`] = `
+exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
 <ForwardRef(SvgIcon)
-  variant="gray"
+  color="warning"
+  size="sm"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--gray ds-svg-icon"
+    className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--gray ds-svg-icon"
+      className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -250,20 +251,20 @@ exports[`renders the SvgIcon with prop variant=gray 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=light 1`] = `
+exports[`renders the SvgIcon with prop color=white 1`] = `
 <ForwardRef(SvgIcon)
-  variant="light"
+  color="white"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--light ds-svg-icon"
+    className="ds-svg-icon--white ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--light ds-svg-icon"
+      className="ds-svg-icon--white ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -273,20 +274,20 @@ exports[`renders the SvgIcon with prop variant=light 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=primary 1`] = `
+exports[`renders the SvgIcon with prop size=lg 1`] = `
 <ForwardRef(SvgIcon)
-  variant="primary"
+  size="lg"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--primary ds-svg-icon"
+    className="ds-svg-icon--lg ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--primary ds-svg-icon"
+      className="ds-svg-icon--lg ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -296,20 +297,20 @@ exports[`renders the SvgIcon with prop variant=primary 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=success 1`] = `
+exports[`renders the SvgIcon with prop size=md 1`] = `
 <ForwardRef(SvgIcon)
-  variant="success"
+  size="md"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--success ds-svg-icon"
+    className="ds-svg-icon--md ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--success ds-svg-icon"
+      className="ds-svg-icon--md ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -319,20 +320,20 @@ exports[`renders the SvgIcon with prop variant=success 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=warning 1`] = `
+exports[`renders the SvgIcon with prop size=sm 1`] = `
 <ForwardRef(SvgIcon)
-  variant="warning"
+  size="sm"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--warning ds-svg-icon"
+    className="ds-svg-icon--sm ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--warning ds-svg-icon"
+      className="ds-svg-icon--sm ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >
@@ -342,21 +343,43 @@ exports[`renders the SvgIcon with prop variant=warning 1`] = `
 </ForwardRef(SvgIcon)>
 `;
 
-exports[`renders the SvgIcon with prop variant=warning and size=sm 1`] = `
+exports[`renders the SvgIcon with prop size=xl 1`] = `
 <ForwardRef(SvgIcon)
-  size="sm"
-  variant="warning"
+  size="xl"
 >
   <ForwardRef(Base)
     aria-hidden="true"
     as="svg"
-    className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+    className="ds-svg-icon--xl ds-svg-icon"
     focusable="false"
     viewBox="0 0 24 24"
   >
     <svg
       aria-hidden="true"
-      className="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
+      className="ds-svg-icon--xl ds-svg-icon"
+      focusable="false"
+      viewBox="0 0 24 24"
+    >
+      hello
+    </svg>
+  </ForwardRef(Base)>
+</ForwardRef(SvgIcon)>
+`;
+
+exports[`renders the SvgIcon with prop size=xs 1`] = `
+<ForwardRef(SvgIcon)
+  size="xs"
+>
+  <ForwardRef(Base)
+    aria-hidden="true"
+    as="svg"
+    className="ds-svg-icon--xs ds-svg-icon"
+    focusable="false"
+    viewBox="0 0 24 24"
+  >
+    <svg
+      aria-hidden="true"
+      className="ds-svg-icon--xs ds-svg-icon"
       focusable="false"
       viewBox="0 0 24 24"
     >

package/cjs/SvgIcon/index.js

@@ -10,21 +10,21 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
-var _excluded = ["size", "variant", "children", "className"];
+var _excluded = ["size", "color", "children", "className"];
 /**
  * Use SvgIcon as global svg component.
- *  SvgIcon can be used inside other svg components as childern such as CheckIcon, CaretIcon etc.
+ *  SvgIcon can be used inside other svg components as children such as CheckIcon, CaretIcon etc.
  */
 var SvgIcon = exports.SvgIcon = /*#__PURE__*/_react["default"].forwardRef(function SvgIcon(_ref, ref) {
   var size = _ref.size,
-    variant = _ref.variant,
+    color = _ref.color,
     children = _ref.children,
     className = _ref.className,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "svg",
     ref: ref,
-    className: (0, _clsx["default"])(className, variant === 'success' && 'ds-svg-icon--success', variant === 'primary' && 'ds-svg-icon--primary', variant === 'warning' && 'ds-svg-icon--warning', variant === 'light' && 'ds-svg-icon--light', variant === 'error' && 'ds-svg-icon--error', variant === 'focus' && 'ds-svg-icon--focus', variant === 'dark' && 'ds-svg-icon--dark', variant === 'gray' && 'ds-svg-icon--gray', variant === 'link' && 'ds-svg-icon--link', size !== undefined && "ds-svg-icon--".concat(size), true && 'ds-svg-icon'),
+    className: (0, _clsx["default"])(className, color !== undefined && "ds-svg-icon--".concat(color), size !== undefined && "ds-svg-icon--".concat(size), true && 'ds-svg-icon'),
     focusable: "false",
     viewBox: "0 0 24 24",
     "aria-hidden": "true"

package/cjs/SvgIcon/index.test/index.js

@@ -39,64 +39,70 @@ it('renders the SvgIcon with prop size=xl', function () {
   expect((0, _enzyme.mount)(_ref6)).toMatchSnapshot();
 });
 var _ref7 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "dark"
+  color: "base-content"
 }, "hello");
-it('renders the SvgIcon with prop variant=dark', function () {
+it('renders the SvgIcon with prop color=base-content', function () {
   expect((0, _enzyme.mount)(_ref7)).toMatchSnapshot();
 });
 var _ref8 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "light"
+  color: "dark"
 }, "hello");
-it('renders the SvgIcon with prop variant=light', function () {
+it('renders the SvgIcon with prop color=dark', function () {
   expect((0, _enzyme.mount)(_ref8)).toMatchSnapshot();
 });
 var _ref9 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "gray"
+  color: "white"
 }, "hello");
-it('renders the SvgIcon with prop variant=gray', function () {
+it('renders the SvgIcon with prop color=white', function () {
   expect((0, _enzyme.mount)(_ref9)).toMatchSnapshot();
 });
 var _ref10 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "primary"
+  color: "gray"
 }, "hello");
-it('renders the SvgIcon with prop variant=primary', function () {
+it('renders the SvgIcon with prop color=gray', function () {
   expect((0, _enzyme.mount)(_ref10)).toMatchSnapshot();
 });
 var _ref11 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "success"
+  color: "primary"
 }, "hello");
-it('renders the SvgIcon with prop variant=success', function () {
+it('renders the SvgIcon with prop color=primary', function () {
   expect((0, _enzyme.mount)(_ref11)).toMatchSnapshot();
 });
 var _ref12 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "warning"
+  color: "success"
 }, "hello");
-it('renders the SvgIcon with prop variant=warning', function () {
+it('renders the SvgIcon with prop color=success', function () {
   expect((0, _enzyme.mount)(_ref12)).toMatchSnapshot();
 });
 var _ref13 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "error"
+  color: "warning"
 }, "hello");
-it('renders the SvgIcon with prop variant=error', function () {
+it('renders the SvgIcon with prop color=warning', function () {
   expect((0, _enzyme.mount)(_ref13)).toMatchSnapshot();
 });
 var _ref14 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "focus"
+  color: "error"
 }, "hello");
-it('renders the SvgIcon with prop variant=focus', function () {
+it('renders the SvgIcon with prop color=error', function () {
   expect((0, _enzyme.mount)(_ref14)).toMatchSnapshot();
 });
 var _ref15 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "warning",
-  size: "sm"
+  color: "focus"
 }, "hello");
-it('renders the SvgIcon with prop variant=warning and size=sm', function () {
+it('renders the SvgIcon with prop color=focus', function () {
   expect((0, _enzyme.mount)(_ref15)).toMatchSnapshot();
 });
 var _ref16 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
-  variant: "warning",
-  size: "xl"
+  color: "warning",
+  size: "sm"
 }, "hello");
-it('renders the SvgIcon with prop variant=error and size= xl', function () {
+it('renders the SvgIcon with prop color=warning and size=sm', function () {
   expect((0, _enzyme.mount)(_ref16)).toMatchSnapshot();
+});
+var _ref17 = /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], {
+  color: "warning",
+  size: "xl"
+}, "hello");
+it('renders the SvgIcon with prop color=error and size= xl', function () {
+  expect((0, _enzyme.mount)(_ref17)).toMatchSnapshot();
 });

package/cjs/TabsHeading/__snapshots__/index.test.tsx.snap

@@ -7,10 +7,11 @@ exports[`renders the TabsHeading with no props 1`] = `
   >
     <ForwardRef(Base)
       as="div"
-      className="ds-hidden-md--up"
+      mdUpHidden={true}
+      xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="sm"
@@ -46,10 +47,11 @@ exports[`renders the TabsHeading with size=m 1`] = `
   >
     <ForwardRef(Base)
       as="div"
-      className="ds-hidden-md--up"
+      mdUpHidden={true}
+      xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="md"
@@ -85,10 +87,11 @@ exports[`renders the TabsHeading with size=s 1`] = `
   >
     <ForwardRef(Base)
       as="div"
-      className="ds-hidden-md--up"
+      mdUpHidden={true}
+      xsUpHidden={false}
     >
       <div
-        className="ds-hidden-md--up"
+        className="ds-hidden-md-up"
       >
         <ForwardRef(Heading)
           size="sm"

package/cjs/Unpurge/index.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 function Unpurge() {
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "\n    ds-m-0\n    ds-m-1\n    ds-m-2\n    ds-m-3\n    ds-m-4\n    ds-m-5\n    ds-m-6\n    ds-m-7\n    ds-m-8\n    ds-m-9\n    ds-m-10\n    ds-m-11\n    ds-m-12\n    ds-m-14\n    ds-m-16\n    ds-m-20\n    ds-m-24\n    ds-m-28\n    ds-m-32\n    ds-m-36\n    ds-m-40\n    ds-m-44\n    ds-m-48\n    ds-m-52\n    ds-m-56\n    ds-m-60\n    ds-m-64\n    ds-m-72\n    ds-m-80\n    ds-m-96\n    ds-m-px\n    ds-m-0.5\n    ds-m-1.5\n    ds-m-2.5\n    ds-m-3.5\n    ds-mt-0\n    ds-mt-1\n    ds-mt-2\n    ds-mt-3\n    ds-mt-4\n    ds-mt-5\n    ds-mt-6\n    ds-mt-7\n    ds-mt-8\n    ds-mt-9\n    ds-mt-10\n    ds-mt-11\n    ds-mt-12\n    ds-mt-14\n    ds-mt-16\n    ds-mt-20\n    ds-mt-24\n    ds-mt-28\n    ds-mt-32\n    ds-mt-36\n    ds-mt-40\n    ds-mt-44\n    ds-mt-48\n    ds-mt-52\n    ds-mt-56\n    ds-mt-60\n    ds-mt-64\n    ds-mt-72\n    ds-mt-80\n    ds-mt-96\n    ds-mt-px\n    ds-mt-0.5\n    ds-mt-1.5\n    ds-mt-2.5\n    ds-mt-3.5\n    ds-mr-0\n    ds-mr-1\n    ds-mr-2\n    ds-mr-3\n    ds-mr-4\n    ds-mr-5\n    ds-mr-6\n    ds-mr-7\n    ds-mr-8\n    ds-mr-9\n    ds-mr-10\n    ds-mr-11\n    ds-mr-12\n    ds-mr-14\n    ds-mr-16\n    ds-mr-20\n    ds-mr-24\n    ds-mr-28\n    ds-mr-32\n    ds-mr-36\n    ds-mr-40\n    ds-mr-44\n    ds-mr-48\n    ds-mr-52\n    ds-mr-56\n    ds-mr-60\n    ds-mr-64\n    ds-mr-72\n    ds-mr-80\n    ds-mr-96\n    ds-mr-px\n    ds-mr-0.5\n    ds-mr-1.5\n    ds-mr-2.5\n    ds-mr-3.5\n    ds-ml-0\n    ds-ml-1\n    ds-ml-2\n    ds-ml-3\n    ds-ml-4\n    ds-ml-5\n    ds-ml-6\n    ds-ml-7\n    ds-ml-8\n    ds-ml-9\n    ds-ml-10\n    ds-ml-11\n    ds-ml-12\n    ds-ml-14\n    ds-ml-16\n    ds-ml-20\n    ds-ml-24\n    ds-ml-28\n    ds-ml-32\n    ds-ml-36\n    ds-ml-40\n    ds-ml-44\n    ds-ml-48\n    ds-ml-52\n    ds-ml-56\n    ds-ml-60\n    ds-ml-64\n    ds-ml-72\n    ds-ml-80\n    ds-ml-96\n    ds-ml-px\n    ds-ml-0.5\n    ds-ml-1.5\n    ds-ml-2.5\n    ds-ml-3.5\n    ds-mb-0\n    ds-mb-1\n    ds-mb-2\n    ds-mb-3\n    ds-mb-4\n    ds-mb-5\n    ds-mb-6\n    ds-mb-7\n    ds-mb-8\n    ds-mb-9\n    ds-mb-10\n    ds-mb-11\n    ds-mb-12\n    ds-mb-14\n    ds-mb-16\n    ds-mb-20\n    ds-mb-24\n    ds-mb-28\n    ds-mb-32\n    ds-mb-36\n    ds-mb-40\n    ds-mb-44\n    ds-mb-48\n    ds-mb-52\n    ds-mb-56\n    ds-mb-60\n    ds-mb-64\n    ds-mb-72\n    ds-mb-80\n    ds-mb-96\n    ds-mb-px\n    ds-mb-0.5\n    ds-mb-1.5\n    ds-mb-2.5\n    ds-mb-3.5\n    ds-p-0\n    ds-p-1\n    ds-p-2\n    ds-p-3\n    ds-p-4\n    ds-p-5\n    ds-p-6\n    ds-p-7\n    ds-p-8\n    ds-p-9\n    ds-p-10\n    ds-p-11\n    ds-p-12\n    ds-p-14\n    ds-p-16\n    ds-p-20\n    ds-p-24\n    ds-p-28\n    ds-p-32\n    ds-p-36\n    ds-p-40\n    ds-p-44\n    ds-p-48\n    ds-p-52\n    ds-p-56\n    ds-p-60\n    ds-p-64\n    ds-p-72\n    ds-p-80\n    ds-p-96\n    ds-p-px\n    ds-p-0.5\n    ds-p-1.5\n    ds-p-2.5\n    ds-p-3.5\n    ds-pt-0\n    ds-pt-1\n    ds-pt-2\n    ds-pt-3\n    ds-pt-4\n    ds-pt-5\n    ds-pt-6\n    ds-pt-7\n    ds-pt-8\n    ds-pt-9\n    ds-pt-10\n    ds-pt-11\n    ds-pt-12\n    ds-pt-14\n    ds-pt-16\n    ds-pt-20\n    ds-pt-24\n    ds-pt-28\n    ds-pt-32\n    ds-pt-36\n    ds-pt-40\n    ds-pt-44\n    ds-pt-48\n    ds-pt-52\n    ds-pt-56\n    ds-pt-60\n    ds-pt-64\n    ds-pt-72\n    ds-pt-80\n    ds-pt-96\n    ds-pt-px\n    ds-pt-0.5\n    ds-pt-1.5\n    ds-pt-2.5\n    ds-pt-3.5\n    ds-pr-0\n    ds-pr-1\n    ds-pr-2\n    ds-pr-3\n    ds-pr-4\n    ds-pr-5\n    ds-pr-6\n    ds-pr-7\n    ds-pr-8\n    ds-pr-9\n    ds-pr-10\n    ds-pr-11\n    ds-pr-12\n    ds-pr-14\n    ds-pr-16\n    ds-pr-20\n    ds-pr-24\n    ds-pr-28\n    ds-pr-32\n    ds-pr-36\n    ds-pr-40\n    ds-pr-44\n    ds-pr-48\n    ds-pr-52\n    ds-pr-56\n    ds-pr-60\n    ds-pr-64\n    ds-pr-72\n    ds-pr-80\n    ds-pr-96\n    ds-pr-px\n    ds-pr-0.5\n    ds-pr-1.5\n    ds-pr-2.5\n    ds-pr-3.5\n    ds-pl-0\n    ds-pl-1\n    ds-pl-2\n    ds-pl-3\n    ds-pl-4\n    ds-pl-5\n    ds-pl-6\n    ds-pl-7\n    ds-pl-8\n    ds-pl-9\n    ds-pl-10\n    ds-pl-11\n    ds-pl-12\n    ds-pl-14\n    ds-pl-16\n    ds-pl-20\n    ds-pl-24\n    ds-pl-28\n    ds-pl-32\n    ds-pl-36\n    ds-pl-40\n    ds-pl-44\n    ds-pl-48\n    ds-pl-52\n    ds-pl-56\n    ds-pl-60\n    ds-pl-64\n    ds-pl-72\n    ds-pl-80\n    ds-pl-96\n    ds-pl-px\n    ds-pl-0.5\n    ds-pl-1.5\n    ds-pl-2.5\n    ds-pl-3.5\n    ds-pb-0\n    ds-pb-1\n    ds-pb-2\n    ds-pb-3\n    ds-pb-4\n    ds-pb-5\n    ds-pb-6\n    ds-pb-7\n    ds-pb-8\n    ds-pb-9\n    ds-pb-10\n    ds-pb-11\n    ds-pb-12\n    ds-pb-14\n    ds-pb-16\n    ds-pb-20\n    ds-pb-24\n    ds-pb-28\n    ds-pb-32\n    ds-pb-36\n    ds-pb-40\n    ds-pb-44\n    ds-pb-48\n    ds-pb-52\n    ds-pb-56\n    ds-pb-60\n    ds-pb-64\n    ds-pb-72\n    ds-pb-80\n    ds-pb-96\n    ds-pb-px\n    ds-pb-0.5\n    ds-pb-1.5\n    ds-pb-2.5\n    ds-pb-3.5\n    ds-gap-1\n    ds-gap-2\n    ds-gap-4\n    ds-gap-6\n    ds-gap-8\n    ds-gap-10\n    ds-gap-12\n    ds-gap-xs-1\n    ds-gap-xs-2\n    ds-gap-xs-4\n    ds-gap-xs-5\n    ds-gap-xs-6\n    ds-gap-xs-8\n    ds-gap-xs-10\n    ds-gap-xs-12\n    ds-gap-sm-1\n    ds-gap-sm-2\n    ds-gap-sm-4\n    ds-gap-sm-5\n    ds-gap-sm-6\n    ds-gap-sm-8\n    ds-gap-sm-10\n    ds-gap-sm-12\n    ds-gap-md-1\n    ds-gap-md-2\n    ds-gap-md-4\n    ds-gap-md-5\n    ds-gap-md-6\n    ds-gap-md-8\n    ds-gap-md-10\n    ds-gap-md-12\n    ds-gap-lg-1\n    ds-gap-lg-2\n    ds-gap-lg-4\n    ds-gap-lg-5\n    ds-gap-lg-6\n    ds-gap-lg-8\n    ds-gap-lg-10\n    ds-gap-lg-12\n    ds-gap-xl-1\n    ds-gap-xl-2\n    ds-gap-xl-4\n    ds-gap-xl-5\n    ds-gap-xl-6\n    ds-gap-xl-8\n    ds-gap-xl-10\n    ds-gap-xl-12\n    ds-!-font-size-14\n    ds-!-font-size-16\n    ds-!-font-size-19\n    ds-!-font-size-24\n    ds-!-font-size-30\n    ds-!-font-size-36\n    ds-!-font-size-48\n    ds-!-font-size-72\n    ds-!-font-weight-regular\n    ds-!-font-weight-bold\n    ds-print-hidden\n    ds-svg-icon--arrow\n    ds-svg-icon--chevron\n    ds-svg-icon--burger\n    ds-svg-icon--burger--active\n    ds-svg-icon--caret\n    ds-svg-icon--check\n    ds-svg-icon--close\n    ds-svg-icon--globe\n    ds-svg-icon--moreVert\n    ds-svg-icon--uncheck\n    xs:ds-grid__col-span-1\n    xs:ds-grid__col-span-2\n    xs:ds-grid__col-span-3\n    xs:ds-grid__col-span-4\n    xs:ds-grid__col-span-5\n    xs:ds-grid__col-span-6\n    xs:ds-grid__col-span-7\n    xs:ds-grid__col-span-8\n    xs:ds-grid__col-span-9\n    xs:ds-grid__col-span-10\n    xs:ds-grid__col-span-11\n    xs:ds-grid__col-span-12\n    sm:ds-grid__col-span-1\n    sm:ds-grid__col-span-2\n    sm:ds-grid__col-span-3\n    sm:ds-grid__col-span-4\n    sm:ds-grid__col-span-5\n    sm:ds-grid__col-span-6\n    sm:ds-grid__col-span-7\n    sm:ds-grid__col-span-8\n    sm:ds-grid__col-span-9\n    sm:ds-grid__col-span-10\n    sm:ds-grid__col-span-11\n    sm:ds-grid__col-span-12\n    md:ds-grid__col-span-1\n    md:ds-grid__col-span-2\n    md:ds-grid__col-span-3\n    md:ds-grid__col-span-4\n    md:ds-grid__col-span-5\n    md:ds-grid__col-span-6\n    md:ds-grid__col-span-7\n    md:ds-grid__col-span-8\n    md:ds-grid__col-span-9\n    md:ds-grid__col-span-10\n    md:ds-grid__col-span-11\n    md:ds-grid__col-span-12\n    lg:ds-grid__col-span-1\n    lg:ds-grid__col-span-2\n    lg:ds-grid__col-span-3\n    lg:ds-grid__col-span-4\n    lg:ds-grid__col-span-5\n    lg:ds-grid__col-span-6\n    lg:ds-grid__col-span-7\n    lg:ds-grid__col-span-8\n    lg:ds-grid__col-span-9\n    lg:ds-grid__col-span-10\n    lg:ds-grid__col-span-11\n    lg:ds-grid__col-span-12\n    ds-stack--row\n    ds-stack--row-reverse\n    ds-stack--column\n    ds-stack--column-reverse\n    ds-stack--justify-flex-start\n    ds-stack--justify-flex-end\n    ds-stack--justify-center\n    ds-stack--justify-space-between\n    ds-stack--justify-space-around\n    ds-stack--justify-space-evenly \n    ds-stack--align-stretch\n    ds-stack--align-flex-start\n    ds-stack--align-flex-end\n    ds-stack--align-center\n    ds-stack--align-baseline\n    ds-stack--content-flex-start\n    ds-stack--content-flex-end\n    ds-stack--content-center\n    ds-stack--content-space-between\n    ds-stack--content-space-around\n    ds-stack--content-space-evenly \n    ds-notification-banner--info\n    ds-notification-banner--success\n    ds-notification-banner--warning\n    ds-notification-banner--error\n    ds-input--width-2-char\n    ds-input--width-3-char\n    ds-input--width-4-char\n    ds-input--width-5-char\n    ds-input--width-10-char\n    ds-input--width-20-char\n    ds-!-width-one-quarter\n    ds-!-width-one-third\n    ds-!-width-one-half\n    ds-!-width-two-thirds\n    ds-!-width-three-quarters\n    ds-!-width-one-third\n    ds-!-width-one-half\n    ds-!-width-two-thirds\n    ds-!-width-three-quarters\n    ds-!-width-full\n    ds-table__caption--sm\n    ds-table__caption--md\n    ds-table__caption--lg\n    ds-table__caption--xl\n    ds-task-list__content__tag--primary\n    ds-task-list__content__tag--secondary\n    ds-task-list__content__tag--info\n    ds-svg-icon--xs\n    ds-svg-icon--sm\n    ds-svg-icon--md\n    ds-svg-icon--lg\n    ds-svg-icon--xl\n    ds-caption-md\n    ds-caption-lg\n    ds-caption-xl\n    ds-heading-xs\n    ds-heading-sm\n    ds-heading-md\n    ds-heading-lg\n    ds-heading-xl\n    ds-image-logo--light\n    ds-image-logo--dark\n    "
+    className: "\n    ds-m-0\n    ds-m-1\n    ds-m-2\n    ds-m-3\n    ds-m-4\n    ds-m-5\n    ds-m-6\n    ds-m-7\n    ds-m-8\n    ds-m-9\n    ds-m-10\n    ds-m-11\n    ds-m-12\n    ds-m-14\n    ds-m-16\n    ds-m-20\n    ds-m-24\n    ds-m-28\n    ds-m-32\n    ds-m-36\n    ds-m-40\n    ds-m-44\n    ds-m-48\n    ds-m-52\n    ds-m-56\n    ds-m-60\n    ds-m-64\n    ds-m-72\n    ds-m-80\n    ds-m-96\n    ds-m-px\n    ds-m-0.5\n    ds-m-1.5\n    ds-m-2.5\n    ds-m-3.5\n    ds-mt-0\n    ds-mt-1\n    ds-mt-2\n    ds-mt-3\n    ds-mt-4\n    ds-mt-5\n    ds-mt-6\n    ds-mt-7\n    ds-mt-8\n    ds-mt-9\n    ds-mt-10\n    ds-mt-11\n    ds-mt-12\n    ds-mt-14\n    ds-mt-16\n    ds-mt-20\n    ds-mt-24\n    ds-mt-28\n    ds-mt-32\n    ds-mt-36\n    ds-mt-40\n    ds-mt-44\n    ds-mt-48\n    ds-mt-52\n    ds-mt-56\n    ds-mt-60\n    ds-mt-64\n    ds-mt-72\n    ds-mt-80\n    ds-mt-96\n    ds-mt-px\n    ds-mt-0.5\n    ds-mt-1.5\n    ds-mt-2.5\n    ds-mt-3.5\n    ds-mr-0\n    ds-mr-1\n    ds-mr-2\n    ds-mr-3\n    ds-mr-4\n    ds-mr-5\n    ds-mr-6\n    ds-mr-7\n    ds-mr-8\n    ds-mr-9\n    ds-mr-10\n    ds-mr-11\n    ds-mr-12\n    ds-mr-14\n    ds-mr-16\n    ds-mr-20\n    ds-mr-24\n    ds-mr-28\n    ds-mr-32\n    ds-mr-36\n    ds-mr-40\n    ds-mr-44\n    ds-mr-48\n    ds-mr-52\n    ds-mr-56\n    ds-mr-60\n    ds-mr-64\n    ds-mr-72\n    ds-mr-80\n    ds-mr-96\n    ds-mr-px\n    ds-mr-0.5\n    ds-mr-1.5\n    ds-mr-2.5\n    ds-mr-3.5\n    ds-ml-0\n    ds-ml-1\n    ds-ml-2\n    ds-ml-3\n    ds-ml-4\n    ds-ml-5\n    ds-ml-6\n    ds-ml-7\n    ds-ml-8\n    ds-ml-9\n    ds-ml-10\n    ds-ml-11\n    ds-ml-12\n    ds-ml-14\n    ds-ml-16\n    ds-ml-20\n    ds-ml-24\n    ds-ml-28\n    ds-ml-32\n    ds-ml-36\n    ds-ml-40\n    ds-ml-44\n    ds-ml-48\n    ds-ml-52\n    ds-ml-56\n    ds-ml-60\n    ds-ml-64\n    ds-ml-72\n    ds-ml-80\n    ds-ml-96\n    ds-ml-px\n    ds-ml-0.5\n    ds-ml-1.5\n    ds-ml-2.5\n    ds-ml-3.5\n    ds-mb-0\n    ds-mb-1\n    ds-mb-2\n    ds-mb-3\n    ds-mb-4\n    ds-mb-5\n    ds-mb-6\n    ds-mb-7\n    ds-mb-8\n    ds-mb-9\n    ds-mb-10\n    ds-mb-11\n    ds-mb-12\n    ds-mb-14\n    ds-mb-16\n    ds-mb-20\n    ds-mb-24\n    ds-mb-28\n    ds-mb-32\n    ds-mb-36\n    ds-mb-40\n    ds-mb-44\n    ds-mb-48\n    ds-mb-52\n    ds-mb-56\n    ds-mb-60\n    ds-mb-64\n    ds-mb-72\n    ds-mb-80\n    ds-mb-96\n    ds-mb-px\n    ds-mb-0.5\n    ds-mb-1.5\n    ds-mb-2.5\n    ds-mb-3.5\n    ds-mx-0\n    ds-mx-1\n    ds-mx-2\n    ds-mx-3\n    ds-mx-4\n    ds-mx-5\n    ds-mx-6\n    ds-mx-7\n    ds-mx-8\n    ds-mx-9\n    ds-mx-10\n    ds-mx-11\n    ds-mx-12\n    ds-mx-14\n    ds-mx-16\n    ds-mx-20\n    ds-mx-24\n    ds-mx-28\n    ds-mx-32\n    ds-mx-36\n    ds-mx-40\n    ds-mx-44\n    ds-mx-48\n    ds-mx-52\n    ds-mx-56\n    ds-mx-60\n    ds-mx-64\n    ds-mx-72\n    ds-mx-80\n    ds-mx-96\n    ds-mx-0.5\n    ds-mx-1.5\n    ds-mx-2.5\n    ds-mx-3.5\n    ds-my-0\n    ds-my-1\n    ds-my-2\n    ds-my-3\n    ds-my-4\n    ds-my-5\n    ds-my-6\n    ds-my-7\n    ds-my-8\n    ds-my-9\n    ds-my-10\n    ds-my-11\n    ds-my-12\n    ds-my-14\n    ds-my-16\n    ds-my-20\n    ds-my-24\n    ds-my-28\n    ds-my-32\n    ds-my-36\n    ds-my-40\n    ds-my-44\n    ds-my-48\n    ds-my-52\n    ds-my-56\n    ds-my-60\n    ds-my-64\n    ds-my-72\n    ds-my-80\n    ds-my-96\n    ds-my-0.5\n    ds-my-1.5\n    ds-my-2.5\n    ds-my-3.5\n    ds-p-0\n    ds-p-1\n    ds-p-2\n    ds-p-3\n    ds-p-4\n    ds-p-5\n    ds-p-6\n    ds-p-7\n    ds-p-8\n    ds-p-9\n    ds-p-10\n    ds-p-11\n    ds-p-12\n    ds-p-14\n    ds-p-16\n    ds-p-20\n    ds-p-24\n    ds-p-28\n    ds-p-32\n    ds-p-36\n    ds-p-40\n    ds-p-44\n    ds-p-48\n    ds-p-52\n    ds-p-56\n    ds-p-60\n    ds-p-64\n    ds-p-72\n    ds-p-80\n    ds-p-96\n    ds-p-px\n    ds-p-0.5\n    ds-p-1.5\n    ds-p-2.5\n    ds-p-3.5\n    ds-pt-0\n    ds-pt-1\n    ds-pt-2\n    ds-pt-3\n    ds-pt-4\n    ds-pt-5\n    ds-pt-6\n    ds-pt-7\n    ds-pt-8\n    ds-pt-9\n    ds-pt-10\n    ds-pt-11\n    ds-pt-12\n    ds-pt-14\n    ds-pt-16\n    ds-pt-20\n    ds-pt-24\n    ds-pt-28\n    ds-pt-32\n    ds-pt-36\n    ds-pt-40\n    ds-pt-44\n    ds-pt-48\n    ds-pt-52\n    ds-pt-56\n    ds-pt-60\n    ds-pt-64\n    ds-pt-72\n    ds-pt-80\n    ds-pt-96\n    ds-pt-px\n    ds-pt-0.5\n    ds-pt-1.5\n    ds-pt-2.5\n    ds-pt-3.5\n    ds-pr-0\n    ds-pr-1\n    ds-pr-2\n    ds-pr-3\n    ds-pr-4\n    ds-pr-5\n    ds-pr-6\n    ds-pr-7\n    ds-pr-8\n    ds-pr-9\n    ds-pr-10\n    ds-pr-11\n    ds-pr-12\n    ds-pr-14\n    ds-pr-16\n    ds-pr-20\n    ds-pr-24\n    ds-pr-28\n    ds-pr-32\n    ds-pr-36\n    ds-pr-40\n    ds-pr-44\n    ds-pr-48\n    ds-pr-52\n    ds-pr-56\n    ds-pr-60\n    ds-pr-64\n    ds-pr-72\n    ds-pr-80\n    ds-pr-96\n    ds-pr-px\n    ds-pr-0.5\n    ds-pr-1.5\n    ds-pr-2.5\n    ds-pr-3.5\n    ds-pl-0\n    ds-pl-1\n    ds-pl-2\n    ds-pl-3\n    ds-pl-4\n    ds-pl-5\n    ds-pl-6\n    ds-pl-7\n    ds-pl-8\n    ds-pl-9\n    ds-pl-10\n    ds-pl-11\n    ds-pl-12\n    ds-pl-14\n    ds-pl-16\n    ds-pl-20\n    ds-pl-24\n    ds-pl-28\n    ds-pl-32\n    ds-pl-36\n    ds-pl-40\n    ds-pl-44\n    ds-pl-48\n    ds-pl-52\n    ds-pl-56\n    ds-pl-60\n    ds-pl-64\n    ds-pl-72\n    ds-pl-80\n    ds-pl-96\n    ds-pl-px\n    ds-pl-0.5\n    ds-pl-1.5\n    ds-pl-2.5\n    ds-pl-3.5\n    ds-pb-0\n    ds-pb-1\n    ds-pb-2\n    ds-pb-3\n    ds-pb-4\n    ds-pb-5\n    ds-pb-6\n    ds-pb-7\n    ds-pb-8\n    ds-pb-9\n    ds-pb-10\n    ds-pb-11\n    ds-pb-12\n    ds-pb-14\n    ds-pb-16\n    ds-pb-20\n    ds-pb-24\n    ds-pb-28\n    ds-pb-32\n    ds-pb-36\n    ds-pb-40\n    ds-pb-44\n    ds-pb-48\n    ds-pb-52\n    ds-pb-56\n    ds-pb-60\n    ds-pb-64\n    ds-pb-72\n    ds-pb-80\n    ds-pb-96\n    ds-pb-px\n    ds-pb-0.5\n    ds-pb-1.5\n    ds-pb-2.5\n    ds-pb-3.5\n    ds-px-0\n    ds-px-1\n    ds-px-2\n    ds-px-3\n    ds-px-4\n    ds-px-5\n    ds-px-6\n    ds-px-7\n    ds-px-8\n    ds-px-9\n    ds-px-10\n    ds-px-11\n    ds-px-12\n    ds-px-14\n    ds-px-16\n    ds-px-20\n    ds-px-24\n    ds-px-28\n    ds-px-32\n    ds-px-36\n    ds-px-40\n    ds-px-44\n    ds-px-48\n    ds-px-52\n    ds-px-56\n    ds-px-60\n    ds-px-64\n    ds-px-72\n    ds-px-80\n    ds-px-96\n    ds-px-0.5\n    ds-px-1.5\n    ds-px-2.5\n    ds-px-3.5\n    ds-py-0\n    ds-py-1\n    ds-py-2\n    ds-py-3\n    ds-py-4\n    ds-py-5\n    ds-py-6\n    ds-py-7\n    ds-py-8\n    ds-py-9\n    ds-py-10\n    ds-py-11\n    ds-py-12\n    ds-py-14\n    ds-py-16\n    ds-py-20\n    ds-py-24\n    ds-py-28\n    ds-py-32\n    ds-py-36\n    ds-py-40\n    ds-py-44\n    ds-py-48\n    ds-py-52\n    ds-py-56\n    ds-py-60\n    ds-py-64\n    ds-py-72\n    ds-py-80\n    ds-py-96\n    ds-py-0.5\n    ds-py-1.5\n    ds-py-2.5\n    ds-py-3.5\n    ds-gap-1\n    ds-gap-2\n    ds-gap-4\n    ds-gap-6\n    ds-gap-8\n    ds-gap-10\n    ds-gap-12\n    ds-gap-xs-1\n    ds-gap-xs-2\n    ds-gap-xs-4\n    ds-gap-xs-5\n    ds-gap-xs-6\n    ds-gap-xs-8\n    ds-gap-xs-10\n    ds-gap-xs-12\n    ds-gap-sm-1\n    ds-gap-sm-2\n    ds-gap-sm-4\n    ds-gap-sm-5\n    ds-gap-sm-6\n    ds-gap-sm-8\n    ds-gap-sm-10\n    ds-gap-sm-12\n    ds-gap-md-1\n    ds-gap-md-2\n    ds-gap-md-4\n    ds-gap-md-5\n    ds-gap-md-6\n    ds-gap-md-8\n    ds-gap-md-10\n    ds-gap-md-12\n    ds-gap-lg-1\n    ds-gap-lg-2\n    ds-gap-lg-4\n    ds-gap-lg-5\n    ds-gap-lg-6\n    ds-gap-lg-8\n    ds-gap-lg-10\n    ds-gap-lg-12\n    ds-gap-xl-1\n    ds-gap-xl-2\n    ds-gap-xl-4\n    ds-gap-xl-5\n    ds-gap-xl-6\n    ds-gap-xl-8\n    ds-gap-xl-10\n    ds-gap-xl-12\n    ds-!-font-size-14\n    ds-!-font-size-16\n    ds-!-font-size-19\n    ds-!-font-size-24\n    ds-!-font-size-30\n    ds-!-font-size-36\n    ds-!-font-size-48\n    ds-!-font-size-72\n    ds-!-font-weight-regular\n    ds-!-font-weight-bold\n    ds-print-hidden\n    xs:ds-grid__col-span-1\n    xs:ds-grid__col-span-2\n    xs:ds-grid__col-span-3\n    xs:ds-grid__col-span-4\n    xs:ds-grid__col-span-5\n    xs:ds-grid__col-span-6\n    xs:ds-grid__col-span-7\n    xs:ds-grid__col-span-8\n    xs:ds-grid__col-span-9\n    xs:ds-grid__col-span-10\n    xs:ds-grid__col-span-11\n    xs:ds-grid__col-span-12\n    sm:ds-grid__col-span-1\n    sm:ds-grid__col-span-2\n    sm:ds-grid__col-span-3\n    sm:ds-grid__col-span-4\n    sm:ds-grid__col-span-5\n    sm:ds-grid__col-span-6\n    sm:ds-grid__col-span-7\n    sm:ds-grid__col-span-8\n    sm:ds-grid__col-span-9\n    sm:ds-grid__col-span-10\n    sm:ds-grid__col-span-11\n    sm:ds-grid__col-span-12\n    md:ds-grid__col-span-1\n    md:ds-grid__col-span-2\n    md:ds-grid__col-span-3\n    md:ds-grid__col-span-4\n    md:ds-grid__col-span-5\n    md:ds-grid__col-span-6\n    md:ds-grid__col-span-7\n    md:ds-grid__col-span-8\n    md:ds-grid__col-span-9\n    md:ds-grid__col-span-10\n    md:ds-grid__col-span-11\n    md:ds-grid__col-span-12\n    lg:ds-grid__col-span-1\n    lg:ds-grid__col-span-2\n    lg:ds-grid__col-span-3\n    lg:ds-grid__col-span-4\n    lg:ds-grid__col-span-5\n    lg:ds-grid__col-span-6\n    lg:ds-grid__col-span-7\n    lg:ds-grid__col-span-8\n    lg:ds-grid__col-span-9\n    lg:ds-grid__col-span-10\n    lg:ds-grid__col-span-11\n    lg:ds-grid__col-span-12\n    ds-stack--row\n    ds-stack--row-reverse\n    ds-stack--column\n    ds-stack--column-reverse\n    ds-stack--justify-flex-start\n    ds-stack--justify-flex-end\n    ds-stack--justify-center\n    ds-stack--justify-space-between\n    ds-stack--justify-space-around\n    ds-stack--justify-space-evenly \n    ds-stack--align-stretch\n    ds-stack--align-flex-start\n    ds-stack--align-flex-end\n    ds-stack--align-center\n    ds-stack--align-baseline\n    ds-stack--content-flex-start\n    ds-stack--content-flex-end\n    ds-stack--content-center\n    ds-stack--content-space-between\n    ds-stack--content-space-around\n    ds-stack--content-space-evenly \n    ds-notification-banner--info\n    ds-notification-banner--success\n    ds-notification-banner--warning\n    ds-notification-banner--error\n    ds-input--width-2-char\n    ds-input--width-3-char\n    ds-input--width-4-char\n    ds-input--width-5-char\n    ds-input--width-10-char\n    ds-input--width-20-char\n    ds-!-width-one-quarter\n    ds-!-width-one-third\n    ds-!-width-one-half\n    ds-!-width-two-thirds\n    ds-!-width-three-quarters\n    ds-!-width-one-third\n    ds-!-width-one-half\n    ds-!-width-two-thirds\n    ds-!-width-three-quarters\n    ds-!-width-full\n    ds-table__caption--sm\n    ds-table__caption--md\n    ds-table__caption--lg\n    ds-table__caption--xl\n    ds-task-list__content__tag--primary\n    ds-task-list__content__tag--secondary\n    ds-task-list__content__tag--info\n    ds-svg-icon--xs\n    ds-svg-icon--sm\n    ds-svg-icon--md\n    ds-svg-icon--lg\n    ds-svg-icon--xl\n    ds-svg-icon--dark\n    ds-svg-icon--light\n    ds-svg-icon--gray\n    ds-svg-icon--primary\n    ds-svg-icon--success\n    ds-svg-icon--warning\n    ds-svg-icon--error\n    ds-svg-icon--focus\n    ds-svg-icon--info\n    ds-svg-icon--link\n    ds-svg-icon--arrow\n    ds-svg-icon--burger\n    ds-svg-icon--burger--active\n    ds-svg-icon--cancel\n    ds-svg-icon--caret\n    ds-svg-icon--chat\n    ds-svg-icon--check\n    ds-svg-icon--chevron\n    ds-svg-icon--close\n    ds-svg-icon--download\n    ds-svg-icon--exclamation\n    ds-svg-icon--globe\n    ds-svg-icon--lock\n    ds-svg-icon--minus\n    ds-svg-icon--moreVert\n    ds-svg-icon--pdfFile\n    ds-svg-icon--plus\n    ds-svg-icon--reply\n    ds-svg-icon--restore\n    ds-svg-icon--uncheck\n    ds-caption-md\n    ds-caption-lg\n    ds-caption-xl\n    ds-heading-xs\n    ds-heading-sm\n    ds-heading-md\n    ds-heading-lg\n    ds-heading-xl\n    ds-image-logo-light\n    ds-image-logo-dark\n    ds-autocomplete__multi-input-container--1\n    ds-autocomplete__multi-input-container--2\n    ds-autocomplete__multi-input-container--3\n    "
   });
 }
 var _default = exports["default"] = Unpurge;

package/cjs/index.js

@@ -1675,14 +1675,36 @@ Object.keys(_AutoCompleteResultListItem).forEach(function (key) {
     }
   });
 });
-var _AutoCompleteWrapper = require("@digigov/react-core/AutoCompleteWrapper");
-Object.keys(_AutoCompleteWrapper).forEach(function (key) {
+var _AutoCompleteContainer = require("@digigov/react-core/AutoCompleteContainer");
+Object.keys(_AutoCompleteContainer).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _AutoCompleteWrapper[key]) return;
+  if (key in exports && exports[key] === _AutoCompleteContainer[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _AutoCompleteWrapper[key];
+      return _AutoCompleteContainer[key];
+    }
+  });
+});
+var _AutoCompleteMultipleInputContainer = require("@digigov/react-core/AutoCompleteMultipleInputContainer");
+Object.keys(_AutoCompleteMultipleInputContainer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AutoCompleteMultipleInputContainer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AutoCompleteMultipleInputContainer[key];
+    }
+  });
+});
+var _AutoCompleteMultipleInput = require("@digigov/react-core/AutoCompleteMultipleInput");
+Object.keys(_AutoCompleteMultipleInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AutoCompleteMultipleInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AutoCompleteMultipleInput[key];
     }
   });
 });