@recursica/mantine-adapter 0.8.0 → 0.9.0

package/dist/src/components/Dropdown/Dropdown.d.ts

@@ -3,7 +3,7 @@ import { SelectProps as MantineSelectProps } from '@mantine/core';
 import { ReadOnlyControlProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "description" | "error" | "required" | "withAsterisk">, Pick<RecursicaFormControlWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id" | "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
+export interface RecursicaDropdownProps extends Omit<MantineSelectProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
     /** Internal hook for Selects to override raw layout width properties when necessary */
     containerWidth?: React.CSSProperties["width"];
 }

package/dist/src/components/TextArea/TextArea.d.ts

@@ -3,7 +3,7 @@ import { TextareaProps as MantineTextareaProps } from '@mantine/core';
 import { ReadOnlyControlProps } from '@recursica/adapter-common';
 import { RecursicaOverStyled } from '../../utils/filterStylingProps';
 import { RecursicaFormControlWrapperProps } from '../FormControlWrapper/FormControlWrapper';
-export interface RecursicaTextAreaProps extends Omit<MantineTextareaProps, "size" | "variant" | "radius" | "wrapperProps" | "label" | "description" | "error" | "required" | "withAsterisk">, Pick<RecursicaFormControlWrapperProps, "label" | "error" | "required" | "withAsterisk" | "id" | "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
+export interface RecursicaTextAreaProps extends Omit<MantineTextareaProps, "size" | "variant" | "radius" | "wrapperProps">, Pick<RecursicaFormControlWrapperProps, "assistiveText" | "assistiveWithIcon" | "formLayout" | "labelSize" | "labelAlignment" | "labelOptionalText" | "labelWithEditIcon" | "onLabelEditClick">, ReadOnlyControlProps {
     /** Maximum rows for autosize textarea to grow */
     maxRows?: number;
     /** Minimum rows of autosize textarea */

package/package.json

@@ -11,7 +11,7 @@
     "type": "git",
     "url": "git+https://github.com/borderux/recursica.git"
   },
-  "version": "0.8.0",
+  "version": "0.9.0",
   "type": "module",
   "main": "./dist/mantine-adapter.cjs",
   "module": "./dist/mantine-adapter.js",

package/src/components/Accordion/Accordion.module.css

@@ -40,16 +40,22 @@
 
   border-style: solid;
   border-color: var(
-    --recursica_ui-kit_components_accordion-item_properties_colors_divider
+    --recursica_ui-kit_components_accordion-item_properties_colors_item-border-color
   );
   border-width: var(
-    --recursica_ui-kit_components_accordion-item_properties_divider-size
+    --recursica_ui-kit_components_accordion-item_properties_item-border-size
+  );
+  border-bottom-color: var(
+    --recursica_ui-kit_components_accordion_properties_colors_divider
+  );
+  border-bottom-width: var(
+    --recursica_ui-kit_components_accordion_properties_divider-size
   );
   border-radius: var(
     --recursica_ui-kit_components_accordion-item_properties_border-radius
   );
   box-shadow: var(
-    --recursica_ui-kit_components_accordion-item_properties_elevation
+    --recursica_ui-kit_components_accordion-item_properties_elevation-item
   );
 
   background-color: var(
@@ -79,10 +85,10 @@
 
   /* Strip Mantine's baked padding directly */
   padding: var(
-      --recursica_ui-kit_components_accordion-item_properties_padding-vertical
+      --recursica_ui-kit_components_accordion-item_properties_header-vertical-padding
     )
     var(
-      --recursica_ui-kit_components_accordion-item_properties_padding-horizontal
+      --recursica_ui-kit_components_accordion-item_properties_header-horizontal-padding
     );
   background-color: transparent;
 
@@ -206,11 +212,26 @@
 /* ==== ACCORDION PANEL (CONTENT) ==== */
 .panel {
   box-sizing: border-box;
-  margin: 0;
+  margin: var(
+    --recursica_ui-kit_components_accordion-item_properties_content-margin
+  );
   padding: 0; /* Overriding dynamic layout structure */
   background-color: var(
     --recursica_ui-kit_components_accordion-item_properties_colors_content-background
   );
+  border-style: solid;
+  border-color: var(
+    --recursica_ui-kit_components_accordion-item_properties_colors_content-border-color
+  );
+  border-width: var(
+    --recursica_ui-kit_components_accordion-item_properties_content-border-size
+  );
+  border-radius: var(
+    --recursica_ui-kit_components_accordion-item_properties_content-border-radius
+  );
+  box-shadow: var(
+    --recursica_ui-kit_components_accordion-item_properties_elevation-content
+  );
 }
 
 .content {
@@ -218,7 +239,7 @@
   /* Strip Mantine padding and apply logic directly mapped */
   padding: 0
     var(
-      --recursica_ui-kit_components_accordion-item_properties_padding-horizontal
+      --recursica_ui-kit_components_accordion-item_properties_content-horizontal-padding
     )
     var(
       --recursica_ui-kit_components_accordion-item_properties_content-bottom-padding
@@ -226,7 +247,7 @@
 
   /* Apply offset gap explicitly calculated below header */
   padding-top: var(
-    --recursica_ui-kit_components_accordion-item_properties_header-content-gap
+    --recursica_ui-kit_components_accordion-item_properties_content-top-padding
   );
 
   color: var(

package/src/components/Checkbox/CheckboxGroup.tsx

@@ -125,7 +125,7 @@ export const CheckboxGroup = forwardRef<HTMLDivElement, CheckboxGroupProps>(
             {React.Children.map(children, (child) => {
               if (React.isValidElement(child)) {
                 return React.cloneElement(child as React.ReactElement<any>, {
-                  disabled: readOnly || child.props.disabled,
+                  disabled: readOnly || (child.props as any).disabled,
                 });
               }
               return child;

package/src/components/Dropdown/Dropdown.tsx

@@ -15,23 +15,10 @@ import styles from "./Dropdown.module.css";
 export interface RecursicaDropdownProps
   extends Omit<
       MantineSelectProps,
-      | "size"
-      | "variant"
-      | "radius"
-      | "wrapperProps"
-      | "label"
-      | "description"
-      | "error"
-      | "required"
-      | "withAsterisk"
+      "size" | "variant" | "radius" | "wrapperProps"
     >,
     Pick<
       RecursicaFormControlWrapperProps,
-      | "label"
-      | "error"
-      | "required"
-      | "withAsterisk"
-      | "id"
       | "assistiveText"
       | "assistiveWithIcon"
       | "formLayout"

package/src/components/TextArea/TextArea.tsx

@@ -15,23 +15,10 @@ import styles from "./TextArea.module.css";
 export interface RecursicaTextAreaProps
   extends Omit<
       MantineTextareaProps,
-      | "size"
-      | "variant"
-      | "radius"
-      | "wrapperProps"
-      | "label"
-      | "description"
-      | "error"
-      | "required"
-      | "withAsterisk"
+      "size" | "variant" | "radius" | "wrapperProps"
     >,
     Pick<
       RecursicaFormControlWrapperProps,
-      | "label"
-      | "error"
-      | "required"
-      | "withAsterisk"
-      | "id"
       | "assistiveText"
       | "assistiveWithIcon"
       | "formLayout"