@digigov/react-core 0.22.1 → 0.23.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/AccordionSectionSummaryHeading/index.js +2 -22
  2. package/CHANGELOG.md +16 -1
  3. package/Nav/__snapshots__/index.test.tsx.snap +4 -4
  4. package/Nav/index.js +1 -1
  5. package/NavList/__snapshots__/index.test.tsx.snap +4 -4
  6. package/NavList/index.d.ts +1 -6
  7. package/NavList/index.js +2 -4
  8. package/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
  9. package/NavListItem/index.d.ts +1 -6
  10. package/NavListItem/index.js +2 -4
  11. package/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
  12. package/NavListItemButton/index.js +1 -1
  13. package/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
  14. package/NavListItemLink/index.js +2 -3
  15. package/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
  16. package/NavMenu/index.js +1 -1
  17. package/NavMenuContainer/index.js +1 -3
  18. package/NavMenuContainerContent/index.js +1 -3
  19. package/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
  20. package/NavMenuContainerContentList/index.d.ts +1 -6
  21. package/NavMenuContainerContentList/index.js +2 -4
  22. package/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
  23. package/NavMenuContainerContentListItem/index.js +1 -1
  24. package/NavMenuContainerTitle/index.d.ts +1 -6
  25. package/NavMenuContainerTitle/index.js +3 -5
  26. package/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
  27. package/SingleCharacterInputContainer/index.d.ts +11 -0
  28. package/SingleCharacterInputContainer/index.js +40 -0
  29. package/SingleCharacterInputContainer/index.test.d.ts +1 -0
  30. package/SingleCharacterInputContainer/index.test.js +15 -0
  31. package/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
  32. package/SingleCharacterInputItem/index.d.ts +32 -0
  33. package/SingleCharacterInputItem/index.js +50 -0
  34. package/SingleCharacterInputItem/index.test.d.ts +1 -0
  35. package/SingleCharacterInputItem/index.test.js +68 -0
  36. package/es/AccordionSectionSummaryHeading/index.js +2 -14
  37. package/es/Nav/__snapshots__/index.test.tsx.snap +4 -4
  38. package/es/Nav/index.js +1 -1
  39. package/es/NavList/__snapshots__/index.test.tsx.snap +4 -4
  40. package/es/NavList/index.js +2 -4
  41. package/es/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
  42. package/es/NavListItem/index.js +2 -4
  43. package/es/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
  44. package/es/NavListItemButton/index.js +1 -1
  45. package/es/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
  46. package/es/NavListItemLink/index.js +2 -3
  47. package/es/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
  48. package/es/NavMenu/index.js +1 -1
  49. package/es/NavMenuContainer/index.js +1 -2
  50. package/es/NavMenuContainerContent/index.js +1 -2
  51. package/es/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
  52. package/es/NavMenuContainerContentList/index.js +2 -4
  53. package/es/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
  54. package/es/NavMenuContainerContentListItem/index.js +1 -1
  55. package/es/NavMenuContainerTitle/index.js +3 -5
  56. package/es/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
  57. package/es/SingleCharacterInputContainer/index.js +24 -0
  58. package/es/SingleCharacterInputContainer/index.test.js +9 -0
  59. package/es/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
  60. package/es/SingleCharacterInputItem/index.js +34 -0
  61. package/es/SingleCharacterInputItem/index.test.js +62 -0
  62. package/es/index.js +2 -0
  63. package/es/registry.js +4 -0
  64. package/esm/AccordionSectionSummaryHeading/index.js +2 -14
  65. package/esm/Nav/__snapshots__/index.test.tsx.snap +4 -4
  66. package/esm/Nav/index.js +1 -1
  67. package/esm/NavList/__snapshots__/index.test.tsx.snap +4 -4
  68. package/esm/NavList/index.js +2 -4
  69. package/esm/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
  70. package/esm/NavListItem/index.js +2 -4
  71. package/esm/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
  72. package/esm/NavListItemButton/index.js +1 -1
  73. package/esm/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
  74. package/esm/NavListItemLink/index.js +2 -3
  75. package/esm/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
  76. package/esm/NavMenu/index.js +1 -1
  77. package/esm/NavMenuContainer/index.js +1 -2
  78. package/esm/NavMenuContainerContent/index.js +1 -2
  79. package/esm/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
  80. package/esm/NavMenuContainerContentList/index.js +2 -4
  81. package/esm/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
  82. package/esm/NavMenuContainerContentListItem/index.js +1 -1
  83. package/esm/NavMenuContainerTitle/index.js +3 -5
  84. package/esm/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
  85. package/esm/SingleCharacterInputContainer/index.js +24 -0
  86. package/esm/SingleCharacterInputContainer/index.test.js +9 -0
  87. package/esm/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
  88. package/esm/SingleCharacterInputItem/index.js +34 -0
  89. package/esm/SingleCharacterInputItem/index.test.js +62 -0
  90. package/esm/index.js +3 -1
  91. package/esm/registry.js +4 -0
  92. package/index.d.ts +2 -0
  93. package/index.js +26 -0
  94. package/package.json +2 -2
  95. package/registry.d.ts +2 -0
  96. package/registry.js +6 -0
  97. package/src/AccordionSectionSummaryHeading/index.tsx +1 -8
  98. package/src/Nav/__snapshots__/index.test.tsx.snap +4 -4
  99. package/src/Nav/index.tsx +7 -6
  100. package/src/NavList/__snapshots__/index.test.tsx.snap +4 -4
  101. package/src/NavList/index.tsx +3 -13
  102. package/src/NavListItem/__snapshots__/index.test.tsx.snap +2 -2
  103. package/src/NavListItem/index.tsx +3 -13
  104. package/src/NavListItemButton/__snapshots__/index.test.tsx.snap +9 -9
  105. package/src/NavListItemButton/index.tsx +2 -2
  106. package/src/NavListItemLink/__snapshots__/index.test.tsx.snap +15 -24
  107. package/src/NavListItemLink/index.tsx +3 -3
  108. package/src/NavMenu/__snapshots__/index.test.tsx.snap +2 -2
  109. package/src/NavMenu/index.tsx +4 -3
  110. package/src/NavMenuContainer/index.tsx +1 -2
  111. package/src/NavMenuContainerContent/index.tsx +1 -2
  112. package/src/NavMenuContainerContentList/__snapshots__/index.test.tsx.snap +2 -2
  113. package/src/NavMenuContainerContentList/index.tsx +3 -13
  114. package/src/NavMenuContainerContentListItem/__snapshots__/index.test.tsx.snap +2 -2
  115. package/src/NavMenuContainerContentListItem/index.tsx +1 -1
  116. package/src/NavMenuContainerTitle/index.tsx +4 -14
  117. package/src/SingleCharacterInputContainer/__snapshots__/index.test.tsx.snap +16 -0
  118. package/src/SingleCharacterInputContainer/index.test.tsx +10 -0
  119. package/src/SingleCharacterInputContainer/index.tsx +32 -0
  120. package/src/SingleCharacterInputItem/__snapshots__/index.test.tsx.snap +173 -0
  121. package/src/SingleCharacterInputItem/index.test.tsx +45 -0
  122. package/src/SingleCharacterInputItem/index.tsx +63 -0
  123. package/src/index.ts +2 -0
  124. package/src/registry.js +4 -0
@@ -2,8 +2,6 @@
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
4
 
5
- var _typeof = require("@babel/runtime/helpers/typeof");
6
-
7
5
  Object.defineProperty(exports, "__esModule", {
8
6
  value: true
9
7
  });
@@ -11,11 +9,9 @@ exports["default"] = exports.AccordionSectionSummaryHeading = void 0;
11
9
 
12
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
11
 
14
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
15
-
16
12
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
17
13
 
18
- var _react = _interopRequireWildcard(require("react"));
14
+ var _react = _interopRequireDefault(require("react"));
19
15
 
20
16
  var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
21
17
 
@@ -23,10 +19,6 @@ var _clsx = _interopRequireDefault(require("clsx"));
23
19
 
24
20
  var _excluded = ["className", "children"];
25
21
 
26
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
-
28
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
-
30
22
  /**
31
23
  * AccordionSectionSummaryHeading should be placed inside AccordionSectionSummary.
32
24
  */
@@ -34,24 +26,12 @@ var AccordionSectionSummaryHeading = /*#__PURE__*/_react["default"].forwardRef(f
34
26
  var className = _ref.className,
35
27
  children = _ref.children,
36
28
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
37
-
38
- var toggleExpanded = function toggleExpanded() {
39
- setExpanded(!isExpanded);
40
- };
41
-
42
- var _useState = (0, _react.useState)(false),
43
- _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
44
- isExpanded = _useState2[0],
45
- setExpanded = _useState2[1];
46
-
47
29
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
48
30
  as: "h2",
49
31
  ref: ref,
50
32
  className: (0, _clsx["default"])(className, true && 'govgr-accordion__section-heading')
51
33
  }, props, {
52
- role: "button",
53
- "aria-expanded": isExpanded,
54
- onClick: toggleExpanded
34
+ role: "button"
55
35
  }), /*#__PURE__*/_react["default"].createElement("span", {
56
36
  className: (0, _clsx["default"])(true && 'govgr-accordion__section-button')
57
37
  }, children));
package/CHANGELOG.md CHANGED
@@ -1,6 +1,21 @@
1
1
  # Change Log - @digigov/react-core
2
2
 
3
- This log was last generated on Mon, 03 Apr 2023 11:13:15 GMT and should not be manually modified.
3
+ This log was last generated on Tue, 16 May 2023 13:42:28 GMT and should not be manually modified.
4
+
5
+ ## 0.23.1
6
+ Tue, 16 May 2023 13:42:28 GMT
7
+
8
+ ### Patches
9
+
10
+ - Remove functionality from AccordionSectionSummaryHeading component
11
+
12
+ ## 0.23.0
13
+ Tue, 02 May 2023 09:16:06 GMT
14
+
15
+ ### Minor changes
16
+
17
+ - Create SingleCharacterInputContainer and SinlgeCharacterInputItem components
18
+ - Remove unused nav props
4
19
 
5
20
  ## 0.22.0
6
21
  Mon, 03 Apr 2023 11:13:15 GMT
@@ -4,10 +4,10 @@ exports[`renders the Nav with no props 1`] = `
4
4
  <ForwardRef(Nav)>
5
5
  <ForwardRef(Base)
6
6
  as="nav"
7
- className="govgr-nav-horizontal--border govgr-horizontal-nav"
7
+ className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav"
8
8
  >
9
9
  <nav
10
- className="govgr-nav-horizontal--border govgr-horizontal-nav"
10
+ className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav"
11
11
  >
12
12
  hello
13
13
  </nav>
@@ -21,10 +21,10 @@ exports[`renders the Nav with open prop 1`] = `
21
21
  >
22
22
  <ForwardRef(Base)
23
23
  as="nav"
24
- className="govgr-nav-horizontal--border govgr-horizontal-nav govgr-horizontal-nav--open"
24
+ className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
25
25
  >
26
26
  <nav
27
- className="govgr-nav-horizontal--border govgr-horizontal-nav govgr-horizontal-nav--open"
27
+ className="govgr-nav--horizontal govgr-nav--border govgr-nav--fixed govgr-nav govgr-nav--open"
28
28
  >
29
29
  hello
30
30
  </nav>
package/Nav/index.js CHANGED
@@ -40,7 +40,7 @@ var Nav = /*#__PURE__*/_react["default"].forwardRef(function Nav(_ref, ref) {
40
40
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
41
41
  as: "nav",
42
42
  ref: ref,
43
- className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-horizontal-nav--order', border && 'govgr-nav-horizontal--border', hidden && 'govgr-horizontal-nav--hidden', fixed && 'govgr-nav-horizontal--fixed', true && 'govgr-horizontal-nav', open && 'govgr-horizontal-nav--open')
43
+ className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-nav--horizontal', layout === 'vertical' && 'govgr-nav--vertical', border && 'govgr-nav--border', hidden && 'govgr-nav--hidden', fixed && 'govgr-nav--fixed', true && 'govgr-nav', open && 'govgr-nav--open')
44
44
  }, props), children);
45
45
  });
46
46
 
@@ -6,10 +6,10 @@ exports[`renders the NavList with active prop 1`] = `
6
6
  >
7
7
  <ForwardRef(Base)
8
8
  as="ul"
9
- className="govgr-horizontal-nav__list govgr-horizontal-nav__list--active"
9
+ className="govgr-nav__list--active govgr-nav__list"
10
10
  >
11
11
  <ul
12
- className="govgr-horizontal-nav__list govgr-horizontal-nav__list--active"
12
+ className="govgr-nav__list--active govgr-nav__list"
13
13
  >
14
14
  hello
15
15
  </ul>
@@ -21,10 +21,10 @@ exports[`renders the NavList with no props 1`] = `
21
21
  <ForwardRef(NavList)>
22
22
  <ForwardRef(Base)
23
23
  as="ul"
24
- className="govgr-horizontal-nav__list"
24
+ className="govgr-nav__list"
25
25
  >
26
26
  <ul
27
- className="govgr-horizontal-nav__list"
27
+ className="govgr-nav__list"
28
28
  >
29
29
  hello
30
30
  </ul>
@@ -6,15 +6,10 @@ export interface NavListProps extends BaseProps<'ul'> {
6
6
  * active is false by default.
7
7
  */
8
8
  active?: boolean;
9
- /**
10
- * layout prop sets the display layout for the nav list
11
- * layout is horizontal by default.
12
- */
13
- layout?: 'vertical' | 'horizontal';
14
9
  }
15
10
  /**
16
11
  * NavList must be inside the Nav.
17
12
  * This component has a list of NavListItem component inside.
18
13
  */
19
- export declare const NavList: React.ForwardRefExoticComponent<Pick<NavListProps, "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "active" | "layout"> & React.RefAttributes<HTMLUListElement>>;
14
+ export declare const NavList: React.ForwardRefExoticComponent<Pick<NavListProps, "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" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "active"> & React.RefAttributes<HTMLUListElement>>;
20
15
  export default NavList;
package/NavList/index.js CHANGED
@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
17
17
 
18
18
  var _clsx = _interopRequireDefault(require("clsx"));
19
19
 
20
- var _excluded = ["className", "active", "layout", "children"];
20
+ var _excluded = ["className", "active", "children"];
21
21
 
22
22
  /**
23
23
  * NavList must be inside the Nav.
@@ -27,14 +27,12 @@ var NavList = /*#__PURE__*/_react["default"].forwardRef(function NavList(_ref, r
27
27
  var className = _ref.className,
28
28
  _ref$active = _ref.active,
29
29
  active = _ref$active === void 0 ? false : _ref$active,
30
- _ref$layout = _ref.layout,
31
- layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
32
30
  children = _ref.children,
33
31
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
34
32
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
35
33
  as: "ul",
36
34
  ref: ref,
37
- className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-horizontal-nav__list', layout === 'vertical' && 'govgr-vertical-nav__list', active && 'govgr-horizontal-nav__list--active')
35
+ className: (0, _clsx["default"])(className, active && 'govgr-nav__list--active', true && 'govgr-nav__list')
38
36
  }, props), children);
39
37
  });
40
38
 
@@ -4,10 +4,10 @@ exports[`renders the NavListItem with no props 1`] = `
4
4
  <ForwardRef(NavHeaderListItem)>
5
5
  <ForwardRef(Base)
6
6
  as="li"
7
- className="govgr-horizontal-nav__list-item"
7
+ className="govgr-nav__list-item"
8
8
  >
9
9
  <li
10
- className="govgr-horizontal-nav__list-item"
10
+ className="govgr-nav__list-item"
11
11
  >
12
12
  hello
13
13
  </li>
@@ -1,15 +1,10 @@
1
1
  import React from 'react';
2
2
  import { BaseProps } from '@digigov/react-core/Base';
3
3
  export interface NavListItemProps extends BaseProps<'li'> {
4
- /**
5
- * layout prop sets the display layout for the nav list
6
- * layout is horizontal by default.
7
- */
8
- layout?: 'horizontal' | 'vertical';
9
4
  }
10
5
  /**
11
6
  * NavListItem must be inside the NavList.
12
7
  * This component has a items of NavListItemLink component inside.
13
8
  */
14
- export declare const NavListItem: React.ForwardRefExoticComponent<Pick<NavListItemProps, "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" | "value" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden" | "layout"> & React.RefAttributes<HTMLLIElement>>;
9
+ export declare const NavListItem: React.ForwardRefExoticComponent<Pick<NavListItemProps, "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" | "value" | "margin" | "marginTop" | "marginBottom" | "marginLeft" | "marginRight" | "padding" | "paddingTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "printHidden" | "xsUpHidden" | "smUpHidden" | "mdUpHidden" | "lgUpHidden" | "xlUpHidden" | "xsHidden" | "smHidden" | "mdHidden" | "lgHidden" | "xlHidden"> & React.RefAttributes<HTMLLIElement>>;
15
10
  export default NavListItem;
@@ -17,7 +17,7 @@ var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
17
17
 
18
18
  var _clsx = _interopRequireDefault(require("clsx"));
19
19
 
20
- var _excluded = ["className", "layout", "children"];
20
+ var _excluded = ["className", "children"];
21
21
 
22
22
  /**
23
23
  * NavListItem must be inside the NavList.
@@ -25,14 +25,12 @@ var _excluded = ["className", "layout", "children"];
25
25
  */
26
26
  var NavListItem = /*#__PURE__*/_react["default"].forwardRef(function NavHeaderListItem(_ref, ref) {
27
27
  var className = _ref.className,
28
- _ref$layout = _ref.layout,
29
- layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
30
28
  children = _ref.children,
31
29
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
32
30
  return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
33
31
  as: "li",
34
32
  ref: ref,
35
- className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-horizontal-nav__list-item', layout === 'vertical' && 'govgr-vertical-nav__list-item')
33
+ className: (0, _clsx["default"])(className, true && 'govgr-nav__list-item')
36
34
  }, props), children);
37
35
  });
38
36
 
@@ -6,18 +6,18 @@ exports[`renders the NavListItemButton with active=false 1`] = `
6
6
  >
7
7
  <ForwardRef(Button)
8
8
  aria-selected={false}
9
- className="govgr-horizontal-nav__list-item-btn"
9
+ className="govgr-nav__list-item-btn"
10
10
  variant="link"
11
11
  >
12
12
  <ForwardRef(Base)
13
13
  aria-selected={false}
14
14
  as="button"
15
- className="govgr-horizontal-nav__list-item-btn govgr-link"
15
+ className="govgr-nav__list-item-btn govgr-link"
16
16
  printHidden={true}
17
17
  >
18
18
  <button
19
19
  aria-selected={false}
20
- className="govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
20
+ className="govgr-nav__list-item-btn govgr-link govgr-print-hidden"
21
21
  >
22
22
  hello
23
23
  <ForwardRef(ArrowIcon)
@@ -58,18 +58,18 @@ exports[`renders the NavListItemButton with active=true 1`] = `
58
58
  >
59
59
  <ForwardRef(Button)
60
60
  aria-selected={true}
61
- className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn"
61
+ className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn"
62
62
  variant="link"
63
63
  >
64
64
  <ForwardRef(Base)
65
65
  aria-selected={true}
66
66
  as="button"
67
- className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link"
67
+ className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn govgr-link"
68
68
  printHidden={true}
69
69
  >
70
70
  <button
71
71
  aria-selected={true}
72
- className="govgr-horizontal-nav__list-item-btn--active govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
72
+ className="govgr-nav__list-item-btn--active govgr-nav__list-item-btn govgr-link govgr-print-hidden"
73
73
  >
74
74
  hello
75
75
  <ForwardRef(ArrowIcon)
@@ -107,16 +107,16 @@ exports[`renders the NavListItemButton with active=true 1`] = `
107
107
  exports[`renders the NavListItemButton with no props 1`] = `
108
108
  <ForwardRef(NavListItemButton)>
109
109
  <ForwardRef(Button)
110
- className="govgr-horizontal-nav__list-item-btn"
110
+ className="govgr-nav__list-item-btn"
111
111
  variant="link"
112
112
  >
113
113
  <ForwardRef(Base)
114
114
  as="button"
115
- className="govgr-horizontal-nav__list-item-btn govgr-link"
115
+ className="govgr-nav__list-item-btn govgr-link"
116
116
  printHidden={true}
117
117
  >
118
118
  <button
119
- className="govgr-horizontal-nav__list-item-btn govgr-link govgr-print-hidden"
119
+ className="govgr-nav__list-item-btn govgr-link govgr-print-hidden"
120
120
  >
121
121
  hello
122
122
  <ForwardRef(ArrowIcon)
@@ -35,7 +35,7 @@ var NavListItemButton = /*#__PURE__*/_react["default"].forwardRef(function NavLi
35
35
  variant: "link",
36
36
  ref: ref,
37
37
  "aria-selected": active,
38
- className: (0, _clsx["default"])(className, active === true && 'govgr-horizontal-nav__list-item-btn--active', true && 'govgr-horizontal-nav__list-item-btn')
38
+ className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-btn--active', true && 'govgr-nav__list-item-btn')
39
39
  }, props), children, arrow && /*#__PURE__*/_react["default"].createElement(_ArrowIcon["default"], {
40
40
  direction: active ? 'up' : 'down'
41
41
  }));
@@ -5,17 +5,14 @@ exports[`renders the NavListItemLink with active=false 1`] = `
5
5
  active={false}
6
6
  >
7
7
  <ForwardRef(LinkBase)
8
- className="govgr-horizontal-nav__list-item-link"
9
- href="#"
8
+ className="govgr-nav__list-item-link"
10
9
  >
11
10
  <ForwardRef(Base)
12
11
  as="a"
13
- className="govgr-horizontal-nav__list-item-link govgr-link"
14
- href="#"
12
+ className="govgr-nav__list-item-link govgr-link"
15
13
  >
16
14
  <a
17
- className="govgr-horizontal-nav__list-item-link govgr-link"
18
- href="#"
15
+ className="govgr-nav__list-item-link govgr-link"
19
16
  >
20
17
  hello
21
18
  </a>
@@ -29,17 +26,14 @@ exports[`renders the NavListItemLink with active=true 1`] = `
29
26
  active={true}
30
27
  >
31
28
  <ForwardRef(LinkBase)
32
- className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link"
33
- href="#"
29
+ className="govgr-nav__list-item-link--active govgr-nav__list-item-link"
34
30
  >
35
31
  <ForwardRef(Base)
36
32
  as="a"
37
- className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link govgr-link"
38
- href="#"
33
+ className="govgr-nav__list-item-link--active govgr-nav__list-item-link govgr-link"
39
34
  >
40
35
  <a
41
- className="govgr-horizontal-nav__list-item-link--active govgr-horizontal-nav__list-item-link govgr-link"
42
- href="#"
36
+ className="govgr-nav__list-item-link--active govgr-nav__list-item-link govgr-link"
43
37
  >
44
38
  hello
45
39
  </a>
@@ -54,16 +48,16 @@ exports[`renders the NavListItemLink with href and active=false 1`] = `
54
48
  href="/"
55
49
  >
56
50
  <ForwardRef(LinkBase)
57
- className="govgr-horizontal-nav__list-item-link"
51
+ className="govgr-nav__list-item-link"
58
52
  href="/"
59
53
  >
60
54
  <ForwardRef(Base)
61
55
  as="a"
62
- className="govgr-horizontal-nav__list-item-link govgr-link"
56
+ className="govgr-nav__list-item-link govgr-link"
63
57
  href="/"
64
58
  >
65
59
  <a
66
- className="govgr-horizontal-nav__list-item-link govgr-link"
60
+ className="govgr-nav__list-item-link govgr-link"
67
61
  href="/"
68
62
  >
69
63
  hello
@@ -79,16 +73,16 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
79
73
  href="/"
80
74
  >
81
75
  <ForwardRef(LinkBase)
82
- className="govgr-horizontal-nav__list-item-link"
76
+ className="govgr-nav__list-item-link"
83
77
  href="/"
84
78
  >
85
79
  <ForwardRef(Base)
86
80
  as="a"
87
- className="govgr-horizontal-nav__list-item-link govgr-link"
81
+ className="govgr-nav__list-item-link govgr-link"
88
82
  href="/"
89
83
  >
90
84
  <a
91
- className="govgr-horizontal-nav__list-item-link govgr-link"
85
+ className="govgr-nav__list-item-link govgr-link"
92
86
  href="/"
93
87
  >
94
88
  hello
@@ -101,17 +95,14 @@ exports[`renders the NavListItemLink with href and active=true 1`] = `
101
95
  exports[`renders the NavListItemLink with no props 1`] = `
102
96
  <ForwardRef(NavListItemLink)>
103
97
  <ForwardRef(LinkBase)
104
- className="govgr-horizontal-nav__list-item-link"
105
- href="#"
98
+ className="govgr-nav__list-item-link"
106
99
  >
107
100
  <ForwardRef(Base)
108
101
  as="a"
109
- className="govgr-horizontal-nav__list-item-link govgr-link"
110
- href="#"
102
+ className="govgr-nav__list-item-link govgr-link"
111
103
  >
112
104
  <a
113
- className="govgr-horizontal-nav__list-item-link govgr-link"
114
- href="#"
105
+ className="govgr-nav__list-item-link govgr-link"
115
106
  >
116
107
  hello
117
108
  </a>
@@ -24,15 +24,14 @@ var _excluded = ["active", "href", "className", "children"];
24
24
  */
25
25
  var NavListItemLink = /*#__PURE__*/_react["default"].forwardRef(function NavListItemLink(_ref, ref) {
26
26
  var active = _ref.active,
27
- _ref$href = _ref.href,
28
- href = _ref$href === void 0 ? '#' : _ref$href,
27
+ href = _ref.href,
29
28
  className = _ref.className,
30
29
  children = _ref.children,
31
30
  props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
32
31
  return /*#__PURE__*/_react["default"].createElement(_LinkBase["default"], (0, _extends2["default"])({
33
32
  href: href,
34
33
  ref: ref,
35
- className: (0, _clsx["default"])(className, active === true && 'govgr-horizontal-nav__list-item-link--active', true && 'govgr-horizontal-nav__list-item-link')
34
+ className: (0, _clsx["default"])(className, active === true && 'govgr-nav__list-item-link--active', true && 'govgr-nav__list-item-link')
36
35
  }, props), children);
37
36
  });
38
37
 
@@ -5,11 +5,11 @@ exports[`renders the NavMenu with no props 1`] = `
5
5
  <ForwardRef(Base)
6
6
  aria-hidden={true}
7
7
  as="div"
8
- className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
8
+ className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
9
9
  >
10
10
  <div
11
11
  aria-hidden={true}
12
- className="govgr-nav-list__menu govgr-nav-list__menu-hidden"
12
+ className="govgr-nav-menu--horizontal govgr-nav-menu--hidden govgr-nav-menu"
13
13
  >
14
14
  hello
15
15
  </div>
package/NavMenu/index.js CHANGED
@@ -34,7 +34,7 @@ var NavMenu = /*#__PURE__*/_react["default"].forwardRef(function NavMenu(_ref, r
34
34
  as: "div",
35
35
  ref: ref,
36
36
  "aria-hidden": !active,
37
- className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-nav-list__menu', layout === 'vertical' && 'govgr-vertical-nav-list__menu', !active && 'govgr-nav-list__menu-hidden')
37
+ className: (0, _clsx["default"])(className, layout === 'horizontal' && 'govgr-nav-menu--horizontal', layout === 'vertical' && 'govgr-nav-menu--vertical', !active && 'govgr-nav-menu--hidden', true && 'govgr-nav-menu')
38
38
  }, props), children);
39
39
  });
40
40
 
@@ -13,8 +13,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
- var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
16
  var _Container = _interopRequireDefault(require("@digigov/react-core/Container"));
19
17
 
20
18
  var _excluded = ["className", "layout", "children"];
@@ -32,7 +30,7 @@ var NavMenuContainer = /*#__PURE__*/_react["default"].forwardRef(function NavMen
32
30
  return /*#__PURE__*/_react["default"].createElement(_Container["default"], (0, _extends2["default"])({
33
31
  cols: layout === 'horizontal',
34
32
  ref: ref,
35
- className: (0, _clsx["default"])(className)
33
+ className: className
36
34
  }, props), children);
37
35
  });
38
36
 
@@ -13,8 +13,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
13
13
 
14
14
  var _react = _interopRequireDefault(require("react"));
15
15
 
16
- var _clsx = _interopRequireDefault(require("clsx"));
17
-
18
16
  var _Grid = _interopRequireDefault(require("@digigov/react-core/Grid"));
19
17
 
20
18
  var _excluded = ["className", "children"];
@@ -32,7 +30,7 @@ var NavMenuContainerContent = /*#__PURE__*/_react["default"].forwardRef(function
32
30
  item: true,
33
31
  md: 2,
34
32
  ref: ref,
35
- className: (0, _clsx["default"])(className)
33
+ className: className
36
34
  }, props), children);
37
35
  });
38
36
 
@@ -4,10 +4,10 @@ exports[`renders the NavMenuContainerContentList with no props 1`] = `
4
4
  <ForwardRef(NavMenuContainerContentList)>
5
5
  <ForwardRef(Base)
6
6
  as="ul"
7
- className="govgr-nav-list__content-list"
7
+ className="govgr-nav-menu__content-list"
8
8
  >
9
9
  <ul
10
- className="govgr-nav-list__content-list"
10
+ className="govgr-nav-menu__content-list"
11
11
  >
12
12
  hello
13
13
  </ul>