@cypress-design/react-docmenu 0.1.0 → 0.2.0

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.
package/dist/index.umd.js CHANGED
@@ -173,7 +173,7 @@ var IconChevronDownSmall = function (props) {
173
173
 
174
174
  /* <windicss-keep class=""> */
175
175
 
176
- var classes = {
176
+ const classes = {
177
177
  button: 'flex leading-[24px] py-[10px] items-center relative w-full',
178
178
  topButton: 'leading-[24px] text-[16px] pl-[24px] font-medium',
179
179
  leafButton: 'leading-[20px] text-[14px] pl-[40px]',
@@ -208,7 +208,9 @@ var DocGroup = function (_a) {
208
208
  }
209
209
  var Head = collapsible ? 'button' : group.href ? 'a' : 'div';
210
210
  return (React__namespace.createElement(React__namespace.Fragment, null,
211
- React__namespace.createElement(Head, { onClick: function () { return toggleMenu(!open); }, href: group.href, className: clsx(classes.button, (_b = {},
211
+ React__namespace.createElement(Head, { onClick: function () { return toggleMenu(!open); }, href: group.href, className: clsx(classes.button, (_b = {
212
+ 'text-indigo-500 dark:text-indigo-200': group.active
213
+ },
212
214
  _b[classes.topButton] = depth === 0,
213
215
  _b[classes.leafButton] = depth,
214
216
  _b)) },
@@ -245,4 +247,4 @@ var DocMenu = function (_a) {
245
247
  module.exports = DocMenu;
246
248
  //# sourceMappingURL=index.umd.js.map
247
249
 
248
- /* <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]"> */
250
+ /* <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"> */