@seeqdev/qomponents 0.0.231 → 0.0.233

package/dist/styles.css

@@ -1538,14 +1538,6 @@
       outline-style: none;
     }
   }
-  .tw\:hover\:-translate-y-px {
-    &:hover {
-      @media (hover: hover) {
-        --tw-translate-y: -1px;
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
-    }
-  }
   .tw\:hover\:cursor-pointer {
     &:hover {
       @media (hover: hover) {
@@ -1665,14 +1657,6 @@
       }
     }
   }
-  .tw\:hover\:shadow-md {
-    &:hover {
-      @media (hover: hover) {
-        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
-        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-      }
-    }
-  }
   .tw\:focus\:z-30 {
     &:focus {
       z-index: 30;
@@ -2608,60 +2592,6 @@
   text-align: center;
   width: 1.25em;
 }
-.fc-data-lab2-locked:before {
-  content: '\e9c7' !important;
-}
-.fc-data-lab2:before {
-  content: '\e9c8' !important;
-}
-.fc-folder2-locked:before {
-  content: '\e9c9' !important;
-}
-.fc-folder2:before {
-  content: '\e9ca' !important;
-}
-.fc-insights-locked:before {
-  content: '\e9cb' !important;
-}
-.fc-insights:before {
-  content: '\e9cc' !important;
-}
-.fc-organizer2-locked:before {
-  content: '\e9cd' !important;
-}
-.fc-organizer2:before {
-  content: '\e9ce' !important;
-}
-.fc-vantage2-locked:before {
-  content: '\e9cf' !important;
-}
-.fc-vantage2:before {
-  content: '\e9d0' !important;
-}
-.fc-workbench2-locked:before {
-  content: '\e9d1' !important;
-}
-.fc-workbench2:before {
-  content: '\e9d2' !important;
-}
-.fc-models:before {
-  content: '\e9c6' !important;
-}
-.fc-ancestor:before {
-  content: '\e9bf' !important;
-}
-.fc-descendant:before {
-  content: '\e9c5' !important;
-}
-.fc-create-summary:before {
-  content: '\e9c0' !important;
-}
-.fc-view-summaries:before {
-  content: '\e9c3' !important;
-}
-.fc-view-summaries1:before {
-  content: '\e9c4' !important;
-}
 .fc-marker:before {
   content: '\a961' !important;
 }
@@ -3244,12 +3174,39 @@
 .fc-version-log:before {
   content: '\e9be' !important;
 }
+.fc-ancestor:before {
+  content: '\e9bf' !important;
+}
+.fc-create-summary:before {
+  content: '\e9c0' !important;
+}
 .fc-statistic-summary:before {
   content: '\e9c1' !important;
 }
 .fc-statistics-menu:before {
   content: '\e9c2' !important;
 }
+.fc-view-summaries:before {
+  content: '\e9c3' !important;
+}
+.fc-view-summaries1:before {
+  content: '\e9c4' !important;
+}
+.fc-descendent:before {
+  content: '\e9c5' !important;
+}
+.fc-models:before {
+  content: '\e9c6' !important;
+}
+.fc-operationalize-summary:before {
+  content: '\e9c7' !important;
+}
+.fc-insights-locked:before {
+  content: '\e9cb' !important;
+}
+.fc-insights:before {
+  content: '\e9cc' !important;
+}
 .fc-short-dash:before {
   content: '\f901' !important;
 }
@@ -3515,9 +3472,9 @@
   --sq-insights-highlight: #0086e8;
   --sq-insights-light: #cce7ff;
   --sq-segmented-control-color: var(--sq-topic-dark);
-  --sq-segmented-control-gradient-start: #d9ecff;
-  --sq-segmented-control-gradient-hover-start: #c7e3ff;
-  --sq-segmented-control-dark-gradient-start: var(--sq-topic-highlight);
+  --sq-segmented-control-background-active: #d9ecff;
+  --sq-segmented-control-background-hover: #c7e3ff;
+  --sq-segmented-control-dark-background-accent: var(--sq-topic-highlight);
   .color_topic, .color_topic_dark {
     --theme-darker: var(--sq-topic-darker);
     --theme-dark: var(--sq-topic-dark);
@@ -3531,9 +3488,9 @@
     --theme-item-row: var(--sq-topic-light);
     --theme-highlight-background: var(--sq-topic-light);
     --sq-segmented-control-color: #1f5f9f;
-    --sq-segmented-control-gradient-start: #d9ecff;
-    --sq-segmented-control-gradient-hover-start: #c7e3ff;
-    --sq-segmented-control-dark-gradient-start: #41a5e1;
+    --sq-segmented-control-background-active: #d9ecff;
+    --sq-segmented-control-background-hover: #c7e3ff;
+    --sq-segmented-control-dark-background-accent: #41a5e1;
   }
   .color_analysis, .color_analysis_dark {
     --theme-darker: var(--sq-analysis-darker);
@@ -3548,9 +3505,9 @@
     --theme-item-row: var(--sq-analysis-light);
     --theme-highlight-background: var(--sq-analysis-light);
     --sq-segmented-control-color: var(--sq-analysis-dark);
-    --sq-segmented-control-gradient-start: var(--sq-analysis-light);
-    --sq-segmented-control-gradient-hover-start: #dff2ee;
-    --sq-segmented-control-dark-gradient-start: var(--sq-analysis-highlight);
+    --sq-segmented-control-background-active: var(--sq-analysis-light);
+    --sq-segmented-control-background-hover: #dff2ee;
+    --sq-segmented-control-dark-background-accent: var(--sq-analysis-highlight);
   }
   .color_datalab, .color_datalab_dark {
     --theme-darker: var(--sq-datalab-darker);
@@ -3563,9 +3520,9 @@
     --theme-footer-text: var(--sq-datalab-dark);
     --theme-highlight-background: var(--sq-datalab-light);
     --sq-segmented-control-color: #b95b22;
-    --sq-segmented-control-gradient-start: #ffe6d6;
-    --sq-segmented-control-gradient-hover-start: #ffd9bf;
-    --sq-segmented-control-dark-gradient-start: #e58a52;
+    --sq-segmented-control-background-active: #ffe6d6;
+    --sq-segmented-control-background-hover: #ffd9bf;
+    --sq-segmented-control-dark-background-accent: #e58a52;
   }
   .color_vantage, .color_vantage_dark {
     --theme-darker: var(--sq-vantage-darker);
@@ -3578,9 +3535,9 @@
     --theme-footer-text: var(--sq-vantage-dark);
     --theme-highlight-background: var(--sq-vantage-light);
     --sq-segmented-control-color: var(--sq-vantage-dark);
-    --sq-segmented-control-gradient-start: var(--sq-vantage-light);
-    --sq-segmented-control-gradient-hover-start: #c5addd;
-    --sq-segmented-control-dark-gradient-start: var(--sq-vantage-highlight);
+    --sq-segmented-control-background-active: var(--sq-vantage-light);
+    --sq-segmented-control-background-hover: #c5addd;
+    --sq-segmented-control-dark-background-accent: var(--sq-vantage-highlight);
   }
   .color_insights, .color_insights_dark {
     --theme-darker: var(--sq-insights-darker);
@@ -3593,9 +3550,9 @@
     --theme-footer-text: var(--sq-insights-dark);
     --theme-highlight-background: var(--sq-insights-light);
     --sq-segmented-control-color: var(--sq-insights-dark);
-    --sq-segmented-control-gradient-start: var(--sq-insights-light);
-    --sq-segmented-control-gradient-hover-start: #b8dcff;
-    --sq-segmented-control-dark-gradient-start: var(--sq-insights-highlight);
+    --sq-segmented-control-background-active: var(--sq-insights-light);
+    --sq-segmented-control-background-hover: #b8dcff;
+    --sq-segmented-control-dark-background-accent: var(--sq-insights-highlight);
   }
   --height-inputs: 34px;
   --height-30: 30px;
@@ -3819,60 +3776,47 @@
 }
 @layer components {
   .sq-segmented-control-pill {
-    background-image: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
-    border-color: var(--sq-tool-btn-border);
-    color: var(--sq-gray-text);
+    background-color: var(--sqw-white);
+    background-image: none;
+    border-color: var(--sqw-disabled-gray);
+    color: var(--sqw-text-color);
   }
   .sq-segmented-control-pill--inactive:hover {
-    background-image: linear-gradient(0deg, var(--sq-segmented-control-gradient-start) 0%, transparent 100%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
-    border-color: var(--sq-segmented-control-color);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in srgb, var(--sq-segmented-control-color) 40%, transparent);
-    }
+    background-color: var(--sqw-light-gray);
     color: var(--sqw-text-color);
   }
   .sq-segmented-control-pill.sq-segmented-control-pill--active {
-    background-image: linear-gradient(0deg, var(--sq-segmented-control-gradient-start) 0%, transparent 100%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
+    background-color: var(--sq-segmented-control-background-active);
     border-color: var(--sq-segmented-control-color);
-    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18);
     color: var(--sqw-text-color);
   }
   .sq-segmented-control-pill.sq-segmented-control-pill--active:hover {
-    background-image: linear-gradient(0deg, var(--sq-segmented-control-gradient-hover-start) 0%, transparent 100%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
-    box-shadow: 0 6px 14px rgba(15, 23, 42, 0.18);
+    background-color: var(--sq-segmented-control-background-hover);
     color: var(--sqw-text-color);
   }
   .tw-dark .sq-segmented-control-pill {
-    background-image: linear-gradient(180deg, #1f2937 0%, #151b23 100%);
-    border-color: var(--color-sq-dark-disabled-gray);
-    color: var(--color-sq-dark-text);
+    background-color: var(--sq-tools-background-dark);
+    background-image: none;
+    border-color: var(--sq-disabled-gray-dark);
+    color: var(--sq-text-color-dark);
   }
   .tw-dark .sq-segmented-control-pill--inactive:hover {
-    background-image: linear-gradient( 0deg, var(--sq-segmented-control-dark-gradient-start) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-image: linear-gradient( 0deg, color-mix(in srgb, var(--sq-segmented-control-dark-gradient-start) 30%, transparent) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
-    }
-    border-color: var(--theme-highlight);
-    @supports (color: color-mix(in lab, red, red)) {
-      border-color: color-mix(in srgb, var(--theme-highlight) 60%, transparent);
-    }
+    background-color: var(--sq-light-gray-dark);
     color: var(--sqw-white);
   }
   .tw-dark .sq-segmented-control-pill.sq-segmented-control-pill--active {
-    background-image: linear-gradient( 0deg, var(--sq-segmented-control-dark-gradient-start) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
+    background-color: var(--sq-segmented-control-dark-background-accent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-image: linear-gradient( 0deg, color-mix(in srgb, var(--sq-segmented-control-dark-gradient-start) 54%, transparent) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
+      background-color: color-mix( in srgb, var(--sq-segmented-control-dark-background-accent) 54%, var(--sq-tools-background-dark) );
     }
     border-color: var(--theme-highlight);
-    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
     color: var(--sqw-white);
   }
   .tw-dark .sq-segmented-control-pill.sq-segmented-control-pill--active:hover {
-    background-image: linear-gradient( 0deg, var(--sq-segmented-control-dark-gradient-start) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
+    background-color: var(--sq-segmented-control-dark-background-accent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-image: linear-gradient( 0deg, color-mix(in srgb, var(--sq-segmented-control-dark-gradient-start) 64%, transparent) 0%, transparent 100% ), linear-gradient(180deg, #1f2937 0%, #151b23 100%);
+      background-color: color-mix( in srgb, var(--sq-segmented-control-dark-background-accent) 64%, var(--sq-tools-background-dark) );
     }
-    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.35);
     color: var(--sqw-white);
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seeqdev/qomponents",
-  "version": "0.0.231",
+  "version": "0.0.233",
   "type": "module",
   "main": "dist/index.js",
   "source": "src/index.ts",