@digigov/ui 1.0.0-079f34f3d → 1.0.0-290a96e2

package/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>main>a"
               }
             }
           ],

package/es/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>main>a"
               }
             }
           ],

package/es/icons/Icon/index.js

@@ -1,5 +1,5 @@
-export * from '@digigov/react-core/Icon';
+export * from '@digigov/react-icons/Icon';
 export * from '@digigov/react-icons';
 export * from '@digigov/react-icons/icons';
-import Icon from '@digigov/react-core/Icon';
+import Icon from '@digigov/react-icons/Icon';
 export default Icon;

package/es/layouts/Grid/Grid.stories.js

@@ -5,4 +5,5 @@ export default {
   displayName: 'Grid'
 };
 export * from '@digigov/ui/layouts/Grid/__stories__/Default';
+export * from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
 export * from '@digigov/ui/layouts/Grid/__stories__/Inline';

package/es/layouts/Grid/__stories__/ResponsiveSpacing.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Card } from '@digigov/ui/content/Card';
+import { Grid } from '@digigov/ui/layouts/Grid';
+
+var _ref = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref2 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref3 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref4 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref5 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref6 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+export var ResponsiveSpacing = function ResponsiveSpacing() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    role: "grid",
+    "aria-label": "grid-example",
+    container: true,
+    spacing: {
+      xs: 1,
+      sm: 4,
+      md: 6,
+      lg: 8,
+      xl: 12
+    }
+  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6));
+};
+export default ResponsiveSpacing;

package/esm/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>main>a"
               }
             }
           ],

package/esm/icons/Icon/index.js

@@ -1,5 +1,5 @@
-export * from '@digigov/react-core/Icon';
+export * from '@digigov/react-icons/Icon';
 export * from '@digigov/react-icons';
 export * from '@digigov/react-icons/icons';
-import Icon from '@digigov/react-core/Icon';
+import Icon from '@digigov/react-icons/Icon';
 export default Icon;

package/esm/index.js

@@ -1,4 +1,4 @@
-/** @license Digigov v1.0.0-079f34f3d
+/** @license Digigov v1.0.0-290a96e2
  *
  * This source code is licensed under the BSD-2-Clause license found in the
  * LICENSE file in the root directory of this source tree.

package/esm/layouts/Grid/Grid.stories.js

@@ -5,4 +5,5 @@ export default {
   displayName: 'Grid'
 };
 export * from '@digigov/ui/layouts/Grid/__stories__/Default';
+export * from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
 export * from '@digigov/ui/layouts/Grid/__stories__/Inline';

package/esm/layouts/Grid/__stories__/ResponsiveSpacing.js

@@ -0,0 +1,79 @@
+import React from 'react';
+import { Card } from '@digigov/ui/content/Card';
+import { Grid } from '@digigov/ui/layouts/Grid';
+
+var _ref = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref2 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref3 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref4 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref5 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref6 = /*#__PURE__*/React.createElement(Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/React.createElement(Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+export var ResponsiveSpacing = function ResponsiveSpacing() {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
+    role: "grid",
+    "aria-label": "grid-example",
+    container: true,
+    spacing: {
+      xs: 1,
+      sm: 4,
+      md: 6,
+      lg: 8,
+      xl: 12
+    }
+  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6));
+};
+export default ResponsiveSpacing;

package/icons/Icon/index.d.ts

@@ -1,5 +1,5 @@
-export * from '@digigov/react-core/Icon';
+export * from '@digigov/react-icons/Icon';
 export * from '@digigov/react-icons';
 export * from '@digigov/react-icons/icons';
-import Icon from '@digigov/react-core/Icon';
+import Icon from '@digigov/react-icons/Icon';
 export default Icon;

package/icons/Icon/index.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {};
 exports["default"] = void 0;
 
-var _Icon = _interopRequireWildcard(require("@digigov/react-core/Icon"));
+var _Icon = _interopRequireWildcard(require("@digigov/react-icons/Icon"));
 
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/layouts/Basic/Content/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import Container from '@digigov/react-core/Container';
-export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "children" | "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" | "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "grid" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Content: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Container").ContainerProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "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" | "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" | "inline" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "grid" | "xs" | "sm" | "md" | "lg" | "xl" | "container" | "item" | "fullWidth"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Content;
 export { Container };

package/layouts/Basic/Side/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import Aside from '@digigov/react-core/Aside';
-export declare const Side: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Aside").AsideProps, "children" | "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" | "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & import("react").RefAttributes<HTMLElement>>;
+export declare const Side: import("react").ForwardRefExoticComponent<Pick<import("@digigov/react-core/Aside").AsideProps, "children" | "slot" | "style" | "title" | "as" | "className" | "color" | "id" | "lang" | "role" | "tabIndex" | "spacing" | "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" | "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" | "inline" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "printVisible" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "xs" | "sm" | "md" | "lg" | "xl" | "container" | "item"> & import("react").RefAttributes<HTMLElement>>;
 export default Side;
 export { Aside };

package/layouts/Grid/Grid.stories.d.ts

@@ -5,5 +5,6 @@ declare namespace _default {
 }
 export default _default;
 export * from "@digigov/ui/layouts/Grid/__stories__/Default";
+export * from "@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing";
 export * from "@digigov/ui/layouts/Grid/__stories__/Inline";
 import Grid from "@digigov/ui/layouts/Grid";

package/layouts/Grid/Grid.stories.js

@@ -24,6 +24,20 @@ Object.keys(_Default).forEach(function (key) {
   });
 });
 
+var _ResponsiveSpacing = require("@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing");
+
+Object.keys(_ResponsiveSpacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ResponsiveSpacing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ResponsiveSpacing[key];
+    }
+  });
+});
+
 var _Inline = require("@digigov/ui/layouts/Grid/__stories__/Inline");
 
 Object.keys(_Inline).forEach(function (key) {

package/layouts/Grid/__stories__/ResponsiveSpacing.d.ts

@@ -0,0 +1,2 @@
+export declare const ResponsiveSpacing: () => JSX.Element;
+export default ResponsiveSpacing;

package/layouts/Grid/__stories__/ResponsiveSpacing.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ResponsiveSpacing = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Card = require("@digigov/ui/content/Card");
+
+var _Grid = require("@digigov/ui/layouts/Grid");
+
+var _ref = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref2 = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref3 = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref4 = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref5 = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var _ref6 = /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+  role: "row",
+  xs: 12,
+  sm: 6,
+  md: 4
+}, /*#__PURE__*/_react["default"].createElement(_Card.Card, {
+  variant: "border",
+  role: "gridcell"
+}, "1"));
+
+var ResponsiveSpacing = function ResponsiveSpacing() {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Grid.Grid, {
+    role: "grid",
+    "aria-label": "grid-example",
+    container: true,
+    spacing: {
+      xs: 1,
+      sm: 4,
+      md: 6,
+      lg: 8,
+      xl: 12
+    }
+  }, _ref, _ref2, _ref3, _ref4, _ref5, _ref6));
+};
+
+exports.ResponsiveSpacing = ResponsiveSpacing;
+var _default = ResponsiveSpacing;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digigov/ui",
-  "version": "1.0.0-079f34f3d",
+  "version": "1.0.0-290a96e2",
   "description": "@digigov reusable components toolkit",
   "main": "./index.js",
   "module": "./esm/index.js",
@@ -13,7 +13,7 @@
     "react-query": "2.26.4",
     "yup": "0.32.11",
     "publint": "0.1.8",
-    "@digigov/react-icons": "1.0.0-079f34f3d"
+    "@digigov/react-icons": "1.0.0-290a96e2"
   },
   "peerDependencies": {
     "@material-ui/core": "4.11.3",
@@ -21,7 +21,7 @@
     "clsx": "1.1.1",
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0",
-    "@digigov/react-core": "1.0.0-079f34f3d"
+    "@digigov/react-core": "1.0.0-290a96e2"
   },
   "gitHead": "c903a46306f77f55ad7fc4d2e274006f39a6c871",
   "private": false,

package/src/app/Masthead/Masthead.stories.playwright.json

@@ -8,7 +8,7 @@
             {
               "name": "hover",
               "args": {
-                "selector": "html>body>div:nth-child(5)>section>div>div>main>a"
+                "selector": "html>body>div:nth-child(5)>section>div>main>a"
               }
             }
           ],

package/src/icons/Icon/index.tsx

@@ -1,6 +1,6 @@
-export * from '@digigov/react-core/Icon';
+export * from '@digigov/react-icons/Icon';
 export * from '@digigov/react-icons';
 export * from '@digigov/react-icons/icons';
 
-import Icon from '@digigov/react-core/Icon';
+import Icon from '@digigov/react-icons/Icon';
 export default Icon;

package/src/layouts/Grid/Grid.stories.js

@@ -5,4 +5,5 @@ export default {
   displayName: 'Grid',
 };
 export * from '@digigov/ui/layouts/Grid/__stories__/Default';
+export * from '@digigov/ui/layouts/Grid/__stories__/ResponsiveSpacing';
 export * from '@digigov/ui/layouts/Grid/__stories__/Inline';

package/src/layouts/Grid/__stories__/ResponsiveSpacing.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import { Card } from '@digigov/ui/content/Card';
+import { Grid } from '@digigov/ui/layouts/Grid';
+
+export const ResponsiveSpacing = () => {
+  return (
+    <>
+      <Grid role="grid" aria-label="grid-example" container spacing={{xs:1, sm:4, md:6, lg:8, xl:12}}>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+        <Grid role="row" xs={12} sm={6} md={4}>
+          <Card variant="border" role="gridcell">
+            1
+          </Card>
+        </Grid>
+      </Grid>
+    </>
+  );
+};
+export default ResponsiveSpacing;