@delightui/components 0.1.67 → 0.1.69

package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SlideOutPanelProps } from './SlideOutPanel.types';
-declare const SlideOutPanel: (props: SlideOutPanelProps) => import("react").JSX.Element;
+declare const SlideOutPanel: (props: SlideOutPanelProps) => React.JSX.Element;
 export default SlideOutPanel;

package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanelExample.d.ts

@@ -1,2 +1,3 @@
-declare const SlideOutPanelExample: () => import("react").JSX.Element;
+import React from 'react';
+declare const SlideOutPanelExample: () => React.JSX.Element;
 export default SlideOutPanelExample;

package/dist/cjs/library.css

@@ -4201,25 +4201,6 @@ span.flatpickr-weekday {
   flex-direction: var(--tabs-header-direction);
   width: auto;
   width: var(--tabs-header-width, auto);
-  padding-top: calc(var(--tabs-header-padding-top) - var(--tabs-header-border-top-width));
-  padding-bottom: calc(var(--tabs-header-padding-bottom) - var(--tabs-header-border-bottom-width));
-  padding-left: calc(var(--tabs-header-padding-left) - var(--tabs-header-border-left-width));
-  padding-right: calc(var(--tabs-header-padding-right) - var(--tabs-header-border-right-width));
-  row-gap: var(--tabs-header-row-gap);
-  -moz-column-gap: var(--tabs-header-column-gap);
-       column-gap: var(--tabs-header-column-gap);
-  border-bottom-width: var(--tabs-header-border-bottom-width);
-  border-left-width: var(--tabs-header-border-left-width);
-  border-right-width: var(--tabs-header-border-right-width);
-  border-top-width: var(--tabs-header-border-top-width);
-  border-style: solid;
-  border-style: var(--tabs-header-border-style, solid);
-  border-color: var(--tabs-header-border-color);
-  border-top-left-radius: var(--tabs-header-border-top-left-radius);
-  border-top-right-radius: var(--tabs-header-border-top-right-radius);
-  border-bottom-left-radius: var(--tabs-header-border-bottom-left-radius);
-  border-bottom-right-radius: var(--tabs-header-border-bottom-right-radius);
-  background-color: var(--tabs-header-background-color);
 }
 .Tabs-module_tabs__HyJLr .Tabs-module_tabsContent__XoAby {
   display: flex;
@@ -21620,6 +21601,225 @@ span.flatpickr-weekday {
         --tabs-header-width: 100%;
         --tabs-header-height: 100%
     }
+[data-theme='custom'] [component-variant^="slide-out-panel-"], [data-theme='dark'] [component-variant^="slide-out-panel-"], [data-theme='light'] [component-variant^="slide-out-panel-"] {
+        --slide-out-panel-opacity: 1;
+        --slide-out-panel-height: auto;
+        --slide-out-panel-min-height: auto;
+        --slide-out-panel-max-height: none;
+        --slide-out-panel-width: auto;
+        --slide-out-panel-min-width: auto;
+        --slide-out-panel-max-width: none;
+        --slide-out-panel-background-color: transparent;
+        --slide-out-panel-fill: currentcolor;
+        --slide-out-panel-border-top-left-radius: 0px;
+        --slide-out-panel-border-top-right-radius: 0px;
+        --slide-out-panel-border-bottom-left-radius: 0px;
+        --slide-out-panel-border-bottom-right-radius: 0px;
+        --slide-out-panel-border-color: transparent;
+        --slide-out-panel-border-style: solid;
+        --slide-out-panel-border-gap: normal;
+        --slide-out-panel-border-dash: none;
+        --slide-out-panel-border-top-width: 0px;
+        --slide-out-panel-border-right-width: 0px;
+        --slide-out-panel-border-bottom-width: 0px;
+        --slide-out-panel-border-left-width: 0px;
+        --slide-out-panel-outline-color: auto;
+        --slide-out-panel-outline-style: solid;
+        --slide-out-panel-outline-width: 0px;
+        --slide-out-panel-padding-left: 0px;
+        --slide-out-panel-padding-right: 0px;
+        --slide-out-panel-padding-top: 0px;
+        --slide-out-panel-padding-bottom: 0px;
+        --slide-out-panel-row-gap: 0px;
+        --slide-out-panel-column-gap: 0px;
+        --slide-out-panel-font-family: sans-serif;
+        --slide-out-panel-font-size: medium;
+        --slide-out-panel-color: currentcolor;
+        --slide-out-panel-letter-spacing: normal;
+        --slide-out-panel-line-height: normal;
+        --slide-out-panel-paragraph-spacing: ;
+        --slide-out-panel-paragraph-indent: 
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-right-large"], [data-theme='dark'] [component-variant="slide-out-panel-right-large"], [data-theme='light'] [component-variant="slide-out-panel-right-large"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 944px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-left-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-left-large"], [data-theme='dark'] [component-variant="slide-out-panel-left-large"], [data-theme='light'] [component-variant="slide-out-panel-left-large"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 944px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-right-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-bottom-large"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-large"], [data-theme='light'] [component-variant="slide-out-panel-bottom-large"] {
+        --slide-out-panel-height: 671px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-top-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-top-large"], [data-theme='dark'] [component-variant="slide-out-panel-top-large"], [data-theme='light'] [component-variant="slide-out-panel-top-large"] {
+        --slide-out-panel-height: 671px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-bottom-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-right-medium"], [data-theme='dark'] [component-variant="slide-out-panel-right-medium"], [data-theme='light'] [component-variant="slide-out-panel-right-medium"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 488px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-left-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-left-medium"], [data-theme='dark'] [component-variant="slide-out-panel-left-medium"], [data-theme='light'] [component-variant="slide-out-panel-left-medium"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 488px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-right-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-bottom-medium"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-medium"], [data-theme='light'] [component-variant="slide-out-panel-bottom-medium"] {
+        --slide-out-panel-height: 743px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-top-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-top-medium"], [data-theme='dark'] [component-variant="slide-out-panel-top-medium"], [data-theme='light'] [component-variant="slide-out-panel-top-medium"] {
+        --slide-out-panel-height: 743px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-bottom-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-right-small"], [data-theme='dark'] [component-variant="slide-out-panel-right-small"], [data-theme='light'] [component-variant="slide-out-panel-right-small"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 246px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-left-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-left-small"], [data-theme='dark'] [component-variant="slide-out-panel-left-small"], [data-theme='light'] [component-variant="slide-out-panel-left-small"] {
+        --slide-out-panel-height: 100%;
+        --slide-out-panel-width: 246px;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-right-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-bottom-small"], [data-theme='dark'] [component-variant="slide-out-panel-bottom-small"], [data-theme='light'] [component-variant="slide-out-panel-bottom-small"] {
+        --slide-out-panel-height: 532px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-top-left-radius: 12px;
+        --slide-out-panel-border-top-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-top-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
+[data-theme='custom'] [component-variant="slide-out-panel-top-small"], [data-theme='dark'] [component-variant="slide-out-panel-top-small"], [data-theme='light'] [component-variant="slide-out-panel-top-small"] {
+        --slide-out-panel-height: 532px;
+        --slide-out-panel-width: 100%;
+        --slide-out-panel-background-color: var(--colours-grey-700);
+        --slide-out-panel-border-bottom-left-radius: 12px;
+        --slide-out-panel-border-bottom-right-radius: 12px;
+        --slide-out-panel-border-color: var(--border-border-grey-3);
+        --slide-out-panel-border-bottom-width: 1px;
+        --slide-out-panel-font-family: var(--font-family-body);
+        --slide-out-panel-font-size: var(--font-size-body-small);
+        --slide-out-panel-font-weight: var(--font-weight-medium);
+        --slide-out-panel-line-height: var(--line-height-body-small);
+        --slide-out-panel-paragraph-spacing: 0px;
+        --slide-out-panel-paragraph-indent: 0px
+    }
 [data-theme='dark'] [component-variant^="spinner-"], [data-theme='light'] [component-variant^="spinner-"] {
         --spinner-opacity: 1;
         --spinner-height: auto;