@kanda-libs/ks-component-ts 0.3.102 → 0.3.104

package/dist/library.css

@@ -803,6 +803,12 @@ input[type="number"]::-webkit-inner-spin-button,
   line-height: 20px;
 }
 
+.text-16-18-em {
+  font-weight: 600;
+  font-size: 16px;
+  line-height: 18px;
+}
+
 .text-16-18 {
   font-weight: 400;
   font-size: 16px;
@@ -3056,6 +3062,12 @@ input[type="number"]::-webkit-inner-spin-button,
   opacity: 0.95;
 }
 
+.shadow-lg {
+  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-card {
   --tw-shadow: 0px 4px 8px 0px #0C1B3A0D;
   --tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanda-libs/ks-component-ts",
-  "version": "0.3.102",
+  "version": "0.3.104",
   "description": "Kanda form component library",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",

package/src/components/FormTheme/constants.ts

@@ -366,6 +366,31 @@ const PERCENTAGE_INCREMENT_THEME = {
   },
 };
 
+const CHECKOUT_THEME = {
+  fieldWrapper: "Default" as FieldWrapperType,
+  baseClasses:
+    "rounded-lg flex w-full bg-neutral-000 border-2 border-neutral-300 caret-turquoise-300 shadow-lg",
+  inputClasses: "text-16-18-em text-neutral-900 placeholder-neutral-600",
+  focusClasses: "border-solid focus:border-turquoise-300",
+  focusWithinClasses:
+    "border-solid focus-within:outline-none focus-within:border-turquoise-300",
+  paddingClasses: "px-3 py-4",
+  skeletonClasses: "w-2/6",
+  chevronClasses:
+    "appearance-none bg-select-chevron focus:bg-select-chevron-active bg-no-repeat bg-right-2 invalid:text-neutral-400 overflow-hidden !pr-7",
+  themeIconVariant: "dark",
+  makeErrorClasses: (error?: string) =>
+    error ? "border-solid border border-red-200" : "",
+  wrapperClasses: {
+    baseContainer: "flex flex-col mb-5 text-left",
+    error: "mt-2 text-12-18 text-red-200",
+    warning: "mt-2 text-12-18 text-neutral-700",
+    label: "text-12-18-em text-neutral-700",
+    helperText: "whitespace-nowrap text-12-18 text-neutral-500",
+  },
+  buttonClasses: "mt-2 mr-2",
+};
+
 enum Variants {
   DEFAULT = "default",
   BORDERED = "bordered",
@@ -385,6 +410,7 @@ enum Variants {
   STREAMLINE = "streamline",
   STREAMLINE_INLINE = "streamline-inline",
   PERCENTAGE_INCREMENT = "percentage-increment",
+  CHECKOUT = "checkout",
 }
 
 export const VARIANTS: StringIndexedObject<string> = {
@@ -406,6 +432,7 @@ export const VARIANTS: StringIndexedObject<string> = {
   STREAMLINE: Variants.STREAMLINE,
   STREAMLINE_INLINE: Variants.STREAMLINE_INLINE,
   PERCENTAGE_INCREMENT: Variants.PERCENTAGE_INCREMENT,
+  CHECKOUT: Variants.CHECKOUT,
 };
 
 export const FORM_THEME_VARIANTS: StringIndexedObject<Theme> = {
@@ -427,4 +454,5 @@ export const FORM_THEME_VARIANTS: StringIndexedObject<Theme> = {
   [VARIANTS.STREAMLINE]: STREAMLINE_THEME,
   [VARIANTS.STREAMLINE_INLINE]: STREAMLINE_INLINE_THEME,
   [VARIANTS.PERCENTAGE_INCREMENT]: PERCENTAGE_INCREMENT_THEME,
+  [VARIANTS.CHECKOUT]: CHECKOUT_THEME,
 };

package/src/generated/components/schemas/WorkType.ts

@@ -58,6 +58,7 @@ export const WorkType = t.union([
   t.literal("roofline"),
   t.literal("security_lighting"),
   t.literal("solar_pv_panels"),
+  t.literal("spray_foam_removal"),
   t.literal("stair_lifts"),
   t.literal("staircases"),
   t.literal("tiling"),
@@ -163,6 +164,7 @@ export type WorkType =
   | "roofline"
   | "security_lighting"
   | "solar_pv_panels"
+  | "spray_foam_removal"
   | "stair_lifts"
   | "staircases"
   | "tiling"