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

package/src/style/components/_d-stepper-desktop.scss

@@ -1,32 +1,30 @@
 .d-stepper-desktop {
   /* Icon container */
-  --#{$prefix}step-icon-container-color: var(--#{$prefix}secondary);
-  --#{$prefix}step-icon-container-background-color: var(--#{$prefix}white);
+  --#{$prefix}step-icon-container-color: var(--#{$prefix}gray-400);
+  --#{$prefix}step-icon-container-background-color: transparent;
   --#{$prefix}step-icon-container-size: var(--#{$prefix}ref-spacer-9);
   --#{$prefix}step-icon-container-font-size: var(--#{$prefix}ref-spacer-4);
-  --#{$prefix}step-icon-container-border-width: 1px;
-  --#{$prefix}step-icon-container-border-color: var(--#{$prefix}secondary);
+  --#{$prefix}step-icon-container-border-width: 2px;
+  --#{$prefix}step-icon-container-border-color: var(--#{$prefix}gray-200);
   --#{$prefix}step-icon-container-border-radius: 100%;
   --#{$prefix}step-icon-container-z-index: 1;
 
   /* Base step */
-  --#{$prefix}step-label-height: var(--#{$prefix}ref-spacer-12);
   --#{$prefix}step-icon-size: var(--#{$prefix}ref-spacer-6);
   --#{$prefix}step-gap: var(--#{$prefix}ref-spacer-2);
   --#{$prefix}step-z-index: 0;
 
   /* Checked step */
-  --#{$prefix}step-check-text-color: var(--#{$prefix}white);
   --#{$prefix}step-check-background-color: var(--#{$prefix}success);
   --#{$prefix}step-check-border-color: var(--#{$prefix}success);
 
   /* Current step */
-  --#{$prefix}step-current-text-color: var(--#{$prefix}white);
-  --#{$prefix}step-current-background-color: var(--#{$prefix}secondary);
+  --#{$prefix}step-current-text-color: var(--#{$prefix}step-icon-container-color);
+  --#{$prefix}step-current-background-color: transparent;
 
   /* Step line */
-  --#{$prefix}step-line-stroke: 1px;
-  --#{$prefix}step-line-color: var(--#{$prefix}secondary);
+  --#{$prefix}step-line-stroke: 2px;
+  --#{$prefix}step-line-color: var(--#{$prefix}gray-200);
 
   /* Step label */
   --#{$prefix}step-label-padding: var(--#{$prefix}ref-spacer-4);
@@ -38,11 +36,30 @@
   display: flex;
 
   .d-step {
+    position: relative;
     display: flex;
     flex: 1 1 0;
     flex-direction: column;
     gap: var(--#{$prefix}step-gap);
 
+    &:last-child {
+      &::after {
+        content: none;
+      }
+    }
+
+    &::after {
+      position: absolute;
+      top: 16px;
+      left: calc(50% + var(--bs-step-icon-container-size));
+      z-index: 1;
+      width: calc(100% - var(--bs-step-icon-container-size) * 2);
+      height: var(--#{$prefix}step-icon-container-border-width);
+      content: "";
+      background: var(--#{$prefix}gray-100);
+      border-radius: 10px;
+    }
+
     .d-step-value {
       position: relative;
       display: flex;
@@ -66,37 +83,24 @@
     }
 
     .d-step-check {
-      color: var(--#{$prefix}step-check-text-color);
-      background-color: var(--#{$prefix}step-check-background-color);
-      border-color: var(--#{$prefix}step-check-border-color);
-    }
-
-    .d-step-current {
-      color: var(--#{$prefix}step-current-text-color);
-      background-color: var(--#{$prefix}step-current-background-color);
-    }
-
-    .d-step-value::after {
-      position: absolute;
-      top: 50%;
-      z-index: var(--#{$prefix}step-z-index);
-      width: 100%;
-      height: var(--#{$prefix}step-line-stroke);
-      content: "";
-      background-color: var(--#{$prefix}step-line-color);
+      .d-step-icon {
+        --#{$prefix}icon-color: var(--#{$prefix}white);
+        --#{$prefix}icon-component-size: .25rem;
+        --#{$prefix}icon-size: 1rem;
+        --#{$prefix}icon-component-padding: calc(var(--#{$prefix}icon-component-size, 24px) * .4);
+        --#{$prefix}icon-component-bg-color: var(--#{$prefix}step-check-background-color);
+        border-radius: 2rem;
+      }
     }
 
-    &:first-child .d-step-value::after {
-      left: 50%;
-      z-index: var(--#{$prefix}step-z-index);
-      width: 50%;
+    &.d-step-current {
+      --#{$prefix}step-icon-container-color: var(--#{$prefix}primary-500);
+      --#{$prefix}step-icon-container-border-color: var(--#{$prefix}primary-500);
+      .d-step-icon-container {
+        font-weight: 500;
+      }
     }
 
-    &:last-child .d-step-value::after {
-      right: 50%;
-      z-index: var(--#{$prefix}step-z-index);
-      width: 50%;
-    }
 
     .d-step-text-container {
       padding-right: var(--#{$prefix}step-label-padding);
@@ -109,10 +113,18 @@
 
       .d-step-description {
         font-size: var(--#{$prefix}step-description-font-size);
+        color: var(--#{$prefix}gray-400);
       }
     }
   }
 
+  .d-step-current {
+    .d-step-label {
+      --font-weight-active-text: 500;
+      font-weight: var(--font-weight-active-text);
+    }
+  }
+
   &.is-align-start {
     .d-step-text-container {
       text-align: left;
@@ -122,14 +134,14 @@
 
   &.is-vertical {
     flex-direction: column;
+    gap: var(--#{$prefix}step-gap);
 
     .d-step {
       flex-direction: row;
-      align-items: center;
+      align-items: start;
 
       .d-step-value {
-        align-items: center;
-        height: 100%;
+        align-items: start;
       }
 
       .d-step-text-container {
@@ -137,43 +149,27 @@
         flex-grow: 1;
         flex-direction: column;
         align-items: flex-start;
-        min-height: var(--#{$prefix}step-label-height);
-        padding: var(--#{$prefix}step-vertical-label-padding);
+        padding-inline: var(--#{$prefix}step-vertical-label-padding);
       }
 
       .d-step-label {
         text-align: left;
       }
 
-      .d-step-value::after {
-        position: absolute;
-        top: 0;
-        left: calc(50% - var(--#{$prefix}step-line-stroke));
-        z-index: var(--#{$prefix}step-z-index);
-        width: 0;
-        height: 100%;
-        content: "";
-        border: var(--#{$prefix}step-line-stroke) solid var(--#{$prefix}step-line-color);
-      }
-
-      &:first-child .d-step-value::after {
-        top: 50%;
-        z-index: var(--#{$prefix}step-z-index);
-        width: 0;
-        height: 50%;
-      }
-
-      &:last-child .d-step-value::after {
-        z-index: var(--#{$prefix}step-z-index);
-        width: 0;
-        height: 50%;
+      &::after {
+        top: calc(var(--bs-step-icon-container-size) + 4px);
+        left: 16px;
+        width: var(--#{$prefix}step-icon-container-border-width);
+        height: calc(100% - var(--bs-step-icon-container-size));
       }
     }
   }
 
   .d-step-icon {
     --#{$prefix}icon-size: var(--#{$prefix}step-icon-size);
-
+    position: absolute;
+    right: -10px;
+    bottom: -4px;
     display: flex;
     font-size: inherit;
   }

package/src/style/components/_d-stepper-mobile.scss

@@ -5,8 +5,8 @@
   /* Outter circle */
   --#{$prefix}step-progress-outter-size: 62px;
   --#{$prefix}step-progress-outter-z-index: 1;
-  --#{$prefix}step-progress-outter-fill-background-color: var(--#{$prefix}secondary-500);
-  --#{$prefix}step-progress-outter-background-color: var(--#{$prefix}secondary-100);
+  --#{$prefix}step-progress-outter-fill-background-color: var(--#{$prefix}primary-500);
+  --#{$prefix}step-progress-outter-background-color: var(--#{$prefix}primary-50);
 
   /* Inner circle */
   --#{$prefix}step-progress-inner-size: 50px;

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

@@ -0,0 +1,37 @@
+.tab-content {
+  margin-bottom: var(--#{$prefix}ref-spacer-4);
+}
+
+.nav-pills {
+  --#{$prefix}nav-pills-link-active-bg: var(--#{$prefix}gray-50);
+  --#{$prefix}nav-pills-link-active-color: var(--#{$prefix}primary-500);
+}
+
+.nav-tabs {
+  --#{$prefix}nav-tabs-border-color: var(--#{$prefix}gray-100);
+  --#{$prefix}nav-tabs-link-active-border-color: var(--#{$prefix}nav-tabs-border-color);
+}
+
+.nav-toggle-button-group {
+  --#{$prefix}toggle-button-group-border-radius: 4rem;
+  --#{$prefix}toggle-button-group-link-active-color: var(--#{$prefix}white);
+  --#{$prefix}toggle-button-group-link-active-bg: var(--#{$prefix}primary);
+  --#{$prefix}toggle-button-group-link-hover-bg: var(--#{$prefix}secondary-500);
+  --#{$prefix}toggle-button-group-bg: var(--#{$prefix}gray-25);
+  --#{$prefix}toggle-button-group-radius: 4rem;
+  --#{$prefix}toggle-button-group-padding: .25rem;
+  padding: var(--#{$prefix}toggle-button-group-padding);
+  overflow: hidden;
+  background: var(--#{$prefix}toggle-button-group-bg);
+  border: 1px solid var(--#{$prefix}gray-50);
+  border-radius: var(--#{$prefix}toggle-button-group-radius);
+  .nav-link {
+    flex: 1;
+    border-radius: var(--#{$prefix}toggle-button-group-border-radius);
+  }
+  .nav-link.active {
+    font-weight: var(--#{$prefix}fw-semibold);
+    color: var(--#{$prefix}toggle-button-group-link-active-color);
+    background: var(--#{$prefix}toggle-button-group-link-active-bg);
+  }
+}

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/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};
@@ -226,9 +224,9 @@
     @if $color == "light" {
       @include df-button-variant-variables(
         "light",
-        $default-color: var(--#{$prefix}gray-100),
+        $default-color: var(--#{$prefix}gray-25),
         $default-text-color: color-contrast-var(map-get($all-colors, gray-100)),
-        $hover-color: var(--#{$prefix}gray-200),
+        $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)),
@@ -289,6 +287,24 @@
         $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-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);
@@ -296,6 +312,7 @@
     }
   }
 
+
   // 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 {};