@seeqdev/qomponents 0.0.28 → 0.0.30

package/dist/styles.css

@@ -1800,6 +1800,14 @@ ol,
     margin: 1.25rem;
 }
 
+.tw--mt-0 {
+    margin-top: -0px;
+}
+
+.tw--mt-0\.5 {
+    margin-top: -0.125rem;
+}
+
 .tw-ml-1 {
     margin-left: 0.25rem;
 }
@@ -1924,10 +1932,6 @@ ol,
     flex-direction: row;
 }
 
-.tw-items-center {
-    align-items: center;
-}
-
 .tw-gap-4 {
     gap: 1rem;
 }
@@ -2253,14 +2257,21 @@ ol,
     min-height: 22px !important;
 }
 
-[type='checkbox']:checked,
-[type='radio']:checked {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="white" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
+[type="checkbox"]:checked, [type="radio"]:checked {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='black' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+[type="checkbox"]:disabled, [type="radio"]:disabled {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23DDE1E3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
 .tw-dark [type='checkbox']:checked,
 .tw-dark [type='radio']:checked {
-    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="black" xmlns="http://www.w3.org/2000/svg"><path d="M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z"/></svg>');
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23C2BCB0' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
+}
+
+.tw-dark [type="checkbox"]:disabled, .tw-dark [type="radio"]:disabled {
+    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='%23606061' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
 }
 
 @keyframes fadeIn {
@@ -2383,9 +2394,14 @@ ol,
     content: var(--tw-content);
 }
 
-.checked\:tw-text-sq-text-color:checked {
+.checked\:tw-border-sq-text-color:checked {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-text-color));
+}
+
+.checked\:tw-text-white:checked {
     --tw-text-opacity: 1;
-    color: rgb(var(--sq-text-color));
+    color: rgb(255 255 255 / var(--tw-text-opacity));
 }
 
 .hover\:tw-cursor-pointer:hover {
@@ -2447,6 +2463,11 @@ ol,
     color: rgb(var(--sq-danger-color));
 }
 
+.checked\:hover\:tw-border-sq-color-dark:hover:checked {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
 .focus\:tw-border-l:focus {
     border-left-width: 1px;
 }
@@ -2486,6 +2507,11 @@ ol,
     --tw-ring-offset-width: 0px;
 }
 
+.checked\:focus\:tw-border-sq-color-dark:focus:checked {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
 .active\:tw-border-l:active {
     border-left-width: 1px;
 }
@@ -2509,6 +2535,11 @@ ol,
     color: rgb(var(--sq-color-dark));
 }
 
+.checked\:active\:tw-border-sq-color-dark:active:checked {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
 .disabled\:tw-pointer-events-none:disabled {
     pointer-events: none;
 }
@@ -2517,9 +2548,9 @@ ol,
     cursor: not-allowed;
 }
 
-.disabled\:tw-text-sq-fairly-dark-gray:disabled {
-    --tw-text-opacity: 1;
-    color: rgb(var(--sq-fairly-dark-gray));
+.disabled\:tw-border-sq-disabled-gray:disabled {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-disabled-gray));
 }
 
 .disabled\:tw-opacity-50:disabled {
@@ -2629,11 +2660,6 @@ ol,
     color: rgba(var(--sq-dark-text), 0.3);
 }
 
-.tw-dark .dark\:checked\:tw-bg-sq-dark-text:checked {
-    --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-text));
-}
-
 .tw-dark .dark\:hover\:tw-border-sq-color-dark-dark:hover {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-color-dark-dark));
@@ -2654,6 +2680,11 @@ ol,
     background-color: rgb(var(--sq-color-highlight));
 }
 
+.tw-dark .dark\:hover\:tw-bg-sq-dark-background:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgb(var(--sq-dark-background));
+}
+
 .tw-dark .dark\:hover\:tw-bg-sq-gray-highlight-dark:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-gray-highlight-dark));
@@ -2684,9 +2715,9 @@ ol,
     border-color: rgb(var(--sq-color-dark-dark));
 }
 
-.tw-dark .dark\:focus\:tw-bg-sq-dark-gray:focus {
+.tw-dark .dark\:focus\:tw-bg-sq-multi-gray-dark:focus {
     --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
+    background-color: rgb(var(--sq-multi-gray-dark));
 }
 
 .tw-dark .dark\:focus\:tw-text-sq-color-dark-dark:focus {
@@ -2704,12 +2735,17 @@ ol,
     border-color: rgb(var(--sq-color-dark-dark));
 }
 
-.tw-dark .dark\:active\:tw-bg-sq-dark-gray:active {
+.tw-dark .dark\:active\:tw-bg-sq-multi-gray-dark:active {
     --tw-bg-opacity: 1;
-    background-color: rgb(var(--sq-dark-gray));
+    background-color: rgb(var(--sq-multi-gray-dark));
 }
 
 .tw-dark .dark\:active\:tw-text-sq-color-dark-dark:active {
     --tw-text-opacity: 1;
     color: rgb(var(--sq-color-dark-dark));
 }
+
+.tw-dark .dark\:disabled\:tw-border-sq-fairly-dark-gray:disabled {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-fairly-dark-gray));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.28",
+  "version": "0.0.30",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.js",