karsten-design-system 1.0.15 → 1.0.17
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.
- package/dist/.storybook/index.css.js +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/stories/components/dateInput.js +46 -0
- package/dist/stories/components/dateInput.js.map +1 -0
- package/dist/stories/components/dialog.js +1 -1
- package/dist/stories/components/dialog.js.map +1 -1
- package/dist/stories/components/select.js +20 -3
- package/dist/stories/components/select.js.map +1 -1
- package/dist/stories/components/table.js +1 -1
- package/dist/stories/components/table.js.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/stories/components/calendar.d.ts +5 -0
- package/dist/types/stories/components/inputSwitch.d.ts +8 -0
- package/dist/types/stories/components/select.d.ts +3 -2
- package/package.json +85 -85
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@layer tailwind-base, primereact, tailwind-utilities;@import \"primereact/resources/themes/lara-light-blue/theme.css\";@import \"primeicons/primeicons.css\";@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");@layer tailwind-base{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\r\n /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{font-family:Roboto,sans-serif}}@layer tailwind-utilities{.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-\\[20\\%\\]{top:-20%}.bottom-0{bottom:0}.left-4{left:1rem}.right-5{right:1.25rem}.top-\\[23\\%\\]{top:23%}.top-\\[30\\%\\]{top:30%}.z-10{z-index:10}.z-20{z-index:20}.z-\\[9\\]{z-index:9}.m-0{margin:0}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:1.75rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[400px\\]{height:400px}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_125px\\)\\]{height:calc(100vh - 125px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-16{min-height:4rem}.\\!w-8{width:2rem!important}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-28{width:7rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\\[35\\%\\]{width:35%}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[65\\%\\]{width:65%}.w-\\[900px\\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-72{min-width:18rem}.min-w-80{min-width:20rem}.min-w-\\[305px\\]{min-width:305px}.max-w-96{max-width:24rem}.max-w-\\[80\\%\\]{max-width:80%}.flex-1{flex:1 1 0%}.translate-y-full{--tw-translate-y:100%}.scale-75,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-se-lg{border-start-end-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-none{border-style:none}.border-background{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-gray{--tw-border-opacity:1;border-color:rgb(160 164 179/var(--tw-border-opacity,1))}.border-gray50{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity,1))}.border-grayDark{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-redError{--tw-border-opacity:1;border-color:rgb(236 74 84/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(232 236 249/var(--tw-border-opacity,1))}.border-secondaryActive{--tw-border-opacity:1;border-color:rgb(164 180 232/var(--tw-border-opacity,1))}.border-stone{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-stoneDark{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.border-stoneLight{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-bottom-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-primary{--tw-border-opacity:1;border-bottom-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-b-stone{--tw-border-opacity:1;border-bottom-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#196ECD0D\\]{background-color:#196ecd0d}.bg-\\[\\#1d6ee731\\]{background-color:#1d6ee731}.bg-\\[\\#ABF5D159\\]{background-color:#abf5d159}.bg-\\[\\#FFCC1766\\]{background-color:#ffcc1766}.bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-backgroundDark\\/20{background-color:rgba(66,66,66,.2)}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black,.bg-gray{--tw-bg-opacity:1}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-greenBackground{background-color:#0aa83612}.bg-primary{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-redErrorOpacity{background-color:#a80a0a14}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.bg-stone{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.bg-stoneLight{--tw-bg-opacity:1;background-color:rgb(241 241 244/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.\\!text-background{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.\\!text-backgroundDark{--tw-text-opacity:1!important;color:rgb(66 66 66/var(--tw-text-opacity,1))!important}.\\!text-gray100{color:rgb(102 102 102/var(--tw-text-opacity,1))!important}.\\!text-gray100,.\\!text-grayDark{--tw-text-opacity:1!important}.\\!text-grayDark{color:rgb(100 105 129/var(--tw-text-opacity,1))!important}.\\!text-green{color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-green,.\\!text-primary{--tw-text-opacity:1!important}.\\!text-primary{color:rgb(19 41 75/var(--tw-text-opacity,1))!important}.text-background{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-backgroundDark{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-blue{color:rgb(0 69 186/var(--tw-text-opacity,1))}.text-blue,.text-gray{--tw-text-opacity:1}.text-gray{color:rgb(160 164 179/var(--tw-text-opacity,1))}.text-gray100{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-grayDark{--tw-text-opacity:1;color:rgb(100 105 129/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(10 168 54/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-redError{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.text-stone{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-stoneDark{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-container{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-container{--tw-shadow:0px 0px 5px 3px rgba(0,0,0,.1);--tw-shadow-colored:0px 0px 5px 3px var(--tw-shadow-color)}.shadow-header{--tw-shadow:0px 0px 20px 0px hsla(0,0%,54%,.3);--tw-shadow-colored:0px 0px 20px 0px var(--tw-shadow-color)}.shadow-header,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-gray{--tw-ring-opacity:1;--tw-ring-color:rgb(160 164 179/var(--tw-ring-opacity,1))}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-stone{--tw-ring-opacity:1;--tw-ring-color:rgb(230 230 230/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.ring-offset-secondary{--tw-ring-offset-color:#e8ecf9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.first\\:rounded-ss-lg:first-child{border-start-start-radius:.5rem}.checked\\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-grayDark:hover{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.hover\\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.hover\\:border-stone:hover{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.hover\\:bg-grayDark:hover{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.hover\\:bg-greenBackgroundActive:hover{background-color:#0aa83633}.hover\\:bg-primaryActive:hover{--tw-bg-opacity:1;background-color:rgb(12 28 52/var(--tw-bg-opacity,1))}.hover\\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.hover\\:bg-secondaryActive:hover{--tw-bg-opacity:1;background-color:rgb(164 180 232/var(--tw-bg-opacity,1))}.hover\\:bg-stone:hover{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.focus\\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.focus\\:shadow-md:focus{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\\:shadow-md:focus,.focus\\:shadow-none:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.disabled\\:border-stone:disabled{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.disabled\\:border-stoneDark:disabled{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.disabled\\:bg-stone:disabled{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.disabled\\:bg-stoneDark:disabled{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.disabled\\:text-background:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\\:text-stoneDark:disabled{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex{display:flex}.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[500px\\]{min-width:500px}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-md::-webkit-scrollbar-thumb{border-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-stoneDark::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:rounded-r-md::-webkit-scrollbar-track{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-stone::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1::-webkit-scrollbar{width:.25rem}";
|
|
3
|
+
var css_248z = "@layer tailwind-base, primereact, tailwind-utilities;@import \"primereact/resources/themes/lara-light-blue/theme.css\";@import \"primeicons/primeicons.css\";@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap\");@layer tailwind-base{*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }\r\n /*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid;box-sizing:border-box}:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}*{font-family:Roboto,sans-serif}}@layer tailwind-utilities{.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background-color:#13294b!important}.p-inputswitch.p-inputswitch-checked.p-inputswitch-error{background-color:#ec4a54!important;border-color:#ec4a54!important}.p-inputswitch:not(.p-inputswitch-checked).p-inputswitch-error .p-inputswitch-slider{background-color:#a80a0a14!important}.visible{visibility:visible}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-1{bottom:-.25rem}.-top-3{top:-.75rem}.-top-\\[20\\%\\]{top:-20%}.bottom-0{bottom:0}.left-4{left:1rem}.left-5{left:1.25rem}.right-5{right:1.25rem}.top-3{top:.75rem}.top-\\[23\\%\\]{top:23%}.top-\\[30\\%\\]{top:30%}.z-10{z-index:10}.z-20{z-index:20}.z-\\[9\\]{z-index:9}.m-0{margin:0}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-7{margin-bottom:1.75rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mr-6{margin-right:1.5rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.\\!h-8{height:2rem!important}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[400px\\]{height:400px}.h-\\[calc\\(100vh_-114\\.8px\\)\\]{height:calc(100vh - 114.8px)}.h-\\[calc\\(100vh_-_125px\\)\\]{height:calc(100vh - 125px)}.h-\\[calc\\(100vh_-_64px\\)\\]{height:calc(100vh - 64px)}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.min-h-16{min-height:4rem}.\\!w-8{width:2rem!important}.w-1\\/3{width:33.333333%}.w-10\\/12{width:83.333333%}.w-100{width:100%}.w-2{width:.5rem}.w-28{width:7rem}.w-3\\/4{width:75%}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\\[35\\%\\]{width:35%}.w-\\[40rem\\]{width:40rem}.w-\\[40vw\\]{width:40vw}.w-\\[60vw\\]{width:60vw}.w-\\[65\\%\\]{width:65%}.w-\\[900px\\]{width:900px}.w-auto{width:auto}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-screen{width:100vw}.min-w-0{min-width:0}.min-w-6{min-width:1.5rem}.min-w-7{min-width:1.75rem}.min-w-72{min-width:18rem}.min-w-80{min-width:20rem}.min-w-\\[305px\\]{min-width:305px}.max-w-96{max-width:24rem}.max-w-\\[80\\%\\]{max-width:80%}.flex-1{flex:1 1 0%}.translate-y-full{--tw-translate-y:100%}.scale-75,.translate-y-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-75{--tw-scale-x:.75;--tw-scale-y:.75}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-1{gap:.25rem}.gap-10{gap:2.5rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-10{-moz-column-gap:2.5rem;column-gap:2.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-y-5{row-gap:1.25rem}.gap-y-6{row-gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.\\!rounded-full{border-radius:9999px!important}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-full{border-bottom-left-radius:9999px;border-top-left-radius:9999px}.rounded-r-full{border-bottom-right-radius:9999px;border-top-right-radius:9999px}.rounded-r-lg{border-bottom-right-radius:.5rem;border-top-right-radius:.5rem}.rounded-se-lg{border-start-end-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-none{border-style:none}.border-background{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-gray{--tw-border-opacity:1;border-color:rgb(160 164 179/var(--tw-border-opacity,1))}.border-gray50{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity,1))}.border-grayDark{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.border-primary{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-redError{--tw-border-opacity:1;border-color:rgb(236 74 84/var(--tw-border-opacity,1))}.border-secondary{--tw-border-opacity:1;border-color:rgb(232 236 249/var(--tw-border-opacity,1))}.border-secondaryActive{--tw-border-opacity:1;border-color:rgb(164 180 232/var(--tw-border-opacity,1))}.border-stone{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-stoneDark{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.border-stoneLight{--tw-border-opacity:1;border-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-\\[\\#F1F1F4\\]{--tw-border-opacity:1;border-bottom-color:rgb(241 241 244/var(--tw-border-opacity,1))}.border-b-primary{--tw-border-opacity:1;border-bottom-color:rgb(19 41 75/var(--tw-border-opacity,1))}.border-b-stone{--tw-border-opacity:1;border-bottom-color:rgb(230 230 230/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:transparent}.bg-\\[\\#196ECD0D\\]{background-color:#196ecd0d}.bg-\\[\\#1d6ee731\\]{background-color:#1d6ee731}.bg-\\[\\#ABF5D159\\]{background-color:#abf5d159}.bg-\\[\\#FFCC1766\\]{background-color:#ffcc1766}.bg-background{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-backgroundDark\\/20{background-color:rgba(66,66,66,.2)}.bg-black{background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black,.bg-gray{--tw-bg-opacity:1}.bg-gray{background-color:rgb(160 164 179/var(--tw-bg-opacity,1))}.bg-greenBackground{background-color:#0aa83612}.bg-primary{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.bg-redErrorOpacity{background-color:#a80a0a14}.bg-secondary{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.bg-stone{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.bg-stoneLight{--tw-bg-opacity:1;background-color:rgb(241 241 244/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.\\!p-2{padding:.5rem!important}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.\\!px-0{padding-left:0!important;padding-right:0!important}.\\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-20{padding-left:5rem;padding-right:5rem}.px-24{padding-left:6rem;padding-right:6rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-9{padding-bottom:2.25rem;padding-top:2.25rem}.pb-10{padding-bottom:2.5rem}.pb-2{padding-bottom:.5rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pr-12{padding-right:3rem}.pt-1\\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-2{padding-top:.5rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.font-roboto{font-family:Roboto,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\\[16px\\]{font-size:16px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.\\!text-background{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.\\!text-backgroundDark{--tw-text-opacity:1!important;color:rgb(66 66 66/var(--tw-text-opacity,1))!important}.\\!text-gray100{color:rgb(102 102 102/var(--tw-text-opacity,1))!important}.\\!text-gray100,.\\!text-grayDark{--tw-text-opacity:1!important}.\\!text-grayDark{color:rgb(100 105 129/var(--tw-text-opacity,1))!important}.\\!text-green{color:rgb(10 168 54/var(--tw-text-opacity,1))!important}.\\!text-green,.\\!text-primary{--tw-text-opacity:1!important}.\\!text-primary{color:rgb(19 41 75/var(--tw-text-opacity,1))!important}.text-background{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-backgroundDark{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-blue{color:rgb(0 69 186/var(--tw-text-opacity,1))}.text-blue,.text-gray{--tw-text-opacity:1}.text-gray{color:rgb(160 164 179/var(--tw-text-opacity,1))}.text-gray100{--tw-text-opacity:1;color:rgb(102 102 102/var(--tw-text-opacity,1))}.text-grayDark{--tw-text-opacity:1;color:rgb(100 105 129/var(--tw-text-opacity,1))}.text-green{--tw-text-opacity:1;color:rgb(10 168 54/var(--tw-text-opacity,1))}.text-primary{--tw-text-opacity:1;color:rgb(19 41 75/var(--tw-text-opacity,1))}.text-redError{--tw-text-opacity:1;color:rgb(236 74 84/var(--tw-text-opacity,1))}.text-stone{--tw-text-opacity:1;color:rgb(230 230 230/var(--tw-text-opacity,1))}.text-stoneDark{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-50{opacity:.5}.\\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-container{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-container{--tw-shadow:0px 0px 5px 3px rgba(0,0,0,.1);--tw-shadow-colored:0px 0px 5px 3px var(--tw-shadow-color)}.shadow-header{--tw-shadow:0px 0px 20px 0px hsla(0,0%,54%,.3);--tw-shadow-colored:0px 0px 20px 0px var(--tw-shadow-color)}.shadow-header,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-gray{--tw-ring-opacity:1;--tw-ring-color:rgb(160 164 179/var(--tw-ring-opacity,1))}.ring-redError{--tw-ring-opacity:1;--tw-ring-color:rgb(236 74 84/var(--tw-ring-opacity,1))}.ring-stone{--tw-ring-opacity:1;--tw-ring-color:rgb(230 230 230/var(--tw-ring-opacity,1))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background{--tw-ring-offset-color:#fff}.ring-offset-secondary{--tw-ring-offset-color:#e8ecf9}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}}.first\\:rounded-ss-lg:first-child{border-start-start-radius:.5rem}.checked\\:bg-primary:checked{--tw-bg-opacity:1;background-color:rgb(19 41 75/var(--tw-bg-opacity,1))}.hover\\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:border-grayDark:hover{--tw-border-opacity:1;border-color:rgb(100 105 129/var(--tw-border-opacity,1))}.hover\\:border-primary:hover{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.hover\\:border-stone:hover{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.hover\\:bg-grayDark:hover{--tw-bg-opacity:1;background-color:rgb(100 105 129/var(--tw-bg-opacity,1))}.hover\\:bg-greenBackgroundActive:hover{background-color:#0aa83633}.hover\\:bg-primaryActive:hover{--tw-bg-opacity:1;background-color:rgb(12 28 52/var(--tw-bg-opacity,1))}.hover\\:bg-secondary:hover{--tw-bg-opacity:1;background-color:rgb(232 236 249/var(--tw-bg-opacity,1))}.hover\\:bg-secondaryActive:hover{--tw-bg-opacity:1;background-color:rgb(164 180 232/var(--tw-bg-opacity,1))}.hover\\:bg-stone:hover{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:opacity-70:hover{opacity:.7}.focus\\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(19 41 75/var(--tw-border-opacity,1))}.focus\\:shadow-md:focus{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.focus\\:shadow-md:focus,.focus\\:shadow-none:focus{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\\:shadow-none:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}.disabled\\:border-stone:disabled{--tw-border-opacity:1;border-color:rgb(230 230 230/var(--tw-border-opacity,1))}.disabled\\:border-stoneDark:disabled{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity,1))}.disabled\\:bg-stone:disabled{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.disabled\\:bg-stoneDark:disabled{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.disabled\\:text-background:disabled{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.disabled\\:text-stoneDark:disabled{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex{display:flex}.md\\:w-1\\/2{width:50%}.md\\:min-w-\\[500px\\]{min-width:500px}}@media (min-width:1024px){.lg\\:w-1\\/3{width:33.333333%}}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:rounded-md::-webkit-scrollbar-thumb{border-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-thumb\\]\\:bg-stoneDark::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(194 194 194/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:rounded-r-md::-webkit-scrollbar-track{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.\\[\\&\\:\\:-webkit-scrollbar-track\\]\\:bg-stone::-webkit-scrollbar-track{--tw-bg-opacity:1;background-color:rgb(230 230 230/var(--tw-bg-opacity,1))}.\\[\\&\\:\\:-webkit-scrollbar\\]\\:w-1::-webkit-scrollbar{width:.25rem}";
|
|
4
4
|
styleInject(css_248z,{"insertAt":"top"});
|
|
5
5
|
|
|
6
6
|
export { css_248z as default };
|
package/dist/index.js
CHANGED
|
@@ -23,5 +23,6 @@ export { Sidebar } from './stories/components/sidebar.js';
|
|
|
23
23
|
export { Skeleton } from './stories/components/skeleton.js';
|
|
24
24
|
export { Spinner } from './stories/components/spinner.js';
|
|
25
25
|
export { Table } from './stories/components/table.js';
|
|
26
|
+
export { DateInput } from './stories/components/dateInput.js';
|
|
26
27
|
import './stories/components/toast.js';
|
|
27
28
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
+
import clsx from 'clsx';
|
|
3
|
+
import { Button } from 'primereact/button';
|
|
4
|
+
import { Calendar } from 'primereact/calendar';
|
|
5
|
+
import { useRef } from 'react';
|
|
6
|
+
|
|
7
|
+
function DateInput({ error = false, ...props }) {
|
|
8
|
+
const calendarRef = useRef(null);
|
|
9
|
+
const dateTemplate = (data) => {
|
|
10
|
+
const date = new Date(`${data.year}/${data.month + 1}/${data.day}`);
|
|
11
|
+
const dayComponent = (className) => {
|
|
12
|
+
return (jsxRuntimeExports.jsx("div", { className: `w-full h-full flex justify-center items-center text-grayDark ${className}`, children: data.day }));
|
|
13
|
+
};
|
|
14
|
+
if (props.selectionMode === 'range') {
|
|
15
|
+
if (props.value &&
|
|
16
|
+
props.value[0] &&
|
|
17
|
+
date.getTime() === props.value[0]?.getTime()) {
|
|
18
|
+
return dayComponent('bg-stone');
|
|
19
|
+
}
|
|
20
|
+
if (props.value &&
|
|
21
|
+
props.value[0] &&
|
|
22
|
+
props.value[1] &&
|
|
23
|
+
date.getTime() >= props.value[0].getTime() &&
|
|
24
|
+
date.getTime() <= props.value[1].getTime()) {
|
|
25
|
+
return dayComponent('bg-stone');
|
|
26
|
+
}
|
|
27
|
+
return dayComponent();
|
|
28
|
+
}
|
|
29
|
+
if (props.selectionMode === 'single' || props.selectionMode === undefined) {
|
|
30
|
+
if (props.value && date.getTime() === props.value?.getTime()) {
|
|
31
|
+
return dayComponent('bg-stone');
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return dayComponent();
|
|
35
|
+
};
|
|
36
|
+
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-row w-100", children: [jsxRuntimeExports.jsx(Calendar, { ...props, ref: calendarRef, placeholder: "Data", className: "w-100", dateFormat: "dd/mm/yy", inputStyle: {
|
|
37
|
+
border: `1px solid ${error && !props.value ? '#EC4A54' : '#878787'}`,
|
|
38
|
+
boxShadow: 'none',
|
|
39
|
+
padding: '0.5rem',
|
|
40
|
+
width: '100%',
|
|
41
|
+
height: 'fit-content',
|
|
42
|
+
}, hideOnDateTimeSelect: true, hideOnRangeSelection: true, todayButtonClassName: "bg-primary text-background", dateTemplate: dateTemplate }), jsxRuntimeExports.jsx(Button, { icon: `pi pi-calendar`, rounded: true, text: true, className: clsx('w-4 !absolute right-5 bg-transparent border-none shadow-none h-fit !py-2 !px-0', error ? 'text-redError' : 'text-primary'), disabled: props.disabled, onClick: () => calendarRef.current?.show() })] }));
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export { DateInput };
|
|
46
|
+
//# sourceMappingURL=dateInput.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dateInput.js","sources":["../../../../src/stories/components/dateInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import { Button } from './button.js';
|
|
|
3
3
|
import { Card } from './card.js';
|
|
4
4
|
|
|
5
5
|
function Dialog({ title, description, labelConfirmButton, onClose, onClick, }) {
|
|
6
|
-
return (jsxRuntimeExports.jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center",
|
|
6
|
+
return (jsxRuntimeExports.jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-20 flex justify-center items-center", children: jsxRuntimeExports.jsxs(Card, { className: "flex flex-col", children: [jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-center justify-between px-4 pt-4 pb-6 border-b border-b-stone", children: [jsxRuntimeExports.jsx("h2", { className: "text-grayDark font-semibold", children: title }), jsxRuntimeExports.jsx("i", { className: "pi pi-times", style: { color: '#606060' } })] }), jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center p-6", children: [jsxRuntimeExports.jsx("span", { className: "text-grayDark", children: description }), jsxRuntimeExports.jsxs("div", { className: "w-100 flex flex-row justify-end pt-10 gap-4", children: [jsxRuntimeExports.jsx("div", { className: "w-1/3", children: jsxRuntimeExports.jsx(Button, { label: "Cancelar", variant: "outline", onClick: onClose }) }), jsxRuntimeExports.jsx("div", { className: "w-1/3", children: jsxRuntimeExports.jsx(Button, { label: labelConfirmButton, variant: "primary", onClick: onClick }) })] })] })] }) }));
|
|
7
7
|
}
|
|
8
8
|
|
|
9
9
|
export { Dialog };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sources":["../../../../src/stories/components/dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAWgB,SAAA,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,OAAO,GACK,EAAA;IACZ,QACEA,
|
|
1
|
+
{"version":3,"file":"dialog.js","sources":["../../../../src/stories/components/dialog.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAWgB,SAAA,MAAM,CAAC,EACrB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,OAAO,EACP,OAAO,GACK,EAAA;IACZ,QACEA,+BACE,SAAS,EAAC,4EAA4E,EAEtF,QAAA,EAAAC,sBAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,eAAe,EAC7B,QAAA,EAAA,CAAAA,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mFAAmF,EAAA,QAAA,EAAA,CAChGD,8BAAI,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAE,KAAK,EAAA,CAAM,EACxDA,qBACE,CAAA,GAAA,EAAA,EAAA,SAAS,EAAC,aAAa,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,CAC3B,IACE,EACNC,sBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAAA,CAC7CD,gCAAM,SAAS,EAAC,eAAe,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EACpDC,sBAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,6CAA6C,EAC1D,QAAA,EAAA,CAAAD,qBAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,OAAO,EACpB,QAAA,EAAAA,qBAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,OAAO,EAAA,CAAI,EAC3D,CAAA,EACNA,+BAAK,SAAS,EAAC,OAAO,EAAA,QAAA,EACpBA,qBAAC,CAAA,MAAM,IACL,KAAK,EAAE,kBAAkB,EACzB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,OAAO,EAChB,CAAA,EAAA,CACE,IACF,CACF,EAAA,CAAA,CAAA,EAAA,CACD,EACH,CAAA;AAEV;;;;"}
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
|
|
2
|
-
import { useState } from 'react';
|
|
2
|
+
import { useState, useEffect } from 'react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
4
|
import { IconField } from 'primereact/iconfield';
|
|
5
5
|
import { InputText } from 'primereact/inputtext';
|
|
6
6
|
import { InputIcon } from 'primereact/inputicon';
|
|
7
7
|
|
|
8
|
-
function Select({ options, value, onChange, placeholder, disabled = false, error, }) {
|
|
8
|
+
function Select({ options, value, onChange, placeholder = 'Selecione uma opção', customPlaceholder = 'Opção', disabled = false, error, }) {
|
|
9
9
|
const [isOpen, setIsOpen] = useState(false);
|
|
10
|
+
const [isFloating, setIsFloating] = useState(!!value);
|
|
11
|
+
const [isOnFocus, setIsOnFocus] = useState(false);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
setIsFloating(!!value);
|
|
14
|
+
}, [value]);
|
|
10
15
|
const toggleDropdown = () => {
|
|
11
16
|
if (!disabled) {
|
|
12
17
|
setIsOpen(!isOpen);
|
|
@@ -16,7 +21,19 @@ function Select({ options, value, onChange, placeholder, disabled = false, error
|
|
|
16
21
|
onChange(option);
|
|
17
22
|
setIsOpen(false);
|
|
18
23
|
};
|
|
19
|
-
|
|
24
|
+
const hasError = (error && !disabled) ||
|
|
25
|
+
(!!error && !disabled);
|
|
26
|
+
return (jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col w-100", children: [jsxRuntimeExports.jsxs("div", { className: "relative w-full cursor-pointer", onClick: toggleDropdown, children: [jsxRuntimeExports.jsx("label", { className: clsx('absolute left-5 text-gray transition-all bg-white px-1 z-10', isFloating ? 'font-roboto text-[16px] -top-3 text-primary' : 'text-base top-3', isOnFocus || !!value
|
|
27
|
+
? '-top-[20%] text-sm'
|
|
28
|
+
: hasError
|
|
29
|
+
? 'top-[23%] text-base'
|
|
30
|
+
: 'top-[30%] text-base', disabled
|
|
31
|
+
? 'text-stone'
|
|
32
|
+
: hasError
|
|
33
|
+
? 'text-redError'
|
|
34
|
+
: isOnFocus
|
|
35
|
+
? 'text-primary'
|
|
36
|
+
: 'text-gray'), children: isFloating ? customPlaceholder : placeholder }), jsxRuntimeExports.jsxs(IconField, { className: "w-full", children: [jsxRuntimeExports.jsx(InputText, { type: "text", value: value ? value.label : '', onClick: toggleDropdown, className: clsx('w-full font-roboto text-lg border pt-5 !p-2 rounded-md focus:shadow-none', hasError ? 'border-redError' : 'border-gray focus:border-primary', disabled && 'border-stoneDark text-disabled', error && 'border-redError text-redError', !error && 'border-gray'), onFocus: () => setIsOnFocus(true), onBlur: () => setIsOnFocus(false), invalid: hasError, readOnly: true }), jsxRuntimeExports.jsx(InputIcon, { className: clsx(`${isOpen ? 'pi pi-angle-up' : 'pi pi-angle-down'}`, 'text-gray px-2', disabled && 'text-disabled', error && 'text-redError'), onClick: toggleDropdown })] })] }), isOpen && (jsxRuntimeExports.jsx("div", { className: clsx('absolute w-full bg-background border shadow-md z-10 rounded-md p-2 -bottom-1 translate-y-full', error ? 'border-redError' : 'border-gray'), children: jsxRuntimeExports.jsx("ul", { children: options.map((option) => (jsxRuntimeExports.jsxs("li", { onClick: () => handleSelect(option), className: "p-2 flex justify-between items-center cursor-pointer", children: [option.label, jsxRuntimeExports.jsx("input", { type: "radio", checked: value?.value === option.value, onChange: () => handleSelect(option), className: "appearance-none w-2 h-2 rounded-full ring-1 ring-offset-2 ring-offset-background ring-gray checked:bg-primary cursor-pointer" })] }, option.value))) }) })), hasError && jsxRuntimeExports.jsx("span", { className: "text-redError text-xs px-2", children: error })] }));
|
|
20
37
|
}
|
|
21
38
|
|
|
22
39
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sources":["../../../../src/stories/components/select.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"select.js","sources":["../../../../src/stories/components/select.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ function Table({ columns, data, actions = [], columnStyles = [{}], }) {
|
|
|
22
22
|
useEffect(() => {
|
|
23
23
|
setSortedData(data);
|
|
24
24
|
}, [data]);
|
|
25
|
-
return (jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-2 text-center", onClick: () => handleSort(column), children: [column, jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs", onClick: () => handleSort(column) })] }))), jsxRuntimeExports.jsx("th", { className: "bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-2 text-center", children: "A\u00C7\u00D5ES" })] }) }), jsxRuntimeExports.jsx("tbody", { children: sortedData.map((item, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-background' : 'bg-[#196ECD0D]', item.className), children: [columns.map((column) => (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-center', getCellClassName(column, item[column])), children: item[column] }, `${column}-${index}`))), jsxRuntimeExports.jsx("td", { className: "flex flex-row justify-around text-center gap-2 p-3", children: actions.map((action, idx) => (jsxRuntimeExports.jsx("span", { className: "cursor-pointer", onClick: () => action.onClick(item), title: action.label, children: action.icon }, idx))) })] }, index))) })] }));
|
|
25
|
+
return (jsxRuntimeExports.jsxs("table", { className: "w-100", children: [jsxRuntimeExports.jsx("thead", { children: jsxRuntimeExports.jsxs("tr", { className: "bg-gray-100", children: [columns.map((column, idx) => (jsxRuntimeExports.jsxs("th", { className: "bg-primary first:rounded-ss-lg font-bold text-background text-sm uppercase p-2 text-center", onClick: () => handleSort(column), children: [column, jsxRuntimeExports.jsx("i", { className: "pi pi-sort-alt pl-2 text-xs", onClick: () => handleSort(column) })] }, idx))), jsxRuntimeExports.jsx("th", { className: "bg-primary rounded-se-lg font-bold text-background text-sm uppercase p-2 text-center", children: "A\u00C7\u00D5ES" })] }) }), jsxRuntimeExports.jsx("tbody", { children: sortedData.map((item, index) => (jsxRuntimeExports.jsxs("tr", { className: clsx(index % 2 === 0 ? 'bg-background' : 'bg-[#196ECD0D]', item.className), children: [columns.map((column) => (jsxRuntimeExports.jsx("td", { className: clsx('p-3 text-sm text-center', getCellClassName(column, item[column])), children: item[column] }, `${column}-${index}`))), jsxRuntimeExports.jsx("td", { className: "flex flex-row justify-around text-center gap-2 p-3", children: actions.map((action, idx) => (jsxRuntimeExports.jsx("span", { className: "cursor-pointer", onClick: () => action.onClick(item), title: action.label, children: action.icon }, idx))) })] }, index))) })] }));
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
export { Table };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.js","sources":["../../../../src/stories/components/table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;SAuBgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,EAAE,EACZ,YAAY,GAAG,CAAC,EAAE,CAAC,GACR,EAAA;IACX,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAgB,KAAK,CAAC;IACxE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAElD,IAAA,MAAM,UAAU,GAAG,CAAC,MAAc,KAAI;AACpC,QAAA,MAAM,YAAY,GAAG,aAAa,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;QAC5D,gBAAgB,CAAC,YAAY,CAAC;QAE9B,MAAM,MAAM,GAAG,QAAQ,CAAC,UAAU,EAAE,MAAM,EAAE,YAAY,CAAC;QACzD,aAAa,CAAC,MAAM,CAAC;AACvB,KAAC;AAED,IAAA,MAAM,gBAAgB,GAAG,CAAC,MAAc,EAAE,KAAc,KAAI;QAC1D,MAAM,KAAK,GAAG,YAAY,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;AACrC,QAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;AAC/B,YAAA,OAAO,KAAK,CAAC,KAAK,CAAC;;AAErB,QAAA,OAAO,KAAK;AACd,KAAC;IAED,SAAS,CAAC,MAAK;QACb,aAAa,CAAC,IAAI,CAAC;AACrB,KAAC,EAAE,CAAC,IAAI,CAAC,CAAC;IAEV,QACEA,kCAAO,SAAS,EAAC,OAAO,EACtB,QAAA,EAAA,CAAAC,qBAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EACED
|
|
1
|
+
{"version":3,"file":"table.js","sources":["../../../../src/stories/components/table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -23,4 +23,5 @@ export * from './stories/components/sidebar';
|
|
|
23
23
|
export * from './stories/components/skeleton';
|
|
24
24
|
export * from './stories/components/spinner';
|
|
25
25
|
export * from './stories/components/table';
|
|
26
|
+
export * from './stories/components/dateInput';
|
|
26
27
|
export * from './stories/components/toast';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type InputSwitchProps = {
|
|
2
|
+
checked: boolean;
|
|
3
|
+
onChange: (value: boolean) => void;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
error?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
};
|
|
8
|
+
export declare function InputSwitch({ checked, onChange, disabled, error, label, }: InputSwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -3,8 +3,9 @@ export type SelectProps = {
|
|
|
3
3
|
options: Option[];
|
|
4
4
|
value: Option | null;
|
|
5
5
|
onChange: (option: Option) => void;
|
|
6
|
-
placeholder
|
|
6
|
+
placeholder: string;
|
|
7
|
+
customPlaceholder: string;
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
error?: string;
|
|
9
10
|
};
|
|
10
|
-
export declare function Select({ options, value, onChange, placeholder, disabled, error, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export declare function Select({ options, value, onChange, placeholder, customPlaceholder, disabled, error, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "karsten-design-system",
|
|
3
|
-
"description": "Karsten Design System Components",
|
|
4
|
-
"version": "1.0.
|
|
5
|
-
"type": "module",
|
|
6
|
-
"main": "./dist/index.js",
|
|
7
|
-
"module": "./dist/index.js",
|
|
8
|
-
"types": "./dist/types/index.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"dist"
|
|
11
|
-
],
|
|
12
|
-
"exports": {
|
|
13
|
-
".": {
|
|
14
|
-
"import": "./dist/index.js",
|
|
15
|
-
"types": "./dist/types/index.d.ts"
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
"scripts": {
|
|
19
|
-
"dev": "vite",
|
|
20
|
-
"build-vite": "tsc -b && vite build",
|
|
21
|
-
"lint": "eslint .",
|
|
22
|
-
"format": "prettier --write \"**/*.{ts,tsx,css,md,json}\"",
|
|
23
|
-
"preview": "vite preview",
|
|
24
|
-
"storybook": "storybook dev -p 6006",
|
|
25
|
-
"build-storybook": "storybook build",
|
|
26
|
-
"build": "rollup -c",
|
|
27
|
-
"prepare": "npm run build"
|
|
28
|
-
},
|
|
29
|
-
"publishConfig": {
|
|
30
|
-
"access": "public"
|
|
31
|
-
},
|
|
32
|
-
"peerDependencies": {
|
|
33
|
-
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
34
|
-
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
35
|
-
},
|
|
36
|
-
"dependencies": {
|
|
37
|
-
"@types/date-fns": "^2.6.3",
|
|
38
|
-
"autoprefixer": "^10.4.20",
|
|
39
|
-
"chart.js": "^4.4.7",
|
|
40
|
-
"clsx": "^2.1.1",
|
|
41
|
-
"data-fns": "^1.1.0",
|
|
42
|
-
"postcss": "^8.5.1",
|
|
43
|
-
"primeicons": "^7.0.0",
|
|
44
|
-
"primereact": "^10.8.5",
|
|
45
|
-
"tailwindcss": "3"
|
|
46
|
-
},
|
|
47
|
-
"devDependencies": {
|
|
48
|
-
"@chromatic-com/storybook": "^3.2.3",
|
|
49
|
-
"@eslint/js": "^9.17.0",
|
|
50
|
-
"@rollup/plugin-commonjs": "^28.0.2",
|
|
51
|
-
"@rollup/plugin-json": "^6.1.0",
|
|
52
|
-
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
53
|
-
"@rollup/plugin-typescript": "^12.1.2",
|
|
54
|
-
"@storybook/addon-essentials": "^8.4.7",
|
|
55
|
-
"@storybook/addon-interactions": "^8.4.7",
|
|
56
|
-
"@storybook/addon-onboarding": "^8.4.7",
|
|
57
|
-
"@storybook/blocks": "^8.4.7",
|
|
58
|
-
"@storybook/react": "^8.4.7",
|
|
59
|
-
"@storybook/react-vite": "^8.4.7",
|
|
60
|
-
"@storybook/test": "^8.4.7",
|
|
61
|
-
"@types/react": "^18.3.17",
|
|
62
|
-
"@types/react-dom": "^18.3.5",
|
|
63
|
-
"@typescript-eslint/eslint-plugin": "^8.18.2",
|
|
64
|
-
"@typescript-eslint/parser": "^8.18.2",
|
|
65
|
-
"@vitejs/plugin-react": "^4.3.4",
|
|
66
|
-
"autoprefixer": "^10.4.20",
|
|
67
|
-
"eslint": "^9.17.0",
|
|
68
|
-
"eslint-config-prettier": "^9.1.0",
|
|
69
|
-
"eslint-plugin-react": "^7.37.2",
|
|
70
|
-
"eslint-plugin-react-hooks": "^5.1.0",
|
|
71
|
-
"eslint-plugin-react-refresh": "^0.4.16",
|
|
72
|
-
"eslint-plugin-storybook": "^0.11.2",
|
|
73
|
-
"globals": "^15.13.0",
|
|
74
|
-
"postcss": "^8.4.49",
|
|
75
|
-
"prettier": "^3.4.2",
|
|
76
|
-
"rollup": "^4.32.1",
|
|
77
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
78
|
-
"storybook": "^8.4.7",
|
|
79
|
-
"tailwindcss": "^3.4.17",
|
|
80
|
-
"typescript": "~5.6.2",
|
|
81
|
-
"typescript-eslint": "^8.18.1",
|
|
82
|
-
"vite": "^6.0.3"
|
|
83
|
-
},
|
|
84
|
-
"license": "MIT"
|
|
85
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "karsten-design-system",
|
|
3
|
+
"description": "Karsten Design System Components",
|
|
4
|
+
"version": "1.0.17",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"main": "./dist/index.js",
|
|
7
|
+
"module": "./dist/index.js",
|
|
8
|
+
"types": "./dist/types/index.d.ts",
|
|
9
|
+
"files": [
|
|
10
|
+
"dist"
|
|
11
|
+
],
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"import": "./dist/index.js",
|
|
15
|
+
"types": "./dist/types/index.d.ts"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
"scripts": {
|
|
19
|
+
"dev": "vite",
|
|
20
|
+
"build-vite": "tsc -b && vite build",
|
|
21
|
+
"lint": "eslint .",
|
|
22
|
+
"format": "prettier --write \"**/*.{ts,tsx,css,md,json}\"",
|
|
23
|
+
"preview": "vite preview",
|
|
24
|
+
"storybook": "storybook dev -p 6006",
|
|
25
|
+
"build-storybook": "storybook build",
|
|
26
|
+
"build": "rollup -c",
|
|
27
|
+
"prepare": "npm run build"
|
|
28
|
+
},
|
|
29
|
+
"publishConfig": {
|
|
30
|
+
"access": "public"
|
|
31
|
+
},
|
|
32
|
+
"peerDependencies": {
|
|
33
|
+
"react": "^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
34
|
+
"react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
|
|
35
|
+
},
|
|
36
|
+
"dependencies": {
|
|
37
|
+
"@types/date-fns": "^2.6.3",
|
|
38
|
+
"autoprefixer": "^10.4.20",
|
|
39
|
+
"chart.js": "^4.4.7",
|
|
40
|
+
"clsx": "^2.1.1",
|
|
41
|
+
"data-fns": "^1.1.0",
|
|
42
|
+
"postcss": "^8.5.1",
|
|
43
|
+
"primeicons": "^7.0.0",
|
|
44
|
+
"primereact": "^10.8.5",
|
|
45
|
+
"tailwindcss": "3"
|
|
46
|
+
},
|
|
47
|
+
"devDependencies": {
|
|
48
|
+
"@chromatic-com/storybook": "^3.2.3",
|
|
49
|
+
"@eslint/js": "^9.17.0",
|
|
50
|
+
"@rollup/plugin-commonjs": "^28.0.2",
|
|
51
|
+
"@rollup/plugin-json": "^6.1.0",
|
|
52
|
+
"@rollup/plugin-node-resolve": "^16.0.0",
|
|
53
|
+
"@rollup/plugin-typescript": "^12.1.2",
|
|
54
|
+
"@storybook/addon-essentials": "^8.4.7",
|
|
55
|
+
"@storybook/addon-interactions": "^8.4.7",
|
|
56
|
+
"@storybook/addon-onboarding": "^8.4.7",
|
|
57
|
+
"@storybook/blocks": "^8.4.7",
|
|
58
|
+
"@storybook/react": "^8.4.7",
|
|
59
|
+
"@storybook/react-vite": "^8.4.7",
|
|
60
|
+
"@storybook/test": "^8.4.7",
|
|
61
|
+
"@types/react": "^18.3.17",
|
|
62
|
+
"@types/react-dom": "^18.3.5",
|
|
63
|
+
"@typescript-eslint/eslint-plugin": "^8.18.2",
|
|
64
|
+
"@typescript-eslint/parser": "^8.18.2",
|
|
65
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
66
|
+
"autoprefixer": "^10.4.20",
|
|
67
|
+
"eslint": "^9.17.0",
|
|
68
|
+
"eslint-config-prettier": "^9.1.0",
|
|
69
|
+
"eslint-plugin-react": "^7.37.2",
|
|
70
|
+
"eslint-plugin-react-hooks": "^5.1.0",
|
|
71
|
+
"eslint-plugin-react-refresh": "^0.4.16",
|
|
72
|
+
"eslint-plugin-storybook": "^0.11.2",
|
|
73
|
+
"globals": "^15.13.0",
|
|
74
|
+
"postcss": "^8.4.49",
|
|
75
|
+
"prettier": "^3.4.2",
|
|
76
|
+
"rollup": "^4.32.1",
|
|
77
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
78
|
+
"storybook": "^8.4.7",
|
|
79
|
+
"tailwindcss": "^3.4.17",
|
|
80
|
+
"typescript": "~5.6.2",
|
|
81
|
+
"typescript-eslint": "^8.18.1",
|
|
82
|
+
"vite": "^6.0.3"
|
|
83
|
+
},
|
|
84
|
+
"license": "MIT"
|
|
85
|
+
}
|