@public-ui/sample-react 4.0.1-rc.2 → 4.0.1

package/src/components/table/render-cell.tsx

@@ -105,7 +105,7 @@ const HEADERS: KoliBriTableHeaders = {
 							}}
 						>
 							<KolInputText _label="Input" />
-							<KolButtonWrapper label="Save" icons={{ left: 'fa-solid fa-floppy-disk' }} />
+							<KolButtonWrapper label="Save" icons={{ left: 'kolicon-check' }} />
 						</div>,
 					);
 				},

package/src/components/tabs/align.tsx

@@ -7,7 +7,7 @@ import { SampleDescription } from '../SampleDescription';
 
 const tabs = [
 	{
-		_icons: 'fa-solid fa-chart-pie',
+		_icons: 'kolicon-check',
 		_label: 'First tab',
 		_on: {
 			onSelect: (event: Event) => {
@@ -16,16 +16,16 @@ const tabs = [
 		},
 	},
 	{
-		_icons: 'fa-solid fa-calendar',
+		_icons: 'kolicon-link-external',
 		_label: 'Second Tab',
 	},
 	{
 		_disabled: true,
-		_icons: 'fa-solid fa-briefcase',
+		_icons: 'kolicon-house',
 		_label: 'Disabled Tab',
 	},
 	{
-		_icons: 'fa-solid fa-address-card',
+		_icons: 'kolicon-eye',
 		_label: 'Last tab',
 	},
 ];

package/src/components/tabs/basic.tsx

@@ -6,7 +6,7 @@ import { SampleDescription } from '../SampleDescription';
 
 const tabs = [
 	{
-		_icons: 'fa-solid fa-chart-pie',
+		_icons: 'kolicon-check',
 		_label: 'First tab',
 		_on: {
 			onSelect: (event: Event) => {
@@ -15,16 +15,16 @@ const tabs = [
 		},
 	},
 	{
-		_icons: 'fa-solid fa-calendar',
+		_icons: 'kolicon-link-external',
 		_label: 'Second Tab',
 	},
 	{
 		_disabled: true,
-		_icons: 'fa-solid fa-briefcase',
+		_icons: 'kolicon-house',
 		_label: 'Disabled Tab',
 	},
 	{
-		_icons: 'fa-solid fa-address-card',
+		_icons: 'kolicon-eye',
 		_label: 'Last tab',
 	},
 ];

package/src/components/tabs/behavior.tsx

@@ -6,7 +6,7 @@ import { SampleDescription } from '../SampleDescription';
 
 const tabs = [
 	{
-		_icons: 'fa-solid fa-chart-pie',
+		_icons: 'kolicon-check',
 		_label: 'First tab',
 		_on: {
 			onSelect: (event: Event) => {
@@ -15,16 +15,16 @@ const tabs = [
 		},
 	},
 	{
-		_icons: 'fa-solid fa-calendar',
+		_icons: 'kolicon-link-external',
 		_label: 'Second Tab',
 	},
 	{
 		_disabled: true,
-		_icons: 'fa-solid fa-briefcase',
+		_icons: 'kolicon-house',
 		_label: 'Disabled Tab',
 	},
 	{
-		_icons: 'fa-solid fa-address-card',
+		_icons: 'kolicon-eye',
 		_label: 'Last tab',
 	},
 ];

package/src/components/tabs/icons-only.tsx

@@ -6,25 +6,26 @@ import { SampleDescription } from '../SampleDescription';
 
 const tabs = [
 	{
-		_icons: 'fa-solid fa-chart-pie',
-		_label: 'First Tab',
-		_hideLabel: true,
+		_icons: 'kolicon-check',
+		_label: 'First tab',
+		_on: {
+			onSelect: (event: Event) => {
+				console.log('First tab selected', event);
+			},
+		},
 	},
 	{
-		_icons: 'fa-solid fa-calendar',
+		_icons: 'kolicon-link-external',
 		_label: 'Second Tab',
-		_hideLabel: true,
 	},
 	{
 		_disabled: true,
-		_icons: 'fa-solid fa-briefcase',
+		_icons: 'kolicon-house',
 		_label: 'Disabled Tab',
-		_hideLabel: true,
 	},
 	{
-		_icons: 'fa-solid fa-address-card',
-		_label: 'Last Tab',
-		_hideLabel: true,
+		_icons: 'kolicon-eye',
+		_label: 'Last tab',
 	},
 ];
 export const TabsIconsOnly: FC = () => (

package/dist/assets/custom-class-B6h_ZSR7-Vdh4Tt1S.js

@@ -1,2 +0,0 @@
-import{q as t}from"./index-CUfhzPVQ.js";const o=(a,s)=>{t(a,"_customClass",s,{defaultValue:void 0})};export{o as v};
-//# sourceMappingURL=custom-class-B6h_ZSR7-Vdh4Tt1S.js.map

package/dist/assets/disabled-D0wfAqak-71kcmPxI.js

@@ -1,2 +0,0 @@
-import{n as o,C as s}from"./index-CUfhzPVQ.js";const d=(a,t)=>{o(a,"_disabled",t,{hooks:{afterPatch:e=>{e===!0&&s()}}})};export{d as v};
-//# sourceMappingURL=disabled-D0wfAqak-71kcmPxI.js.map

package/dist/assets/has-closer-OxGfsISj-CdN5YRa9.js

@@ -1,2 +0,0 @@
-import{n as s}from"./index-CUfhzPVQ.js";const r=(a,o)=>{s(a,"_hasCloser",o)};export{r as v};
-//# sourceMappingURL=has-closer-OxGfsISj-CdN5YRa9.js.map

package/dist/assets/hide-label-90DGA8H4--6e2pRRd.js

@@ -1,2 +0,0 @@
-import{n as t}from"./index-CUfhzPVQ.js";const l=(a,e,o={})=>{t(a,"_hideLabel",e,o)};export{l as v};
-//# sourceMappingURL=hide-label-90DGA8H4--6e2pRRd.js.map

package/dist/assets/href-BDekIhFd-BMHMMWBp.js

@@ -1,2 +0,0 @@
-import{q as e}from"./index-CUfhzPVQ.js";const f=(r,t,a={})=>{e(r,"_href",t,a)};export{f as v};
-//# sourceMappingURL=href-BDekIhFd-BMHMMWBp.js.map

package/dist/assets/i18n-CvQhdUrE-iixAplM4.js

@@ -1,2 +0,0 @@
-import{Y as e,Z as i,M as s}from"./index-CUfhzPVQ.js";let r=(t,n)=>{var a;return((a=e())!==null&&a!==void 0?a:i("de")).translate(t,n)};s()&&(r=t=>t);export{r as t};
-//# sourceMappingURL=i18n-CvQhdUrE-iixAplM4.js.map

package/dist/assets/image-source-udiqQ1zY-uujcUSGN.js

@@ -1,2 +0,0 @@
-import{q as o}from"./index-CUfhzPVQ.js";const e=(a,r,t)=>{o(a,"_src",r,t)};export{e as v};
-//# sourceMappingURL=image-source-udiqQ1zY-uujcUSGN.js.map

package/dist/assets/index-C00VY54b.css

@@ -1 +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-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 / .5)}::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-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 / .5)}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mx{margin-left:calc(16rem / var(--kolibri-root-font-size, 16));margin-right:calc(16rem / var(--kolibri-root-font-size, 16))}.mx-auto{margin-left:auto;margin-right:auto}.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}.h-\[1em\]{height:1em}.ha{height:auto}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-xl{max-width:36rem}.w-\[1em\]{width:1em}.w-\[400px\]{width:400px}.w-75px{width:75px}.w-fit{width:fit-content}.w-full{width:100%}.flex{display:flex}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.transform{transform:translate(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)) rotate(var(--un-rotate-z)) skew(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}.justify-center{justify-content:center}.flex-justify-between,.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.b,.border{border-width:1px}.border-b-1{border-bottom-width:1px}.border-dark-100{--un-border-opacity:1;border-color:rgb(60 60 60 / var(--un-border-opacity))}.border-gray{--un-border-opacity:1;border-color:rgb(156 163 175 / var(--un-border-opacity))}.rounded{border-radius:calc(4rem / var(--kolibri-root-font-size, 16))}.border-solid{border-style:solid}.border-b-solid{border-bottom-style:solid}.bg-blue-400{--un-bg-opacity:1;background-color:rgb(96 165 250 / var(--un-bg-opacity))}.bg-gray-200{--un-bg-opacity:1;background-color:rgb(229 231 235 / var(--un-bg-opacity))}.bg-white{--un-bg-opacity:1;background-color:rgb(255 255 255 / var(--un-bg-opacity))}.pb-sm{padding-bottom:calc(14rem / 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-lg{font-size:calc(18rem / var(--kolibri-root-font-size, 16));line-height:1.75}.text-sm{font-size:calc(14rem / var(--kolibri-root-font-size, 16));line-height:1.25}.text-red-600{--un-text-opacity:1;color:rgb(220 38 38 / var(--un-text-opacity))}.color-gray-5{--un-text-opacity:1;color:rgb(107 114 128 / var(--un-text-opacity))}.font-semibold{font-weight:600}.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}.opacity-80{opacity:.8}.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / .1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--un-ring-offset-shadow),var(--un-ring-shadow),var(--un-shadow)}.p-0{padding:calc(0rem / var(--kolibri-root-font-size, 16))}.p-2{padding:calc(8rem / var(--kolibri-root-font-size, 16))}.p-3{padding:calc(12rem / var(--kolibri-root-font-size, 16))}.p-4{padding:calc(16rem / var(--kolibri-root-font-size, 16))}.p-6{padding:calc(24rem / 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))}.pl-5{padding-left:calc(20rem / var(--kolibri-root-font-size, 16))}.m-0{margin:calc(0rem / 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))}.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-2{margin-bottom:calc(8rem / var(--kolibri-root-font-size, 16))}.mb-3{margin-bottom:calc(12rem / var(--kolibri-root-font-size, 16))}.mb-4{margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}.mb-8{margin-bottom:calc(32rem / 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-3{gap:calc(12rem / var(--kolibri-root-font-size, 16))}.gap-4{gap:calc(16rem / var(--kolibri-root-font-size, 16))}.gap-6{gap:calc(24rem / 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))}.sm\:flex{display:flex}}@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-\[auto_1fr_1fr\]{grid-template-columns:auto 1fr 1fr}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,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{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.black-background{background-color:#000;display:flex;padding:calc(8rem / var(--kolibri-root-font-size, 16));flex-direction:column}.w-image{width:500px}.drawer-content-vertical{width:calc(400rem / var(--kolibri-root-font-size, 16))}.list-none{margin:0;padding:0;list-style:none}.header-alert{margin-bottom:calc(16rem / var(--kolibri-root-font-size, 16))}@media(min-width:1024px){.app-container{display:grid;height:100vh;grid-template-columns:calc(360rem / var(--kolibri-root-font-size, 16)) calc(100% - 360rem / var(--kolibri-root-font-size, 16))}.app-sidebar{background-color:#fff;max-height:calc(100vh - 32px);border-right:1px solid gray}.app-sidebar .scrollable-container-wrapper{display:flex;max-height:calc(100vh - 32px);flex-direction:column}.app-sidebar .scrollable-container-wrapper .scrollable-container{overflow:auto;flex:1 auto}main{max-height:100vh;overflow:auto}}@media print{.no-print,.no-print *{display:none!important}}.expert-slot-required-label:after{content:" *"/""}.loading-overlay{background-color:#fafafa66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;position:absolute;inset:0;align-items:center;justify-content:center}.loader{border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;width:48px;height:48px;animation:pulse 1s linear infinite;border:5px solid #333}.loader:after{transform:translate(-50%,-50%);border-radius:50%;display:inline-block;position:absolute;top:50%;left:50%;box-sizing:border-box;width:48px;height:48px;content:"";animation:scaleUp 1s linear infinite;border:5px solid #f00}@keyframes scaleUp{0%{transform:translate(-50%,-50%) scale(0)}60%,to{transform:translate(-50%,-50%) scale(1)}}@keyframes pulse{0%,60%,to{transform:scale(1)}80%{transform:scale(1.2)}}@media(prefers-reduced-motion){.loader,.loader:after{animation-duration:2s}}.mainlayout{display:grid;width:100%;min-height:calc(100vh - 32rem / var(--kolibri-root-font-size, 16));column-gap:calc(16rem / var(--kolibri-root-font-size, 16));grid-template-areas:"nav content";grid-template-columns:calc(400rem / var(--kolibri-root-font-size, 16)) calc(100% - 460rem / var(--kolibri-root-font-size, 16));grid-template-rows:1fr}.mainlayout>.nav-area{grid-area:nav}.mainlayout>.content{grid-area:content}