@public-ui/sample-react 4.0.0-alpha.0 → 4.0.0-alpha.2

package/dist/main.css

@@ -1,4 +0,0 @@
-*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}.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;}.static{position:static;}.grid{display:grid;}.col-span-2{grid-column:span 2/span 2;}.col-span-3{grid-column:span 3/span 3;}.col-span-6{grid-column:span 6/span 6;}.grid-cols-\[4fr_4fr_1fr\]{grid-template-columns:4fr 4fr 1fr;}.grid-cols-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr;}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}.me{margin-inline-end:calc(16rem / var(--kolibri-root-font-size, 16));}.inline{display:inline;}.block{display:block;}.inline-block{display:inline-block;}.hidden{display:none;}.ha{height:auto;}.max-w-2xl{max-width:42rem;}.w-75px{width:75px;}.w-80\%{width:80%;}.w-fit{width:fit-content;}.w-full{width:100%;}.flex{display:flex;}.shrink-0{flex-shrink:0;}.flex-row{flex-direction:row;}.flex-col{flex-direction:column;}.flex-wrap{flex-wrap:wrap;}.table{display:table;}.transform{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}.items-end{align-items:flex-end;}.flex-items-center,.items-center{align-items:center;}.items-stretch{align-items:stretch;}.flex-justify-between,.justify-between{justify-content:space-between;}.justify-items-center{justify-items:center;}.border{border-width:1px;}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity));}.px{padding-left:calc(16rem / var(--kolibri-root-font-size, 16));padding-right:calc(16rem / var(--kolibri-root-font-size, 16));}.text-center{text-align:center;}.text-base{font-size:calc(16rem / var(--kolibri-root-font-size, 16));line-height:1.5;}.text-sm{font-size:calc(14rem / var(--kolibri-root-font-size, 16));line-height:1.25;}.color-gray-5{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity));}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}.tab-0{-moz-tab-size:0;-o-tab-size:0;tab-size:0;}.tab-1{-moz-tab-size:1;-o-tab-size:1;tab-size:1;}.tab-2{-moz-tab-size:2;-o-tab-size:2;tab-size:2;}.tab-3{-moz-tab-size:3;-o-tab-size:3;tab-size:3;}.p-2{padding:calc(8rem / var(--kolibri-root-font-size, 16));}.p-4{padding:calc(16rem / var(--kolibri-root-font-size, 16));}.py-2{padding-top:calc(8rem / var(--kolibri-root-font-size, 16));padding-bottom:calc(8rem / var(--kolibri-root-font-size, 16));}.m-4{margin:calc(16rem / var(--kolibri-root-font-size, 16));}.my-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16));}.my-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16));margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16));}.mt,.mt-4{margin-top:calc(16rem / var(--kolibri-root-font-size, 16));}.ml{margin-left:calc(16rem / var(--kolibri-root-font-size, 16));}.mr{margin-right:calc(16rem / var(--kolibri-root-font-size, 16));}.mt-0{margin-top:calc(0rem / var(--kolibri-root-font-size, 16));}.m-t-2,.mt-2{margin-top:calc(8rem / var(--kolibri-root-font-size, 16));}.mt-6{margin-top:calc(24rem / var(--kolibri-root-font-size, 16));}.mb-3{margin-bottom:calc(12rem / var(--kolibri-root-font-size, 16));}.mb-8{margin-bottom:calc(32rem / var(--kolibri-root-font-size, 16));}.mb-sm{margin-bottom:calc(14rem / var(--kolibri-root-font-size, 16));}.gap-14{gap:calc(56rem / var(--kolibri-root-font-size, 16));}.gap-2{gap:calc(8rem / var(--kolibri-root-font-size, 16));}.gap-4{gap:calc(16rem / var(--kolibri-root-font-size, 16));}.gap-8{gap:calc(32rem / var(--kolibri-root-font-size, 16));}.w-8rem{width:calc(128rem / var(--kolibri-root-font-size, 16));}.w-sm{width:calc(384rem / var(--kolibri-root-font-size, 16));}@media (min-width: 640px){.sm\:col-span-6{grid-column:span 6/span 6;}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2/span 2;}.md\:col-span-3{grid-column:span 3/span 3;}.md\:col-span-4{grid-column:span 4/span 4;}.md\:col-span-6{grid-column:span 6/span 6;}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2/span 2;}.xl\:col-span-3{grid-column:span 3/span 3;}.xl\:col-span-5{grid-column:span 5/span 5;}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}}
-:root{--kolibri-root-font-size: 100;font-size:625%}body{margin:0;font-family:Verdana;font-size:calc(16rem/var(--kolibri-root-font-size, 16));line-height:normal}dl,hr{margin:0}.grid-cols-2{grid-template-columns:auto auto}.indented-text p{font-family:var(--font-family);border-left:calc(-2rem/var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);padding:0 calc(8rem/var(--kolibri-root-font-size, 16));margin-left:calc(-2rem/var(--kolibri-root-font-size, 16))}.black-background{background-color:#000;display:flex;flex-direction:column;padding:calc(8rem/var(--kolibri-root-font-size, 16))}@media(min-width: 1024px){.app-container{display:grid;grid-template-columns:calc(360rem/var(--kolibri-root-font-size, 16)) calc(100% - 360rem/var(--kolibri-root-font-size, 16));min-height:100vh;height:100%}.app-sidebar{border-right:calc(1rem/var(--kolibri-root-font-size, 16)) solid gray;position:relative}.app-sidebar .scrollable-container-wrapper{position:fixed;top:0;bottom:0;left:0;width:calc(330rem/var(--kolibri-root-font-size, 16));margin:calc(16rem/var(--kolibri-root-font-size, 16));flex-direction:column;display:flex}.app-sidebar .scrollable-container-wrapper .scrollable-container{flex:1 auto;overflow:auto}}@media print{.no-print,.no-print *{display:none !important}}
-.loader{width:48px;height:48px;border:5px solid #333;border-radius:50%;display:inline-block;box-sizing:border-box;position:relative;animation:pulse 1s linear infinite}.loader:after{content:"";position:absolute;width:48px;height:48px;border:5px solid red;border-radius:50%;display:inline-block;box-sizing:border-box;left:50%;top:50%;transform:translate(-50%, -50%);animation:scaleUp 1s linear infinite}@keyframes scaleUp{0%{transform:translate(-50%, -50%) scale(0)}60%,100%{transform:translate(-50%, -50%) scale(1)}}@keyframes pulse{0%,60%,100%{transform:scale(1)}80%{transform:scale(1.2)}}@media(prefers-reduced-motion){.loader,.loader:after{animation-duration:2s}}
-.mainlayout{min-height:calc(100vh - 32rem/var(--kolibri-root-font-size, 16));width:100%;display:grid;column-gap:calc(16rem/var(--kolibri-root-font-size, 16));grid-template-columns:calc(400rem/var(--kolibri-root-font-size, 16)) calc(100% - 460rem/var(--kolibri-root-font-size, 16));grid-template-rows:1fr;grid-template-areas:"nav content"}.mainlayout>.nav-area{grid-area:nav}.mainlayout>.content{grid-area:content}