@digigov/react-core 2.0.0-rc.6 → 2.0.0-rc.8

package/Skeleton/index.d.ts

@@ -0,0 +1,48 @@
+import React from 'react';
+import { BaseProps } from '@digigov/react-core/Base';
+export interface SkeletonProps extends BaseProps<'span'> {
+    /**
+     * variant prop determines the style of the skeleton element.
+     * @value 'circular', it renders a circular skeleton.
+     * @value 'rectangular', it renders a rectangular skeleton.
+     * @value 'text', it renders a text skeleton.
+     * @value 'button', it renders a button skeleton.
+     * @default 'text'
+     */
+    variant?: 'circular' | 'rectangular' | 'text' | 'button';
+    /**
+     * width prop determines the width of the skeleton element.
+     * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').
+     * @default undefined
+     */
+    width?: number | string;
+    /**
+     * height prop determines the height of the skeleton element.
+     * It accepts number in px or string with valid CSS units (e.g. '24px', '1em', '100%').
+     * @default undefined
+     */
+    height?: number | string;
+    /**
+   * fontSize is optional. 'sm' is the default value.
+   * Use 'xl' when this Skeleton is for a main page title.
+   * The fontSize works only for variant 'text'.
+   * You don't need fontSize if you wrap Skeleton in a typography component.
+   * @value 'xl'
+   * @value 'lg'
+   * @value 'md'
+   * @value 'sm'
+   * @value 'xs'
+   * @default 'sm'
+   */
+    fontSize?: 'xl' | 'lg' | 'md' | 'sm' | 'xs';
+    /**
+     * animation prop determines if the skeleton should animate or not.
+     * @default true
+     */
+    animation?: boolean;
+}
+/**
+ * Use Skeleton component while a page is loading.
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<Pick<SkeletonProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "height" | "id" | "lang" | "width" | "role" | "tabIndex" | "fontSize" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "variant" | "animation"> & React.RefAttributes<HTMLSpanElement>>;
+export default Skeleton;

package/Skeleton/index.js

@@ -0,0 +1,35 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["width", "height", "fontSize", "variant", "animation", "className", "children"];
+import React from 'react';
+import clsx from 'clsx';
+import Base from '@digigov/react-core/Base';
+/**
+ * Use Skeleton component while a page is loading.
+ */
+export var Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(_ref, ref) {
+  var width = _ref.width,
+    height = _ref.height,
+    fontSize = _ref.fontSize,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'text' : _ref$variant,
+    _ref$animation = _ref.animation,
+    animation = _ref$animation === void 0 ? true : _ref$animation,
+    className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(Base, _extends({
+    as: "span",
+    ref: ref,
+    className: clsx(className, fontSize !== undefined && variant === 'text' && "ds-skeleton--font-".concat(fontSize), !!animation && 'ds-skeleton--animate', !!children && !width && 'ds-skeleton--width-fit-content', !!variant && !children && "ds-skeleton--".concat(variant), true && 'ds-skeleton')
+  }, props, {
+    style: {
+      width: typeof width === 'number' ? "".concat(width, "px") : width,
+      maxWidth: !!width ? '100%' : undefined,
+      height: typeof height === 'number' ? "".concat(height, "px") : height
+    }
+  }), variant === 'button' && /*#__PURE__*/React.createElement("span", {
+    className: clsx(height === undefined && width === undefined && 'ds-skeleton__line--size-default', true && 'ds-skeleton__line')
+  }), children);
+});
+export default Skeleton;

package/Skeleton/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../cjs/Skeleton/index.js"
+}

package/SummaryList/index.d.ts

@@ -10,10 +10,19 @@ export interface SummaryListProps extends BaseProps<'dl'> {
      * @default true
      */
     border?: boolean;
+    /**
+     * noLastBorder is optional.
+     * By default, SummaryList has borders. You can remove last border by using noLastBorder prop.
+     * By default is true
+     * @value true
+     * @value false
+     * @default false
+     */
+    noLastBorder?: boolean;
 }
 /**
  * SummaryList used as a table with summary informations.
  * It must contain a list of SummaryListItem components.
  */
-export declare const SummaryList: React.ForwardRefExoticComponent<Pick<SummaryListProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "border"> & React.RefAttributes<HTMLDListElement>>;
+export declare const SummaryList: React.ForwardRefExoticComponent<Pick<SummaryListProps, "p" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "m" | "mt" | "mb" | "ml" | "mr" | "mx" | "my" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "pt" | "pb" | "pl" | "pr" | "px" | "py" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "border" | "noLastBorder"> & React.RefAttributes<HTMLDListElement>>;
 export default SummaryList;

package/SummaryList/index.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["className", "border", "children"];
+var _excluded = ["className", "noLastBorder", "border", "children"];
 import React from 'react';
 import clsx from 'clsx';
 import Base from '@digigov/react-core/Base';
@@ -10,6 +10,8 @@ import Base from '@digigov/react-core/Base';
  */
 export var SummaryList = /*#__PURE__*/React.forwardRef(function SummaryList(_ref, ref) {
   var className = _ref.className,
+    _ref$noLastBorder = _ref.noLastBorder,
+    noLastBorder = _ref$noLastBorder === void 0 ? false : _ref$noLastBorder,
     _ref$border = _ref.border,
     border = _ref$border === void 0 ? true : _ref$border,
     children = _ref.children,
@@ -17,7 +19,7 @@ export var SummaryList = /*#__PURE__*/React.forwardRef(function SummaryList(_ref
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "dl",
     ref: ref,
-    className: clsx(className, !border && 'ds-summary-list--no-border', true && 'ds-summary-list')
+    className: clsx(className, noLastBorder && 'ds-summary-list--no-last-border', !border && 'ds-summary-list--no-border', true && 'ds-summary-list')
   }, props), children);
 });
 export default SummaryList;

package/Unpurge/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 function Unpurge() {
   return /*#__PURE__*/React.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-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    "
+    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    ds-skeleton--text\n    ds-skeleton--circular\n    ds-skeleton--rectangular\n    ds-skeleton--button\n    ds-skeleton--font-xs\n    ds-skeleton--font-sm\n    ds-skeleton--font-md\n    ds-skeleton--font-lg\n    ds-skeleton--font-xl\n    "
   });
 }
 export default Unpurge;

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

@@ -4,15 +4,19 @@ exports[`renders the AdminAside with no prop 1`] = `
 <ForwardRef(AdminAside)>
   <ForwardRef(Grid)
     as="aside"
-    className="ds-admin-side-content"
+    className="ds-admin-aside"
     item={true}
+    lg={3}
+    md={4}
+    spacing={4}
+    xs={12}
   >
     <ForwardRef(Base)
       as="aside"
-      className="ds-admin-side-content"
+      className="ds-admin-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
     >
       <aside
-        className="ds-admin-side-content"
+        className="ds-admin-aside xs:ds-grid__col-span-12 md:ds-grid__col-span-4 lg:ds-grid__col-span-3"
       >
         hello
       </aside>

package/cjs/AdminAside/index.js

@@ -20,9 +20,13 @@ var AdminAside = exports.AdminAside = /*#__PURE__*/_react["default"].forwardRef(
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
     as: "aside",
-    ref: ref,
     item: true,
-    className: (0, _clsx["default"])(className, true && 'ds-admin-side-content')
+    xs: 12,
+    md: 4,
+    lg: 3,
+    spacing: 4,
+    ref: ref,
+    className: (0, _clsx["default"])(className, true && 'ds-admin-aside')
   }, props), children);
 });
 var _default = exports["default"] = AdminAside;

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

@@ -1,7 +1,9 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the AdminContainer with no props 1`] = `
-<ForwardRef(AdminContainer)>
+exports[`renders the AdminContainer with no grid 1`] = `
+<ForwardRef(AdminContainer)
+  grid={false}
+>
   <ForwardRef(Container)
     fullWidth={true}
     grid={false}
@@ -17,11 +19,37 @@ exports[`renders the AdminContainer with no props 1`] = `
         <div
           className="ds-container--full-width ds-container"
         >
-          <div
-            className="ds-admin-main-wrapper"
-          >
-            hello
-          </div>
+          hello
+        </div>
+      </ForwardRef(Base)>
+    </ForwardRef(Grid)>
+  </ForwardRef(Container)>
+</ForwardRef(AdminContainer)>
+`;
+
+exports[`renders the AdminContainer with no props 1`] = `
+<ForwardRef(AdminContainer)>
+  <ForwardRef(Container)
+    fullWidth={true}
+    grid={true}
+  >
+    <ForwardRef(Grid)
+      className="ds-container--full-width ds-container"
+      container={true}
+      spacing={
+        Object {
+          "sm": 12,
+        }
+      }
+    >
+      <ForwardRef(Base)
+        as="div"
+        className="ds-container--full-width ds-container ds-gap-sm-12 ds-grid"
+      >
+        <div
+          className="ds-container--full-width ds-container ds-gap-sm-12 ds-grid"
+        >
+          hello
         </div>
       </ForwardRef(Base)>
     </ForwardRef(Grid)>

package/cjs/AdminContainer/index.js

@@ -8,24 +8,23 @@ exports["default"] = exports.AdminContainer = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _clsx = _interopRequireDefault(require("clsx"));
 var _Container = _interopRequireDefault(require("@digigov/react-core/Container"));
-var _excluded = ["className", "children"];
+var _excluded = ["grid", "className", "children"];
 /**
  * AdminContainer is a wrapper for the content of the page
  * Use AdminContainer inside AdminLayout component
  */
 var AdminContainer = exports.AdminContainer = /*#__PURE__*/_react["default"].forwardRef(function AdminContainer(_ref, ref) {
-  var className = _ref.className,
+  var _ref$grid = _ref.grid,
+    grid = _ref$grid === void 0 ? true : _ref$grid,
+    className = _ref.className,
     children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Container["default"], (0, _extends2["default"])({
     ref: ref,
     fullWidth: true,
-    grid: false,
+    grid: grid,
     className: className
-  }, props), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _clsx["default"])(true && 'ds-admin-main-wrapper')
-  }, children));
+  }, props), children);
 });
 var _default = exports["default"] = AdminContainer;

package/cjs/AdminContainer/index.test/index.js

@@ -7,4 +7,10 @@ var _AdminContainer = _interopRequireDefault(require("@digigov/react-core/AdminC
 var _ref = /*#__PURE__*/_react["default"].createElement(_AdminContainer["default"], null, "hello");
 it('renders the AdminContainer with no props', function () {
   expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_AdminContainer["default"], {
+  grid: false
+}, "hello");
+it('renders the AdminContainer with no grid', function () {
+  expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
 });

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

@@ -4,15 +4,18 @@ exports[`renders the AdminMain with no prop 1`] = `
 <ForwardRef(AdminMain)>
   <ForwardRef(Grid)
     as="main"
-    className="ds-admin-main-content"
+    className="ds-admin-main"
     item={true}
+    lg={9}
+    md={8}
+    xs={12}
   >
     <ForwardRef(Base)
       as="main"
-      className="ds-admin-main-content"
+      className="ds-admin-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
     >
       <main
-        className="ds-admin-main-content"
+        className="ds-admin-main xs:ds-grid__col-span-12 md:ds-grid__col-span-8 lg:ds-grid__col-span-9"
       >
         hello
       </main>

package/cjs/AdminMain/index.js

@@ -10,19 +10,24 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 var _clsx = _interopRequireDefault(require("clsx"));
 var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
-var _excluded = ["className", "children"];
+var _excluded = ["className", "children", "id"];
 /**
  * Use this inside AdminContainer component for placing the main content of the page
  */
 var AdminMain = exports.AdminMain = /*#__PURE__*/_react["default"].forwardRef(function AdminMain(_ref, ref) {
   var className = _ref.className,
     children = _ref.children,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? 'main-content' : _ref$id,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Grid["default"], (0, _extends2["default"])({
     item: true,
     as: "main",
+    xs: 12,
+    md: 8,
+    lg: 9,
     ref: ref,
-    className: (0, _clsx["default"])(className, true && 'ds-admin-main-content')
+    className: (0, _clsx["default"])(className, true && 'ds-admin-main')
   }, props), children);
 });
 var _default = exports["default"] = AdminMain;

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

@@ -1,87 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the AutoCompleteInput with no props 1`] = `
-<ForwardRef(AutoCompleteInput)>
-  <ForwardRef(Base)
-    as="input"
-    className="ds-autocomplete__input--default ds-autocomplete__input"
-    type="text"
-  >
-    <input
-      className="ds-autocomplete__input--default ds-autocomplete__input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(AutoCompleteInput)>
-`;
-
-exports[`renders the AutoCompleteInput with showAllValues 1`] = `
-<ForwardRef(AutoCompleteInput)
-  showAllValues={true}
->
-  <ForwardRef(Base)
-    as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
-    type="text"
-  >
-    <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
-      type="text"
-    />
-  </ForwardRef(Base)>
-</ForwardRef(AutoCompleteInput)>
-`;
-
-exports[`renders the AutoCompleteInput with showAllValues 2`] = `
+exports[`renders the AutoCompleteInput with isFocused 1`] = `
 <ForwardRef(AutoCompleteInput)
-  showAllValues={true}
+  isFocused={true}
 >
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
+    className="ds-autocomplete__input--focused ds-autocomplete__input"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input"
+      className="ds-autocomplete__input--focused ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>
 </ForwardRef(AutoCompleteInput)>
 `;
 
-exports[`renders the AutoCompleteInput with showAllValues isFocused 1`] = `
+exports[`renders the AutoCompleteInput with isFocused and name props 1`] = `
 <ForwardRef(AutoCompleteInput)
   isFocused={true}
-  showAllValues={true}
+  name="some-name"
 >
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
+    className="ds-autocomplete__input--focused ds-autocomplete__input"
+    name="some-name"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
+      className="ds-autocomplete__input--focused ds-autocomplete__input"
+      name="some-name"
       type="text"
     />
   </ForwardRef(Base)>
 </ForwardRef(AutoCompleteInput)>
 `;
 
-exports[`renders the AutoCompleteInput with showAllValues isFocused name props 1`] = `
-<ForwardRef(AutoCompleteInput)
-  isFocused={true}
-  name="some-name"
-  showAllValues={true}
->
+exports[`renders the AutoCompleteInput with no props 1`] = `
+<ForwardRef(AutoCompleteInput)>
   <ForwardRef(Base)
     as="input"
-    className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
-    name="some-name"
+    className="ds-autocomplete__input"
     type="text"
   >
     <input
-      className="ds-autocomplete__input--show-all-values ds-autocomplete__input--focused ds-autocomplete__input"
-      name="some-name"
+      className="ds-autocomplete__input"
       type="text"
     />
   </ForwardRef(Base)>

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

@@ -1,51 +1,15 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`renders the AutoCompleteResultList with isVisible  displayMenu="inline props 1`] = `
-<ForwardRef(List)
-  displayMenu="inline"
-  isVisible={true}
->
-  <ForwardRef(Base)
-    as="ul"
-    className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
-  >
-    <ul
-      className="ds-autocomplete__menu--inline ds-autocomplete__menu--visible ds-autocomplete__menu"
-    >
-      Hello
-    </ul>
-  </ForwardRef(Base)>
-</ForwardRef(List)>
-`;
-
-exports[`renders the AutoCompleteResultList with isVisible displayMenu="overlay props 1`] = `
-<ForwardRef(List)
-  displayMenu="overlay"
-  isVisible={true}
->
-  <ForwardRef(Base)
-    as="ul"
-    className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
-  >
-    <ul
-      className="ds-autocomplete__menu--overlay ds-autocomplete__menu--visible ds-autocomplete__menu"
-    >
-      Hello
-    </ul>
-  </ForwardRef(Base)>
-</ForwardRef(List)>
-`;
-
 exports[`renders the AutoCompleteResultList with isVisible props 1`] = `
 <ForwardRef(List)
   isVisible={true}
 >
   <ForwardRef(Base)
     as="ul"
-    className="ds-autocomplete__menu--visible ds-autocomplete__menu"
+    className="ds-autocomplete__menu"
   >
     <ul
-      className="ds-autocomplete__menu--visible ds-autocomplete__menu"
+      className="ds-autocomplete__menu"
     >
       Hello
     </ul>

package/cjs/DropdownContent/index.js

@@ -10,20 +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 = ["className", "children", "fullWidth"];
+var _excluded = ["fullWidth", "scrollable", "className", "children"];
 /**
  * You should use DropdownContent component inside Dropdown component.
  */
 var DropdownContent = exports.DropdownContent = /*#__PURE__*/_react["default"].forwardRef(function DropdownContent(_ref, ref) {
-  var className = _ref.className,
-    children = _ref.children,
-    _ref$fullWidth = _ref.fullWidth,
+  var _ref$fullWidth = _ref.fullWidth,
     fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    scrollable = _ref.scrollable,
+    className = _ref.className,
+    children = _ref.children,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
     as: "div",
     ref: ref,
-    className: (0, _clsx["default"])(className, fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
+    className: (0, _clsx["default"])(className, scrollable && 'ds-dropdown__content--scrollable', fullWidth && 'ds-dropdown__content--full-width', true && 'ds-dropdown__content')
   }, props), children);
 });
 var _default = exports["default"] = DropdownContent;