greenole-design-system 1.1.53 → 1.1.55

package/README.md

@@ -1,147 +1,147 @@
-# Greenole Design System
-
-[![Figma Design](https://img.shields.io/badge/Figma-Design_System-blue)](https://www.figma.com/design/Zwkbh8XGfVt2At4ln7p1WE/DS-Greenole?node-id=1017-15&p=f&t=Mjdfp67Q8ADWcm9v-0)
-
-The **Greenole Design System** is a React component library designed to create consistent and scalable user interfaces.  
-The library is constantly evolving, with new components and improvements being added over time.
-
-## Table of Contents
-
-- [Introduction](#introduction)
-- [Installation](#installation)
-- [Usage](#usage)
-- [Development](#development)
-- [Build & Publication](#build--publication)
-- [Contributing](#contributing)
-- [License](#license)
-
-## Introduction
-
-**Greenole Design System** gathers reusable components that follow a consistent visual identity.  
-It helps teams maintain design and usability standards across their React projects.
-
-> **Note:**  
-> This library is in constant evolution. Existing components may be updated and new ones added over time.
-
-## Installation
-
-To install the library in your React project, run:
-
-```bash
-npm install greenole-design-system
-```
-
-> **Note:**  
-> The library declares `react` and `react-dom` as peer dependencies, so ensure your project already has these installed.
-
-## Usage
-
-After installation, you need to import both the CSS styles and the components:
-
-### 1. Import the CSS styles
-
-First, import the CSS file in your main application file (usually `main.jsx`, `App.jsx`, or `index.js`):
-
-```jsx
-import 'greenole-design-system/dist/greenole.css';
-```
-
-### 2. Import and use components
-
-Then you can import and use the library's components:
-
-```jsx
-import React from 'react';
-import { Typography } from 'greenole-design-system';
-
-function App() {
-  return (
-    <div>
-      <Typography variant="h1">
-        The quick brown fox jumps over the lazy dog.
-      </Typography>
-      {/* Additional components will be added in the future */}
-    </div>
-  );
-}
-
-export default App;
-```
-
-## Development
-
-To contribute to or test the library locally:
-
-1. Clone the repository:
-   ```bash
-   git clone https://github.com/your-username/greenole-design-system.git
-   cd greenole-design-system
-   ```
-2. Install dependencies:
-   ```bash
-   npm install
-   ```
-3. Start the development environment using Vite:
-   ```bash
-   npm run dev
-   ```
-4. To view the documentation and components, we use **Storybook**:
-   ```bash
-   npm run storybook
-   ```
-   Storybook serves as the documentation and demo environment for the library's components.
-
-## Build & Publication
-
-To generate the library bundle:
-
-1. Run the build command:
-
-   ```bash
-   npm run build
-   ```
-
-   This will create the `dist` folder with both CommonJS and ESModule files, as well as type declarations (if configured).
-
-2. To test locally in another project, use `npm link`:
-   ```bash
-   cd greenole-design-system
-   npm link
-   cd ../your-consumer-project
-   npm link greenole-design-system
-   ```
-3. When ready to publish:
-
-   ```bash
-   npm login
-   npm publish --access public
-   ```
-
-## Publishing Storybook to GitHub Pages
-
-1. Build the Storybook:
-
-   ```bash
-   npm run build-storybook
-   ```
-
-   This generates the static files for your Storybook.
-
-2. Deploy to GitHub Pages:
-
-   ```bash
-   npm run deploy-storybook
-   ```
-
-   This will automatically push the built files to the configured branch (`gh-pages`).
-
-   After that, you can access the updated Storybook at: [Design System](https://greenole-iot.github.io/greenole-design-system)
-
-## Contributing
-
-Contributions are welcome! If you would like to help evolve the **Greenole Design System**, follow these steps:
-
-1. Fork the repository.
-2. Create a branch for your feature (`git checkout -b my-feature`).
-3. Commit your changes.
-4. Open a pull request for review.
+# Greenole Design System
+
+[![Figma Design](https://img.shields.io/badge/Figma-Design_System-blue)](https://www.figma.com/design/Zwkbh8XGfVt2At4ln7p1WE/DS-Greenole?node-id=1017-15&p=f&t=Mjdfp67Q8ADWcm9v-0)
+
+The **Greenole Design System** is a React component library designed to create consistent and scalable user interfaces.  
+The library is constantly evolving, with new components and improvements being added over time.
+
+## Table of Contents
+
+- [Introduction](#introduction)
+- [Installation](#installation)
+- [Usage](#usage)
+- [Development](#development)
+- [Build & Publication](#build--publication)
+- [Contributing](#contributing)
+- [License](#license)
+
+## Introduction
+
+**Greenole Design System** gathers reusable components that follow a consistent visual identity.  
+It helps teams maintain design and usability standards across their React projects.
+
+> **Note:**  
+> This library is in constant evolution. Existing components may be updated and new ones added over time.
+
+## Installation
+
+To install the library in your React project, run:
+
+```bash
+npm install greenole-design-system
+```
+
+> **Note:**  
+> The library declares `react` and `react-dom` as peer dependencies, so ensure your project already has these installed.
+
+## Usage
+
+After installation, you need to import both the CSS styles and the components:
+
+### 1. Import the CSS styles
+
+First, import the CSS file in your main application file (usually `main.jsx`, `App.jsx`, or `index.js`):
+
+```jsx
+import 'greenole-design-system/dist/greenole.css';
+```
+
+### 2. Import and use components
+
+Then you can import and use the library's components:
+
+```jsx
+import React from 'react';
+import { Typography } from 'greenole-design-system';
+
+function App() {
+  return (
+    <div>
+      <Typography variant="h1">
+        The quick brown fox jumps over the lazy dog.
+      </Typography>
+      {/* Additional components will be added in the future */}
+    </div>
+  );
+}
+
+export default App;
+```
+
+## Development
+
+To contribute to or test the library locally:
+
+1. Clone the repository:
+   ```bash
+   git clone https://github.com/your-username/greenole-design-system.git
+   cd greenole-design-system
+   ```
+2. Install dependencies:
+   ```bash
+   npm install
+   ```
+3. Start the development environment using Vite:
+   ```bash
+   npm run dev
+   ```
+4. To view the documentation and components, we use **Storybook**:
+   ```bash
+   npm run storybook
+   ```
+   Storybook serves as the documentation and demo environment for the library's components.
+
+## Build & Publication
+
+To generate the library bundle:
+
+1. Run the build command:
+
+   ```bash
+   npm run build
+   ```
+
+   This will create the `dist` folder with both CommonJS and ESModule files, as well as type declarations (if configured).
+
+2. To test locally in another project, use `npm link`:
+   ```bash
+   cd greenole-design-system
+   npm link
+   cd ../your-consumer-project
+   npm link greenole-design-system
+   ```
+3. When ready to publish:
+
+   ```bash
+   npm login
+   npm publish --access public
+   ```
+
+## Publishing Storybook to GitHub Pages
+
+1. Build the Storybook:
+
+   ```bash
+   npm run build-storybook
+   ```
+
+   This generates the static files for your Storybook.
+
+2. Deploy to GitHub Pages:
+
+   ```bash
+   npm run deploy-storybook
+   ```
+
+   This will automatically push the built files to the configured branch (`gh-pages`).
+
+   After that, you can access the updated Storybook at: [Design System](https://greenole-iot.github.io/greenole-design-system)
+
+## Contributing
+
+Contributions are welcome! If you would like to help evolve the **Greenole Design System**, follow these steps:
+
+1. Fork the repository.
+2. Create a branch for your feature (`git checkout -b my-feature`).
+3. Commit your changes.
+4. Open a pull request for review.

package/dist/base-components/Dropdown/Dropdown.stories.d.ts

@@ -5,14 +5,9 @@ export default meta;
 type Story = StoryObj<typeof Dropdown>;
 export declare const Default: Story;
 export declare const Multiple: Story;
-export declare const MultipleWithShowTags: Story;
 export declare const Searchable: Story;
 export declare const WithMaxSelected: Story;
-export declare const FetchData: Story;
+export declare const WithLoadMore: Story;
 export declare const Invalid: Story;
 export declare const WithMessage: Story;
 export declare const OptionsWithIcons: Story;
-export declare const OptionsWithIconsMultipleWithShowTags: Story;
-export declare const WithClear: Story;
-export declare const WithPortal: Story;
-export declare const NoOptions: Story;

package/dist/base-components/Dropdown/Dropdown.styles.d.ts

@@ -17,7 +17,7 @@ type StyledDropdownMessageProps = {
     $invalid: boolean;
 };
 export declare const DropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const DropdownLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const DropdownMessage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDropdownMessageProps>> & string;
 export declare const DropdownButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledButtonProps>> & string;
 export declare const CaretIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
@@ -32,8 +32,4 @@ export declare const OptionCheckbox: import('styled-components/dist/types').ISty
 export declare const OptionLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const NoResults: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const Sentinel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const DropdownTagsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SelectedLabelsWrapperOverflow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SelectedLabelsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SelectedLabels: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export {};

package/dist/base-components/Dropdown/Dropdown.types.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-import { THookTypes } from '../../utils/i18n/types';
 export interface DropdownOptionsType {
     icon?: ReactNode;
     label: string;
@@ -23,11 +22,7 @@ export interface DropdownTypes {
     invalid?: boolean;
     message?: string | ReactNode;
     className?: string;
-    isRequired?: boolean;
-    showClearButton?: boolean;
-    container?: HTMLElement;
-    showTags?: boolean;
-    t?: THookTypes;
+    displayValue?: string;
     onChange: (value: string | string[]) => void;
     onSearch?: (searchTerm: string) => void;
     onLoadMore?: () => void;

package/dist/base-components/Input/Input.styles.d.ts

@@ -1,21 +1,20 @@
 export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $fullWidth?: boolean;
-    $width?: number | string;
+    fullWidth?: boolean;
 }>> & string;
+export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const FieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $disabled?: boolean;
-    $hasError?: boolean;
-    $isValid?: boolean;
-    $readOnly?: boolean;
-    $textArea?: boolean;
+    disabled?: boolean;
+    hasError?: boolean;
+    isValid?: boolean;
+    readOnly?: boolean;
+    textArea?: boolean;
 }>> & string;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const BaseFieldStyles: import('styled-components').RuleSet<object>;
-export declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
 export declare const InputField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export declare const TextAreaField: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>> & string;
 export declare const ErrorText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const Subtitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CharCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $hasError?: boolean;
+    hasError?: boolean;
 }>> & string;

package/dist/base-components/Input/Input.types.d.ts

@@ -19,6 +19,5 @@ export interface InputProps extends Omit<InputElementProps & TextAreaElementProp
     readOnly?: boolean;
     textArea?: boolean;
     maxLength?: number;
-    width?: number | string;
 }
 export {};

package/dist/base-components/Loading/Loading.types.d.ts

@@ -3,9 +3,4 @@ export interface LoadingProps extends SVGProps<SVGSVGElement> {
     show?: boolean;
     size?: number;
     color?: string;
-    showLogo?: boolean;
-    title?: string;
-    subtitle?: string;
-    fullScreen?: boolean;
-    spinnerType?: 'svg' | 'css';
 }

package/dist/base-components/Pills/Pills.stories.d.ts

@@ -12,4 +12,4 @@ export declare const Infor: Story;
 export declare const Neutral: Story;
 export declare const WithIcons: Story;
 export declare const CustomTypography: Story;
-export declare const CustomColor: Story;
+export declare const CustomPadding: Story;

package/dist/base-components/Pills/Pills.types.d.ts

@@ -1,5 +1,5 @@
 import { TypographyVariant } from '../../components/Typography/Typography';
-export type PillsVariant = "neutral" | "success" | "danger" | "warning" | "info" | "primary";
+export type PillsVariant = 'neutral' | 'success' | 'danger' | 'warning' | 'info' | 'primary';
 export interface PillsProps {
     label: string;
     variant?: PillsVariant;
@@ -8,6 +8,4 @@ export interface PillsProps {
     iconLeft?: React.ReactNode;
     iconRight?: React.ReactNode;
     className?: string;
-    background?: string;
-    color?: string;
 }

package/dist/base-components/RangeSlider/RangeSlider.styles.d.ts

@@ -2,6 +2,6 @@ export declare const SliderWrapper: import('styled-components/dist/types').IStyl
 export declare const ValueBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const ValueText: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const SliderInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
-    $percent: number;
-    $color: string;
+    percent: number;
+    color: string;
 }>> & string;

package/dist/base-components/Space/Space.types.d.ts

@@ -1,9 +1,9 @@
 export type SpaceHeight = "spacing-1" | "spacing-2" | "spacing-4" | "spacing-8" | "spacing-12" | "spacing-16" | "spacing-24" | "spacing-32" | "spacing-40" | "spacing-48" | "spacing-56" | "spacing-64" | "spacing-72" | "spacing-80" | "spacing-104";
-export declare const spaceHeights: Record<SpaceHeight, number>;
+export declare const spaceHeights: Record<SpaceHeight, string>;
 export interface SpaceProps {
     height?: SpaceHeight;
     color?: string;
-    width?: string | number;
+    width?: string;
     className?: string;
     showLabel?: boolean;
 }

package/dist/base-components/SwitchButton/SwitchButton.styles.d.ts

@@ -1,7 +1,7 @@
 export declare const SwitchWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $checked: boolean;
-    $color: string;
-    $variant: "filled" | "outline";
-    $thumbVariant: "filled" | "outline";
-    $disabled?: boolean;
+    checked: boolean;
+    color: string;
+    variant: "filled" | "outline";
+    thumbVariant: "filled" | "outline";
+    disabled?: boolean;
 }>> & string;

package/dist/base-components/Toast/Toast.stories.d.ts

@@ -1,12 +1,8 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { default as React } from 'react';
 import { default as Toast } from './Toast';
 declare const meta: Meta<typeof Toast>;
 export default meta;
 type Story = StoryObj<typeof Toast>;
 export declare const Playground: Story;
 export declare const Gallery: Story;
-export declare const InteractiveSandbox: {
-    name: string;
-    render: () => React.JSX.Element;
-};
+export declare const InteractiveSandbox: Story;

package/dist/base-components/Toast/Toast.styles.d.ts

@@ -1,10 +1,6 @@
 export declare const Wrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     variant: string;
 }>> & string;
-export declare const ProgressBar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    variant: string;
-    autoDismissTime: number;
-}>> & string;
 export declare const IconWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     variant: string;
 }>> & string;

package/dist/base-components/Tooltip/Tooltip.styles.d.ts

@@ -1,9 +1,9 @@
 import { TooltipPositionTypes } from './Tooltip.types';
 declare const TooltipWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const TooltipBox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $position: TooltipPositionTypes;
+    position: TooltipPositionTypes;
 }>> & string;
 declare const TooltipArrow: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $position: TooltipPositionTypes;
+    position: TooltipPositionTypes;
 }>> & string;
 export { TooltipArrow, TooltipBox, TooltipWrapper };

package/dist/components/Calendar/Calendar.d.ts

@@ -1,14 +1,4 @@
 import { default as React } from 'react';
-import { InputProps } from '../../base-components/Input/Input.types';
-import { THookTypes } from '../../utils/i18n/types';
 import { CalendarProps } from './Calendar.types';
-interface ExtendedCalendarProps extends CalendarProps {
-    inputProps?: InputProps;
-    autoClose?: boolean;
-    t?: THookTypes;
-    clearable?: boolean;
-    placeholder?: string;
-    dropdownLimit?: boolean;
-}
-export declare const Calendar: React.FC<ExtendedCalendarProps>;
+export declare const Calendar: React.FC<CalendarProps>;
 export default Calendar;

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -3,10 +3,7 @@ import { Calendar } from './Calendar';
 declare const meta: Meta<typeof Calendar>;
 export default meta;
 type Story = StoryObj<typeof Calendar>;
-export declare const InlineSingle: Story;
-export declare const InlineRange: Story;
-export declare const InputSingle: Story;
-export declare const InputRange: Story;
-export declare const InputSingle_MinMax: Story;
-export declare const InputRange_WeekendsDisabled: Story;
-export declare const MobileRange_Sheet: Story;
+export declare const Docs: Story;
+export declare const Default: Story;
+export declare const CustomRange: Story;
+export declare const InsideCard: Story;

package/dist/components/Calendar/Calendar.styles.d.ts

@@ -1,29 +1,11 @@
-export declare const CalendarContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PresetsContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const PresetButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isActive?: boolean;
-}>> & string;
-export declare const DateRangeContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const MonthContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const MonthHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const MonthTitle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const NavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DaysOfWeekContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const DaysGrid: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isMobile?: boolean;
-}>> & string;
-export declare const DayButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $isSelected?: boolean;
-    $inRange?: boolean;
-    $isStart?: boolean;
-    $isEnd?: boolean;
-    $isMobile?: boolean;
-}>> & string;
+export declare const styles: {
+    dayBase: string;
+    dayHover: string;
+    dayInRange: string;
+    dayStart: string;
+    dayEnd: string;
+    daySingle: string;
+    presetBase: string;
+    presetActive: string;
+    presetHover: string;
+};

package/dist/components/Calendar/Calendar.types.d.ts

@@ -4,16 +4,6 @@ export type DateRange = {
     end: Dayjs | null;
 };
 export interface CalendarProps {
-    mode?: "single" | "range";
-    selectedDate?: Dayjs | null;
-    selectedRange?: DateRange;
-    onChange: (date: Dayjs | null, range?: DateRange) => void;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
-    locale?: string;
-    inline?: boolean;
-    disabledDates?: Dayjs[];
-    showPresets?: boolean;
-    isMobile?: boolean;
-    rangeSinglePanel?: boolean;
+    defaultRange?: DateRange;
+    onChange?: (range: DateRange) => void;
 }

package/dist/components/Calendar/Calendar.utils.d.ts

@@ -6,9 +6,5 @@ export declare const isSameRange: (a: {
     start: Dayjs | null;
     end: Dayjs | null;
 }) => boolean | undefined;
-export declare const formatDate: (date: Dayjs | null, locale?: string) => string;
-export declare const formatRange: (range: {
-    start: Dayjs | null;
-    end: Dayjs | null;
-}, locale?: string) => string;
+export declare const formatDate: (date: Dayjs | null) => string;
 export declare const getDaysOfWeek: (locale?: string) => string[];

package/dist/components/Calendar/DateRangePicker.d.ts

@@ -1,18 +1,8 @@
-import { Dayjs } from 'dayjs';
 import { default as React } from 'react';
 import { DateRange } from './Calendar.types';
 interface Props {
-    mode: 'single' | 'range';
-    selectedDate?: Dayjs | null;
-    selectedRange?: DateRange;
-    onChange: (date: Dayjs | null, range?: DateRange) => void;
-    minDate?: Dayjs;
-    maxDate?: Dayjs;
-    locale: string;
-    disabledDates: Dayjs[];
-    rangeSinglePanel?: boolean;
-    /** Ativa espaçamento/tamanhos mais confortáveis */
-    isMobile?: boolean;
+    range: DateRange;
+    onChange: (range: DateRange) => void;
 }
 export declare const DateRangePicker: React.FC<Props>;
 export {};