@sikka/hawa 0.18.20-next → 0.18.21-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 (6) hide show
  1. package/dist/index.css +5 -2
  2. package/dist/index.d.mts +2 -1
  3. package/dist/index.d.ts +2 -1
  4. package/dist/index.js +11 -3
  5. package/dist/index.mjs +11 -3
  6. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -788,7 +788,7 @@ input[type="number"]::-webkit-inner-spin-button,
788
788
  }
789
789
  .circle-car {
790
790
  fill: none;
791
- stroke: hsl(var(--primary));
791
+ /* stroke: hsl(var(--primary)); */
792
792
  stroke-dasharray: 25, 75;
793
793
  stroke-dashoffset: 0;
794
794
  stroke-linecap: round;
@@ -796,7 +796,7 @@ input[type="number"]::-webkit-inner-spin-button,
796
796
  }
797
797
  .circle-track {
798
798
  fill: none;
799
- stroke: hsl(var(--primary));
799
+ /* stroke: hsl(var(--primary)); */
800
800
  opacity: 0.1;
801
801
  transition: stroke 0.5s ease;
802
802
  }
@@ -2499,6 +2499,9 @@ input[type="number"]::-webkit-inner-spin-button,
2499
2499
  .hawa-stroke-primary {
2500
2500
  stroke: hsl(var(--primary));
2501
2501
  }
2502
+ .hawa-stroke-primary-foreground {
2503
+ stroke: hsl(var(--primary-foreground));
2504
+ }
2502
2505
  .hawa-stroke-primary\/20 {
2503
2506
  stroke: hsl(var(--primary) / 0.2);
2504
2507
  }
package/dist/index.d.mts CHANGED
@@ -379,7 +379,7 @@ interface AvatarProps {
379
379
  declare const Avatar: React__default.FC<AvatarProps>;
380
380
 
381
381
  declare const buttonVariants: (props?: ({
382
- variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
382
+ variant?: "link" | "light" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
383
383
  size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
384
384
  } & class_variance_authority_types.ClassProp) | undefined) => string;
385
385
  interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -466,6 +466,7 @@ type LoadingTypes = {
466
466
  /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
467
467
  color?: string;
468
468
  className?: string;
469
+ themeMode?: "dark" | "light";
469
470
  };
470
471
  declare const Loading: FC<LoadingTypes>;
471
472
 
package/dist/index.d.ts CHANGED
@@ -379,7 +379,7 @@ interface AvatarProps {
379
379
  declare const Avatar: React__default.FC<AvatarProps>;
380
380
 
381
381
  declare const buttonVariants: (props?: ({
382
- variant?: "link" | "default" | "light" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
382
+ variant?: "link" | "light" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "combobox" | "neoBrutalism" | null | undefined;
383
383
  size?: "xs" | "sm" | "lg" | "xl" | "default" | "heightless" | "icon" | "smallIcon" | null | undefined;
384
384
  } & class_variance_authority_types.ClassProp) | undefined) => string;
385
385
  interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
@@ -466,6 +466,7 @@ type LoadingTypes = {
466
466
  /** Specifies the color of the loading component. By default it will inherit the value of <span className="inline-code">--primary</span> global CSS variable*/
467
467
  color?: string;
468
468
  className?: string;
469
+ themeMode?: "dark" | "light";
469
470
  };
470
471
  declare const Loading: FC<LoadingTypes>;
471
472
 
package/dist/index.js CHANGED
@@ -352,6 +352,7 @@ var import_react3 = __toESM(require("react"));
352
352
  var Loading = ({
353
353
  design = "spinner",
354
354
  size = "sm",
355
+ themeMode = "light",
355
356
  color,
356
357
  ...props
357
358
  }) => {
@@ -492,7 +493,10 @@ var Loading = ({
492
493
  /* @__PURE__ */ import_react3.default.createElement(
493
494
  "circle",
494
495
  {
495
- className: "circle-track",
496
+ className: cn("circle-track", {
497
+ "hawa-stroke-primary-foreground": themeMode === "dark",
498
+ "hawa-stroke-primary": themeMode === "light"
499
+ }),
496
500
  cx: "20",
497
501
  cy: "20",
498
502
  r: "17.5",
@@ -504,7 +508,10 @@ var Loading = ({
504
508
  /* @__PURE__ */ import_react3.default.createElement(
505
509
  "circle",
506
510
  {
507
- className: "circle-car",
511
+ className: cn("circle-car", {
512
+ "hawa-stroke-primary-foreground": themeMode === "dark",
513
+ "hawa-stroke-primary": themeMode === "light"
514
+ }),
508
515
  cx: "20",
509
516
  cy: "20",
510
517
  r: "17.5",
@@ -577,7 +584,8 @@ var Button = React5.forwardRef(
577
584
  isLoading ? /* @__PURE__ */ React5.createElement(
578
585
  Loading,
579
586
  {
580
- design: "dots-pulse",
587
+ design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
588
+ themeMode: variant === "outline" ? "light" : "dark",
581
589
  color: loadingColor,
582
590
  size: size === "sm" ? "xs" : "button"
583
591
  }
package/dist/index.mjs CHANGED
@@ -127,6 +127,7 @@ import React4 from "react";
127
127
  var Loading = ({
128
128
  design = "spinner",
129
129
  size = "sm",
130
+ themeMode = "light",
130
131
  color,
131
132
  ...props
132
133
  }) => {
@@ -267,7 +268,10 @@ var Loading = ({
267
268
  /* @__PURE__ */ React4.createElement(
268
269
  "circle",
269
270
  {
270
- className: "circle-track",
271
+ className: cn("circle-track", {
272
+ "hawa-stroke-primary-foreground": themeMode === "dark",
273
+ "hawa-stroke-primary": themeMode === "light"
274
+ }),
271
275
  cx: "20",
272
276
  cy: "20",
273
277
  r: "17.5",
@@ -279,7 +283,10 @@ var Loading = ({
279
283
  /* @__PURE__ */ React4.createElement(
280
284
  "circle",
281
285
  {
282
- className: "circle-car",
286
+ className: cn("circle-car", {
287
+ "hawa-stroke-primary-foreground": themeMode === "dark",
288
+ "hawa-stroke-primary": themeMode === "light"
289
+ }),
283
290
  cx: "20",
284
291
  cy: "20",
285
292
  r: "17.5",
@@ -352,7 +359,8 @@ var Button = React5.forwardRef(
352
359
  isLoading ? /* @__PURE__ */ React5.createElement(
353
360
  Loading,
354
361
  {
355
- design: "dots-pulse",
362
+ design: size === "icon" || size === "smallIcon" ? "spinner" : "dots-pulse",
363
+ themeMode: variant === "outline" ? "light" : "dark",
356
364
  color: loadingColor,
357
365
  size: size === "sm" ? "xs" : "button"
358
366
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sikka/hawa",
3
- "version": "0.18.20-next",
3
+ "version": "0.18.21-next",
4
4
  "description": "Modern UI Kit made with Tailwind",
5
5
  "author": {
6
6
  "name": "Sikka Software",