@orangesk/orange-design-system 2.0.0-beta.27 → 2.0.0-beta.29

package/build/components/types/index.d.ts

@@ -977,6 +977,8 @@ interface FileProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>,
     id?: string;
     /** Disabled state. */
     isDisabled?: boolean;
+    /** Invalid state */
+    isInvalid?: boolean;
     /** Input name. */
     name?: string;
     /** Size of element. */
@@ -995,6 +997,8 @@ interface GroupProps extends HTMLAttributes<HTMLDivElement> {
     size?: "large";
     addonSuffix?: ReactNode | ReactNode[];
     className?: string;
+    /** Invalid state */
+    isInvalid?: boolean;
 }
 declare const Group: React$1.FC<GroupProps>;
 
@@ -1072,6 +1076,8 @@ interface RangeSliderProps extends React$1.HTMLAttributes<HTMLDivElement> {
     hasDataAttr?: boolean;
     /** element id. required by RangeSlider.static.js and generated automatically in React environment. */
     id?: string;
+    /** Invalid state */
+    isInvalid?: boolean;
     /** width of the element */
     width?: RangeSliderWidth;
     /** Additional CSS classes */
@@ -1181,6 +1187,8 @@ interface InputStepperProps {
     id: string;
     inputClassName?: string;
     isDisabled?: boolean;
+    /** Invalid state */
+    isInvalid?: boolean;
     name?: string;
     nonEditableInput?: boolean;
     className?: string;

package/build/components/types/src/components/Carousel/Carousel.static.d.ts

@@ -27,9 +27,15 @@ export default class Carousel {
      * Carousel is enabled only when there are more slides than can fit in the current viewport.
      */
     private updateCarouselEnabledState;
+    /**
+     * Apply negative margin-right to carousel track when slidesPerView is a whole number.
+     * This compensates for the 20px padding-right on each slide, ensuring proper grid alignment.
+     */
+    private applyTrackMarginCompensation;
     /**
      * Calculate how much the carousel should extend beyond the container (bleed effect).
      * On screens 2560px and wider, the bleed effect is disabled.
+     * Also disabled when slidesPerView is a whole number (integer).
      */
     private calculateBleedAmount;
     /**
@@ -41,6 +47,7 @@ export default class Carousel {
      * Configure bleed-right carousel to extend beyond the container edge.
      * Calculates the exact offset needed for the carousel to reach the viewport edge
      * while keeping the last slide aligned with the container edge when scrolled to the end.
+     * When slidesPerView is a whole number (integer), the bleed effect is disabled.
      */
     adjustConfigForBleedRight(): void;
     /**

package/build/components/types/src/components/Forms/File/File.d.ts

@@ -5,6 +5,8 @@ export interface FileProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
     id?: string;
     /** Disabled state. */
     isDisabled?: boolean;
+    /** Invalid state */
+    isInvalid?: boolean;
     /** Input name. */
     name?: string;
     /** Size of element. */

package/build/components/types/src/components/Forms/Group/Group.d.ts

@@ -9,6 +9,8 @@ interface GroupProps extends HTMLAttributes<HTMLDivElement> {
     size?: "large";
     addonSuffix?: ReactNode | ReactNode[];
     className?: string;
+    /** Invalid state */
+    isInvalid?: boolean;
 }
 declare const Group: React.FC<GroupProps>;
 export { Group };

package/build/components/types/src/components/Forms/InputStepper/InputStepper.d.ts

@@ -10,6 +10,8 @@ export interface InputStepperProps {
     id: string;
     inputClassName?: string;
     isDisabled?: boolean;
+    /** Invalid state */
+    isInvalid?: boolean;
     name?: string;
     nonEditableInput?: boolean;
     className?: string;

package/build/components/types/src/components/Forms/RangeSlider/RangeSlider.d.ts

@@ -29,6 +29,8 @@ export interface RangeSliderProps extends React.HTMLAttributes<HTMLDivElement> {
     hasDataAttr?: boolean;
     /** element id. required by RangeSlider.static.js and generated automatically in React environment. */
     id?: string;
+    /** Invalid state */
+    isInvalid?: boolean;
     /** width of the element */
     width?: RangeSliderWidth;
     /** Additional CSS classes */

package/build/components/types/src/components/Modal/Modal.static.d.ts

@@ -8,6 +8,8 @@ interface ModalConfig {
     root: string;
     /** Move modal into this element selector (must be unique in DOM) */
     modalsRoot: string;
+    /** Disable moving modal to #root-modals (for React controlled mode) */
+    disablePortal?: boolean;
 }
 interface HTMLElementWithModal extends HTMLElement {
     ODS_Modal?: Modal;