prometeo-design-system 2.8.7 → 2.8.8

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 (4) hide show
  1. package/dist/index.d.ts +16 -12
  2. package/dist/index.js +88 -80
  3. package/dist/prometeo-design-system.css +1 -1
  4. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -40,13 +40,6 @@ export { NavbarCollapseButton } from './components/Sidebar/components/collapse-b
40
40
  export { CompanyLogo } from './components/Sidebar/components/company-logo';
41
41
  export { NavbarLinks } from './components/Sidebar/components/nav-links';
42
42
  export { default as OtpInput } from './components/OtpInput/OtpInput';
43
- export { useDialogControl } from './components/Dialog/useDialogControl';
44
- export { useFileDropzone } from './components/DropZone/useFileDropzone';
45
- export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
46
- export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
47
- export { useSidebar } from './components/Sidebar/hooks/useSidebarHook';
48
- export { useClickOutside } from './hooks/useClickOutside';
49
- export { useIsMobile } from './hooks/useDevice';
50
43
  export type { ButtonProps } from './components/Button/Button';
51
44
  export type { ISessionLocalStorage } from './components/CardProfile/CardProfile';
52
45
  export type { CheckBoxProps } from './components/CheckBox/CheckBox';
@@ -68,7 +61,6 @@ export type { PaginationProps } from './components/Pagination/Pagination';
68
61
  export type { ProfilePictureUploadProps } from './components/ProfilePictureUpload/ProfilePictureUpload';
69
62
  export type { Step, StepsProps } from './components/Steps/Steps';
70
63
  export type { SelectProps } from './components/Select/Select';
71
- export type { DialogHandle } from './components/Dialog/Dialog';
72
64
  export { DropZone } from './components/DropZone/DropZone';
73
65
  export type { PyrionToastProps as ToasterPrometeo } from './components/Toaster/Toaster';
74
66
  export type { LayoutGenericProps } from './components/Layout/LayoutGeneric';
@@ -82,10 +74,6 @@ export type { DatePickerProps } from './components/DatePicker/DatePicker';
82
74
  export type { ImageProps } from './components/Image/Image';
83
75
  export type { ImageGalleryProps } from './components/Image/ImageGallery';
84
76
  export type { ImageGalleryHandle } from './components/Image/ImageGallery';
85
- export type { DrawerMobileProps } from './components/Drawer/DrawerMobile';
86
- export type { DrawerDesktopProps } from './components/Drawer/DrawerDesktop';
87
- export type { DrawerMobileHandle } from './components/Drawer/DrawerMobile';
88
- export type { DrawerDesktopHandle } from './components/Drawer/DrawerDesktop';
89
77
  export type { CustomSelectionDisplayProps } from './components/Select/Select';
90
78
  export type { CustomSelectOptionRendererProps } from './components/Select/Select';
91
79
  export type { SelectControlsHandler } from './components/Select/Select';
@@ -94,3 +82,19 @@ export type { BaseSelectSearchProps as SelectSearchProps } from './components/Se
94
82
  export type { FAButtonProps } from './components/FAB/FAButton';
95
83
  export type { RadioButtonProps } from './components/RadioButton/RadioButton';
96
84
  export { Icons } from './Icons/Icons';
85
+ export { default as DrawerDesktop } from './components/Drawer/DrawerDesktop';
86
+ export { default as DrawerMobile } from './components/Drawer/DrawerMobile';
87
+ export type { DrawerMobileProps } from './components/Drawer/DrawerMobile';
88
+ export type { DrawerDesktopProps } from './components/Drawer/DrawerDesktop';
89
+ export type { DrawerMobileHandle } from './components/Drawer/DrawerMobile';
90
+ export type { DrawerDesktopHandle } from './components/Drawer/DrawerDesktop';
91
+ export type { DialogHandle } from './components/Dialog/Dialog';
92
+ export { useDrawerMobile } from './components/Drawer/useDrawerMobile';
93
+ export { useDrawerDesktop } from './components/Drawer/useDrawerDesktop';
94
+ export { SidebarProvider } from './components/Sidebar/hooks/SidebarProvider';
95
+ export { useSidebar } from './components/Sidebar/hooks/useSidebarHook';
96
+ export { useClickOutside } from './hooks/useClickOutside';
97
+ export { useIsMobile } from './hooks/useDevice';
98
+ export { useDialogControl } from './components/Dialog/useDialogControl';
99
+ export { useFileDropzone } from './components/DropZone/useFileDropzone';
100
+ export { SidebarProvider as SidebarRefProvider, useSidebarContext, } from './components/Sidebar/context/SidebarContext';
package/dist/index.js CHANGED
@@ -1,96 +1,102 @@
1
1
  import { default as t } from "./components/Avatar/Avatar.js";
2
2
  import { default as f } from "./components/Button/Button.js";
3
3
  import { CardProfile as l } from "./components/CardProfile/CardProfile.js";
4
- import { default as x } from "./components/CheckBox/CheckBox.js";
4
+ import { default as s } from "./components/CheckBox/CheckBox.js";
5
5
  import { default as u } from "./components/Dialog/Dialog.js";
6
6
  import { default as i } from "./components/Header/Header.js";
7
7
  import { default as b } from "./components/Input/Input.js";
8
8
  import { default as c } from "./components/InputMultiple/InputMultiple.js";
9
9
  import { default as g } from "./components/Logo/Logo.js";
10
10
  import { Menu as v } from "./components/Menu/MenuComposable.js";
11
- import { default as P } from "./components/Pagination/Pagination.js";
12
- import { ProfilePictureUpload as I } from "./components/ProfilePictureUpload/ProfilePictureUpload.js";
13
- import { default as A } from "./components/ProgressBar/ProgressBar.js";
14
- import { default as N } from "./components/Select/Select.js";
15
- import { default as h } from "./components/Sidebar/components/changue-account.js";
16
- import { default as w } from "./components/Spinner/Spinner.js";
11
+ import { default as D } from "./components/Pagination/Pagination.js";
12
+ import { ProfilePictureUpload as k } from "./components/ProfilePictureUpload/ProfilePictureUpload.js";
13
+ import { default as I } from "./components/ProgressBar/ProgressBar.js";
14
+ import { default as A } from "./components/Select/Select.js";
15
+ import { default as M } from "./components/Sidebar/components/changue-account.js";
16
+ import { default as h } from "./components/Spinner/Spinner.js";
17
17
  import { default as H } from "./components/Steps/Steps.js";
18
18
  import { default as G } from "./components/SwipeContainer/SwipeContainer.js";
19
19
  import { default as z } from "./components/Switch/Switch.js";
20
20
  import { default as Z } from "./components/DatePicker/DatePicker.js";
21
21
  import { Table as q, TableBody as E, TableCaption as J, TableCell as K, TableFooter as Q, TableHead as V, TableHeader as W, TableRow as X } from "./components/Table/Table.js";
22
22
  import { default as _ } from "./components/TabLinks/TabLinks.js";
23
- import { default as oo } from "./components/TextArea/TextArea.js";
24
- import { default as ro } from "./components/Tooltip/Tootip.js";
25
- import { default as ao } from "./components/Skeleton/Skeleton.js";
26
- import { default as po } from "./components/SegmentedButton/SegmentedButton.js";
27
- import { default as mo } from "./components/Layout/LayoutGeneric.js";
28
- import { default as so } from "./components/Image/ImageGallery.js";
29
- import { default as io } from "./components/Image/Image.js";
30
- import { default as bo, toastpyrion as So } from "./components/Toaster/Toaster.js";
31
- import { default as To } from "./components/Toaster/ToastProvider.js";
32
- import { default as Co } from "./components/SelectSearch/SelectSearch.js";
33
- import { default as Bo } from "./components/FAB/FAButton.js";
34
- import { default as ko } from "./components/RadioButton/RadioButton.js";
35
- import { SecondaryBar as yo } from "./components/Sidebar/SecondaryBar/SecondaryBar.js";
36
- import { Badge as Lo } from "./components/Sidebar/components/badge.js";
37
- import { NavbarCollapseButton as Do } from "./components/Sidebar/components/collapse-button.js";
38
- import { CompanyLogo as Mo } from "./components/Sidebar/components/company-logo.js";
39
- import { NavbarLinks as Fo } from "./components/Sidebar/components/nav-links.js";
40
- import { default as Ro } from "./components/OtpInput/OtpInput.js";
41
- import { useDialogControl as Oo } from "./components/Dialog/useDialogControl.js";
42
- import { useFileDropzone as Uo } from "./components/DropZone/useFileDropzone.js";
43
- import { SidebarProvider as jo, useSidebarContext as qo } from "./components/Sidebar/context/SidebarContext.js";
44
- import { SidebarProvider as Jo } from "./components/Sidebar/hooks/SidebarProvider.js";
45
- import { useSidebar as Qo } from "./components/Sidebar/hooks/useSidebarHook.js";
46
- import { useClickOutside as Wo } from "./hooks/useClickOutside.js";
47
- import { useIsMobile as Yo } from "./hooks/useDevice.js";
48
- import { DropZone as $o } from "./components/DropZone/DropZone.js";
49
- import * as o from "./Icons/Icons.js";
50
- import { Sidebar as ee } from "./components/Sidebar/SidebarComposable.js";
51
- import { NavigationLink as te } from "./components/Sidebar/components/NavigationLink.js";
52
- import { NavBarActions as fe } from "./components/Sidebar/components/nav-actions.js";
53
- import { useActionsNavbar as le } from "./components/Sidebar/hooks/useNavBarActions.js";
54
- import { useNavbarCollapse as xe } from "./components/Sidebar/hooks/useNavBarCollapse.js";
23
+ import { default as ee } from "./components/TextArea/TextArea.js";
24
+ import { default as re } from "./components/Tooltip/Tootip.js";
25
+ import { default as ae } from "./components/Skeleton/Skeleton.js";
26
+ import { default as pe } from "./components/SegmentedButton/SegmentedButton.js";
27
+ import { default as me } from "./components/Layout/LayoutGeneric.js";
28
+ import { default as xe } from "./components/Image/ImageGallery.js";
29
+ import { default as de } from "./components/Image/Image.js";
30
+ import { default as ne, toastpyrion as be } from "./components/Toaster/Toaster.js";
31
+ import { default as ce } from "./components/Toaster/ToastProvider.js";
32
+ import { default as ge } from "./components/SelectSearch/SelectSearch.js";
33
+ import { default as ve } from "./components/FAB/FAButton.js";
34
+ import { default as De } from "./components/RadioButton/RadioButton.js";
35
+ import { SecondaryBar as ke } from "./components/Sidebar/SecondaryBar/SecondaryBar.js";
36
+ import { Badge as Ie } from "./components/Sidebar/components/badge.js";
37
+ import { NavbarCollapseButton as Ae } from "./components/Sidebar/components/collapse-button.js";
38
+ import { CompanyLogo as Me } from "./components/Sidebar/components/company-logo.js";
39
+ import { NavbarLinks as he } from "./components/Sidebar/components/nav-links.js";
40
+ import { default as He } from "./components/OtpInput/OtpInput.js";
41
+ import { DropZone as Ge } from "./components/DropZone/DropZone.js";
42
+ import * as e from "./Icons/Icons.js";
43
+ import { default as ze } from "./components/Drawer/DrawerDesktop.js";
44
+ import { default as Ze } from "./components/Drawer/DrawerMobile.js";
45
+ import { useDrawerMobile as qe } from "./components/Drawer/useDrawerMobile.js";
46
+ import { useDrawerDesktop as Je } from "./components/Drawer/useDrawerDesktop.js";
47
+ import { SidebarProvider as Qe } from "./components/Sidebar/hooks/SidebarProvider.js";
48
+ import { useSidebar as We } from "./components/Sidebar/hooks/useSidebarHook.js";
49
+ import { useClickOutside as Ye } from "./hooks/useClickOutside.js";
50
+ import { useIsMobile as $e } from "./hooks/useDevice.js";
51
+ import { useDialogControl as oo } from "./components/Dialog/useDialogControl.js";
52
+ import { useFileDropzone as to } from "./components/DropZone/useFileDropzone.js";
53
+ import { SidebarProvider as fo, useSidebarContext as po } from "./components/Sidebar/context/SidebarContext.js";
54
+ import { Sidebar as mo } from "./components/Sidebar/SidebarComposable.js";
55
+ import { NavigationLink as xo } from "./components/Sidebar/components/NavigationLink.js";
56
+ import { NavBarActions as io } from "./components/Sidebar/components/nav-actions.js";
57
+ import { useActionsNavbar as bo } from "./components/Sidebar/hooks/useNavBarActions.js";
58
+ import { useNavbarCollapse as co } from "./components/Sidebar/hooks/useNavBarCollapse.js";
55
59
  export {
56
60
  t as Avatar,
57
- Lo as Badge,
61
+ Ie as Badge,
58
62
  f as Button,
59
63
  l as CardProfile,
60
- h as ChangueAccount,
61
- x as CheckBox,
62
- Mo as CompanyLogo,
64
+ M as ChangueAccount,
65
+ s as CheckBox,
66
+ Me as CompanyLogo,
63
67
  Z as DatePicker,
64
68
  u as DialogModal,
65
- $o as DropZone,
66
- Bo as FAButton,
69
+ ze as DrawerDesktop,
70
+ Ze as DrawerMobile,
71
+ Ge as DropZone,
72
+ ve as FAButton,
67
73
  i as Header,
68
- o as Icons,
69
- io as Image,
70
- so as ImageGallery,
74
+ e as Icons,
75
+ de as Image,
76
+ xe as ImageGallery,
71
77
  b as Input,
72
78
  c as InputMultiple,
73
- mo as LayoutGeneric,
79
+ me as LayoutGeneric,
74
80
  g as Logo,
75
81
  v as Menu,
76
- fe as NavBarActions,
77
- Do as NavbarCollapseButton,
78
- Fo as NavbarLinks,
79
- te as NavigationLink,
80
- Ro as OtpInput,
81
- P as Pagination,
82
- I as ProfilePictureUpload,
83
- A as ProgressBar,
84
- ko as RadioButton,
85
- yo as SecondaryBar,
86
- po as SegmentedButton,
87
- N as Select,
88
- Co as SelectSearch,
89
- ee as Sidebar,
90
- Jo as SidebarProvider,
91
- jo as SidebarRefProvider,
92
- ao as Skeleton,
93
- w as Spinner,
82
+ io as NavBarActions,
83
+ Ae as NavbarCollapseButton,
84
+ he as NavbarLinks,
85
+ xo as NavigationLink,
86
+ He as OtpInput,
87
+ D as Pagination,
88
+ k as ProfilePictureUpload,
89
+ I as ProgressBar,
90
+ De as RadioButton,
91
+ ke as SecondaryBar,
92
+ pe as SegmentedButton,
93
+ A as Select,
94
+ ge as SelectSearch,
95
+ mo as Sidebar,
96
+ Qe as SidebarProvider,
97
+ fo as SidebarRefProvider,
98
+ ae as Skeleton,
99
+ h as Spinner,
94
100
  H as Steps,
95
101
  G as SwipeContainer,
96
102
  z as Switch,
@@ -103,17 +109,19 @@ export {
103
109
  V as TableHead,
104
110
  W as TableHeader,
105
111
  X as TableRow,
106
- oo as TextArea,
107
- bo as Toast,
108
- To as ToastProvider,
109
- ro as Tooltip,
110
- So as toastpyrion,
111
- le as useActionsNavbar,
112
- Wo as useClickOutside,
113
- Oo as useDialogControl,
114
- Uo as useFileDropzone,
115
- Yo as useIsMobile,
116
- xe as useNavbarCollapse,
117
- Qo as useSidebar,
118
- qo as useSidebarContext
112
+ ee as TextArea,
113
+ ne as Toast,
114
+ ce as ToastProvider,
115
+ re as Tooltip,
116
+ be as toastpyrion,
117
+ bo as useActionsNavbar,
118
+ Ye as useClickOutside,
119
+ oo as useDialogControl,
120
+ Je as useDrawerDesktop,
121
+ qe as useDrawerMobile,
122
+ to as useFileDropzone,
123
+ $e as useIsMobile,
124
+ co as useNavbarCollapse,
125
+ We as useSidebar,
126
+ po as useSidebarContext
119
127
  };
package/dist/prometeo-design-system.css CHANGED
@@ -1 +1 @@
1
- .skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}
1
+ .skeleton-shimmer-animation{position:relative;overflow:hidden;will-change:transform;--shimmer-color-r: 255;--shimmer-color-g: 255;--shimmer-color-b: 255;--shimmer-color-a: .08}.skeleton-shimmer-animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(var(--shimmer-color-r),var(--shimmer-color-g),var(--shimmer-color-b),var(--shimmer-color-a)) 50%,transparent 100%);animation:skeleton-shimmer 2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.skeleton-border-animation{position:relative;--border-angle: 0deg;--border-color-r: 255;--border-color-g: 255;--border-color-b: 255}.skeleton-border-animation:before{content:"";position:absolute;inset:-2px;padding:2px;background:conic-gradient(from var(--border-angle),transparent 0deg,transparent 60deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 300deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 320deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.5) 340deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.3) 350deg,rgba(var(--border-color-r),var(--border-color-g),var(--border-color-b),.15) 355deg,transparent 360deg);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:skeleton-border-rotate 2.5s linear infinite}@keyframes skeleton-border-rotate{0%{--border-angle: 0deg}to{--border-angle: 360deg}}:root{--bg-color: var(--neutral-900)}.rdp-caption_label{display:none}.rdp-caption{display:flex;align-items:center;justify-content:space-between;gap:1rem}.rdp-month_caption{display:flex;align-items:center;gap:.5rem;position:relative;padding:4px 12px;height:56px}.rdp-nav{display:flex;position:absolute;top:0;right:0;z-index:20;fill:var(--neutral-100)}.rdp-nav button{width:48px;height:48px;text-align:center;display:flex;align-items:center;justify-content:center;cursor:pointer}.rdp-nav button svg{width:18px}.rdp-nav button svg:hover{fill:var(--primary-500)}.rdp-dropdown_root{background-color:var(--bg-color);border-radius:4px;padding:0 4px 0 0;transition:background-color .3s ease}.rdp-dropdown_root:hover{background-color:var(--neutral-800)}.rdp-dropdown_root:hover select{transition:background-color .3s ease;background-color:var(--neutral-800)}.rdp-dropdowns{display:flex;gap:8px;align-items:center;font-size:16px}.rdp-dropdowns select{background-color:var(--bg-color);text-transform:capitalize;padding:10px 4px;border-radius:4px}.rdp-months{position:relative}.today-day-button button{border:1px solid}.selected-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none}.selected-day-button button:hover{background-color:var(--primary-600);color:var(--neutral-300)}.selected-day-button button:active{background-color:var(--primary-700);color:var(--neutral-400)}.range-start-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-start-day-button button:after{content:"";position:absolute;top:50%;right:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(100%) translateY(-50%);border-radius:0}.range-end-day-button button{background-color:var(--primary-500);color:var(--neutral-200);border:none;position:relative}.range-end-day-button button:after{content:"";position:absolute;top:50%;left:0;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:4px;transform:translate(-100%) translateY(-50%);border-radius:0}.range-middle-day-button button{background-color:transparent;color:var(--neutral-200);border:none;position:relative}.range-middle-day-button button:after{content:"";position:absolute;top:50%;left:50%;background-color:var(--primary-500);opacity:30%;z-index:1;height:60%;width:48px;transform:translate(-50%) translateY(-50%);border-radius:0}.rdp-month{justify-self:center}@keyframes galleryFadeIn{0%{opacity:.5}to{opacity:1}}.desktop-drawer-visible{display:block;opacity:1;transform:translate(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.desktop-drawer-hidden.left-0{transform:translate(-100%)}.desktop-drawer-hidden.right-0{transform:translate(100%)}@starting-style{.desktop-drawer-visible{opacity:0}.desktop-drawer-visible.left-0{transform:translate(-100%)}.desktop-drawer-visible.right-0{transform:translate(100%)}}.drawer-overlay-visible{display:block;opacity:1;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}.drawer-overlay-hidden{display:none;opacity:0;transition:opacity .3s ease-in-out,display .3s ease-in-out allow-discrete,overlay .3s ease-in-out allow-discrete}@starting-style{.drawer-overlay-visible{opacity:0}}.tabswitch-element{position:relative;--border-color: var(--color-neutral-500);--tab-bg: var(--color-neutral-900);z-index:10;background-color:transparent;cursor:pointer;border-top:solid 1px transparent;border-left:solid 1px transparent;border-bottom:solid 1px transparent;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear .3s}.tabswitch-element:after{content:"";position:absolute;top:0;right:0;width:8px;height:8px;transform:translateY(-100%);background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:before{content:"";position:absolute;bottom:0;right:0;width:8px;height:8px;transform:translateY(100%);background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);opacity:1;z-index:20;pointer-events:none}.tabswitch-element:not(.active):after,.tabswitch-element:not(.active):before{opacity:0;transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active{background-color:var(--tab-bg);border-color:var(--border-color);z-index:30;transition:background-color .35s cubic-bezier(.4,0,.2,1) 0s,transform .35s cubic-bezier(.4,0,.2,1) 0s,border-color .35s cubic-bezier(.4,0,.2,1) 0s,z-index 0s linear 0s}.tabswitch-element.active:after{opacity:1;top:0;background:radial-gradient(circle at 0% 0%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active:before{opacity:1;bottom:0;background:radial-gradient(circle at 0% 100%,transparent 7px,var(--border-color) 7px,var(--border-color) 8px,var(--tab-bg) 8px);transition:opacity .35s cubic-bezier(.4,0,.2,1) 0s}.tabswitch-element.active .tab-thumbnail-icon{animation:none}@keyframes scaleIn{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.tabswitch-element .tab-thumbnail-icon{transition:all .35s cubic-bezier(.4,0,.2,1);color:currentColor}.tabswitch-element:not(.active):hover .tab-thumbnail-icon{transform:scale(1.05)}.tabswitch-element.active .tab-thumbnail-icon{color:inherit}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "prometeo-design-system",
3
3
  "private": false,
4
- "version": "2.8.7",
4
+ "version": "2.8.8",
5
5
  "type": "module",
6
6
  "description": "design kit system",
7
7
  "main": "dist/prometeo-design-system.umd.js",