@sikka/hawa 0.20.2 → 0.20.4-next

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 (5) hide show
  1. package/dist/index.d.mts +2 -1
  2. package/dist/index.d.ts +2 -1
  3. package/dist/index.js +46 -34
  4. package/dist/index.mjs +46 -34
  5. package/package.json +14 -14
package/dist/index.d.mts CHANGED
@@ -431,7 +431,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
431
431
  placeholder?: React__default.ReactNode;
432
432
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
433
433
  showCount?: boolean | undefined;
434
- countPosition?: "center" | "top" | "bottom" | undefined;
434
+ countPosition?: "top" | "bottom" | "center" | undefined;
435
435
  popup?: boolean | undefined;
436
436
  popupContent?: React__default.ReactNode;
437
437
  } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1110,6 +1110,7 @@ type NavigationMenuTypes = {
1110
1110
  }[];
1111
1111
  rootClassNames?: string;
1112
1112
  viewportClassNames?: string;
1113
+ triggerClassNames?: string;
1113
1114
  direction?: DirectionType;
1114
1115
  };
1115
1116
  declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
package/dist/index.d.ts CHANGED
@@ -431,7 +431,7 @@ declare const Input: React__default.ForwardRefExoticComponent<React__default.Inp
431
431
  placeholder?: React__default.ReactNode;
432
432
  /** Show the count of characters left in the input field. Works along with maxLength prop. */
433
433
  showCount?: boolean | undefined;
434
- countPosition?: "center" | "top" | "bottom" | undefined;
434
+ countPosition?: "top" | "bottom" | "center" | undefined;
435
435
  popup?: boolean | undefined;
436
436
  popupContent?: React__default.ReactNode;
437
437
  } & React__default.RefAttributes<HTMLInputElement>>;
@@ -1110,6 +1110,7 @@ type NavigationMenuTypes = {
1110
1110
  }[];
1111
1111
  rootClassNames?: string;
1112
1112
  viewportClassNames?: string;
1113
+ triggerClassNames?: string;
1113
1114
  direction?: DirectionType;
1114
1115
  };
1115
1116
  declare const NavigationMenuRoot: React$1.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React$1.RefAttributes<HTMLElement>, "ref"> & {
package/dist/index.js CHANGED
@@ -6549,41 +6549,50 @@ var Accordion = React47.forwardRef(
6549
6549
  contentclassNames,
6550
6550
  className,
6551
6551
  ...props
6552
- }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
6553
- AccordionItem,
6552
+ }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement(
6553
+ "div",
6554
6554
  {
6555
- className: cn(itemClassNames, "hawa-rounded"),
6556
- key: index,
6557
- value: `item-${index}`
6555
+ className: cn("hawa-flex hawa-flex-col", {
6556
+ "hawa-gap-4": design === "separated",
6557
+ "hawa-gap-0": design === "default"
6558
+ })
6558
6559
  },
6559
- /* @__PURE__ */ React47.createElement(
6560
- AccordionTrigger,
6560
+ items.map((item, index) => /* @__PURE__ */ React47.createElement(
6561
+ AccordionItem,
6561
6562
  {
6562
- className: cn(
6563
- "hawa-transition-all",
6564
- design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
6565
- "hawa-rounded-t": index === 0,
6566
- "data-[state=closed]:hawa-rounded-b": index === items.length - 1
6567
- },
6568
- triggerclassNames
6569
- )
6570
- },
6571
- item.trigger
6572
- ),
6573
- /* @__PURE__ */ React47.createElement(
6574
- AccordionContent,
6575
- {
6576
- className: cn(
6577
- "hawa-transition-all hawa-border",
6578
- design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
6579
- "data-[state=open]:hawa-rounded-b": index === items.length - 1
6580
- },
6581
- contentclassNames
6582
- )
6563
+ className: cn(itemClassNames, "hawa-rounded"),
6564
+ key: index,
6565
+ value: `item-${index}`
6583
6566
  },
6584
- item.content
6585
- )
6586
- ))))
6567
+ /* @__PURE__ */ React47.createElement(
6568
+ AccordionTrigger,
6569
+ {
6570
+ className: cn(
6571
+ "hawa-transition-all",
6572
+ design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
6573
+ "hawa-rounded-t": index === 0,
6574
+ "data-[state=closed]:hawa-rounded-b": index === items.length - 1
6575
+ },
6576
+ triggerclassNames
6577
+ )
6578
+ },
6579
+ item.trigger
6580
+ ),
6581
+ /* @__PURE__ */ React47.createElement(
6582
+ AccordionContent,
6583
+ {
6584
+ className: cn(
6585
+ "hawa-transition-all hawa-border",
6586
+ design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
6587
+ "data-[state=open]:hawa-rounded-b": index === items.length - 1
6588
+ },
6589
+ contentclassNames
6590
+ )
6591
+ },
6592
+ item.content
6593
+ )
6594
+ ))
6595
+ ))
6587
6596
  );
6588
6597
  var AccordionItem = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
6589
6598
  var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Header, { className: "hawa-flex" }, /* @__PURE__ */ React47.createElement(
@@ -7630,6 +7639,8 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
7630
7639
  ));
7631
7640
  var NavigationMenu = ({
7632
7641
  viewportClassNames,
7642
+ rootClassNames,
7643
+ triggerClassNames,
7633
7644
  ...props
7634
7645
  }) => {
7635
7646
  return /* @__PURE__ */ React59.createElement(
@@ -7637,10 +7648,10 @@ var NavigationMenu = ({
7637
7648
  {
7638
7649
  dir: props.direction,
7639
7650
  delayDuration: 0,
7640
- className: props.rootClassNames,
7651
+ className: rootClassNames,
7641
7652
  viewportClassNames
7642
7653
  },
7643
- /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7654
+ /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7644
7655
  NavigationMenuLink,
7645
7656
  {
7646
7657
  onClick: () => {
@@ -7650,7 +7661,8 @@ var NavigationMenu = ({
7650
7661
  },
7651
7662
  className: cn(
7652
7663
  navigationMenuTriggerStyle(),
7653
- "hawa-cursor-pointer hawa-select-none"
7664
+ "hawa-cursor-pointer hawa-select-none",
7665
+ triggerClassNames
7654
7666
  )
7655
7667
  },
7656
7668
  item.trigger
package/dist/index.mjs CHANGED
@@ -6322,41 +6322,50 @@ var Accordion = React47.forwardRef(
6322
6322
  contentclassNames,
6323
6323
  className,
6324
6324
  ...props
6325
- }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-4" }, items.map((item, index) => /* @__PURE__ */ React47.createElement(
6326
- AccordionItem,
6325
+ }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Root, { type: props.type, collapsible: true }, /* @__PURE__ */ React47.createElement(
6326
+ "div",
6327
6327
  {
6328
- className: cn(itemClassNames, "hawa-rounded"),
6329
- key: index,
6330
- value: `item-${index}`
6328
+ className: cn("hawa-flex hawa-flex-col", {
6329
+ "hawa-gap-4": design === "separated",
6330
+ "hawa-gap-0": design === "default"
6331
+ })
6331
6332
  },
6332
- /* @__PURE__ */ React47.createElement(
6333
- AccordionTrigger,
6333
+ items.map((item, index) => /* @__PURE__ */ React47.createElement(
6334
+ AccordionItem,
6334
6335
  {
6335
- className: cn(
6336
- "hawa-transition-all",
6337
- design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
6338
- "hawa-rounded-t": index === 0,
6339
- "data-[state=closed]:hawa-rounded-b": index === items.length - 1
6340
- },
6341
- triggerclassNames
6342
- )
6343
- },
6344
- item.trigger
6345
- ),
6346
- /* @__PURE__ */ React47.createElement(
6347
- AccordionContent,
6348
- {
6349
- className: cn(
6350
- "hawa-transition-all hawa-border",
6351
- design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
6352
- "data-[state=open]:hawa-rounded-b": index === items.length - 1
6353
- },
6354
- contentclassNames
6355
- )
6336
+ className: cn(itemClassNames, "hawa-rounded"),
6337
+ key: index,
6338
+ value: `item-${index}`
6356
6339
  },
6357
- item.content
6358
- )
6359
- ))))
6340
+ /* @__PURE__ */ React47.createElement(
6341
+ AccordionTrigger,
6342
+ {
6343
+ className: cn(
6344
+ "hawa-transition-all",
6345
+ design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-b-none" : {
6346
+ "hawa-rounded-t": index === 0,
6347
+ "data-[state=closed]:hawa-rounded-b": index === items.length - 1
6348
+ },
6349
+ triggerclassNames
6350
+ )
6351
+ },
6352
+ item.trigger
6353
+ ),
6354
+ /* @__PURE__ */ React47.createElement(
6355
+ AccordionContent,
6356
+ {
6357
+ className: cn(
6358
+ "hawa-transition-all hawa-border",
6359
+ design === "separated" ? "hawa-rounded data-[state=open]:hawa-rounded-t-none" : {
6360
+ "data-[state=open]:hawa-rounded-b": index === items.length - 1
6361
+ },
6362
+ contentclassNames
6363
+ )
6364
+ },
6365
+ item.content
6366
+ )
6367
+ ))
6368
+ ))
6360
6369
  );
6361
6370
  var AccordionItem = React47.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
6362
6371
  var AccordionTrigger = React47.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React47.createElement(AccordionPrimitive.Header, { className: "hawa-flex" }, /* @__PURE__ */ React47.createElement(
@@ -7403,6 +7412,8 @@ var NavigationMenuIndicator = React59.forwardRef(({ className, ...props }, ref)
7403
7412
  ));
7404
7413
  var NavigationMenu = ({
7405
7414
  viewportClassNames,
7415
+ rootClassNames,
7416
+ triggerClassNames,
7406
7417
  ...props
7407
7418
  }) => {
7408
7419
  return /* @__PURE__ */ React59.createElement(
@@ -7410,10 +7421,10 @@ var NavigationMenu = ({
7410
7421
  {
7411
7422
  dir: props.direction,
7412
7423
  delayDuration: 0,
7413
- className: props.rootClassNames,
7424
+ className: rootClassNames,
7414
7425
  viewportClassNames
7415
7426
  },
7416
- /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, null, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7427
+ /* @__PURE__ */ React59.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React59.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React59.createElement(React59.Fragment, null, /* @__PURE__ */ React59.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React59.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React59.createElement(
7417
7428
  NavigationMenuLink,
7418
7429
  {
7419
7430
  onClick: () => {
@@ -7423,7 +7434,8 @@ var NavigationMenu = ({
7423
7434
  },
7424
7435
  className: cn(
7425
7436
  navigationMenuTriggerStyle(),
7426
- "hawa-cursor-pointer hawa-select-none"
7437
+ "hawa-cursor-pointer hawa-select-none",
7438
+ triggerClassNames
7427
7439
  )
7428
7440
  },
7429
7441
  item.trigger
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.20.2",
3
+ "version": "0.20.4-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",
@@ -71,7 +71,7 @@
71
71
  "@radix-ui/react-toast": "^1.1.5",
72
72
  "@radix-ui/react-tooltip": "^1.0.7",
73
73
  "@tanstack/react-table": "^8.10.7",
74
- "@types/node": "^20.9.4",
74
+ "@types/node": "^20.10.2",
75
75
  "@types/react": "^18.2.38",
76
76
  "@types/react-dom": "^18.2.17",
77
77
  "class-variance-authority": "^0.7.0",
@@ -97,16 +97,16 @@
97
97
  "devDependencies": {
98
98
  "@babel/preset-react": "^7.23.3",
99
99
  "@sikka/alam": "^0.0.3",
100
- "@storybook/addon-essentials": "^7.6.2",
101
- "@storybook/addon-interactions": "^7.6.2",
102
- "@storybook/addon-links": "^7.6.2",
103
- "@storybook/addon-mdx-gfm": "^7.6.2",
104
- "@storybook/blocks": "^7.6.2",
105
- "@storybook/manager-api": "^7.6.2",
106
- "@storybook/nextjs": "^7.6.2",
107
- "@storybook/react": "^7.6.2",
100
+ "@storybook/addon-essentials": "^7.6.3",
101
+ "@storybook/addon-interactions": "^7.6.3",
102
+ "@storybook/addon-links": "^7.6.3",
103
+ "@storybook/addon-mdx-gfm": "^7.6.3",
104
+ "@storybook/blocks": "^7.6.3",
105
+ "@storybook/manager-api": "^7.6.3",
106
+ "@storybook/nextjs": "^7.6.3",
107
+ "@storybook/react": "^7.6.3",
108
108
  "@storybook/testing-library": "^0.2.2",
109
- "@storybook/theming": "^7.6.2",
109
+ "@storybook/theming": "^7.6.3",
110
110
  "@testing-library/jest-dom": "^6.1.5",
111
111
  "@testing-library/react": "^14.1.2",
112
112
  "@types/jest": "^29.5.10",
@@ -118,12 +118,12 @@
118
118
  "postcss": "^8.4.31",
119
119
  "postcss-cli": "^10.1.0",
120
120
  "postcss-import": "^15.1.0",
121
- "recharts": "^2.10.1",
122
- "storybook": "^7.6.2",
121
+ "recharts": "^2.10.3",
122
+ "storybook": "^7.6.3",
123
123
  "storybook-dark-mode": "^3.0.1",
124
124
  "tailwindcss": "^3.3.5",
125
125
  "tailwindcss-animate": "^1.0.7",
126
126
  "tsup": "^8.0.1",
127
127
  "typescript": "^5.3.2"
128
128
  }
129
- }
129
+ }