@cypress-design/react-docmenu 0.1.0 → 0.2.0

package/.turbo/turbo-build.log

@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
 $ rollup -c ./rollup.config.mjs
 
 ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
-created ./dist/index.umd.js, ./dist/index.es.mjs in 28s
+created ./dist/index.umd.js, ./dist/index.es.mjs in 24.5s
 $ tsc --project ./tsconfig.build.json

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @cypress-design/react-docmenu
 
+## 0.2.0
+
+### Minor Changes
+
+- [#196](https://github.com/cypress-io/cypress-design/pull/196) [`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0) Thanks [@elevatebart](https://github.com/elevatebart)! - refactor: avoid constants relative imports
+
+### Patch Changes
+
+- [#203](https://github.com/cypress-io/cypress-design/pull/203) [`68f7726`](https://github.com/cypress-io/cypress-design/commit/68f77266223181ef479dc7ff77f8a7d32f3e5766) Thanks [@elevatebart](https://github.com/elevatebart)! - allow groups to be active
+
+- Updated dependencies [[`fc6d9e4`](https://github.com/cypress-io/cypress-design/commit/fc6d9e4fedcc01fa8e01b868b0fa66d8895c37d0)]:
+  - @cypress-design/react-icon@0.20.0
+
 ## 0.1.0
 
 ### Minor Changes

package/DocMenu.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react'
-import { NavGroup, NavItemLink } from '../constants'
+import { NavGroup, NavItemLink } from '@cypress-design/constants-docmenu'
 import { DocLink } from './_DocLink'
 import { DocGroup } from './_DocGroup'
 import clsx from 'clsx'

package/ReadMe.md

@@ -1,9 +1,5 @@
 # DocMenu
 
-## Summary
-
-Describe your component here.
-
 ## Install
 
 ```bash

package/_DocGroup.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react'
 import { IconChevronDownSmall } from '@cypress-design/react-icon'
 import clsx from 'clsx'
-import { NavGroup, classes } from '../constants'
+import { NavGroup, classes } from '@cypress-design/constants-docmenu'
 import { DocLink } from './_DocLink'
 
 export interface DocGroupProps {
@@ -60,6 +60,7 @@ export const DocGroup: React.FC<DocGroupProps> = ({
         onClick={() => toggleMenu(!open)}
         href={group.href}
         className={clsx(classes.button, {
+          'text-indigo-500 dark:text-indigo-200': group.active,
           [classes.topButton]: depth === 0,
           [classes.leafButton]: depth,
         })}

package/_DocLink.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react'
 import clsx from 'clsx'
-import { NavItemLink } from '../constants'
+import { NavItemLink } from '@cypress-design/constants-docmenu'
 
 export interface DocLinkProps {
   item: NavItemLink

package/dist/{react/DocMenu.d.ts → DocMenu.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NavGroup, NavItemLink } from '../constants';
+import { NavGroup, NavItemLink } from '@cypress-design/constants-docmenu';
 export type NavItem = NavGroup | NavItemLink;
 export interface DocMenuProps extends React.HTMLAttributes<HTMLUListElement> {
     items: NavItem[];

package/dist/DocMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocMenu.d.ts","sourceRoot":"./","sources":["DocMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAKzE,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,WAAW,CAAA;AAE5C,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC1E,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkB1C,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/{react/_DocGroup.d.ts → _DocGroup.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NavGroup } from '../constants';
+import { NavGroup } from '@cypress-design/constants-docmenu';
 export interface DocGroupProps {
     group: NavGroup;
     collapsible: boolean;

package/dist/_DocGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_DocGroup.d.ts","sourceRoot":"./","sources":["_DocGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAE,QAAQ,EAAW,MAAM,mCAAmC,CAAA;AAGrE,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,QAAQ,CAAA;IACf,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA4G5C,CAAA"}

package/dist/{react/_DocLink.d.ts → _DocLink.d.ts}

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { NavItemLink } from '../constants';
+import { NavItemLink } from '@cypress-design/constants-docmenu';
 export interface DocLinkProps {
     item: NavItemLink;
     collapsible: boolean;

package/dist/_DocLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_DocLink.d.ts","sourceRoot":"./","sources":["_DocLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAA;IACjB,WAAW,EAAE,OAAO,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CACjC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAgD1C,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export type { NavItemLink, NavGroup } from '@cypress-design/constants-docmenu';
+export { default } from './DocMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"./","sources":["index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC9E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/dist/index.es.mjs

@@ -152,7 +152,7 @@ var IconChevronDownSmall = function (props) {
 
 /* <windicss-keep class=""> */
 
-var classes = {
+const classes = {
     button: 'flex leading-[24px] py-[10px] items-center relative w-full',
     topButton: 'leading-[24px] text-[16px] pl-[24px] font-medium',
     leafButton: 'leading-[20px] text-[14px] pl-[40px]',
@@ -187,7 +187,9 @@ var DocGroup = function (_a) {
     }
     var Head = collapsible ? 'button' : group.href ? 'a' : 'div';
     return (React.createElement(React.Fragment, null,
-        React.createElement(Head, { onClick: function () { return toggleMenu(!open); }, href: group.href, className: clsx(classes.button, (_b = {},
+        React.createElement(Head, { onClick: function () { return toggleMenu(!open); }, href: group.href, className: clsx(classes.button, (_b = {
+                    'text-indigo-500 dark:text-indigo-200': group.active
+                },
                 _b[classes.topButton] = depth === 0,
                 _b[classes.leafButton] = depth,
                 _b)) },
@@ -224,4 +226,4 @@ var DocMenu = function (_a) {
 export { DocMenu as default };
 //# sourceMappingURL=index.es.mjs.map
 
-/* <windicss-keep class="list-none p-0 relative pl-[16px] inline-block pl-[24px] text-indigo-500 dark:text-indigo-200 py-[8px] text-[16px] leading-[24px] py-[12px] leading-[20px] text-[14px] absolute w-[4px] z-10 top-[10%] h-[80%] rounded-full hidden group-hover:block bg-gray-300 transform transition-transform left-0 rotate-0 -rotate-90 ml-[16px] h-[36px] bg-indigo-500 transition-all duration-300 ml-[6px] mt-[4px] ml-[8px] border-l border-gray-100 flex py-[10px] items-center w-full font-medium pl-[40px]"> */
+/* <windicss-keep class="list-none p-0 relative pl-[16px] inline-block pl-[24px] text-indigo-500 dark:text-indigo-200 py-[8px] text-[16px] leading-[24px] py-[12px] leading-[20px] text-[14px] absolute w-[4px] z-10 top-[10%] h-[80%] rounded-full hidden group-hover:block bg-gray-300 transform transition-transform left-0 rotate-0 -rotate-90 ml-[16px] h-[36px] bg-indigo-500 transition-all duration-300 ml-[6px] mt-[4px] ml-[8px] border-l border-gray-100"> */