@platformatic/ui-components 0.1.50 → 0.1.52
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/api-icon-closed.svg +6 -0
- package/dist/api-icon.svg +9 -0
- package/dist/assets/Montserrat-Regular.dcfe8df2.ttf +0 -0
- package/dist/assets/index.691ca940.css +1 -0
- package/dist/assets/index.ff0dadfc.js +797 -0
- package/dist/index.html +14 -0
- package/dist/main.css +10 -0
- package/dist/vite.svg +1 -0
- package/package.json +3 -2
- package/src/components/DropDown.jsx +3 -4
- package/src/components/DropDown.module.css +0 -2
- package/src/components/Modal.jsx +1 -1
- package/src/components/Sidebar.jsx +3 -5
- package/src/components/Sidebar.module.css +8 -4
- package/src/components/forms/Preview.jsx +1 -1
- package/src/components/icons/AddIcon.jsx +78 -0
- package/src/components/icons/AlertIcon.jsx +81 -0
- package/src/components/icons/AllInOneIcon.jsx +111 -0
- package/src/components/icons/ApiCloudIcon.jsx +93 -0
- package/src/components/icons/ApiIcon.jsx +83 -28
- package/src/components/icons/AppIcon.jsx +84 -37
- package/src/components/icons/ArrowDownFullIcon.jsx +76 -0
- package/src/components/icons/ArrowDownIcon.jsx +75 -0
- package/src/components/icons/ArrowLeftIcon.jsx +75 -0
- package/src/components/icons/ArrowRightIcon.jsx +75 -0
- package/src/components/icons/ArrowUpIcon.jsx +75 -0
- package/src/components/icons/Calendar1DayIcon.jsx +90 -0
- package/src/components/icons/Calendar7DaysIcon.jsx +88 -0
- package/src/components/icons/CalendarIcon.jsx +75 -29
- package/src/components/icons/CircleAddIcon.jsx +58 -17
- package/src/components/icons/CloseIcon.jsx +73 -25
- package/src/components/icons/CopyPasteIcon.jsx +81 -0
- package/src/components/icons/DatabaseIcon.jsx +81 -0
- package/src/components/icons/EditIcon.jsx +63 -20
- package/src/components/icons/GearIcon.jsx +67 -29
- package/src/components/icons/Icons.module.css +17 -0
- package/src/components/icons/Users2Icon.jsx +84 -0
- package/src/components/icons/WorkspaceDynamicIcon.jsx +87 -0
- package/src/components/icons/WorkspaceReadyIcon.jsx +144 -0
- package/src/components/icons/WorkspaceStaticIcon.jsx +84 -0
- package/src/components/icons/index.js +35 -15
- package/src/stories/PlatformaticIcon.stories.jsx +7 -1
- package/src/stories/Sidebar.stories.jsx +2 -2
- package/src/stories/forms/Input.stories.jsx +1 -1
- package/src/stories/forms/Preview.stories.jsx +1 -1
- package/src/stories/icons/Icons.stories.jsx +4 -10
- package/src/styles/main.css +8 -1
- package/src/components/icons/Calendar1Icon.jsx +0 -54
- package/src/components/icons/Calendar7Icon.jsx +0 -55
- package/src/components/icons/CopyIcon.jsx +0 -75
- package/src/components/icons/CreatedWorkspaceIcon.jsx +0 -70
- package/src/components/icons/DynamicWorkspaceIcon.jsx +0 -125
- package/src/components/icons/StaticWorkspaceIcon.jsx +0 -119
- package/src/components/icons/TriangleExclamationIcon.jsx +0 -26
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg width="38" height="42" viewBox="0 0 38 42" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.12022 22.3583C4.18631 22.3583 1 19.1696 1 15.2381C1 11.3065 4.18631 8.11784 8.11784 8.12022C8.11784 4.18631 11.3065 1 15.2381 1C18.1449 1 20.6433 2.74124 21.7492 5.23965C21.9498 5.22054 22.1529 5.21099 22.3583 5.21099C25.6377 5.21099 28.3965 7.42994 29.2229 10.4467C29.7627 10.289 30.3336 10.203 30.9236 10.203C34.2795 10.203 37 12.926 37 16.2818C37 19.6377 34.2795 22.3583 30.9236 22.3583" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M13 11.5V18.5M13 31V28M13 25V21.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M25 13V19M25 34.5V31M25 28V22" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M19 15.4L19 22.5M19 40.5L19 36.5M19 25.5L19 33.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg width="38" height="56" viewBox="0 0 38 56" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path d="M8.12022 22.3583C4.18631 22.3583 1 19.1696 1 15.2381C1 11.3065 4.18631 8.11784 8.11784 8.12022C8.11784 4.18631 11.3065 1 15.2381 1C18.1449 1 20.6433 2.74124 21.7492 5.23965C21.9498 5.22054 22.1529 5.21099 22.3583 5.21099C25.6377 5.21099 28.3965 7.42994 29.2229 10.4467C29.7627 10.289 30.3336 10.203 30.9236 10.203C34.2795 10.203 37 12.926 37 16.2818C37 19.6377 34.2795 22.3583 30.9236 22.3583" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
3
|
+
<path d="M13 11.5V31H11.5" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
4
|
+
<path d="M25 13V31H28" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
5
|
+
<path d="M19 15.4L19 51.2L30.4 51.2" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
|
6
|
+
<circle cx="7" cy="31" r="3" stroke="white" stroke-width="2"/>
|
|
7
|
+
<circle cx="31" cy="31" r="3" stroke="white" stroke-width="2"/>
|
|
8
|
+
<circle cx="34" cy="51.2" r="3" stroke="white" stroke-width="2"/>
|
|
9
|
+
</svg>
|
|
Binary file
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._input_1k1s3_1{box-sizing:border-box;display:flex;height:2.5rem;width:100%;justify-content:space-between;border-radius:.375rem;border-width:1px;border-style:solid;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._onFocus_1k1s3_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._onBlur_1k1s3_7{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity))}._fillGreen_1k1s3_10{fill:#21fa90}._fillWhite_1k1s3_13{fill:#fff}._input_1k1s3_1>input:focus{outline:2px solid transparent;outline-offset:2px}._title_1k1s3_19{padding-bottom:1rem;font-size:1.875rem;line-height:2.25rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._bordered_x0n9t_1{box-sizing:border-box;border-radius:.375rem;border-width:1px;border-style:solid}._bordered--main-green_x0n9t_4{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}._bordered--main-dark-blue_x0n9t_7{--tw-border-opacity: 1;border-color:rgb(0 40 61 / var(--tw-border-opacity))}._bordered--error-red_x0n9t_10{--tw-border-opacity: 1;border-color:rgb(250 33 33 / var(--tw-border-opacity))}._error-message_x0n9t_14{position:absolute;bottom:-1.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}._padded_x0n9t_18{padding:.625rem .5rem}._text--green_x0n9t_22{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}._text--main-dark-blue_x0n9t_25{--tw-text-opacity: 1;color:rgb(0 40 61 / var(--tw-text-opacity))}._tabbed-container_16gar_1{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity))}._tabs-header_16gar_5{margin-bottom:1rem;display:flex;height:2rem;justify-content:flex-start;text-transform:uppercase;letter-spacing:.25em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._tabs-header_16gar_5:hover{cursor:pointer}._tab_16gar_1{margin-left:2rem;margin-right:2rem;min-width:105px;text-align:center;font-size:.875rem;line-height:1.25rem}._tab_16gar_1:first-child{margin-left:0}._tab_16gar_1:last-child{margin-right:0}._selected-tab_16gar_11{font-weight:700;--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:8px}._tabs-content_16gar_15{height:100vh}._borderedBox_zj4p6_1{flex:1 1 0%;row-gap:1rem;border-radius:.375rem;padding:1.25rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}._background-color-dark-blue_zj4p6_4{--tw-bg-opacity: 1 !important;background-color:rgb(0 52 79 / var(--tw-bg-opacity))!important}._background-color-transparent_zj4p6_7{background-color:transparent}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Montserrat}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}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,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[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,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*,:before,:after{--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-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: rgb(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: }::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-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: rgb(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: }.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1440px){.container{max-width:1440px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.m-3{margin:.75rem}.mx-auto{margin-left:auto;margin-right:auto}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.mr-3{margin-right:.75rem}.mr-2{margin-right:.5rem}.ml-4{margin-left:1rem}.mt-4{margin-top:1rem}.flex{display:flex}.h-screen{height:100vh}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.gap-10{gap:2.5rem}.gap-y-6{row-gap:1.5rem}.border{border-width:1px}.border-error-red{--tw-border-opacity: 1;border-color:rgb(250 33 33 / var(--tw-border-opacity))}.border-main-green{--tw-border-opacity: 1;border-color:rgb(33 250 144 / var(--tw-border-opacity))}.px-5{padding-left:1.25rem;padding-right:1.25rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-main-green{--tw-text-opacity: 1;color:rgb(33 250 144 / var(--tw-text-opacity))}.text-error-red{--tw-text-opacity: 1;color:rgb(250 33 33 / var(--tw-text-opacity))}.text-dark-green{--tw-text-opacity: 1;color:rgb(2 120 63 / var(--tw-text-opacity))}.underline{text-decoration-line:underline}.blur{--tw-blur: blur(8px);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)}@font-face{font-family:Montserrat;src:url(/assets/Montserrat-Regular.dcfe8df2.ttf) format("truetype");font-weight:400;font-style:normal}:root{--tw-bg-opacity: 1;background-color:rgb(0 40 61 / var(--tw-bg-opacity));font-family:Montserrat}a{--tw-text-opacity: 1;color:rgb(37 136 228 / var(--tw-text-opacity))}input{background-color:transparent}.hover\:cursor-pointer:hover{cursor:pointer}
|