@delightui/components 0.1.67 → 0.1.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanel.d.ts +2 -1
  2. package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanelExample.d.ts +2 -1
  3. package/dist/cjs/library.css +219 -0
  4. package/dist/cjs/library.js +1 -1
  5. package/dist/cjs/library.js.map +1 -1
  6. package/dist/esm/components/organisms/SlideOutPanel/SlideOutPanel.d.ts +2 -1
  7. package/dist/esm/components/organisms/SlideOutPanel/SlideOutPanelExample.d.ts +2 -1
  8. package/dist/esm/library.css +219 -0
  9. package/dist/esm/library.js +2 -2
  10. package/dist/esm/library.js.map +1 -1
  11. package/dist/index.d.ts +1 -1
  12. package/package.json +1 -1
package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanel.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ import React from 'react';
1
2
  import { SlideOutPanelProps } from './SlideOutPanel.types';
2
- declare const SlideOutPanel: (props: SlideOutPanelProps) => import("react").JSX.Element;
3
+ declare const SlideOutPanel: (props: SlideOutPanelProps) => React.JSX.Element;
3
4
  export default SlideOutPanel;
package/dist/cjs/components/organisms/SlideOutPanel/SlideOutPanelExample.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- declare const SlideOutPanelExample: () => import("react").JSX.Element;
1
+ import React from 'react';
2
+ declare const SlideOutPanelExample: () => React.JSX.Element;
2
3
  export default SlideOutPanelExample;
package/dist/cjs/library.css CHANGED
@@ -21620,6 +21620,225 @@ span.flatpickr-weekday {
21620
21620
  --tabs-header-width: 100%;
21621
21621
  --tabs-header-height: 100%
21622
21622
  }
21623
+ [data-theme='custom'] [component-variant^="slide-out-panel-"], [data-theme='dark'] [component-variant^="slide-out-panel-"], [data-theme='light'] [component-variant^="slide-out-panel-"] {
21624
+ --slide-out-panel-opacity: 1;
21625
+ --slide-out-panel-height: auto;
21626
+ --slide-out-panel-min-height: auto;
21627
+ --slide-out-panel-max-height: none;
21628
+ --slide-out-panel-width: auto;
21629
+ --slide-out-panel-min-width: auto;
21630
+ --slide-out-panel-max-width: none;
21631
+ --slide-out-panel-background-color: transparent;
21632
+ --slide-out-panel-fill: currentcolor;
21633
+ --slide-out-panel-border-top-left-radius: 0px;
21634
+ --slide-out-panel-border-top-right-radius: 0px;
21635
+ --slide-out-panel-border-bottom-left-radius: 0px;
21636
+ --slide-out-panel-border-bottom-right-radius: 0px;
21637
+ --slide-out-panel-border-color: transparent;
21638
+ --slide-out-panel-border-style: solid;
21639
+ --slide-out-panel-border-gap: normal;
21640
+ --slide-out-panel-border-dash: none;
21641
+ --slide-out-panel-border-top-width: 0px;
21642
+ --slide-out-panel-border-right-width: 0px;
21643
+ --slide-out-panel-border-bottom-width: 0px;
21644
+ --slide-out-panel-border-left-width: 0px;
21645
+ --slide-out-panel-outline-color: auto;
21646
+ --slide-out-panel-outline-style: solid;
21647
+ --slide-out-panel-outline-width: 0px;
21648
+ --slide-out-panel-padding-left: 0px;
21649
+ --slide-out-panel-padding-right: 0px;
21650
+ --slide-out-panel-padding-top: 0px;
21651
+ --slide-out-panel-padding-bottom: 0px;
21652
+ --slide-out-panel-row-gap: 0px;
21653
+ --slide-out-panel-column-gap: 0px;
21654
+ --slide-out-panel-font-family: sans-serif;
21655
+ --slide-out-panel-font-size: medium;
21656
+ --slide-out-panel-color: currentcolor;
21657
+ --slide-out-panel-letter-spacing: normal;
21658
+ --slide-out-panel-line-height: normal;
21659
+ --slide-out-panel-paragraph-spacing: ;
21660
+ --slide-out-panel-paragraph-indent:
21661
+ }
21662
+ [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"] {
21663
+ --slide-out-panel-height: 100%;
21664
+ --slide-out-panel-width: 944px;
21665
+ --slide-out-panel-background-color: var(--colours-grey-700);
21666
+ --slide-out-panel-border-top-left-radius: 12px;
21667
+ --slide-out-panel-border-bottom-right-radius: 12px;
21668
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21669
+ --slide-out-panel-border-left-width: 1px;
21670
+ --slide-out-panel-font-family: var(--font-family-body);
21671
+ --slide-out-panel-font-size: var(--font-size-body-small);
21672
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21673
+ --slide-out-panel-line-height: var(--line-height-body-small);
21674
+ --slide-out-panel-paragraph-spacing: 0px;
21675
+ --slide-out-panel-paragraph-indent: 0px
21676
+ }
21677
+ [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"] {
21678
+ --slide-out-panel-height: 100%;
21679
+ --slide-out-panel-width: 944px;
21680
+ --slide-out-panel-background-color: var(--colours-grey-700);
21681
+ --slide-out-panel-border-top-right-radius: 12px;
21682
+ --slide-out-panel-border-bottom-left-radius: 12px;
21683
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21684
+ --slide-out-panel-border-right-width: 1px;
21685
+ --slide-out-panel-font-family: var(--font-family-body);
21686
+ --slide-out-panel-font-size: var(--font-size-body-small);
21687
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21688
+ --slide-out-panel-line-height: var(--line-height-body-small);
21689
+ --slide-out-panel-paragraph-spacing: 0px;
21690
+ --slide-out-panel-paragraph-indent: 0px
21691
+ }
21692
+ [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"] {
21693
+ --slide-out-panel-height: 671px;
21694
+ --slide-out-panel-width: 100%;
21695
+ --slide-out-panel-background-color: var(--colours-grey-700);
21696
+ --slide-out-panel-border-top-left-radius: 12px;
21697
+ --slide-out-panel-border-top-right-radius: 12px;
21698
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21699
+ --slide-out-panel-border-top-width: 1px;
21700
+ --slide-out-panel-font-family: var(--font-family-body);
21701
+ --slide-out-panel-font-size: var(--font-size-body-small);
21702
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21703
+ --slide-out-panel-line-height: var(--line-height-body-small);
21704
+ --slide-out-panel-paragraph-spacing: 0px;
21705
+ --slide-out-panel-paragraph-indent: 0px
21706
+ }
21707
+ [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"] {
21708
+ --slide-out-panel-height: 671px;
21709
+ --slide-out-panel-width: 100%;
21710
+ --slide-out-panel-background-color: var(--colours-grey-700);
21711
+ --slide-out-panel-border-bottom-left-radius: 12px;
21712
+ --slide-out-panel-border-bottom-right-radius: 12px;
21713
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21714
+ --slide-out-panel-border-bottom-width: 1px;
21715
+ --slide-out-panel-font-family: var(--font-family-body);
21716
+ --slide-out-panel-font-size: var(--font-size-body-small);
21717
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21718
+ --slide-out-panel-line-height: var(--line-height-body-small);
21719
+ --slide-out-panel-paragraph-spacing: 0px;
21720
+ --slide-out-panel-paragraph-indent: 0px
21721
+ }
21722
+ [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"] {
21723
+ --slide-out-panel-height: 100%;
21724
+ --slide-out-panel-width: 488px;
21725
+ --slide-out-panel-background-color: var(--colours-grey-700);
21726
+ --slide-out-panel-border-top-left-radius: 12px;
21727
+ --slide-out-panel-border-bottom-right-radius: 12px;
21728
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21729
+ --slide-out-panel-border-left-width: 1px;
21730
+ --slide-out-panel-font-family: var(--font-family-body);
21731
+ --slide-out-panel-font-size: var(--font-size-body-small);
21732
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21733
+ --slide-out-panel-line-height: var(--line-height-body-small);
21734
+ --slide-out-panel-paragraph-spacing: 0px;
21735
+ --slide-out-panel-paragraph-indent: 0px
21736
+ }
21737
+ [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"] {
21738
+ --slide-out-panel-height: 100%;
21739
+ --slide-out-panel-width: 488px;
21740
+ --slide-out-panel-background-color: var(--colours-grey-700);
21741
+ --slide-out-panel-border-top-right-radius: 12px;
21742
+ --slide-out-panel-border-bottom-left-radius: 12px;
21743
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21744
+ --slide-out-panel-border-right-width: 1px;
21745
+ --slide-out-panel-font-family: var(--font-family-body);
21746
+ --slide-out-panel-font-size: var(--font-size-body-small);
21747
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21748
+ --slide-out-panel-line-height: var(--line-height-body-small);
21749
+ --slide-out-panel-paragraph-spacing: 0px;
21750
+ --slide-out-panel-paragraph-indent: 0px
21751
+ }
21752
+ [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"] {
21753
+ --slide-out-panel-height: 743px;
21754
+ --slide-out-panel-width: 100%;
21755
+ --slide-out-panel-background-color: var(--colours-grey-700);
21756
+ --slide-out-panel-border-top-left-radius: 12px;
21757
+ --slide-out-panel-border-top-right-radius: 12px;
21758
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21759
+ --slide-out-panel-border-top-width: 1px;
21760
+ --slide-out-panel-font-family: var(--font-family-body);
21761
+ --slide-out-panel-font-size: var(--font-size-body-small);
21762
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21763
+ --slide-out-panel-line-height: var(--line-height-body-small);
21764
+ --slide-out-panel-paragraph-spacing: 0px;
21765
+ --slide-out-panel-paragraph-indent: 0px
21766
+ }
21767
+ [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"] {
21768
+ --slide-out-panel-height: 743px;
21769
+ --slide-out-panel-width: 100%;
21770
+ --slide-out-panel-background-color: var(--colours-grey-700);
21771
+ --slide-out-panel-border-bottom-left-radius: 12px;
21772
+ --slide-out-panel-border-bottom-right-radius: 12px;
21773
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21774
+ --slide-out-panel-border-bottom-width: 1px;
21775
+ --slide-out-panel-font-family: var(--font-family-body);
21776
+ --slide-out-panel-font-size: var(--font-size-body-small);
21777
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21778
+ --slide-out-panel-line-height: var(--line-height-body-small);
21779
+ --slide-out-panel-paragraph-spacing: 0px;
21780
+ --slide-out-panel-paragraph-indent: 0px
21781
+ }
21782
+ [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"] {
21783
+ --slide-out-panel-height: 100%;
21784
+ --slide-out-panel-width: 246px;
21785
+ --slide-out-panel-background-color: var(--colours-grey-700);
21786
+ --slide-out-panel-border-top-left-radius: 12px;
21787
+ --slide-out-panel-border-bottom-right-radius: 12px;
21788
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21789
+ --slide-out-panel-border-left-width: 1px;
21790
+ --slide-out-panel-font-family: var(--font-family-body);
21791
+ --slide-out-panel-font-size: var(--font-size-body-small);
21792
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21793
+ --slide-out-panel-line-height: var(--line-height-body-small);
21794
+ --slide-out-panel-paragraph-spacing: 0px;
21795
+ --slide-out-panel-paragraph-indent: 0px
21796
+ }
21797
+ [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"] {
21798
+ --slide-out-panel-height: 100%;
21799
+ --slide-out-panel-width: 246px;
21800
+ --slide-out-panel-background-color: var(--colours-grey-700);
21801
+ --slide-out-panel-border-top-right-radius: 12px;
21802
+ --slide-out-panel-border-bottom-left-radius: 12px;
21803
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21804
+ --slide-out-panel-border-right-width: 1px;
21805
+ --slide-out-panel-font-family: var(--font-family-body);
21806
+ --slide-out-panel-font-size: var(--font-size-body-small);
21807
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21808
+ --slide-out-panel-line-height: var(--line-height-body-small);
21809
+ --slide-out-panel-paragraph-spacing: 0px;
21810
+ --slide-out-panel-paragraph-indent: 0px
21811
+ }
21812
+ [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"] {
21813
+ --slide-out-panel-height: 532px;
21814
+ --slide-out-panel-width: 100%;
21815
+ --slide-out-panel-background-color: var(--colours-grey-700);
21816
+ --slide-out-panel-border-top-left-radius: 12px;
21817
+ --slide-out-panel-border-top-right-radius: 12px;
21818
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21819
+ --slide-out-panel-border-top-width: 1px;
21820
+ --slide-out-panel-font-family: var(--font-family-body);
21821
+ --slide-out-panel-font-size: var(--font-size-body-small);
21822
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21823
+ --slide-out-panel-line-height: var(--line-height-body-small);
21824
+ --slide-out-panel-paragraph-spacing: 0px;
21825
+ --slide-out-panel-paragraph-indent: 0px
21826
+ }
21827
+ [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"] {
21828
+ --slide-out-panel-height: 532px;
21829
+ --slide-out-panel-width: 100%;
21830
+ --slide-out-panel-background-color: var(--colours-grey-700);
21831
+ --slide-out-panel-border-bottom-left-radius: 12px;
21832
+ --slide-out-panel-border-bottom-right-radius: 12px;
21833
+ --slide-out-panel-border-color: var(--border-border-grey-3);
21834
+ --slide-out-panel-border-bottom-width: 1px;
21835
+ --slide-out-panel-font-family: var(--font-family-body);
21836
+ --slide-out-panel-font-size: var(--font-size-body-small);
21837
+ --slide-out-panel-font-weight: var(--font-weight-medium);
21838
+ --slide-out-panel-line-height: var(--line-height-body-small);
21839
+ --slide-out-panel-paragraph-spacing: 0px;
21840
+ --slide-out-panel-paragraph-indent: 0px
21841
+ }
21623
21842
  [data-theme='dark'] [component-variant^="spinner-"], [data-theme='light'] [component-variant^="spinner-"] {
21624
21843
  --spinner-opacity: 1;
21625
21844
  --spinner-height: auto;