@kanda-libs/ks-component-ts 0.2.386 → 0.2.388

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/library.css CHANGED
@@ -1232,6 +1232,10 @@ input[type="number"]::-webkit-inner-spin-button,
1232
1232
  margin-bottom: 20px;
1233
1233
  }
1234
1234
 
1235
+ .mr-2 {
1236
+ margin-right: 8px;
1237
+ }
1238
+
1235
1239
  .-ml-4 {
1236
1240
  margin-left: -16px;
1237
1241
  }
@@ -1256,10 +1260,6 @@ input[type="number"]::-webkit-inner-spin-button,
1256
1260
  margin-left: 8px;
1257
1261
  }
1258
1262
 
1259
- .mr-2 {
1260
- margin-right: 8px;
1261
- }
1262
-
1263
1263
  .mt-\[5px\] {
1264
1264
  margin-top: 5px;
1265
1265
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanda-libs/ks-component-ts",
3
- "version": "0.2.386",
3
+ "version": "0.2.388",
4
4
  "description": "Kanda form component library",
5
5
  "main": "dist/index.esm.js",
6
6
  "module": "dist/index.esm.js",
@@ -311,6 +311,7 @@ const STREAMLINE_THEME = {
311
311
  label: "text-12-18-em text-neutral-700",
312
312
  helperText: "whitespace-nowrap text-12-18 text-neutral-500",
313
313
  },
314
+ buttonClasses: "mt-2 mr-2",
314
315
  };
315
316
 
316
317
  const STREAMLINE_INLINE_THEME = {
@@ -337,6 +338,7 @@ const STREAMLINE_INLINE_THEME = {
337
338
  label: "w-full text-12-18-em text-neutral-600 mb-2",
338
339
  helperText: "whitespace-nowrap text-12-18 text-neutral-500",
339
340
  },
341
+ buttonClasses: "mt-2 mr-2",
340
342
  };
341
343
 
342
344
  const PERCENTAGE_INCREMENT_THEME = {
@@ -27,6 +27,7 @@ export default function usePasswordInput(error: string): Hook {
27
27
  focusClasses,
28
28
  makeErrorClasses,
29
29
  skeletonClasses,
30
+ buttonClasses,
30
31
  } = useFormTheme();
31
32
 
32
33
  const className = clsx(
@@ -37,8 +38,10 @@ export default function usePasswordInput(error: string): Hook {
37
38
  makeErrorClasses(error),
38
39
  "pr-12"
39
40
  );
40
- const buttonClassName =
41
- "absolute right-0 stroke-current text-neutral-500 mt-3.5 mr-4";
41
+ const buttonClassName = [
42
+ buttonClasses || "mt-3.5 mr-4",
43
+ "absolute right-0 stroke-current text-neutral-500",
44
+ ].join(" ");
42
45
 
43
46
  return {
44
47
  className,