@seeqdev/qomponents 0.0.21 → 0.0.23

package/dist/styles.css

@@ -100,984 +100,996 @@
     width: 1.25em;
 }
 
-.fc-bell-regular:before {
-    content: '\e9a0';
-}
-
-.fc-bell-solid:before {
-    content: '\e99f';
-}
-
-.fc-copy-date-2:before {
-    content: '\e99e';
-}
-
-.fc-copy-date:before {
-    content: '\e99d';
+.fc-filter-remove:before {
+  content: "\e9a7";
 }
 
-.fc-bell-cog:before {
-    content: '\e99c';
+.fc-pdf-cog:before {
+  content: "\e9a5";
 }
 
-.fc-announcements:before {
-    content: '\e99b';
-}
-
-.fc-sun:before {
-    content: '\e99a';
+.fc-pdf-file:before {
+  content: "\e9a6";
 }
 
 .fc-marker:before {
-    content: '\a961';
+  content: "\a961";
 }
 
 .fc-display-range-unused:before {
-    content: '\a96e';
+  content: "\a96e";
 }
 
 .fc-series-new:before {
-    content: '\a979';
+  content: "\a979";
 }
 
 .fc-scatterplot-line:before {
-    content: '\e900';
+  content: "\e900";
 }
 
 .fc-annotate:before {
-    content: '\e901';
+  content: "\e901";
 }
 
 .fc-capsule:before {
-    content: '\e902';
+  content: "\e902";
 }
 
 .fc-search-limit:before {
-    content: '\e903';
+  content: "\e903";
 }
 
 .fc-search-logic:before {
-    content: '\e904';
+  content: "\e904";
 }
 
 .fc-search-pattern:before {
-    content: '\e905';
+  content: "\e905";
 }
 
 .fc-search-power:before {
-    content: '\e906';
+  content: "\e906";
 }
 
 .fc-home:before {
-    content: '\e907';
+  content: "\e907";
 }
 
 .fc-capsule-set:before {
-    content: '\e908';
+  content: "\e908";
 }
 
 .fc-scatterplot:before {
-    content: '\e909';
+  content: "\e909";
 }
 
 .fc-series:before {
-    content: '\e90a';
+  content: "\e90a";
 }
 
 .fc-group:before {
-    content: '\e90b';
+  content: "\e90b";
 }
 
 .fc-boundary-alert:before {
-    content: '\e90c';
+  content: "\e90c";
 }
 
 .fc-chart-alert:before {
-    content: '\e90d';
+  content: "\e90d";
 }
 
 .fc-seeq-datalab:before {
-    content: '\e90e';
+  content: "\e90e";
 }
 
 .fc-seeq-datalab-lock:before {
-    content: '\e90f';
+  content: "\e90f";
 }
 
 .fc-all-items:before {
-    content: '\e910';
+  content: "\e910";
 }
 
 .fc-asset-tree:before {
-    content: '\e911';
+  content: "\e911";
 }
 
 .fc-trend:before {
-    content: '\e912';
+  content: "\e912";
 }
 
 .fc-flag:before {
-    content: '\e913';
+  content: "\e913";
 }
 
 .fc-capsules:before {
-    content: '\e914';
+  content: "\e914";
 }
 
 .fc-connect:before {
-    content: '\e915';
+  content: "\e915";
 }
 
 .fc-display-range:before {
-    content: '\e916';
+  content: "\e916";
 }
 
 .fc-statistics:before {
-    content: '\e917';
+  content: "\e917";
 }
 
 .fc-eye:before {
-    content: '\e918';
+  content: "\e918";
 }
 
 .fc-eye-o:before {
-    content: '\e919';
+  content: "\e919";
 }
 
 .fc-data-file:before {
-    content: '\e91a';
+  content: "\e91a";
 }
 
 .fc-gridline:before {
-    content: '\e91b';
+  content: "\e91b";
 }
 
 .fc-model-and-predict:before {
-    content: '\e91c';
+  content: "\e91c";
 }
 
 .fc-cleanse:before {
-    content: '\e91d';
+  content: "\e91d";
 }
 
 .fc-identify:before {
-    content: '\e91e';
+  content: "\e91e";
 }
 
 .fc-quantify:before {
-    content: '\e91f';
+  content: "\e91f";
 }
 
 .fc-treemap:before {
-    content: '\e920';
+  content: "\e920";
 }
 
 .fc-series-dim:before {
-    content: '\e921';
+  content: "\e921";
 }
 
 .fc-series-gen:before {
-    content: '\e922';
+  content: "\e922";
 }
 
 .fc-formula:before {
-    content: '\e923';
+  content: "\e923";
 }
 
 .fc-alignment:before {
-    content: '\e924';
+  content: "\e924";
 }
 
 .fc-delete:before {
-    content: '\e925';
+  content: "\e925";
 }
 
 .fc-list:before {
-    content: '\e926';
+  content: "\e926";
 }
 
 .fc-tile:before {
-    content: '\e927';
+  content: "\e927";
 }
 
 .fc-arrow_down:before {
-    content: '\e928';
+  content: "\e928";
 }
 
 .fc-arrow_up:before {
-    content: '\e929';
+  content: "\e929";
 }
 
 .fc-user-community:before {
-    content: '\e92a';
+  content: "\e92a";
 }
 
 .fc-certificate:before {
-    content: '\e92b';
+  content: "\e92b";
 }
 
 .fc-training:before {
-    content: '\e92c';
+  content: "\e92c";
 }
 
 .fc-knowledge-base:before {
-    content: '\e92d';
+  content: "\e92d";
 }
 
 .fc-causality:before {
-    content: '\e92e';
+  content: "\e92e";
 }
 
 .fc-parallel-coordinate:before {
-    content: '\e92f';
+  content: "\e92f";
 }
 
 .fc-arrow_updown:before {
-    content: '\e930';
+  content: "\e930";
 }
 
 .fc-circle_warning:before {
-    content: '\e931';
+  content: "\e931";
 }
 
 .fc-circle_info:before {
-    content: '\e932';
+  content: "\e932";
 }
 
 .fc-warning:before {
-    content: '\e933';
+  content: "\e933";
 }
 
 .fc-grab-window:before {
-    content: '\e934';
+  content: "\e934";
 }
 
 .fc-magnify:before {
-    content: '\e935';
+  content: "\e935";
 }
 
 .fc-box-empty:before {
-    content: '\e936';
+  content: "\e936";
 }
 
 .fc-box-check:before {
-    content: '\e937';
+  content: "\e937";
 }
 
 .fc-circle-empty:before {
-    content: '\e938';
+  content: "\e938";
 }
 
 .fc-circle-check:before {
-    content: '\e939';
+  content: "\e939";
 }
 
 .fc-q_search:before {
-    content: '\e93a';
+  content: "\e93a";
 }
 
 .fc-scatterplot-select:before {
-    content: '\e93b';
+  content: "\e93b";
 }
 
 .fc-redo:before {
-    content: '\e93c';
+  content: "\e93c";
 }
 
 .fc-digital-filter:before {
-    content: '\e93d';
+  content: "\e93d";
 }
 
 .fc-support:before {
-    content: '\e93e';
+  content: "\e93e";
 }
 
 .fc-binoculars:before {
-    content: '\e93f';
+  content: "\e93f";
 }
 
 .fc-check:before {
-    content: '\e940';
+  content: "\e940";
 }
 
 .fc-filter:before {
-    content: '\e941';
+  content: "\e941";
 }
 
 .fc-trash:before {
-    content: '\e942';
+  content: "\e942";
 }
 
 .fc-gear:before {
-    content: '\e943';
+  content: "\e943";
 }
 
 .fc-lock:before {
-    content: '\e944';
+  content: "\e944";
 }
 
 .fc-lock-open:before {
-    content: '\e945';
+  content: "\e945";
 }
 
 .fc-arrow-dropdown:before {
-    content: '\e946';
+  content: "\e946";
 }
 
 .fc-mag-glass-empty:before {
-    content: '\e947';
+  content: "\e947";
 }
 
 .fc-globe:before {
-    content: '\e948';
+  content: "\e948";
 }
 
 .fc-edit:before {
-    content: '\e949';
+  content: "\e949";
 }
 
 .fc-add-column:before {
-    content: '\e94a';
+  content: "\e94a";
 }
 
 .fc-add-row:before {
-    content: '\e94b';
+  content: "\e94b";
 }
 
 .fc-border-style:before {
-    content: '\e94c';
+  content: "\e94c";
 }
 
 .fc-clock-density:before {
-    content: '\e94d';
+  content: "\e94d";
 }
 
 .fc-plus-assets:before {
-    content: '\e94e';
+  content: "\e94e";
 }
 
 .fc-plus-selected:before {
-    content: '\e94f';
+  content: "\e94f";
 }
 
 .fc-comment:before {
-    content: '\e950';
+  content: "\e950";
 }
 
 .fc-user:before {
-    content: '\e951';
+  content: "\e951";
 }
 
 .fc-engineer:before {
-    content: '\e952';
+  content: "\e952";
 }
 
 .fc-pricing:before {
-    content: '\e953';
+  content: "\e953";
 }
 
 .fc-free-trial:before {
-    content: '\e954';
+  content: "\e954";
 }
 
 .fc-partners:before {
-    content: '\e955';
+  content: "\e955";
 }
 
 .fc-meter:before {
-    content: '\e956';
+  content: "\e956";
 }
 
 .fc-beaker:before {
-    content: '\e957';
+  content: "\e957";
 }
 
 .fc-lightbulb:before {
-    content: '\e958';
+  content: "\e958";
 }
 
 .fc-pdf:before {
-    content: '\e959';
+  content: "\e959";
 }
 
 .fc-add-column-2:before {
-    content: '\e95a';
+  content: "\e95a";
 }
 
 .fc-add-row-2:before {
-    content: '\e95b';
+  content: "\e95b";
 }
 
 .fc-eraser:before {
-    content: '\e95c';
+  content: "\e95c";
 }
 
 .fc-paintbrush:before {
-    content: '\e95d';
+  content: "\e95d";
 }
 
 .fc-rows:before {
-    content: '\e95e';
+  content: "\e95e";
 }
 
 .fc-quick-start:before {
-    content: '\e95f';
+  content: "\e95f";
 }
 
 .fc-video:before {
-    content: '\e960';
+  content: "\e960";
 }
 
 .fc-wireless2:before {
-    content: '\e961';
+  content: "\e961";
 }
 
 .fc-wireless:before {
-    content: '\e962';
+  content: "\e962";
 }
 
 .fc-mag-glass:before {
-    content: '\e963';
+  content: "\e963";
 }
 
 .fc-data:before {
-    content: '\e964';
+  content: "\e964";
 }
 
 .fc-annotation:before {
-    content: '\e965';
+  content: "\e965";
 }
 
 .fc-briefcase:before {
-    content: '\e966';
+  content: "\e966";
 }
 
 .fc-investigate:before {
-    content: '\e967';
+  content: "\e967";
 }
 
 .fc-monitor:before {
-    content: '\e968';
+  content: "\e968";
 }
 
 .fc-clipboard:before {
-    content: '\e969';
+  content: "\e969";
 }
 
 .fc-share-access:before {
-    content: '\e96a';
+  content: "\e96a";
 }
 
 .fc-bar-chart-horizontal:before {
-    content: '\e96b';
+  content: "\e96b";
 }
 
 .fc-stacked-bar-chart:before {
-    content: '\e96c';
+  content: "\e96c";
 }
 
 .fc-stacked-bar-horizontal:before {
-    content: '\e96d';
+  content: "\e96d";
 }
 
 .fc-excel:before {
-    content: '\e96e';
+  content: "\e96e";
 }
 
 .fc-Asset1:before {
-    content: '\e96f';
+  content: "\e96f";
 }
 
 .fc-gears-2:before {
-    content: '\e970';
+  content: "\e970";
 }
 
 .fc-pharma:before {
-    content: '\e971';
+  content: "\e971";
 }
 
 .fc-water:before {
-    content: '\e972';
+  content: "\e972";
 }
 
 .fc-chemical:before {
-    content: '\e973';
+  content: "\e973";
 }
 
 .fc-oil:before {
-    content: '\e974';
+  content: "\e974";
 }
 
 .fc-beverage:before {
-    content: '\e975';
+  content: "\e975";
 }
 
 .fc-utilities:before {
-    content: '\e976';
+  content: "\e976";
 }
 
 .fc-manufacturing:before {
-    content: '\e977';
+  content: "\e977";
 }
 
 .fc-industry:before {
-    content: '\e978';
+  content: "\e978";
 }
 
 .fc-viz-normal:before {
-    content: '\e979';
+  content: "\e979";
 }
 
 .fc-compare:before {
-    content: '\e97a';
+  content: "\e97a";
 }
 
 .fc-diamond:before {
-    content: '\e97b';
+  content: "\e97b";
 }
 
 .fc-square:before {
-    content: '\e97c';
+  content: "\e97c";
 }
 
 .fc-triangle:before {
-    content: '\e97d';
+  content: "\e97d";
 }
 
 .fc-rectangle:before {
-    content: '\e97e';
+  content: "\e97e";
 }
 
 .fc-strip:before {
-    content: '\e97f';
+  content: "\e97f";
 }
 
 .fc-viz-overlay:before {
-    content: '\e980';
+  content: "\e980";
 }
 
 .fc-viz-chain:before {
-    content: '\e981';
+  content: "\e981";
 }
 
 .fc-graph:before {
-    content: '\e982';
+  content: "\e982";
 }
 
 .fc-pin:before {
-    content: '\e983';
+  content: "\e983";
 }
 
 .fc-y-axis:before {
-    content: '\e984';
+  content: "\e984";
 }
 
 .fc-capsule-bar:before {
-    content: '\e985';
+  content: "\e985";
 }
 
 .fc-copy:before {
-    content: '\e986';
+  content: "\e986";
 }
 
 .fc-link:before {
-    content: '\e987';
+  content: "\e987";
 }
 
 .fc-unlink:before {
-    content: '\e988';
+  content: "\e988";
 }
 
 .fc-step-back-full:before {
-    content: '\e989';
+  content: "\e989";
 }
 
 .fc-displays:before {
-    content: '\e98a';
+  content: "\e98a";
 }
 
 .fc-overwrite:before {
-    content: '\e98b';
+  content: "\e98b";
 }
 
 .fc-rename:before {
-    content: '\e98c';
+  content: "\e98c";
 }
 
 .fc-parallel-boundary:before {
-    content: '\e98d';
+  content: "\e98d";
 }
 
 .fc-loading-notch:before {
-    content: '\e98e';
+  content: "\e98e";
 }
 
 .fc-skill-explorer:before {
-    content: '\e98f';
+  content: "\e98f";
 }
 
 .fc-step-fore-full:before {
-    content: '\e990';
+  content: "\e990";
 }
 
 .fc-step-back-half:before {
-    content: '\e991';
+  content: "\e991";
 }
 
 .fc-step-fore-half:before {
-    content: '\e992';
+  content: "\e992";
 }
 
 .fc-arrow-down:before {
-    content: '\e993';
+  content: "\e993";
 }
 
 .fc-arrow-up:before {
-    content: '\e994';
+  content: "\e994";
 }
 
 .fc-expand-close:before {
-    content: '\e995';
+  content: "\e995";
 }
 
 .fc-expand-open:before {
-    content: '\e996';
+  content: "\e996";
 }
 
 .fc-axis:before {
-    content: '\e997';
+  content: "\e997";
 }
 
 .fc-axis-o:before {
-    content: '\e998';
+  content: "\e998";
 }
 
 .fc-solid:before {
-    content: '\e999';
+  content: "\e999";
+}
+
+.fc-sun:before {
+  content: "\e99a";
+}
+
+.fc-announcements:before {
+  content: "\e99b";
+}
+
+.fc-bell-cog:before {
+  content: "\e99c";
+}
+
+.fc-copy-date:before {
+  content: "\e99d";
+}
+
+.fc-copy-date-2:before {
+  content: "\e99e";
+}
+
+.fc-bell-solid:before {
+  content: "\e99f";
+}
+
+.fc-bell-regular:before {
+  content: "\e9a0";
+}
+
+.fc-add-on-1:before {
+  content: "\e9a1";
+}
+
+.fc-view-data:before {
+  content: "\e9a2";
+}
+
+.fc-add-on-2:before {
+  content: "\e9a3";
+}
+
+.fc-external-link:before {
+  content: "\e9a4";
 }
 
 .fc-short-dash:before {
-    content: '\f901';
+  content: "\f901";
 }
 
 .fc-short-dot:before {
-    content: '\f902';
+  content: "\f902";
 }
 
 .fc-short-dash-dot:before {
-    content: '\f903';
+  content: "\f903";
 }
 
 .fc-short-dash-dot-dot:before {
-    content: '\f904';
+  content: "\f904";
 }
 
 .fc-dot:before {
-    content: '\f905';
+  content: "\f905";
 }
 
 .fc-dash:before {
-    content: '\f906';
+  content: "\f906";
 }
 
 .fc-long-dash:before {
-    content: '\f907';
+  content: "\f907";
 }
 
 .fc-dash-dot:before {
-    content: '\f908';
+  content: "\f908";
 }
 
 .fc-long-dash-dot:before {
-    content: '\f909';
+  content: "\f909";
 }
 
 .fc-long-dash-dot-dot:before {
-    content: '\f910';
+  content: "\f910";
 }
 
 .fc-scalar:before {
-    content: '\f911';
+  content: "\f911";
 }
 
 .fc-detail-columns:before {
-    content: '\f912';
+  content: "\f912";
 }
 
 .fc-workbook:before {
-    content: '\f913';
+  content: "\f913";
 }
 
 .fc-workbook-user:before {
-    content: '\f914';
+  content: "\f914";
 }
 
 .fc-workbook-lock:before {
-    content: '\f915';
+  content: "\f915";
 }
 
 .fc-workbook-globe:before {
-    content: '\f916';
+  content: "\f916";
 }
 
 .fc-arrow-circle:before {
-    content: '\f917';
+  content: "\f917";
 }
 
 .fc-condition-define:before {
-    content: '\f918';
+  content: "\f918";
 }
 
 .fc-condition-combine:before {
-    content: '\f919';
+  content: "\f919";
 }
 
 .fc-series-modify:before {
-    content: '\f920';
+  content: "\f920";
 }
 
 .fc-boundary:before {
-    content: '\f923';
+  content: "\f923";
 }
 
 .fc-condition-digital:before {
-    content: '\f924';
+  content: "\f924";
 }
 
 .fc-timing:before {
-    content: '\f925';
+  content: "\f925";
 }
 
 .fc-series-properties:before {
-    content: '\f926';
+  content: "\f926";
 }
 
 .fc-import:before {
-    content: '\f927';
+  content: "\f927";
 }
 
 .fc-export:before {
-    content: '\f928';
+  content: "\f928";
 }
 
 .fc-pivision:before {
-    content: '\f929';
+  content: "\f929";
 }
 
 .fc-samples-and-line:before {
-    content: '\f930';
+  content: "\f930";
 }
 
 .fc-samples-only:before {
-    content: '\f931';
+  content: "\f931";
 }
 
 .fc-prediction:before {
-    content: '\f932';
+  content: "\f932";
 }
 
 .fc-lowpass:before {
-    content: '\f933';
+  content: "\f933";
 }
 
 .fc-bar-chart:before {
-    content: '\f934';
+  content: "\f934";
 }
 
 .fc-ancillaries:before {
-    content: '\f935';
+  content: "\f935";
 }
 
 .fc-deviation:before {
-    content: '\f936';
+  content: "\f936";
 }
 
 .fc-journal:before {
-    content: '\f937';
+  content: "\f937";
 }
 
 .fc-journal-edit:before {
-    content: '\f938';
+  content: "\f938";
 }
 
 .fc-line-bars:before {
-    content: '\f939';
+  content: "\f939";
 }
 
 .fc-reference:before {
-    content: '\f940';
+  content: "\f940";
 }
 
 .fc-powerpoint:before {
-    content: '\f941';
+  content: "\f941";
 }
 
 .fc-link-seeq:before {
-    content: '\f942';
+  content: "\f942";
 }
 
 .fc-journal-blank:before {
-    content: '\f943';
+  content: "\f943";
 }
 
 .fc-more:before {
-    content: '\f944';
+  content: "\f944";
 }
 
 .fc-share:before {
-    content: '\f945';
+  content: "\f945";
 }
 
 .fc-periodic-condition:before {
-    content: '\f946';
+  content: "\f946";
 }
 
 .fc-report:before {
-    content: '\f947';
+  content: "\f947";
 }
 
 .fc-seeq-content:before {
-    content: '\f948';
+  content: "\f948";
 }
 
 .fc-table:before {
-    content: '\f949';
+  content: "\f949";
 }
 
 .fc-unit:before {
-    content: '\f950';
+  content: "\f950";
 }
 
 .fc-metric:before {
-    content: '\f951';
+  content: "\f951";
 }
 
 .fc-pdf-export:before {
-    content: '\f952';
+  content: "\f952";
 }
 
 .fc-x-circle:before {
-    content: '\f953';
+  content: "\f953";
 }
 
 .fc-stop:before {
-    content: '\f954';
+  content: "\f954";
 }
 
 .fc-report-lock:before {
-    content: '\f955';
+  content: "\f955";
 }
 
 .fc-analysis:before {
-    content: '\f956';
+  content: "\f956";
 }
 
 .fc-analysis-lock:before {
-    content: '\f957';
+  content: "\f957";
 }
 
 .fc-requests:before {
-    content: '\f958';
+  content: "\f958";
 }
 
 .fc-folder:before {
-    content: '\f959';
+  content: "\f959";
 }
 
 .fc-folder-move:before {
-    content: '\f960';
+  content: "\f960";
 }
 
 .fc-folder-new:before {
-    content: '\f961';
+  content: "\f961";
 }
 
 .fc-folder-lock:before {
-    content: '\f962';
+  content: "\f962";
 }
 
 .fc-pin-o:before {
-    content: '\f963';
+  content: "\f963";
 }
 
 .fc-refresh:before {
-    content: '\f964';
+  content: "\f964";
 }
 
 .fc-arrow-right-right:before {
-    content: '\f965';
+  content: "\f965";
 }
 
 .fc-arrow-left-left:before {
-    content: '\f966';
+  content: "\f966";
 }
 
 .fc-refresh-on:before {
-    content: '\f967';
+  content: "\f967";
 }
 
 .fc-refresh-off:before {
-    content: '\f968';
+  content: "\f968";
 }
 
 .fc-box-plus:before {
-    content: '\f969';
+  content: "\f969";
 }
 
 .fc-box-minus:before {
-    content: '\f970';
+  content: "\f970";
 }
 
 .fc-circle_plus:before {
-    content: '\f971';
+  content: "\f971";
 }
 
 .fc-circle_minus:before {
-    content: '\f972';
+  content: "\f972";
 }
 
 .fc-page-break:before {
-    content: '\f973';
+  content: "\f973";
 }
 
 .fc-restore:before {
-    content: '\f974';
+  content: "\f974";
 }
 
 .fc-subscription:before {
-    content: '\f975';
+  content: "\f975";
 }
 
 .fc-jobs:before {
-    content: '\f976';
+  content: "\f976";
 }
 
 .fc-trash_info:before {
-    content: '\f977';
+  content: "\f977";
 }
 
 .fc-trash_info2:before {
-    content: '\f978';
+  content: "\f978";
 }
 
 .fc-bell-curve:before {
-    content: '\f979';
-}
-
-.fc-facebook:before {
-    content: '\ea90';
-}
-
-.fc-facebook2:before {
-    content: '\ea91';
-}
-
-.fc-youtube:before {
-    content: '\ea9d';
-}
-
-.fc-external-link:before {
-    content: "\e9a4";
+  content: "\f979";
 }
 
 /* ! tailwindcss v3.2.7 | MIT License | https://tailwindcss.com */
@@ -1460,77 +1472,81 @@ video {
 }
 
 :root {
-        --sq-color-dark: 42, 92, 132;
-        --sq-color-dark-dark: 145, 180, 203;
-        --sq-white: 255, 255, 255;
-        --sq-color-highlight: 4, 145, 194;
-        --sq-text-color: 58, 58, 58;
-        --sq-disabled-gray: 221, 225, 227;
-        --sq-light-gray: 241, 245, 247;
-        --sq-dark-gray: 226, 226, 226;
-        --sq-fairly-dark-gray: 96, 96, 97;
-        --sq-darkish-gray: 183, 183, 183;
-        --sq-danger-color: 217, 83, 79;
-        --sq-warning-color: 240, 173, 78;
-        --sq-success-color: 114, 192, 44;
-        --sq-icon: 4, 145, 194;
-        --sq-link: 42, 92, 132;
-        --sq-dark-background: 36, 37, 37;
-        --sq-dark-text: 194, 188, 176;
-        --sq-dark-disabled-gray: 70, 73, 73;
-        --sq-highlight-color-dark: 36, 45, 49;
-        --sq-gray-highlight: 249, 249, 249;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 246, 253;
-        --sq-colored-hover-dark: 40, 42, 42;
-        --sq-multi-gray-dark: 66, 69, 69;
-        --sq-field-disabled-gray: 239, 239, 239;
-    }
+    --sq-color-dark: 42, 92, 132;
+    --sq-color-dark-dark: 145, 180, 203;
+    --sq-white: 255, 255, 255;
+    --sq-color-highlight: 4, 145, 194;
+    --sq-text-color: 58, 58, 58;
+    --sq-disabled-gray: 221, 225, 227;
+    --sq-light-gray: 241, 245, 247;
+    --sq-dark-gray: 226, 226, 226;
+    --sq-fairly-dark-gray: 96, 96, 97;
+    --sq-darkish-gray: 183, 183, 183;
+    --sq-danger-color: 217, 83, 79;
+    --sq-warning-color: 240, 173, 78;
+    --sq-success-color: 114, 192, 44;
+    --sq-icon: 4, 145, 194;
+    --sq-link: 42, 92, 132;
+    --sq-dark-background: 36, 37, 37;
+    --sq-dark-text: 194, 188, 176;
+    --sq-dark-disabled-gray: 70, 73, 73;
+    --sq-highlight-color-dark: 36, 45, 49;
+    --sq-gray-highlight: 249, 249, 249;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 246, 253;
+    --sq-colored-hover-dark: 40, 42, 42;
+    --sq-multi-gray-dark: 66, 69, 69;
+    --sq-field-disabled-gray: 239, 239, 239;
+  }
 
 .color_topic {
-        --sq-color-dark: 42, 92, 132;
-        --sq-color-dark-dark: 145, 180, 203;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 4, 145, 194;
-        --sq-icon: 4, 145, 194;
-        --sq-link: 42, 92, 132;
-        --sq-link-dark: 145, 180, 203;
-        --sq-icon-dark: 4, 145, 194;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 246, 253;
-        --sq-colored-hover-dark: 40, 42, 42;
-    }
+    --sq-color-dark: 42, 92, 132;
+    --sq-color-dark-dark: 145, 180, 203;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 4, 145, 194;
+    --sq-icon: 4, 145, 194;
+    --sq-link: 42, 92, 132;
+    --sq-link-dark: 145, 180, 203;
+    --sq-icon-dark: 4, 145, 194;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 246, 253;
+    --sq-colored-hover-dark: 40, 42, 42;
+  }
 
 .color_analysis {
-        --sq-color-dark: 0, 121, 96;
-        --sq-color-dark-dark: 31, 207, 166;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 0, 153, 100;
-        --sq-icon: 0, 160, 89;
-        --sq-link: 0, 121, 96;
-        --sq-link-dark: 21, 99, 81;
-        --sq-icon-dark: 23, 126, 77;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 238, 248, 244;
-        --sq-colored-hover-dark: 33, 54, 47;
-    }
+    --sq-color-dark: 0, 121, 96;
+    --sq-color-dark-dark: 31, 207, 166;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 0, 153, 100;
+    --sq-icon: 0, 160, 89;
+    --sq-link: 0, 121, 96;
+    --sq-link-dark: 21, 99, 81;
+    --sq-icon-dark: 23, 126, 77;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 238, 248, 244;
+    --sq-colored-hover-dark: 33, 54, 47;
+  }
 
 .color_datalab {
-        --sq-color-dark: 242, 103, 34;
-        --sq-color-dark-dark: 242, 103, 34;
-        --sq-color-light: 237, 247, 246;
-        --sq-color-highlight: 244, 123, 62;
-        --sq-icon: 242, 103, 34;
-        --sq-link: 242, 103, 34;
-        --sq-gray-highlight-dark: 36, 45, 49;
-        --sq-colored-hover: 241, 162, 120;
-        --sq-colored-hover-dark: 80, 43, 26;
-    }
-
-ol, ul, menu {
-        list-style: revert;
-        padding: revert;
-    }
+    --sq-color-dark: 242, 103, 34;
+    --sq-color-dark-dark: 242, 103, 34;
+    --sq-color-light: 237, 247, 246;
+    --sq-color-highlight: 244, 123, 62;
+    --sq-icon: 242, 103, 34;
+    --sq-icon-dark: 36, 37, 37;
+    --sq-link-dark: 36, 37, 37;
+    --sq-link: 242, 103, 34;
+    --sq-gray-highlight-dark: 36, 45, 49;
+    --sq-colored-hover: 241, 162, 120;
+    --sq-colored-hover-dark: 80, 43, 26;
+  }
+
+ol,
+  ul,
+  menu {
+    list-style: revert;
+    padding: revert;
+  }
 
 *, ::before, ::after {
     --tw-border-spacing-x: 0;
@@ -1968,6 +1984,11 @@ ol, ul, menu {
     border-style: solid;
 }
 
+.tw-border-sq-color-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
 .tw-border-sq-danger-color {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-danger-color));
@@ -1978,6 +1999,16 @@ ol, ul, menu {
     border-color: rgb(var(--sq-disabled-gray));
 }
 
+.tw-border-sq-icon {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-icon));
+}
+
+.tw-border-sq-warning-color {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-warning-color));
+}
+
 .tw-bg-black {
     --tw-bg-opacity: 1;
     background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -2207,32 +2238,34 @@ ol, ul, menu {
 /* Make sure to keep these colors in sync with the webserver/_custom_variables.scss values to ensure cohesive UIs */
 
 .reactSelectMinHeight {
-    min-height: 34px !important;
+  min-height: 34px !important;
 }
 
 .reactSelectMinHeightSmall {
-    min-height: 22px !important;
+  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,<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>');
 }
 
-.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>');
+.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>');
 }
 
 @keyframes fadeIn {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
 }
 
 .fade-in {
-    animation: fadeIn 500ms;
+  animation: fadeIn 500ms;
 }
 
 .before\:tw-absolute::before {
@@ -2356,6 +2389,21 @@ ol, ul, menu {
     border-color: rgb(var(--sq-color-dark));
 }
 
+.hover\:tw-border-sq-color-highlight:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-highlight));
+}
+
+.hover\:tw-border-sq-danger-color-hover:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(212 59 55 / var(--tw-border-opacity));
+}
+
+.hover\:tw-border-sq-link:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-link));
+}
+
 .hover\:tw-bg-sq-color-highlight:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-color-highlight));
@@ -2478,6 +2526,11 @@ ol, ul, menu {
     opacity: 1;
 }
 
+.tw-dark .dark\:tw-border-sq-color-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-dark));
+}
+
 .tw-dark .dark\:tw-border-sq-dark-disabled-gray {
     --tw-border-opacity: 1;
     border-color: rgb(var(--sq-dark-disabled-gray));
@@ -2488,6 +2541,11 @@ ol, ul, menu {
     border-color: rgb(var(--sq-dark-text));
 }
 
+.tw-dark .dark\:tw-border-sq-icon-dark {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-icon-dark));
+}
+
 .tw-dark .dark\:tw-bg-sq-color-dark {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-color-dark));
@@ -2573,6 +2631,16 @@ ol, ul, menu {
     border-color: rgb(var(--sq-color-dark-dark));
 }
 
+.tw-dark .dark\:hover\:tw-border-sq-color-highlight:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-color-highlight));
+}
+
+.tw-dark .dark\:hover\:tw-border-sq-link-dark:hover {
+    --tw-border-opacity: 1;
+    border-color: rgb(var(--sq-link-dark));
+}
+
 .tw-dark .dark\:hover\:tw-bg-sq-color-highlight:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(var(--sq-color-highlight));