@kanda-libs/ks-component-ts 0.2.339 → 0.2.341

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kanda-libs/ks-component-ts",
3
- "version": "0.2.339",
3
+ "version": "0.2.341",
4
4
  "description": "Kanda form component library",
5
5
  "main": "dist/index.esm.js",
6
6
  "module": "dist/index.esm.js",
@@ -24,6 +24,30 @@ export const DEFAULT_THEME = {
24
24
  },
25
25
  };
26
26
 
27
+ export const BORDERED_THEME = {
28
+ fieldWrapper: "Default" as FieldWrapperType,
29
+ baseClasses:
30
+ "rounded-lg flex w-full bg-neutral-000 border border-neutral-300 caret-turquoise-300",
31
+ inputClasses:
32
+ "text-style-g text-neutral-900 placeholder-neutral-600 text-base md:text-sm",
33
+ focusClasses:
34
+ "border-solid focus:outline-none focus:border-turquoise-300 focus:bg-neutral-000",
35
+ focusWithinClasses:
36
+ "border-solid focus-within:outline-none focus-within:border-turquoise-300 focus-within:bg-neutral-000",
37
+ paddingClasses: "px-4 py-3.25",
38
+ skeletonClasses: "w-2/6",
39
+ placeholderClasses: "px-4 pt-1",
40
+ makeErrorClasses: (error?: string) =>
41
+ error ? "border-solid border border-red-200" : "",
42
+ wrapperClasses: {
43
+ baseContainer: "flex flex-col mb-6 text-left",
44
+ error: "mt-2 text-style-h text-red-200",
45
+ warning: "mt-2 text-style-h text-neutral-600",
46
+ label: "w-full text-style-h-em text-neutral-600 mb-2",
47
+ helperText: "whitespace-nowrap text-style-h text-neutral-500",
48
+ },
49
+ };
50
+
27
51
  export const DEFAULT_WHITE_THEME = {
28
52
  fieldWrapper: "Default" as FieldWrapperType,
29
53
  baseClasses:
@@ -342,6 +366,7 @@ const PERCENTAGE_INCREMENT_THEME = {
342
366
 
343
367
  enum Variants {
344
368
  DEFAULT = "default",
369
+ BORDERED = "bordered",
345
370
  DEFAULT_WHITE = "default-white",
346
371
  CLEAN = "clean",
347
372
  NARROW = "narrow",
@@ -362,6 +387,7 @@ enum Variants {
362
387
 
363
388
  export const VARIANTS: StringIndexedObject<string> = {
364
389
  DEFAULT: Variants.DEFAULT,
390
+ BORDERED: Variants.BORDERED,
365
391
  DEFAULT_WHITE: Variants.DEFAULT_WHITE,
366
392
  CLEAN: Variants.CLEAN,
367
393
  NARROW: Variants.NARROW,
@@ -382,6 +408,7 @@ export const VARIANTS: StringIndexedObject<string> = {
382
408
 
383
409
  export const FORM_THEME_VARIANTS: StringIndexedObject<Theme> = {
384
410
  [VARIANTS.DEFAULT]: DEFAULT_THEME,
411
+ [VARIANTS.BORDERED]: BORDERED_THEME,
385
412
  [VARIANTS.DEFAULT_WHITE]: DEFAULT_WHITE_THEME,
386
413
  [VARIANTS.CLEAN]: CLEAN_THEME,
387
414
  [VARIANTS.NARROW]: NARROW_THEME,