@sikka/hawa 0.24.5-next → 0.24.6-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.
@@ -77,7 +77,7 @@ var AppTabs = ({ tabs, className }) => {
77
77
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
78
78
  "hawa-border",
79
79
  // Always have a border but make it transparent
80
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
80
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
81
81
  )
82
82
  },
83
83
  tab.icon && tab.icon,
@@ -36,7 +36,7 @@ var AppTabs = ({ tabs, className }) => {
36
36
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
37
37
  "hawa-border",
38
38
  // Always have a border but make it transparent
39
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
39
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
40
40
  )
41
41
  },
42
42
  tab.icon && tab.icon,
@@ -6225,7 +6225,7 @@ var ItemCard = ({
6225
6225
  clickableImageActionIcon,
6226
6226
  clickableImageActionText || "Click"
6227
6227
  )))),
6228
- /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ import_react39.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react39.default.createElement(
6228
+ /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react39.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react39.default.createElement(
6229
6229
  DropdownMenu,
6230
6230
  {
6231
6231
  items: headerActions,
@@ -6253,8 +6253,9 @@ var ItemCard = ({
6253
6253
  "div",
6254
6254
  {
6255
6255
  className: cn(
6256
- "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
6257
- actions && counts ? "hawa-justify-between" : "hawa-justify-end"
6256
+ "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
6257
+ actions || counts ? "hawa-justify-between" : "hawa-justify-end",
6258
+ !actions && counts ? "hawa-py-3" : ""
6258
6259
  )
6259
6260
  },
6260
6261
  counts,
@@ -2114,7 +2114,7 @@ var ItemCard = ({
2114
2114
  clickableImageActionIcon,
2115
2115
  clickableImageActionText || "Click"
2116
2116
  )))),
2117
- /* @__PURE__ */ React24.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.createElement(
2117
+ /* @__PURE__ */ React24.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React24.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React24.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React24.createElement(
2118
2118
  DropdownMenu,
2119
2119
  {
2120
2120
  items: headerActions,
@@ -2142,8 +2142,9 @@ var ItemCard = ({
2142
2142
  "div",
2143
2143
  {
2144
2144
  className: cn(
2145
- "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
2146
- actions && counts ? "hawa-justify-between" : "hawa-justify-end"
2145
+ "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
2146
+ actions || counts ? "hawa-justify-between" : "hawa-justify-end",
2147
+ !actions && counts ? "hawa-py-3" : ""
2147
2148
  )
2148
2149
  },
2149
2150
  counts,
package/dist/index.css CHANGED
@@ -1503,6 +1503,9 @@ input[type="number"]::-webkit-inner-spin-button,
1503
1503
  .hawa-min-h-\[37\.75px\] {
1504
1504
  min-height: 37.75px;
1505
1505
  }
1506
+ .hawa-min-h-\[400px\] {
1507
+ min-height: 400px;
1508
+ }
1506
1509
  .hawa-min-h-\[40px\] {
1507
1510
  min-height: 40px;
1508
1511
  }
@@ -2695,6 +2698,9 @@ input[type="number"]::-webkit-inner-spin-button,
2695
2698
  .hawa-pe-0 {
2696
2699
  padding-inline-end: 0px;
2697
2700
  }
2701
+ .hawa-pe-3 {
2702
+ padding-inline-end: 0.75rem;
2703
+ }
2698
2704
  .hawa-pe-9 {
2699
2705
  padding-inline-end: 2.25rem;
2700
2706
  }
@@ -2713,9 +2719,6 @@ input[type="number"]::-webkit-inner-spin-button,
2713
2719
  .hawa-pr-2 {
2714
2720
  padding-right: 0.5rem;
2715
2721
  }
2716
- .hawa-pr-3 {
2717
- padding-right: 0.75rem;
2718
- }
2719
2722
  .hawa-ps-9 {
2720
2723
  padding-inline-start: 2.25rem;
2721
2724
  }
@@ -3348,6 +3351,9 @@ body {
3348
3351
  .hover\:hawa-bg-accent:hover {
3349
3352
  background-color: hsl(var(--accent));
3350
3353
  }
3354
+ .hover\:hawa-bg-card-foreground\/5:hover {
3355
+ background-color: hsl(var(--card-foreground) / 0.05);
3356
+ }
3351
3357
  .hover\:hawa-bg-destructive\/90:hover {
3352
3358
  background-color: hsl(var(--destructive) / 0.9);
3353
3359
  }
package/dist/index.js CHANGED
@@ -8837,7 +8837,7 @@ var AppTabs = ({ tabs, className }) => {
8837
8837
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8838
8838
  "hawa-border",
8839
8839
  // Always have a border but make it transparent
8840
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8840
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
8841
8841
  )
8842
8842
  },
8843
8843
  tab.icon && tab.icon,
@@ -11207,7 +11207,7 @@ var ItemCard = ({
11207
11207
  clickableImageActionIcon,
11208
11208
  clickableImageActionText || "Click"
11209
11209
  )))),
11210
- /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement(
11210
+ /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ import_react68.default.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ import_react68.default.createElement(StopPropagationWrapper, null, /* @__PURE__ */ import_react68.default.createElement(
11211
11211
  DropdownMenu,
11212
11212
  {
11213
11213
  items: headerActions,
@@ -11235,8 +11235,9 @@ var ItemCard = ({
11235
11235
  "div",
11236
11236
  {
11237
11237
  className: cn(
11238
- "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
11239
- actions && counts ? "hawa-justify-between" : "hawa-justify-end"
11238
+ "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
11239
+ actions || counts ? "hawa-justify-between" : "hawa-justify-end",
11240
+ !actions && counts ? "hawa-py-3" : ""
11240
11241
  )
11241
11242
  },
11242
11243
  counts,
package/dist/index.mjs CHANGED
@@ -8611,7 +8611,7 @@ var AppTabs = ({ tabs, className }) => {
8611
8611
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
8612
8612
  "hawa-border",
8613
8613
  // Always have a border but make it transparent
8614
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
8614
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
8615
8615
  )
8616
8616
  },
8617
8617
  tab.icon && tab.icon,
@@ -10981,7 +10981,7 @@ var ItemCard = ({
10981
10981
  clickableImageActionIcon,
10982
10982
  clickableImageActionText || "Click"
10983
10983
  )))),
10984
- /* @__PURE__ */ React96.createElement("div", { className: "hawa-relative hawa-w-full hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-right-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pr-3 hawa-pt-3" }, /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement(
10984
+ /* @__PURE__ */ React96.createElement("div", { className: "hawa-relative hawa-flex hawa-h-full hawa-w-full hawa-flex-col hawa-justify-between hawa-p-4 xs:hawa-p-6 xs:hawa-px-2 xs:hawa-pb-2" }, headerActions && /* @__PURE__ */ React96.createElement("div", { className: "hawa-absolute hawa-end-0 hawa-top-0 hawa-flex hawa-justify-end hawa-pe-3 hawa-pt-3" }, /* @__PURE__ */ React96.createElement(StopPropagationWrapper, null, /* @__PURE__ */ React96.createElement(
10985
10985
  DropdownMenu,
10986
10986
  {
10987
10987
  items: headerActions,
@@ -11009,8 +11009,9 @@ var ItemCard = ({
11009
11009
  "div",
11010
11010
  {
11011
11011
  className: cn(
11012
- "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row ",
11013
- actions && counts ? "hawa-justify-between" : "hawa-justify-end"
11012
+ "hawa-mt-3 hawa-flex hawa-flex-col hawa-items-center hawa-rounded-b-lg dark:hawa-text-white xs:hawa-flex-row",
11013
+ actions || counts ? "hawa-justify-between" : "hawa-justify-end",
11014
+ !actions && counts ? "hawa-py-3" : ""
11014
11015
  )
11015
11016
  },
11016
11017
  counts,
@@ -1958,7 +1958,7 @@ var AppTabs = ({ tabs, className }) => {
1958
1958
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1959
1959
  "hawa-border",
1960
1960
  // Always have a border but make it transparent
1961
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1961
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
1962
1962
  )
1963
1963
  },
1964
1964
  tab.icon && tab.icon,
@@ -1083,7 +1083,7 @@ var AppTabs = ({ tabs, className }) => {
1083
1083
  "hawa-z-10 hawa-flex hawa-translate-y-[1.1px] hawa-select-none hawa-flex-row hawa-gap-2 hawa-rounded-t hawa-p-4 hawa-py-2 hawa-text-sm hawa-transition-all ",
1084
1084
  "hawa-border",
1085
1085
  // Always have a border but make it transparent
1086
- selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-gray-200 dark:hover:hawa-bg-gray-700"
1086
+ selected ? "hawa-border hawa-border-b-transparent hawa-bg-background" : "hawa-cursor-pointer hawa-border-transparent hover:hawa-bg-card-foreground/5"
1087
1087
  )
1088
1088
  },
1089
1089
  tab.icon && tab.icon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.24.5-next",
3
+ "version": "0.24.6-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",