@query-kit/themes 0.9.0 → 0.10.0

package/default/main.css

@@ -694,3 +694,101 @@
     display: none;
   }
 }
+
+/* Icon styles */
+:root {
+  --qkit-icon-size: 0.75rem;
+}
+.qkit-icon {
+  background: currentColor;
+  position: relative;
+  display: block;
+  width: var(--qkit-icon-size);
+  height: var(--qkit-icon-size);
+}
+.qkit-icon-minus {
+  clip-path: polygon(0% 35%, 100% 35%, 100% 65%, 0% 65%);
+}
+.qkit-icon-plus {
+  clip-path: polygon(
+    0% 35%,
+    35% 35%,
+    35% 0%,
+    65% 0%,
+    65% 35%,
+    100% 35%,
+    100% 65%,
+    65% 65%,
+    65% 100%,
+    35% 100%,
+    35% 65%,
+    0% 65%
+  );
+}
+.qkit-icon-cross {
+  clip-path: polygon(
+    20% 0%,
+    0% 20%,
+    30% 50%,
+    0% 80%,
+    20% 100%,
+    50% 70%,
+    80% 100%,
+    100% 80%,
+    70% 50%,
+    100% 20%,
+    80% 0%,
+    50% 30%
+  );
+}
+.qkit-icon-arrow-down {
+  clip-path: polygon(25% 15%, 50% 50%, 75% 15%, 100% 15%, 50% 85%, 0 15%);
+}
+.qkit-icon-double-arrow-right {
+  clip-path: polygon(45% 45%, 45% 0, 100% 50%, 45% 100%, 45% 55%, 0 100%, 0 0);
+}
+.qkit-icon-double-arrow-left {
+  clip-path: polygon(55% 0, 55% 45%, 100% 0, 100% 100%, 55% 55%, 55% 100%, 0 50%);
+}
+.qkit-icon-arrow-full-down {
+  clip-path: polygon(50% 80%, 0 20%, 100% 20%);
+}
+.qkit-icon-refresh {
+  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='2 2 20 20'%3E%3Cpath d='M6.35 6.35A7.96 7.96 0 0112 4c4.42 0 7.99 3.58 7.99 8s-3.57 8-7.99 8c-3.73 0-6.84-2.55-7.73-6h2.5A5.99 5.99 0 0012 18c3.31 0 6-2.69 6-6s-2.69-6-6-6c-1.66 0-3.14.69-4.22 1.78L9.5 9.5H4V4l2.35 2.35z' stroke='black' stroke-width='2' fill='black'/%3E%3C/svg%3E");
+  mask-size: contain;
+  mask-repeat: no-repeat;
+  mask-position: center;
+}
+
+/* Collapse wrapper and icon styles */
+.qkit-collapse-wrapper {
+  display: grid;
+  grid-template-rows: 1fr;
+  transition: grid-template-rows 0.3s ease;
+}
+.qkit-collapse-wrapper[collapsed] {
+  grid-template-rows: 0fr;
+}
+.qkit-collapse-icon-wrapper {
+  transition: transform 0.2s ease;
+}
+.qkit-collapse-icon-wrapper[upsidedown] {
+  transform: rotate(-180deg);
+}
+
+/* Focus-only shortcuts styles */
+.qkit-focus-only {
+  position: absolute;
+  left: 0;
+  top: 0;
+  background-color: white;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+.qkit-focus-only:focus-visible {
+  opacity: 1;
+  width: auto;
+  height: auto;
+}

package/package.json

@@ -1,9 +1,35 @@
 {
   "name": "@query-kit/themes",
-  "version": "0.9.0",
+  "version": "0.10.0",
+  "description": "CSS themes for @query-kit/vue components",
+  "author": "Jean-Philippe Perrotton <jeanphilippe.perrotton@gmail.com>",
+  "license": "MIT",
   "private": false,
   "exports": {
     "./package.json": "./package.json",
     "./default": "./default/main.css"
+  },
+  "files": [
+    "default",
+    "LICENSE",
+    "README.md"
+  ],
+  "keywords": [
+    "vue",
+    "vue3",
+    "query-kit",
+    "theme",
+    "css",
+    "styles",
+    "query-builder-theme"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/comhon-project/query-kit.git",
+    "directory": "packages/themes"
+  },
+  "homepage": "https://github.com/comhon-project/query-kit",
+  "bugs": {
+    "url": "https://github.com/comhon-project/query-kit/issues"
   }
 }