@flywheel-io/vision 1.13.0 → 1.14.0

package/scss/icons/_icon-variables.scss

@@ -0,0 +1,317 @@
+$icomoon-font-family: "Flywheel-Vision-Icons" !default;
+$icomoon-font-path: "../../assets/fonts/" !default;
+
+$icon-clock-hour-4: unquote('"\\ea32"');
+$icon-documents-file: unquote('"\\ea33"');
+$icon-expand-pathfinder-dot-square-segmentation: unquote('"\\ea34"');
+$icon-square-fill-outline: unquote('"\\ea35"');
+$icon-square-fill: unquote('"\\ea36"');
+$icon-square-outline: unquote('"\\ea37"');
+$icon-flywheel-viewer-mark-logo: unquote('"\\ea38"');
+$icon-filter-sort-check-mark: unquote('"\\ea2e"');
+$icon-filter-sort-delete: unquote('"\\ea2f"');
+$icon-filter-sort-add: unquote('"\\ea31"');
+$icon-chevron-input-number: unquote('"\\ea30"');
+$icon-shield-protect: unquote('"\\ea29"');
+$icon-3d-sphere-rotate-arrows: unquote('"\\ea2b"');
+$icon-livewire-tool: unquote('"\\ea2c"');
+$icon-bezier-curve: unquote('"\\ea2d"');
+$icon-technology-cube-3d: unquote('"\\ea28"');
+$icon-brightness-photo-edit: unquote('"\\bea29"');
+$icon-target-space-object-select: unquote('"\\ea2a"');
+$icon-crown-style-circle: unquote('"\\ea27"');
+$icon-hammer-legal-square: unquote('"\\ea18"');
+$icon-browser-internet-web-windows: unquote('"\\ea26"');
+$icon-settings-adjust: unquote('"\\e912"');
+$icon-lock-unlock: unquote('"\\e939"');
+$icon-private-mode-protection-circle: unquote('"\\ea17"');
+$icon-ai: unquote('"\\ea19"');
+$icon-reader-studies: unquote('"\\ea1a"');
+$icon-shapes-objects: unquote('"\\ea1b"');
+$icon-cloud-upload: unquote('"\\ea1c"');
+$icon-floppy-save: unquote('"\\ea1d"');
+$icon-text-input-form: unquote('"\\ea1e"');
+$icon-document-file-add-plus-bottom-left: unquote('"\\ea1f"');
+$icon-document-file-upload-bottom-center: unquote('"\\ea20"');
+$icon-paint-roller: unquote('"\\ea21"');
+$icon-brush-edit-create: unquote('"\\ea22"');
+$icon-bucket-paint: unquote('"\\ea23"');
+$icon-edit-erase: unquote('"\\ea24"');
+$icon-grid-dot-square: unquote('"\\ea25"');
+$icon-column-edit: unquote('"\\ea0c"');
+$icon-molecule: unquote('"\\ea0d"');
+$icon-invoice-checkmark-paid: unquote('"\\ea0e"');
+$icon-invoice: unquote('"\\ea0f"');
+$icon-pause: unquote('"\\ea10"');
+$icon-calendar-arrow-left-center: unquote('"\\ea11"');
+$icon-file-blank-image-load-mask: unquote('"\\ea12"');
+$icon-closed-freehand-vector-poly: unquote('"\\ea13"');
+$icon-curve-object-secet-cursor: unquote('"\\ea14"');
+$icon-freehand-vector-poly: unquote('"\\ea15"');
+$icon-pen-edit-circle: unquote('"\\ea16"');
+$icon-code-block-embed: unquote('"\\e9fd"');
+$icon-italic: unquote('"\\e9fe"');
+$icon-list-paragraph-number: unquote('"\\e9ff"');
+$icon-list-paragraph: unquote('"\\ea00"');
+$icon-text-bold: unquote('"\\ea01"');
+$icon-text-cross: unquote('"\\ea02"');
+$icon-text-h1: unquote('"\\ea03"');
+$icon-text-h2: unquote('"\\ea04"');
+$icon-text-underline: unquote('"\\ea05"');
+$icon-twitter: unquote('"\\ea06"');
+$icon-smiley-emoji-face: unquote('"\\ea07"');
+$icon-exchange: unquote('"\\ea08"');
+$icon-markdown: unquote('"\\ea09"');
+$icon-quote: unquote('"\\ea0a"');
+$icon-measure-ruler-calibration: unquote('"\\ea0b"');
+$icon-zendesk-logo: unquote('"\\e9f1"');
+$icon-add-server-databases-endpoint: unquote('"\\e9f2"');
+$icon-cloud-network-add: unquote('"\\e9f3"');
+$icon-server-database-endpoint: unquote('"\\e9f4"');
+$icon-book-lab-flask: unquote('"\\e9f5"');
+$icon-list-test-lab-flask: unquote('"\\e9f6"');
+$icon-test-lab-flask: unquote('"\\e9f7"');
+$icon-message-checkmark-sent: unquote('"\\e9f8"');
+$icon-send-message-share: unquote('"\\e9f9"');
+$icon-flywheel-mark-logo: unquote('"\\e9fa"');
+$icon-speed-dashboard: unquote('"\\e9fb"');
+$icon-arrange-filter-sort: unquote('"\\e9fc"');
+$icon-delivery-shipment-packages: unquote('"\\e9bb"');
+$icon-color-ven-design-profile-central: unquote('"\\e9ce"');
+$icon-home-modern-door: unquote('"\\e9e4"');
+$icon-tasklist-to-do-checkmark: unquote('"\\e9eb"');
+$icon-user-profile-group-discovery: unquote('"\\e999"');
+$icon-flip-horizontal: unquote('"\\e9b5"');
+$icon-flip-vertical: unquote('"\\e9b6"');
+$icon-facebook: unquote('"\\e9b7"');
+$icon-github-color-login: unquote('"\\e9b8"');
+$icon-linkedin: unquote('"\\e9b9"');
+$icon-youtube: unquote('"\\e9ba"');
+$icon-server-databases-connect: unquote('"\\e9bc"');
+$icon-server-databases-download: unquote('"\\e9bd"');
+$icon-server-databases-minimal-download: unquote('"\\e9be"');
+$icon-server-databases-sync: unquote('"\\e9bf"');
+$icon-graduate-hat: unquote('"\\e9c0"');
+$icon-blocks-code-test-checkmark: unquote('"\\e9c1"');
+$icon-camera-photo-capture: unquote('"\\e9c2"');
+$icon-photo-edit-brightness-invert: unquote('"\\e9c3"');
+$icon-unlimited-repeat-subscription-circle: unquote('"\\e9c4"');
+$icon-mute: unquote('"\\e9c5"');
+$icon-volume-full: unquote('"\\e9c6"');
+$icon-hand-money-currency: unquote('"\\e9c7"');
+$icon-bookmark-plus-add: unquote('"\\e9c8"');
+$icon-circle: unquote('"\\e9c9"');
+$icon-clip-attachment: unquote('"\\e9ca"');
+$icon-code-text: unquote('"\\e9cb"');
+$icon-document-status-done-checkmark: unquote('"\\e9cc"');
+$icon-done-check-tracked: unquote('"\\e9cd"');
+$icon-home-modern-option-lines: unquote('"\\e9cf"');
+$icon-keyboard: unquote('"\\e9d0"');
+$icon-line: unquote('"\\e9d1"');
+$icon-link-unlink: unquote('"\\e9d2"');
+$icon-measure-angle: unquote('"\\e9d3"');
+$icon-media-library-imports-dowload: unquote('"\\e9d4"');
+$icon-message-chat-info: unquote('"\\e9d5"');
+$icon-microphone-mic-rec-circle: unquote('"\\e9d6"');
+$icon-microphone-mic-rec: unquote('"\\e9d7"');
+$icon-microphone-mic-recording-circle: unquote('"\\e9d8"');
+$icon-pie-graph-chart-sample: unquote('"\\e9d9"');
+$icon-plus-add-rectangle: unquote('"\\e9da"');
+$icon-polygon: unquote('"\\e9db"');
+$icon-rotate-arrow-manual: unquote('"\\e9dc"');
+$icon-rotate-item-left: unquote('"\\e9dd"');
+$icon-rotate-item-right: unquote('"\\e9de"');
+$icon-stars-light-sparkle: unquote('"\\e9df"');
+$icon-undone-uncheck-untracked: unquote('"\\e9e0"');
+$icon-clap-applause-hands: unquote('"\\e9e1"');
+$icon-email-mail-checkmark-group: unquote('"\\e9e2"');
+$icon-circle-ellipses: unquote('"\\e9e3"');
+$icon-crosshair: unquote('"\\e9e5"');
+$icon-cursor-select: unquote('"\\e9e6"');
+$icon-draw-rectangle: unquote('"\\e9e7"');
+$icon-ruler-bidirectional: unquote('"\\e9e8"');
+$icon-ruler: unquote('"\\e9e9"');
+$icon-workspace-mode: unquote('"\\e9ea"');
+$icon-creative-commons: unquote('"\\e9ec"');
+$icon-free-rights: unquote('"\\e9ed"');
+$icon-hammer-screwdriver: unquote('"\\e9ee"');
+$icon-arrow-annotate: unquote('"\\e9ef"');
+$icon-arrow: unquote('"\\e9f0"');
+$icon-notebook-open: unquote('"\\e998"');
+$icon-windows: unquote('"\\e963"');
+$icon-add-new-create: unquote('"\\e969"');
+$icon-add-row-above: unquote('"\\e96a"');
+$icon-add-row-below: unquote('"\\e96b"');
+$icon-arrow-rotate-restore: unquote('"\\e96c"');
+$icon-arrow-rotate: unquote('"\\e96d"');
+$icon-arrow-back-collapse: unquote('"\\e96e"');
+$icon-arrow-forward-collapse: unquote('"\\e96f"');
+$icon-barcode-serial: unquote('"\\e97a"');
+$icon-barcode-stack-scan: unquote('"\\e97b"');
+$icon-button-form-element: unquote('"\\e97c"');
+$icon-calendar-schedule: unquote('"\\e97d"');
+$icon-chat-messages-bubble: unquote('"\\e97e"');
+$icon-checklist-tasks-chechmark-square: unquote('"\\e97f"');
+$icon-color-design-profile: unquote('"\\e980"');
+$icon-computer-chip: unquote('"\\e981"');
+$icon-contrast-photo-edit: unquote('"\\e982"');
+$icon-document-file-list-protocol: unquote('"\\e983"');
+$icon-drag-drop-indicator: unquote('"\\e984"');
+$icon-form-metadata-element: unquote('"\\e985"');
+$icon-full-screen-zoom: unquote('"\\e986"');
+$icon-layout: unquote('"\\e987"');
+$icon-header-form-element: unquote('"\\e988"');
+$icon-human-artificial-intelligence: unquote('"\\e989"');
+$icon-image-photo-copy-left-down: unquote('"\\e98a"');
+$icon-image-picture-square: unquote('"\\e98b"');
+$icon-items-group-elements: unquote('"\\e98c"');
+$icon-layers: unquote('"\\e98d"');
+$icon-menu-burger-handle: unquote('"\\e98e"');
+$icon-menu-list-form-square: unquote('"\\e98f"');
+$icon-message-chat-question-support: unquote('"\\e990"');
+$icon-message-question-checkmark: unquote('"\\e991"');
+$icon-minus: unquote('"\\e992"');
+$icon-mouse-big: unquote('"\\e993"');
+$icon-move: unquote('"\\e994"');
+$icon-music-play-resume: unquote('"\\e995"');
+$icon-music-stop: unquote('"\\e996"');
+$icon-notebook-add-plus: unquote('"\\e997"');
+$icon-notebook-pen-edit: unquote('"\\e99a"');
+$icon-notebook: unquote('"\\e99b"');
+$icon-notes-pen: unquote('"\\e99c"');
+$icon-object-search-zoom-plus: unquote('"\\e99d"');
+$icon-pencil-edit-create: unquote('"\\e99e"');
+$icon-protection-target: unquote('"\\e99f"');
+$icon-rotate: unquote('"\\e9a0"');
+$icon-scanner: unquote('"\\e9a1"');
+$icon-search-user-profile-person: unquote('"\\e9a2"');
+$icon-search-zoom-minus: unquote('"\\e9a3"');
+$icon-search-zoom-plus: unquote('"\\e9a4"');
+$icon-section-form-element: unquote('"\\e9a5"');
+$icon-server-databases-key-protection: unquote('"\\e9a6"');
+$icon-server-databases-sync-import: unquote('"\\e9a7"');
+$icon-servers-database: unquote('"\\e9a8"');
+$icon-target: unquote('"\\e9a9"');
+$icon-text-long: unquote('"\\e9aa"');
+$icon-text-short-form-element: unquote('"\\e9ab"');
+$icon-timer-clock-style: unquote('"\\e9ac"');
+$icon-user-document: unquote('"\\e9ad"');
+$icon-video-player-controls: unquote('"\\e9ae"');
+$icon-visible-eye-hidden: unquote('"\\e9af"');
+$icon-window-finder-resize-arrow-down: unquote('"\\e9b0"');
+$icon-window-finder-resize-arrow-up: unquote('"\\e9b1"');
+$icon-window-resize-left: unquote('"\\e9b2"');
+$icon-window-resize-right: unquote('"\\e9b3"');
+$icon-window-zoom-plus-loupe: unquote('"\\e9b4"');
+$icon-laptop-health-medical-cross: unquote('"\\e971"');
+$icon-radiology-scan-circle: unquote('"\\e974"');
+$icon-money-coin: unquote('"\\e965"');
+$icon-brain: unquote('"\\e972"');
+$icon-dna-hospital-medical: unquote('"\\e973"');
+$icon-lung: unquote('"\\e975"');
+$icon-lungs: unquote('"\\e976"');
+$icon-protective-mask: unquote('"\\e977"');
+$icon-radiology-scan: unquote('"\\e978"');
+$icon-stomach: unquote('"\\e979"');
+$icon-cash-banknotes: unquote('"\\e964"');
+$icon-money-dollar: unquote('"\\e966"');
+$icon-money: unquote('"\\e967"');
+$icon-cloud-storage-checkmark: unquote('"\\e968"');
+$icon-modalities: unquote('"\\e970"');
+$icon-search-loop: unquote('"\\e936"');
+$icon-question-circle: unquote('"\\e921"');
+$icon-earth-globe-fail: unquote('"\\e935"');
+$icon-user-setting-gear: unquote('"\\e909"');
+$icon-user-delete-cross: unquote('"\\e95b"');
+$icon-apply-copy-duplicate: unquote('"\\e95c"');
+$icon-arrow-down: unquote('"\\e95d"');
+$icon-arrow-up: unquote('"\\e95e"');
+$icon-grid-layout: unquote('"\\e95f"');
+$icon-folder-blank: unquote('"\\e960"');
+$icon-folder-group: unquote('"\\e961"');
+$icon-file-text: unquote('"\\e962"');
+$icon-edit-boxed: unquote('"\\e922"');
+$icon-chart-trend-square: unquote('"\\e900"');
+$icon-layout-grid: unquote('"\\e901"');
+$icon-files-library-content: unquote('"\\e902"');
+$icon-user-lock: unquote('"\\e903"');
+$icon-lock: unquote('"\\e904"');
+$icon-add-user: unquote('"\\e905"');
+$icon-user-checked: unquote('"\\e906"');
+$icon-user-group: unquote('"\\e907"');
+$icon-user-key: unquote('"\\e908"');
+$icon-thumbs-up-like: unquote('"\\e90a"');
+$icon-apple: unquote('"\\e90b"');
+$icon-gitlab: unquote('"\\e90c"');
+$icon-linux: unquote('"\\e90d"');
+$icon-add-server: unquote('"\\e90e"');
+$icon-server-checkmark: unquote('"\\e90f"');
+$icon-server-upload: unquote('"\\e910"');
+$icon-server: unquote('"\\e911"');
+$icon-data-tree: unquote('"\\e913"');
+$icon-add-circle: unquote('"\\e914"');
+$icon-bell-notification: unquote('"\\e915"');
+$icon-bookmark: unquote('"\\e916"');
+$icon-chart-square: unquote('"\\e917"');
+$icon-checklist: unquote('"\\e918"');
+$icon-clock-history: unquote('"\\e919"');
+$icon-clock-loading: unquote('"\\e91a"');
+$icon-close-circled: unquote('"\\e91b"');
+$icon-close: unquote('"\\e91c"');
+$icon-copy-item: unquote('"\\e91d"');
+$icon-done-check: unquote('"\\e91e"');
+$icon-download-status: unquote('"\\e91f"');
+$icon-download: unquote('"\\e920"');
+$icon-edit: unquote('"\\e923"');
+$icon-email: unquote('"\\e924"');
+$icon-file-download: unquote('"\\e925"');
+$icon-files-library: unquote('"\\e926"');
+$icon-files: unquote('"\\e927"');
+$icon-filter: unquote('"\\e928"');
+$icon-flag: unquote('"\\e929"');
+$icon-information-circle: unquote('"\\e92a"');
+$icon-key: unquote('"\\e92b"');
+$icon-keychain: unquote('"\\e92c"');
+$icon-label-tag: unquote('"\\e92d"');
+$icon-link: unquote('"\\e92e"');
+$icon-loading-status-checkmark: unquote('"\\e92f"');
+$icon-logout: unquote('"\\e930"');
+$icon-menu-horizontal: unquote('"\\e931"');
+$icon-menu-vertical: unquote('"\\e932"');
+$icon-open: unquote('"\\e933"');
+$icon-pie-chart: unquote('"\\e934"');
+$icon-search: unquote('"\\e937"');
+$icon-setting-gear: unquote('"\\e938"');
+$icon-settings-gear-square: unquote('"\\e93a"');
+$icon-settings-gear: unquote('"\\e93b"');
+$icon-settings-select: unquote('"\\e93c"');
+$icon-share: unquote('"\\e93d"');
+$icon-show-visible: unquote('"\\e93e"');
+$icon-star: unquote('"\\e93f"');
+$icon-substract-group: unquote('"\\e940"');
+$icon-switch: unquote('"\\e941"');
+$icon-trash-delete: unquote('"\\e942"');
+$icon-upload: unquote('"\\e943"');
+$icon-user: unquote('"\\e944"');
+$icon-warning-circle: unquote('"\\e945"');
+$icon-warning: unquote('"\\e946"');
+$icon-icon-placeholder: unquote('"\\e947"');
+$icon-network-storage-alert: unquote('"\\e948"');
+$icon-folder-add: unquote('"\\e949"');
+$icon-folder-checked: unquote('"\\e94a"');
+$icon-folder-open: unquote('"\\e94b"');
+$icon-folder-share: unquote('"\\e94c"');
+$icon-document-file-blank: unquote('"\\e94d"');
+$icon-document-file-download: unquote('"\\e94e"');
+$icon-document-file-tar: unquote('"\\e94f"');
+$icon-document-file-zip: unquote('"\\e950"');
+$icon-document-visible: unquote('"\\e951"');
+$icon-documents-files: unquote('"\\e952"');
+$icon-arrow-back: unquote('"\\e953"');
+$icon-arrow-forward: unquote('"\\e954"');
+$icon-chevron-back: unquote('"\\e955"');
+$icon-chevron-down: unquote('"\\e956"');
+$icon-chevron-forward: unquote('"\\e957"');
+$icon-chevron-up: unquote('"\\e958"');
+$icon-embed-circle: unquote('"\\e959"');
+$icon-rotate-refresh: unquote('"\\e95a"');

package/styles.css

@@ -1,4 +1,3 @@
-@charset "UTF-8";
 @import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700';
 /******************************************************
 Color Palettes for use with vision's theming system
@@ -4794,24 +4793,68 @@ a:visited {
   color: var(--secondary-base);
 }
 
-.vision-icon, [class^=icon-], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: Flywheel-Vision-Icons, emoji !important;
+.vision-icon {
+  white-space: pre;
+}
+@supports (font: -apple-system-body) {
+  .vision-icon:after {
+    content: "";
+    padding-left: 100%;
+    padding-right: 100%;
+  }
+}
+
+.vision-icon, [class^=icon-], [class*=" icon-"] {
+  /* use !important to prevent issues with browser extensions that change fonts */
+  font-family: "Flywheel-Vision-Icons" !important;
   speak: never;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
   line-height: 1;
-  white-space: nowrap;
   /* Enable Ligatures ================ */
   letter-spacing: 0;
-  font-feature-settings: "liga";
+  -webkit-font-feature-settings: "liga";
+  -moz-font-feature-settings: "liga=1";
+  -moz-font-feature-settings: "liga";
+  -ms-font-feature-settings: "liga" 1;
+  font-feature-settings: "liga" 1;
+  -webkit-font-variant-ligatures: discretionary-ligatures;
   font-variant-ligatures: discretionary-ligatures;
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-clock-hour-4:before {
+  content: "\ea32";
+}
+
+.icon-documents-file:before {
+  content: "\ea33";
+}
+
+.icon-expand-pathfinder-dot-square-segmentation:before {
+  content: "\ea34";
+}
+
+.icon-square-fill-outline:before {
+  content: "\ea35";
+}
+
+.icon-square-fill:before {
+  content: "\ea36";
+}
+
+.icon-square-outline:before {
+  content: "\ea37";
+}
+
+.icon-flywheel-viewer-mark-logo:before {
+  content: "\ea38";
+}
+
 .icon-filter-sort-check-mark:before {
   content: "\ea2e";
 }
@@ -4849,7 +4892,7 @@ a:visited {
 }
 
 .icon-brightness-photo-edit:before {
-  content: "򾨩";
+  content: "\bea29";
 }
 
 .icon-target-space-object-select:before {
@@ -6041,8 +6084,8 @@ a:visited {
 }
 
 @font-face {
-  font-family: Flywheel-Vision-Icons;
-  src: url("../../assets/fonts/Flywheel-Vision-Icons.ttf?loixto") format("truetype"), url("../../assets/fonts/Flywheel-Vision-Icons.woff?loixto") format("woff"), url("../../assets/fonts/Flywheel-Vision-Icons.svg?loixto#Flywheel-Vision-Icons") format("svg");
+  font-family: "Flywheel-Vision-Icons";
+  src: url("../../assets/fonts//Flywheel-Vision-Icons.ttf?x8h2gn") format("truetype"), url("../../assets/fonts//Flywheel-Vision-Icons.woff?x8h2gn") format("woff"), url("../../assets/fonts//Flywheel-Vision-Icons.svg?x8h2gn#Flywheel-Vision-Icons") format("svg");
   font-weight: normal;
   font-style: normal;
   font-display: block;