@vtable-guild/vtable-guild 2.9.0-alpha.0 → 2.9.0-alpha.1

package/dist/css/tailwind3-utilities.css

@@ -639,6 +639,9 @@
 .vtg-rounded-\[var\(--vtg-btn-border-radius-sm\,4px\)\] {
     border-radius: var(--vtg-btn-border-radius-sm,4px)
 }
+.vtg-rounded-\[var\(--vtg-cell-tag-radius\)\] {
+    border-radius: var(--vtg-cell-tag-radius)
+}
 .vtg-rounded-\[var\(--vtg-checkbox-border-radius\)\] {
     border-radius: var(--vtg-checkbox-border-radius)
 }
@@ -754,6 +757,9 @@
 .vtg-border-\[color\:var\(--vtg-border-color-lighter\,var\(--color-default\)\)\] {
     border-color: var(--vtg-border-color-lighter,var(--color-default))
 }
+.vtg-border-\[color\:var\(--vtg-cell-tag-border\)\] {
+    border-color: var(--vtg-cell-tag-border)
+}
 .vtg-border-\[color\:var\(--vtg-checkbox-check-color\,\#fff\)\] {
     border-color: var(--vtg-checkbox-check-color,#fff)
 }
@@ -799,6 +805,9 @@
 .vtg-bg-\[color\:var\(--color-surface-hover\)\] {
     background-color: var(--color-surface-hover)
 }
+.vtg-bg-\[color\:var\(--vtg-cell-tag-bg\)\] {
+    background-color: var(--vtg-cell-tag-bg)
+}
 .vtg-bg-\[color\:var\(--vtg-checkbox-indeterminate-color\,\#fff\)\] {
     background-color: var(--vtg-checkbox-indeterminate-color,#fff)
 }
@@ -957,6 +966,10 @@
     padding-left: var(--vtg-btn-padding-sm);
     padding-right: var(--vtg-btn-padding-sm)
 }
+.vtg-px-\[var\(--vtg-cell-tag-padding-inline\)\] {
+    padding-left: var(--vtg-cell-tag-padding-inline);
+    padding-right: var(--vtg-cell-tag-padding-inline)
+}
 .vtg-px-\[var\(--vtg-input-padding-inline\)\] {
     padding-left: var(--vtg-input-padding-inline);
     padding-right: var(--vtg-input-padding-inline)
@@ -1093,6 +1106,9 @@
 .vtg-text-\[length\:42px\] {
     font-size: 42px
 }
+.vtg-text-\[length\:var\(--vtg-cell-tag-font-size\)\] {
+    font-size: var(--vtg-cell-tag-font-size)
+}
 .vtg-text-\[length\:var\(--vtg-column-settings-icon-size\)\] {
     font-size: var(--vtg-column-settings-icon-size)
 }
@@ -1176,6 +1192,9 @@
 .vtg-leading-\[60px\] {
     line-height: 60px
 }
+.vtg-leading-\[var\(--vtg-cell-tag-line-height\)\] {
+    line-height: var(--vtg-cell-tag-line-height)
+}
 .vtg-leading-\[var\(--vtg-table-line-height\)\] {
     line-height: var(--vtg-table-line-height)
 }
@@ -1185,6 +1204,9 @@
 .vtg-tracking-wide {
     letter-spacing: 0.025em
 }
+.vtg-text-\[color\:var\(--color-error\)\] {
+    color: var(--color-error)
+}
 .vtg-text-\[color\:var\(--color-filter-icon\)\] {
     color: var(--color-filter-icon)
 }
@@ -2166,6 +2188,22 @@
 .\[\&\>div\]\:vtg-min-w-0>div {
     min-width: 0px
 }
+@keyframes vtg-spin {
+    to {
+        transform: rotate(360deg)
+    }
+}
+.\[\&\>span\]\:vtg-animate-spin>span {
+    animation: vtg-spin 1s linear infinite
+}
+.\[\&\>span\]\:vtg-text-\[length\:12px\]>span {
+    font-size: 12px
+}
+@media (prefers-reduced-motion: reduce) {
+    .motion-reduce\:\[\&\>span\]\:vtg-animate-none>span {
+        animation: none
+    }
+}
 .\[\&\>svg\]\:vtg-mx-auto>svg {
     margin-left: auto;
     margin-right: auto
@@ -2192,18 +2230,30 @@
     --tw-shadow-colored: inset 0 2px 0 0 var(--tw-shadow-color);
     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow, 0 0 #0000)
 }
+.\[\&\[data-status\=error\]\]\:vtg-text-\[color\:var\(--vtg-cell-error\)\][data-status=error] {
+    color: var(--vtg-cell-error)
+}
 .\[\&\[data-status\=error\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-error\)\][data-status=error]::before {
     content: var(--tw-content, '');
     background-color: var(--vtg-cell-error)
 }
+.\[\&\[data-status\=processing\]\]\:vtg-text-\[color\:var\(--color-primary\)\][data-status=processing] {
+    color: var(--color-primary)
+}
 .\[\&\[data-status\=processing\]\]\:before\:vtg-bg-\[color\:var\(--color-primary\)\][data-status=processing]::before {
     content: var(--tw-content, '');
     background-color: var(--color-primary)
 }
+.\[\&\[data-status\=success\]\]\:vtg-text-\[color\:var\(--vtg-cell-success\)\][data-status=success] {
+    color: var(--vtg-cell-success)
+}
 .\[\&\[data-status\=success\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-success\)\][data-status=success]::before {
     content: var(--tw-content, '');
     background-color: var(--vtg-cell-success)
 }
+.\[\&\[data-status\=warning\]\]\:vtg-text-\[color\:var\(--vtg-cell-warning\)\][data-status=warning] {
+    color: var(--vtg-cell-warning)
+}
 .\[\&\[data-status\=warning\]\]\:before\:vtg-bg-\[color\:var\(--vtg-cell-warning\)\][data-status=warning]::before {
     content: var(--tw-content, '');
     background-color: var(--vtg-cell-warning)

package/dist/css/tailwind3.css

@@ -24,6 +24,12 @@
   --vtg-cell-success: #52c41a;
   --vtg-cell-warning: #faad14;
   --vtg-cell-error: #ff4d4f;
+  --vtg-cell-tag-radius: 4px;
+  --vtg-cell-tag-padding-inline: 7px;
+  --vtg-cell-tag-font-size: 12px;
+  --vtg-cell-tag-line-height: 20px;
+  --vtg-cell-tag-bg: color-mix(in srgb, currentcolor 8%, var(--vtg-table-bg));
+  --vtg-cell-tag-border: color-mix(in srgb, currentcolor 30%, transparent);
   --vtg-column-settings-radius: 8px;
   --vtg-column-settings-icon-size: 16px;
   --vtg-column-settings-z: 1050;
@@ -269,6 +275,12 @@
   --vtg-cell-success: #67c23a;
   --vtg-cell-warning: #e6a23c;
   --vtg-cell-error: #f56c6c;
+  --vtg-cell-tag-radius: 4px;
+  --vtg-cell-tag-padding-inline: 9px;
+  --vtg-cell-tag-font-size: 12px;
+  --vtg-cell-tag-line-height: 22px;
+  --vtg-cell-tag-bg: color-mix(in srgb, currentcolor 10%, var(--vtg-table-bg));
+  --vtg-cell-tag-border: color-mix(in srgb, currentcolor 30%, transparent);
   --vtg-column-settings-radius: 4px;
   --vtg-column-settings-icon-size: 16px;
   --vtg-column-settings-z: 2000;

package/dist/css/tailwind4.css

@@ -66,6 +66,12 @@
   --vtg-cell-success: #52c41a;
   --vtg-cell-warning: #faad14;
   --vtg-cell-error: #ff4d4f;
+  --vtg-cell-tag-radius: 4px;
+  --vtg-cell-tag-padding-inline: 7px;
+  --vtg-cell-tag-font-size: 12px;
+  --vtg-cell-tag-line-height: 20px;
+  --vtg-cell-tag-bg: color-mix(in srgb, currentcolor 8%, var(--vtg-table-bg));
+  --vtg-cell-tag-border: color-mix(in srgb, currentcolor 30%, transparent);
   --vtg-column-settings-radius: 8px;
   --vtg-column-settings-icon-size: 16px;
   --vtg-column-settings-z: 1050;
@@ -311,6 +317,12 @@
   --vtg-cell-success: #67c23a;
   --vtg-cell-warning: #e6a23c;
   --vtg-cell-error: #f56c6c;
+  --vtg-cell-tag-radius: 4px;
+  --vtg-cell-tag-padding-inline: 9px;
+  --vtg-cell-tag-font-size: 12px;
+  --vtg-cell-tag-line-height: 22px;
+  --vtg-cell-tag-bg: color-mix(in srgb, currentcolor 10%, var(--vtg-table-bg));
+  --vtg-cell-tag-border: color-mix(in srgb, currentcolor 30%, transparent);
   --vtg-column-settings-radius: 4px;
   --vtg-column-settings-icon-size: 16px;
   --vtg-column-settings-z: 2000;