prometeo-design-system 2.9.6 → 2.9.7

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 (60) hide show
  1. package/dist/Button.es.js +9 -9
  2. package/dist/{CardProfile-CsytJlKZ.js → CardProfile-WHoeSibd.js} +8 -8
  3. package/dist/CardProfile.es.js +1 -1
  4. package/dist/CheckBox.es.js +4 -4
  5. package/dist/DatePicker-CbXUUnv7.js +3568 -0
  6. package/dist/DatePicker.es.js +3 -3439
  7. package/dist/DrawerDesktop.d.ts +6 -0
  8. package/dist/DrawerDesktop.es.js +211 -0
  9. package/dist/DrawerMobile.d.ts +6 -0
  10. package/dist/DrawerMobile.es.js +242 -0
  11. package/dist/DropZone.es.js +5 -5
  12. package/dist/FAButton.es.js +1 -1
  13. package/dist/{HelperComponent-g_xuKWzK.js → HelperComponent-BeNlTMqI.js} +7 -7
  14. package/dist/Icons/Icons.d.ts +1 -1
  15. package/dist/Icons.d.ts +0 -4
  16. package/dist/Icons.es.js +1119 -3
  17. package/dist/Image.es.js +29 -29
  18. package/dist/{ImageGallery-Ckxg9OIC.js → ImageGallery-WKzUevOQ.js} +34 -34
  19. package/dist/ImageGallery.es.js +1 -1
  20. package/dist/{Input-Cck37DpG.js → Input-Cf8P1QJv.js} +30 -31
  21. package/dist/Input.es.js +1 -1
  22. package/dist/InputMultiple.es.js +34 -34
  23. package/dist/Logo.es.js +1 -1
  24. package/dist/OtpInput.es.js +43 -43
  25. package/dist/RadioButton.es.js +1 -1
  26. package/dist/RecurrentDatePicker.d.ts +2 -0
  27. package/dist/RecurrentDatePicker.es.js +694 -0
  28. package/dist/RecurrentDatePickerRRule.d.ts +2 -0
  29. package/dist/RecurrentDatePickerRRule.es.js +1684 -0
  30. package/dist/{Select-BD5FTxVw.js → Select-DeKi15Iu.js} +31 -32
  31. package/dist/Select.es.js +1 -1
  32. package/dist/SelectSearch.es.js +1 -1
  33. package/dist/Spinner.es.js +172 -46
  34. package/dist/Steps.es.js +1 -1
  35. package/dist/Toast.es.js +22 -22
  36. package/dist/Tooltip.es.js +1 -1
  37. package/dist/components/Drawer/DrawerDesktop.d.ts +1 -0
  38. package/dist/components/Drawer/useDrawerDesktop.d.ts +1 -1
  39. package/dist/components/RecurrentDatePicker/PreviewCalendar.d.ts +4 -1
  40. package/dist/components/RecurrentDatePicker/RecurrentDatePicker.d.ts +4 -4
  41. package/dist/components/RecurrentDatePicker/RecurrentDatePickerRRule.d.ts +13 -0
  42. package/dist/components/RecurrentDatePicker/recurrentDatePicker.validations.d.ts +3 -3
  43. package/dist/components/Spinner/Spinner.d.ts +6 -6
  44. package/dist/exports/DrawerDesktop.d.ts +4 -0
  45. package/dist/exports/DrawerMobile.d.ts +4 -0
  46. package/dist/exports/Icons.d.ts +1 -2
  47. package/dist/exports/RecurrentDatePicker.d.ts +5 -0
  48. package/dist/exports/RecurrentDatePickerRRule.d.ts +2 -0
  49. package/dist/exports/Spinner.d.ts +2 -1
  50. package/dist/index.d.ts +8 -3
  51. package/dist/prometeo-design-system.es.js +412 -762
  52. package/dist/styles.css +1 -0
  53. package/dist/styles.d.ts +1 -0
  54. package/package.json +19 -6
  55. package/src/styles/app.css +1 -1313
  56. package/src/styles/base.css +1331 -0
  57. package/src/styles/utilities.css +24 -36
  58. package/dist/Icons-DtFC5DJ7.js +0 -1079
  59. package/dist/components/Spinner/SpinnerV2.d.ts +0 -12
  60. package/dist/prometeo-design-system.css +0 -1
@@ -1,12 +0,0 @@
1
- import { SizeVariant } from '../Shared/types';
2
- type SpinnerVariant = 'sync' | 'clip' | 'bounce' | 'dot' | 'grid' | 'hash';
3
- export interface SpinnerProps {
4
- color?: string;
5
- secondaryColor?: string;
6
- size?: SizeVariant;
7
- className?: string;
8
- speedMultiplier?: number;
9
- variant?: SpinnerVariant;
10
- }
11
- declare const SpinnerV2: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element | null;
12
- export default SpinnerV2;
@@ -1 +0,0 @@
1
- @keyframes galleryFadeIn{0%{opacity:.5}to{opacity: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}.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}