@dynamic-framework/ui-react 2.0.0-dev.1 → 2.0.0-dev.11

package/src/style/components/_d-timeline.scss

@@ -0,0 +1,108 @@
+.d-timeline {
+  --#{$prefix}timeline-conector-size: 2px;
+  --#{$prefix}timeline-conector-bg: var(--#{$prefix}gray-100);
+  --#{$prefix}timeline-icon-size: 1rem;
+  --#{$prefix}timeline-icon-padding: .25rem;
+  --#{$prefix}timeline-icon-color: var(--#{$prefix}gray-600);
+  --#{$prefix}timeline-description-color: var(--#{$prefix}gray-400);
+  --#{$prefix}timeline-icon-bg: var(--#{$prefix}white);
+  position: relative;
+
+  display: flex;
+  flex-direction: column;
+
+  .d-timeline-item {
+    position: relative;
+    display: flex;
+    padding-bottom: 2rem;
+
+    .d-timeline-item-connector {
+      position: absolute;
+      top: .5rem;
+      left: .5rem;
+      width: var(--#{$prefix}timeline-conector-size);
+      height: 100%;
+      background-color: var(--#{$prefix}timeline-conector-bg);
+    }
+
+    .d-timeline-item-icon {
+      position: absolute;
+      top: 0;
+      left: calc(var(--#{$prefix}timeline-icon-size) / 2);
+      z-index: 1;
+      box-sizing: content-box;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--#{$prefix}timeline-icon-size);
+      height: var(--#{$prefix}timeline-icon-size);
+      padding: var(--#{$prefix}timeline-icon-padding);
+      line-height: 1;
+      color: var(--#{$prefix}timeline-icon-color);
+      background-color: var(--#{$prefix}timeline-icon-bg);
+      border: 1px solid rgba(0, 0, 0, .1);
+      border-radius: 50%;
+      transform: translateX(-50%);
+    }
+
+    &:last-child .d-timeline-item-connector {
+      display: none;
+    }
+
+    .d-timeline-item-content {
+      padding-left: 2rem;
+    }
+
+    .d-timeline-item-title {
+      margin-bottom: .25rem;
+      font-weight: 600;
+    }
+
+    .d-timeline-item-description {
+      margin-bottom: .5rem;
+      color: var(--#{$prefix}timeline-description-color);
+    }
+
+    .d-timeline-item-time {
+      font-size: .875rem;
+      color: #999;
+    }
+
+    &.d-timeline-item-success {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}success-500);
+      }
+    }
+    &.d-timeline-item-danger {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}danger-500);
+      }
+    }
+    &.d-timeline-item-warning {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}warning-500);
+      }
+    }
+    &.d-timeline-item-primary {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}primary-500);
+      }
+    }
+    &.d-timeline-item-info {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}info-500);
+      }
+    }
+    &.d-timeline-item-secondary {
+      .d-timeline-item-icon {
+        color: var(--#{$prefix}white);
+        background-color: var(--#{$prefix}secondary-500);
+      }
+    }
+  }
+}

package/src/style/components/_d-voucher.scss

@@ -0,0 +1,29 @@
+.d-voucher {
+  --#{$prefix}voucher-header-gap: var(--#{$prefix}ref-spacer-4);
+  --#{$prefix}voucher-amount-padding: var(--#{$prefix}ref-spacer-4);
+  --#{$prefix}voucher-amount-background: var(--#{$prefix}secondary-50);
+  --#{$prefix}voucher-amount-rounded: var(--#{$prefix}ref-spacer-4);
+  --#{$prefix}voucher-footer-gap: var(--#{$prefix}ref-spacer-4);
+  --#{$prefix}voucher-margin: 0 0 var(--#{$prefix}ref-spacer-4) 0;
+}
+
+.d-voucher-header {
+  display: flex;
+  flex-direction: column;
+  gap: var(--#{$prefix}voucher-header-gap);
+  align-items: center;
+  justify-content: center;
+  margin: var(--#{$prefix}voucher-margin);
+}
+
+.d-voucher-amount {
+  padding: var(--#{$prefix}voucher-amount-padding);
+  background: var(--#{$prefix}voucher-amount-background);
+  border-radius: var(--#{$prefix}voucher-amount-rounded);
+}
+
+.d-voucher-footer {
+  display: flex;
+  gap: var(--#{$prefix}voucher-footer-gap);
+  justify-content: flex-start;
+}

package/src/style/helpers/_color-bg.scss

@@ -1,8 +1,18 @@
 // All-caps `RGBA()` function used because of this Sass bug: https://github.com/sass/node-sass/issues/2251
 @each $color, $value in map-merge-multiple($theme-colors-palettes, $theme-colors, $palette-grays, ("gray": map-get($colors, "gray"))) {
-  .text-bg-#{$color} {
-    color: color-contrast-var($value) if($enable-important-utilities, !important, null);
-    background-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
+  @if ($color == "secondary") {
+    .text-bg-secondary {
+      color: var(--#{$prefix}secondary-700);
+      background: var(--#{$prefix}secondary-50);
+    }
+  } @else {
+    .text-bg-#{$color} {
+      color: color-contrast-var($value) if($enable-important-utilities, !important, null);
+      background-color: RGBA(var(--#{$prefix}#{$color}-rgb), var(--#{$prefix}bg-opacity, 1)) if($enable-important-utilities, !important, null);
+    }
+  }
+  .hover-bg-#{$color}:hover {
+    background-color: var(--#{$prefix}#{$color}) if($enable-important-utilities, !important, null);
   }
 }
 

package/src/style/root/_root.scss

@@ -18,14 +18,6 @@
     // end custom
   }
 
-  @each $color, $value in $bg-surface-colors {
-    --#{$prefix}#{$color}-rgb: #{$value};
-  }
-
-  @each $color, $value in $bg-soft-colors {
-    --#{$prefix}#{$color}-rgb: #{$value};
-  }
-
   @each $color, $value in $theme-colors-palettes {
     @if str-index($color, "-500") {
       $base-color-name: str-slice($color, 1, str-index($color, "-500") - 1);
@@ -46,13 +38,6 @@
     --#{$prefix}gray-#{$color}: rgb(var(--#{$prefix}gray-#{$color}-rgb));
   }
 
-  @each $color, $value in $bg-surface-colors {
-    --#{$prefix}#{$color}: rgb(var(--#{$prefix}#{$color}-rgb));
-  }
-
-  @each $color, $value in $bg-soft-colors {
-    --#{$prefix}#{$color}: rgb(var(--#{$prefix}#{$color}-rgb));
-  }
   // end custom
 
   @each $color, $value in $theme-colors {
@@ -78,6 +63,17 @@
     --#{$prefix}#{$color}-text-emphasis: #{$value};
   }
 
+  $theme-colors-bg-subtle: (
+    "primary": $primary-bg-subtle,
+    "secondary": $secondary-bg-subtle,
+    "success": $green-25,
+    "info": $blue-25,
+    "warning": $yellow-25,
+    "danger": $red-25,
+    "light": $light-bg-subtle,
+    "dark": $dark-bg-subtle,
+  );
+
   @each $color, $value in $theme-colors-bg-subtle {
     --#{$prefix}#{$color}-bg-subtle: #{$value};
   }
@@ -110,7 +106,9 @@
   --#{$prefix}body-color: rgb(var(--#{$prefix}body-color-rgb));
   --#{$prefix}body-color-rgb: var(--#{$prefix}#{$body-color-mapping}-rgb);
   --#{$prefix}body-bg: rgb(var(--#{$prefix}body-bg-rgb));
-  --#{$prefix}body-bg-rgb: var(--#{$prefix}#{$body-bg-mapping}-rgb);
+
+  // WIP: se convierte el hex a rgb
+  --#{$prefix}body-bg-rgb: #{to-rgb($body-bg)};
 
   --#{$prefix}emphasis-color: rgb(var(--#{$prefix}emphasis-color-rgb));
   --#{$prefix}emphasis-color-rgb: #{$body-emphasis-color};
@@ -223,79 +221,104 @@
   --#{$prefix}btn-sm-border-radius: #{$btn-border-radius-sm};
 
   @each $color, $value in $theme-colors {
-    @if $color == "light" {
-      @include df-button-variant-variables(
-        "light",
-        $default-color: var(--#{$prefix}gray-100),
-        $default-text-color: color-contrast-var(map-get($all-colors, gray-100)),
-        $hover-color: var(--#{$prefix}gray-200),
-        $hover-text-color: color-contrast-var(map-get($all-colors, gray-200)),
-        $focus-color: var(--#{$prefix}gray-200),
-        $focus-text-color: color-contrast-var(map-get($all-colors, gray-200)),
-        $active-color: var(--#{$prefix}gray-300),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-300)),
-        $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
-      );
-      @include df-button-outline-variant-variables(
-        "light",
-        $default-color: var(--#{$prefix}gray-100),
-        $hover-bg-color: var(--#{$prefix}gray-200),
-        $hover-text-color: color-contrast-var(map-get($all-colors, gray-200)),
-        $focus-bg-color: var(--#{$prefix}gray-200),
-        $focus-text-color: color-contrast-var(map-get($all-colors, gray-200)),
-        $active-bg-color: var(--#{$prefix}gray-300),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-300)),
-        $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
-      );
-      @include df-button-link-variant-variables(
-        "light",
-        $default-color: var(--#{$prefix}gray-100),
-        $hover-text-color: var(--#{$prefix}gray-200),
-        $focus-text-color: var(--#{$prefix}gray-200),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-300)),
-        $active-bg-color: var(--#{$prefix}gray-300),
-        $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
-      );
-    } @else if $color == "dark" {
-      @include df-button-variant-variables(
-        "dark",
-        $default-color: var(--#{$prefix}gray-900),
-        $default-text-color: color-contrast-var(map-get($all-colors, gray-900)),
-        $hover-color: var(--#{$prefix}gray-800),
-        $hover-text-color: color-contrast-var(map-get($all-colors, gray-800)),
-        $focus-color: var(--#{$prefix}gray-800),
-        $focus-text-color: color-contrast-var(map-get($all-colors, gray-800)),
-        $active-color: var(--#{$prefix}gray-700),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-700)),
-        $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
-      );
-      @include df-button-outline-variant-variables(
-        "dark",
-        $default-color: var(--#{$prefix}gray-900),
-        $hover-bg-color: var(--#{$prefix}gray-800),
-        $hover-text-color: color-contrast-var(map-get($all-colors, gray-800)),
-        $focus-bg-color: var(--#{$prefix}gray-800),
-        $focus-text-color: color-contrast-var(map-get($all-colors, gray-800)),
-        $active-bg-color: var(--#{$prefix}gray-700),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-700)),
-        $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
-      );
-      @include df-button-link-variant-variables(
-        "dark",
-        $default-color: var(--#{$prefix}gray-900),
-        $hover-text-color: var(--#{$prefix}gray-800),
-        $focus-text-color: var(--#{$prefix}gray-800),
-        $active-text-color: color-contrast-var(map-get($all-colors, gray-700)),
-        $active-bg-color: var(--#{$prefix}gray-700),
-        $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
-      );
-    } @else {
-      @include df-button-variant-variables($color);
-      @include df-button-outline-variant-variables($color);
-      @include df-button-link-variant-variables($color);
+    @if not map-has-key($theme-colors-extra, $color) {
+      @if $color == "light" {
+        @include df-button-variant-variables(
+          "light",
+          $default-color: var(--#{$prefix}gray-25),
+          $default-text-color: color-contrast-var(map-get($all-colors, gray-100)),
+          $hover-color: var(--#{$prefix}gray-50),
+          $hover-text-color: color-contrast-var(map-get($all-colors, gray-200)),
+          $focus-color: var(--#{$prefix}gray-200),
+          $focus-text-color: color-contrast-var(map-get($all-colors, gray-200)),
+          $active-color: var(--#{$prefix}gray-300),
+          $active-text-color: color-contrast-var(map-get($all-colors, gray-300)),
+          $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
+        );
+        @include df-button-outline-variant-variables(
+          "light",
+          $default-color: var(--#{$prefix}gray-100),
+          $hover-color: var(--#{$prefix}gray-200),
+          $focus-color: var(--#{$prefix}gray-200),
+          $active-color: var(--#{$prefix}gray-300),
+          $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
+        );
+        @include df-button-link-variant-variables(
+          "light",
+          $default-color: var(--#{$prefix}gray-100),
+          $hover-text-color: var(--#{$prefix}gray-200),
+          $focus-text-color: var(--#{$prefix}gray-200),
+          $active-text-color: color-contrast-var(map-get($all-colors, gray-300)),
+          $active-bg-color: var(--#{$prefix}gray-300),
+          $focus-shadow-rgb: var(--#{$prefix}gray-100-rgb),
+        );
+      } @else if $color == "dark" {
+        @include df-button-variant-variables(
+          "dark",
+          $default-color: var(--#{$prefix}gray-900),
+          $default-text-color: color-contrast-var(map-get($all-colors, gray-900)),
+          $hover-color: var(--#{$prefix}gray-800),
+          $hover-text-color: color-contrast-var(map-get($all-colors, gray-800)),
+          $focus-color: var(--#{$prefix}gray-800),
+          $focus-text-color: color-contrast-var(map-get($all-colors, gray-800)),
+          $active-color: var(--#{$prefix}gray-700),
+          $active-text-color: color-contrast-var(map-get($all-colors, gray-700)),
+          $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
+        );
+        @include df-button-outline-variant-variables(
+          "dark",
+          $default-color: var(--#{$prefix}gray-900),
+          $hover-color: var(--#{$prefix}gray-800),
+          $focus-color: var(--#{$prefix}gray-800),
+          $active-color: var(--#{$prefix}gray-700),
+          $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
+        );
+        @include df-button-link-variant-variables(
+          "dark",
+          $default-color: var(--#{$prefix}gray-900),
+          $hover-text-color: var(--#{$prefix}gray-800),
+          $focus-text-color: var(--#{$prefix}gray-800),
+          $active-text-color: color-contrast-var(map-get($all-colors, gray-700)),
+          $active-bg-color: var(--#{$prefix}gray-700),
+          $focus-shadow-rgb: var(--#{$prefix}gray-900-rgb),
+        );
+
+      } @else if $color == "secondary" {
+        @include df-button-variant-variables(
+          "secondary",
+          $default-color: var(--#{$prefix}secondary-50),
+          $default-text-color: var(--#{$prefix}secondary-700),
+          $hover-color: var(--#{$prefix}secondary-100),
+          $hover-text-color: var(--#{$prefix}secondary-700),
+          $focus-color: var(--#{$prefix}secondary-100),
+          $focus-text-color: var(--#{$prefix}secondary-700),
+          $active-color: var(--#{$prefix}secondary-100),
+          $active-text-color: var(--#{$prefix}secondary-700),
+          $focus-shadow-rgb: var(--#{$prefix}secondary-100-rgb),
+        );
+        @include df-button-outline-variant-variables(
+          "secondary",
+          $default-color: var(--#{$prefix}secondary-500),
+          $default-border-color: var(--#{$prefix}secondary-200),
+          $hover-color: var(--#{$prefix}secondary-700),
+          $hover-border-color: var(--#{$prefix}secondary-400),
+          $focus-color: var(--#{$prefix}secondary-700),
+          $active-color: var(--#{$prefix}secondary-700),
+          $active-border-color: var(--#{$prefix}secondary-600),
+        );
+        @include df-button-link-variant-variables(
+          "secondary",
+          $active-bg-color: var(--#{$prefix}secondary-100),
+        );
+      } @else {
+        @include df-button-variant-variables($color);
+        @include df-button-outline-variant-variables($color);
+        @include df-button-link-variant-variables($color);
+      }
     }
   }
 
+
   // only reference root variables
   @each $level, $value in $spacers {
     --#{$prefix}ref-spacer-#{$level}: #{$value};

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

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import type { Options } from 'currency.js';
-type NonDInputProps = {
-    value?: number;
-    minValue?: number;
-    maxValue?: number;
-    currencyOptions: Options;
-    currencyCode?: string;
-    onChange?: (value?: number) => void;
-};
-declare const ForwardedDInputCurrencyBase: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "invalid" | "value" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
-    value?: string | undefined;
-    label?: string | undefined;
-    loading?: boolean | undefined;
-    hint?: string | undefined;
-    size?: import("../interface").ComponentSize | undefined;
-    invalid?: boolean | undefined;
-    valid?: boolean | undefined;
-    floatingLabel?: boolean | undefined;
-    inputStart?: import("react").ReactNode;
-    inputEnd?: import("react").ReactNode;
-    onChange?: ((value: string) => void) | undefined;
-    onIconStartClick?: ((value?: string | undefined) => void) | undefined;
-    onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref">, "value" | "type" | "onChange">, keyof NonDInputProps> & NonDInputProps & import("react").RefAttributes<HTMLInputElement>>;
-export default ForwardedDInputCurrencyBase;

package/dist/types/components/DInputCurrencyBase/index.d.ts

@@ -1,2 +0,0 @@
-import DInputCurrencyBase from './DInputCurrencyBase';
-export default DInputCurrencyBase;

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-declare const ForwardedDInputSearch: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "value" | "onChange">, "size" | "loading" | "label" | "invalid" | "value" | "onChange" | keyof import("../interface").BaseProps | keyof import("../interface").FamilyIconProps | keyof import("../interface").LabelIconProps | keyof import("../interface").StartIconProps | keyof import("../interface").EndIconProps | "hint" | "valid" | "floatingLabel" | "inputStart" | "inputEnd" | "onIconStartClick" | "onIconEndClick"> & import("../interface").BaseProps & import("../interface").FamilyIconProps & import("../interface").LabelIconProps & import("../interface").StartIconProps & import("../interface").EndIconProps & {
-    value?: string | undefined;
-    label?: string | undefined;
-    loading?: boolean | undefined;
-    hint?: string | undefined;
-    size?: import("../interface").ComponentSize | undefined;
-    invalid?: boolean | undefined;
-    valid?: boolean | undefined;
-    floatingLabel?: boolean | undefined;
-    inputStart?: import("react").ReactNode;
-    inputEnd?: import("react").ReactNode;
-    onChange?: ((value: string) => void) | undefined;
-    onIconStartClick?: ((value?: string | undefined) => void) | undefined;
-    onIconEndClick?: ((value?: string | undefined) => void) | undefined;
-} & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export default ForwardedDInputSearch;

package/dist/types/components/DInputSearch/index.d.ts

@@ -1,2 +0,0 @@
-import DInputSearch from './DInputSearch';
-export default DInputSearch;

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

@@ -1,17 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import DListItem from './components/DListItem';
-import type { BaseProps, BreakpointSize } from '../interface';
-type Props = BaseProps & PropsWithChildren<{
-    flush?: boolean;
-    numbered?: boolean;
-    horizontal?: boolean;
-    horizontalBreakpoint?: BreakpointSize;
-}>;
-/**
- * @deprecated Please use DListGroup instead
- */
-declare function DList({ children, className, style, flush, numbered, horizontal, horizontalBreakpoint, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
-declare const _default: typeof DList & {
-    Item: typeof DListItem;
-};
-export default _default;

package/dist/types/components/DList/components/DListItem.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren } from 'react';
-import type { BaseProps } from '../../interface';
-type Props = BaseProps & PropsWithChildren<{
-    active?: boolean;
-    disabled?: boolean;
-    theme?: string;
-    onClick?: () => void;
-}>;
-/**
- * @deprecated Please use DListGroup.Item or DListGroupItem instead
- */
-export default function DListItem({ children, className, style, active, disabled, theme, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DList/index.d.ts

@@ -1,3 +0,0 @@
-import DList from './DList';
-export { default as DListItem } from './components/DListItem';
-export default DList;

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

@@ -1,20 +0,0 @@
-import type { BaseProps } from '../interface';
-type Props = BaseProps & {
-    line1: string;
-    line2: string;
-    actionIcon?: string;
-    actionIconTheme?: string;
-    actionIconFamilyClass?: string;
-    actionIconFamilyPrefix?: string;
-    representativeImage?: string;
-    representativeIcon?: string;
-    representativeIconTheme?: string;
-    representativeIconHasCircle?: boolean;
-    representativeIconFamilyClass?: string;
-    representativeIconFamilyPrefix?: string;
-    href?: string;
-    hrefTarget?: string;
-    onClick?: () => void;
-};
-export default function DQuickActionButton({ line1, line2, className, actionIcon, actionIconFamilyClass, actionIconFamilyPrefix, actionIconTheme, representativeImage, representativeIcon, representativeIconTheme, representativeIconHasCircle, representativeIconFamilyClass, representativeIconFamilyPrefix, onClick, href, hrefTarget, style, dataAttributes, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DQuickActionButton/index.d.ts

@@ -1,2 +0,0 @@
-import DQuickActionButton from './DQuickActionButton';
-export default DQuickActionButton;

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

@@ -1,17 +0,0 @@
-import type { ChangeEvent } from 'react';
-import type { BaseProps } from '../interface';
-type Props = BaseProps & {
-    id?: string;
-    name: string;
-    value: string;
-    line1: string;
-    line2: string;
-    line3: string;
-    checked?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-};
-/**
- * @deprecated
- */
-export default function DQuickActionCheck({ id: idProp, name, value, line1, line2, line3, className, style, checked, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DQuickActionCheck/index.d.ts

@@ -1,2 +0,0 @@
-import DQuickActionCheck from './DQuickActionCheck';
-export default DQuickActionCheck;

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

@@ -1,13 +0,0 @@
-import type { ChangeEvent } from 'react';
-import type { BaseProps } from '../interface';
-type Props = BaseProps & {
-    id?: string;
-    name: string;
-    value: string;
-    line1: string;
-    line2: string;
-    selected?: boolean;
-    onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
-};
-export default function DQuickActionSelect({ id: idProp, name, value, line1, line2, className, style, selected, dataAttributes, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DQuickActionSelect/index.d.ts

@@ -1,2 +0,0 @@
-import DQuickActionSelect from './DQuickActionSelect';
-export default DQuickActionSelect;

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

@@ -1,15 +0,0 @@
-import type { BaseProps } from '../interface';
-type Props = BaseProps & {
-    id?: string;
-    name?: string;
-    label: string;
-    hint: string;
-    checked?: boolean;
-    disabled?: boolean;
-    onClick?: (isChecked: boolean | undefined) => void;
-};
-/**
- * @deprecated
- */
-export default function DQuickActionSwitch({ id: idProp, name, label, hint, checked, disabled, className, style, dataAttributes, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DQuickActionSwitch/index.d.ts

@@ -1,2 +0,0 @@
-import DQuickActionSwitch from './DQuickActionSwitch';
-export default DQuickActionSwitch;

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

@@ -1,11 +0,0 @@
-import type { PropsWithChildren } from 'react';
-export type Props = PropsWithChildren<{
-    speed?: number;
-    viewBox?: string;
-    backgroundColor?: string;
-    foregroundColor?: string;
-}>;
-/**
- * @deprecated Please use https://getbootstrap.com/docs/5.3/components/placeholders/ instead
- */
-export default function DSkeleton({ speed, viewBox, backgroundColor, foregroundColor, children, }: Props): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DSkeleton/index.d.ts

@@ -1,2 +0,0 @@
-import DSkeleton from './DSkeleton';
-export default DSkeleton;

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

@@ -1,9 +0,0 @@
-import { BaseProps } from '../interface';
-type Props = BaseProps & {
-    field: string;
-    label: string;
-    value?: string;
-    onChange: (value: string) => void;
-};
-export default function DTableHead({ className, style, field, label, value, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/types/components/DTableHead/index.d.ts

@@ -1,2 +0,0 @@
-import DTableHead from './DTableHead';
-export default DTableHead;