@cnc-ti/layout-basic 8.3.28 → 8.4.0

package/dist/index.css

@@ -351,6 +351,13 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-border-opacity: 1;
   border-color: rgb(1 48 164 / var(--tw-border-opacity, 1));
 }
+input[type=date]::-webkit-datetime-edit {
+  flex: 1;
+}
+input[type=date]::-webkit-calendar-picker-indicator {
+  margin-left: auto;
+  cursor: pointer;
+}
 .cnc-header[data-header-type=primary] #cnc-border-lateral.cnc-header-item {
   border-color: rgb(210 210 210 / 0.2);
 }
@@ -425,6 +432,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   white-space: nowrap;
   border-width: 0;
 }
+.cnc-pointer-events-none {
+  pointer-events: none;
+}
 .cnc-fixed {
   position: fixed;
 }
@@ -443,6 +453,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-left-\[50\%\] {
   left: 50%;
 }
+.cnc-right-0 {
+  right: 0px;
+}
+.cnc-right-2 {
+  right: 0.5rem;
+}
 .cnc-right-4 {
   right: 1rem;
 }
@@ -452,9 +468,15 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-top-\[50\%\] {
   top: 50%;
 }
+.cnc-top-full {
+  top: 100%;
+}
 .cnc-z-50 {
   z-index: 50;
 }
+.cnc-z-\[51\] {
+  z-index: 51;
+}
 .-cnc-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -485,12 +507,21 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-mb-16 {
   margin-bottom: 4rem;
 }
+.cnc-mb-2 {
+  margin-bottom: 0.5rem;
+}
+.cnc-mb-3 {
+  margin-bottom: 0.75rem;
+}
 .cnc-mb-4 {
   margin-bottom: 1rem;
 }
 .cnc-mb-5 {
   margin-bottom: 1.25rem;
 }
+.cnc-mb-6 {
+  margin-bottom: 1.5rem;
+}
 .cnc-ml-2 {
   margin-left: 0.5rem;
 }
@@ -506,15 +537,24 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-mr-2 {
   margin-right: 0.5rem;
 }
+.cnc-mt-1 {
+  margin-top: 0.25rem;
+}
 .cnc-mt-10 {
   margin-top: 2.5rem;
 }
 .cnc-mt-2 {
   margin-top: 0.5rem;
 }
+.cnc-mt-3 {
+  margin-top: 0.75rem;
+}
 .cnc-mt-4 {
   margin-top: 1rem;
 }
+.cnc-mt-\[9px\] {
+  margin-top: 9px;
+}
 .cnc-block {
   display: block;
 }
@@ -540,6 +580,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-h-14 {
   height: 3.5rem;
 }
+.cnc-h-3 {
+  height: 0.75rem;
+}
 .cnc-h-3\.5 {
   height: 0.875rem;
 }
@@ -561,6 +604,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-h-\[28px\] {
   height: 28px;
 }
+.cnc-h-\[38px\] {
+  height: 38px;
+}
 .cnc-h-\[60px\] {
   height: 60px;
 }
@@ -588,12 +634,24 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-max-h-\[70px\] {
   max-height: 70px;
 }
+.cnc-w-1\/2 {
+  width: 50%;
+}
 .cnc-w-10 {
   width: 2.5rem;
 }
+.cnc-w-11 {
+  width: 2.75rem;
+}
+.cnc-w-2\/3 {
+  width: 66.666667%;
+}
 .cnc-w-3\.5 {
   width: 0.875rem;
 }
+.cnc-w-3\/4 {
+  width: 75%;
+}
 .cnc-w-4 {
   width: 1rem;
 }
@@ -606,12 +664,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-w-72 {
   width: 18rem;
 }
+.cnc-w-8 {
+  width: 2rem;
+}
 .cnc-w-\[--radix-popover-trigger-width\] {
   width: var(--radix-popover-trigger-width);
 }
 .cnc-w-\[159px\] {
   width: 159px;
 }
+.cnc-w-\[38px\] {
+  width: 38px;
+}
 .cnc-w-full {
   width: 100%;
 }
@@ -642,6 +706,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-origin-\[--radix-popover-content-transform-origin\] {
   transform-origin: var(--radix-popover-content-transform-origin);
 }
+.cnc-translate-x-0 {
+  --tw-translate-x: 0px;
+  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));
+}
+.cnc-translate-x-3 {
+  --tw-translate-x: 0.75rem;
+  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));
+}
+.cnc-translate-x-5 {
+  --tw-translate-x: 1.25rem;
+  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));
+}
 .cnc-translate-x-\[-50\%\] {
   --tw-translate-x: -50%;
   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));
@@ -650,6 +726,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-translate-y: -50%;
   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));
 }
+.cnc-rotate-45 {
+  --tw-rotate: 45deg;
+  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));
+}
 .cnc-cursor-default {
   cursor: default;
 }
@@ -664,6 +744,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   -moz-user-select: none;
   user-select: none;
 }
+.cnc-grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
 .cnc-flex-row {
   flex-direction: row;
 }
@@ -673,6 +756,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-flex-col-reverse {
   flex-direction: column-reverse;
 }
+.cnc-flex-wrap {
+  flex-wrap: wrap;
+}
+.cnc-items-end {
+  align-items: flex-end;
+}
 .cnc-items-center {
   align-items: center;
 }
@@ -685,6 +774,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-justify-between {
   justify-content: space-between;
 }
+.cnc-gap-1 {
+  gap: 0.25rem;
+}
+.cnc-gap-1\.5 {
+  gap: 0.375rem;
+}
 .cnc-gap-2 {
   gap: 0.5rem;
 }
@@ -724,6 +819,12 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-whitespace-nowrap {
   white-space: nowrap;
 }
+.cnc-rounded {
+  border-radius: 0.25rem;
+}
+.cnc-rounded-2xl {
+  border-radius: 1rem;
+}
 .cnc-rounded-full {
   border-radius: 9999px;
 }
@@ -736,6 +837,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-rounded-sm {
   border-radius: 0.125rem;
 }
+.cnc-rounded-xl {
+  border-radius: 0.75rem;
+}
 .cnc-rounded-tl-sm {
   border-top-left-radius: 0.125rem;
 }
@@ -780,6 +884,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-border-opacity: 1;
   border-color: rgb(229 237 255 / var(--tw-border-opacity, 1));
 }
+.cnc-border-brand-gray-100 {
+  --tw-border-opacity: 1;
+  border-color: rgb(210 210 210 / var(--tw-border-opacity, 1));
+}
 .cnc-border-brand-gray-50 {
   --tw-border-opacity: 1;
   border-color: rgb(226 232 240 / var(--tw-border-opacity, 1));
@@ -799,6 +907,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-border-input {
   border-color: hsl(var(--input));
 }
+.cnc-border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgb(239 68 68 / var(--tw-border-opacity, 1));
+}
 .cnc-bg-\[\#00000005\] {
   background-color: #00000005;
 }
@@ -832,6 +944,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-bg-opacity: 1;
   background-color: rgb(245 245 245 / var(--tw-bg-opacity, 1));
 }
+.cnc-bg-brand-gray-100 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(210 210 210 / var(--tw-bg-opacity, 1));
+}
 .cnc-bg-brand-gray-20 {
   --tw-bg-opacity: 1;
   background-color: rgb(227 227 227 / var(--tw-bg-opacity, 1));
@@ -886,6 +1002,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-p-1 {
   padding: 0.25rem;
 }
+.cnc-p-3 {
+  padding: 0.75rem;
+}
 .cnc-p-4 {
   padding: 1rem;
 }
@@ -931,6 +1050,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.cnc-py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .cnc-py-2 {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -967,6 +1090,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-pr-8 {
   padding-right: 2rem;
 }
+.cnc-pt-2 {
+  padding-top: 0.5rem;
+}
 .cnc-pt-4 {
   padding-top: 1rem;
 }
@@ -986,6 +1112,15 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   font-size: 1.5rem;
   line-height: 2rem;
 }
+.cnc-text-\[11px\] {
+  font-size: 11px;
+}
+.cnc-text-\[18px\] {
+  font-size: 18px;
+}
+.cnc-text-\[22px\] {
+  font-size: 22px;
+}
 .cnc-text-\[24px\] {
   font-size: 24px;
 }
@@ -1026,6 +1161,9 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-leading-none {
   line-height: 1;
 }
+.cnc-leading-tight {
+  line-height: 1.25;
+}
 .cnc-tracking-tight {
   letter-spacing: -0.025em;
 }
@@ -1078,6 +1216,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
 .cnc-text-popover-foreground {
   color: hsl(var(--popover-foreground));
 }
+.cnc-text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
+}
 .cnc-text-white {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
@@ -1105,6 +1247,14 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.cnc-shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.12\)\] {
+  --tw-shadow: 0 8px 30px rgb(0,0,0,0.12);
+  --tw-shadow-colored: 0 8px 30px var(--tw-shadow-color);
+  box-shadow:
+    var(--tw-ring-offset-shadow, 0 0 #0000),
+    var(--tw-ring-shadow, 0 0 #0000),
+    var(--tw-shadow);
+}
 .cnc-shadow-lg {
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1133,6 +1283,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.cnc-ring-\[3px\] {
+  --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);
+  box-shadow:
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow, 0 0 #0000);
+}
+.cnc-ring-brand-blue-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgb(247 250 255 / var(--tw-ring-opacity, 1));
+}
 .cnc-transition {
   transition-property:
     color,
@@ -1246,6 +1408,18 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
     height: 0;
   }
 }
+.cnc-filter-field {
+  width: var(--cnc-filter-field-w, 25%);
+}
+@media (max-width: 768px) {
+  .cnc-filter-field {
+    width: 100%;
+  }
+  .cnc-filter-actions {
+    width: 100%;
+    justify-content: flex-end;
+  }
+}
 .file\:cnc-border-0::file-selector-button {
   border-width: 0px;
 }
@@ -1300,6 +1474,10 @@ div[data-is-open=false].cnc-sidebar-container .cnc-sidebar-child-hidden {
   --tw-text-opacity: 1;
   color: rgb(37 99 235 / var(--tw-text-opacity, 1));
 }
+.hover\:cnc-text-brand-blue-600:hover {
+  --tw-text-opacity: 1;
+  color: rgb(31 44 77 / var(--tw-text-opacity, 1));
+}
 .hover\:cnc-text-white:hover {
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));