@synergy-design-system/metadata 1.0.0 → 3.0.1

package/data/layers/full/component/component:syn-icon/components/library.migration.ts

@@ -0,0 +1,317 @@
+/* eslint-disable complexity */
+/* eslint-disable @stylistic/indent */
+/**
+ * Icon library for migrating old icon names to new icon names.
+ * This file is automatically generated via
+ * `@synergy-design-system/assets/scripts/createSynMigrationIconLibrary.js`.
+ */
+import { getBasePath } from '../../utilities/base-path.js';
+import { type IconLibrary, registerIconLibrary } from './library.js';
+import defaultLibrary from './library.default.js';
+import { type AvailableSystemIcons, setSystemIconLibrary } from './library.system.js';
+
+/**
+ * The icon migration state:
+ * - DISABLED: No migration is performed.
+ * - ENABLED: Migration is performed and logs a warning when an icon is migrated.
+ * - ENABLED_WITHOUT_LOGGING: Migration is performed without logging warnings.
+ */
+type IconMigrationState = 'DISABLED' | 'ENABLED' | 'ENABLED_WITHOUT_LOGGING';
+
+/**
+ * Get the migrated icon name for a given old icon name.
+ * @param {string} iconName The old icon name
+ * @param {boolean} enableLogging? Whether to enable logging for unmapped icons
+ * @returns {string} The new icon name
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+export const migrateIconName = (
+  iconName: string,
+  enableLogging: boolean = false,
+) => {
+  let icon: string;
+
+  switch (iconName) {
+  case 'access_alarm': icon = 'alarm'; break;
+  case 'access_alarms': icon = 'alarm'; break;
+  case 'access_time': icon = 'schedule'; break;
+  case 'access_time_filled': icon = 'schedule'; break;
+  case 'account_tree_outline': icon = 'account_tree'; break;
+  case 'add_alarm': icon = 'alarm_add'; break;
+  case 'add_circle_outline': icon = 'add_circle'; break;
+  case 'add_ic_call': icon = 'add_call'; break;
+  case 'addchart': icon = 'add_chart'; break;
+  case 'announcement': icon = 'feedback'; break;
+  case 'app_settings_alt': icon = 'phonelink_setup'; break;
+  case 'arrow_range_outline': icon = 'arrow_range'; break;
+  case 'assessment': icon = 'insert_chart'; break;
+  case 'assistant_photo': icon = 'flag'; break;
+  case 'audiotrack': icon = 'music_note'; break;
+  case 'battery_std': icon = 'battery_full'; break;
+  case 'bluetooth_audio': icon = 'bluetooth_searching'; break;
+  case 'bookmark_border': icon = 'bookmark'; break;
+  case 'box_outline': icon = 'box'; break;
+  case 'browser_not_supported': icon = 'web_asset_off'; break;
+  case 'build_circle_outline': icon = 'build_circle'; break;
+  case 'business': icon = 'domain'; break;
+  case 'camera_alt': icon = 'photo_camera'; break;
+  case 'cancel_outline': icon = 'cancel'; break;
+  case 'card_giftcard': icon = 'redeem'; break;
+  case 'catching_pokemon': icon = 'sports_baseball'; break;
+  case 'center_focus_strong_outline': icon = 'center_focus_strong'; break;
+  case 'chat_bubble_outline': icon = 'chat_bubble'; break;
+  case 'check_circle_outline': icon = 'check_circle'; break;
+  case 'circle_outline': icon = 'circle'; break;
+  case 'class': icon = 'book'; break;
+  case 'clear': icon = 'close'; break;
+  case 'closed_caption_off': icon = 'closed_caption'; break;
+  case 'collections': icon = 'filter'; break;
+  case 'color_lens': icon = 'palette'; break;
+  case 'control_point': icon = 'add_circle'; break;
+  case 'conveyor_belt_outline': icon = 'conveyor_belt'; break;
+  case 'create': icon = 'edit'; break;
+  case 'crop_din': icon = 'crop_square'; break;
+  case 'crop_original': icon = 'image'; break;
+  case 'data_saver_off': icon = 'data_usage'; break;
+  case 'delete_outline': icon = 'delete'; break;
+  case 'delivery_dining': icon = 'moped'; break;
+  case 'directions_boat_filled': icon = 'directions_boat'; break;
+  case 'directions_bus_filled': icon = 'directions_bus'; break;
+  case 'directions_car_filled': icon = 'directions_car'; break;
+  case 'directions_railway_filled': icon = 'directions_railway'; break;
+  case 'directions_subway_filled': icon = 'directions_subway'; break;
+  case 'directions_transit': icon = 'directions_subway'; break;
+  case 'directions_transit_filled': icon = 'directions_subway'; break;
+  case 'discount': icon = 'sell'; break;
+  case 'do_disturb': icon = 'block'; break;
+  case 'do_disturb_alt': icon = 'block'; break;
+  case 'do_disturb_off': icon = 'block'; break;
+  case 'do_disturb_on': icon = 'do_not_disturb_on'; break;
+  case 'do_not_disturb': icon = 'do_not_disturb_off'; break;
+  case 'do_not_disturb_alt': icon = 'block'; break;
+  case 'drive_eta': icon = 'directions_car'; break;
+  case 'email': icon = 'mail'; break;
+  case 'emoji_emotions': icon = 'mood'; break;
+  case 'error_outline': icon = 'error'; break;
+  case 'favorite_border': icon = 'favorite'; break;
+  case 'feedback_outline': icon = 'feedback'; break;
+  case 'filter_alt_outline': icon = 'filter_alt'; break;
+  case 'fire_hydrant_alt': icon = 'fire_hydrant'; break;
+  case 'fitbit': icon = 'blur_on'; break;
+  case 'fmd_good': icon = 'location_on'; break;
+  case 'free_breakfast': icon = 'local_cafe'; break;
+  case 'games': icon = 'gamepad'; break;
+  case 'get_app': icon = 'file_download'; break;
+  case 'gpp_good': icon = 'verified_user'; break;
+  case 'gps_fixed': icon = 'my_location'; break;
+  case 'gps_not_fixed': icon = 'location_searching'; break;
+  case 'gps_off': icon = 'location_disabled'; break;
+  case 'headset': icon = 'headphones'; break;
+  case 'help_outline': icon = 'help'; break;
+  case 'highlight_alt': icon = 'ink_selection'; break;
+  case 'highlight_off': icon = 'cancel'; break;
+  case 'https': icon = 'lock'; break;
+  case 'import_export': icon = 'swap_vert'; break;
+  case 'info_outline': icon = 'info'; break;
+  case 'insert_chart_outlined': icon = 'insert_chart'; break;
+  case 'insert_comment': icon = 'comment'; break;
+  case 'insert_drive_file': icon = 'note'; break;
+  case 'insert_emoticon': icon = 'mood'; break;
+  case 'insert_invitation': icon = 'event'; break;
+  case 'insert_link': icon = 'link'; break;
+  case 'insert_photo': icon = 'image'; break;
+  case 'iso': icon = 'exposure'; break;
+  case 'laptop': icon = 'laptop_mac'; break;
+  case 'launch': icon = 'open_in_new'; break;
+  case 'local_airport': icon = 'flight'; break;
+  case 'local_grocery_store': icon = 'shopping_cart'; break;
+  case 'local_hotel': icon = 'hotel'; break;
+  case 'local_movies': icon = 'theaters'; break;
+  case 'local_offer': icon = 'sell'; break;
+  case 'local_phone': icon = 'call'; break;
+  case 'local_play': icon = 'local_activity'; break;
+  case 'local_printshop': icon = 'print'; break;
+  case 'loop': icon = 'sync'; break;
+  case 'mail_outline': icon = 'mail'; break;
+  case 'maps_home_work': icon = 'home_work'; break;
+  case 'markunread': icon = 'mail'; break;
+  case 'message': icon = 'chat'; break;
+  case 'mic_none': icon = 'mic'; break;
+  case 'miscellaneous_services': icon = 'manufacturing'; break;
+  case 'mode': icon = 'edit'; break;
+  case 'mode_edit': icon = 'edit'; break;
+  case 'mode_edit_outline': icon = 'edit'; break;
+  case 'money_off_csred': icon = 'money_off'; break;
+  case 'motion_photos_pause': icon = 'motion_photos_paused'; break;
+  case 'move_group_outline': icon = 'move_group'; break;
+  case 'movie_creation': icon = 'movie'; break;
+  case 'nightlight_round': icon = 'nightlight'; break;
+  case 'no_cell': icon = 'mobile_off'; break;
+  case 'no_encryption_gmailerrorred': icon = 'no_encryption'; break;
+  case 'not_interested': icon = 'block'; break;
+  case 'notifications_none': icon = 'notifications'; break;
+  case 'ondemand_video': icon = 'live_tv'; break;
+  case 'outlined_flag': icon = 'flag'; break;
+  case 'package_2_outline': icon = 'package_2'; break;
+  case 'package_outline': icon = 'package'; break;
+  case 'pallet_outline': icon = 'pallet'; break;
+  case 'pan_tool_outline': icon = 'pan_tool'; break;
+  case 'panorama_horizontal_select': icon = 'panorama_horizontal'; break;
+  case 'panorama_photosphere_select': icon = 'panorama_photosphere'; break;
+  case 'panorama_vertical_select': icon = 'panorama_vertical'; break;
+  case 'panorama_wide_angle_select': icon = 'panorama_wide_angle'; break;
+  case 'pause_circle_filled': icon = 'pause_circle'; break;
+  case 'pause_circle_outline': icon = 'pause_circle'; break;
+  case 'payment': icon = 'credit_card'; break;
+  case 'pending_outline': icon = 'pending'; break;
+  case 'people': icon = 'group'; break;
+  case 'people_alt': icon = 'group'; break;
+  case 'people_outline': icon = 'group'; break;
+  case 'perm_identity': icon = 'person'; break;
+  case 'person_add_alt': icon = 'person_add'; break;
+  case 'person_add_alt_1': icon = 'person_add'; break;
+  case 'person_outline': icon = 'person'; break;
+  case 'person_remove_alt_1': icon = 'person_remove'; break;
+  case 'personal_video': icon = 'monitor'; break;
+  case 'phone': icon = 'call'; break;
+  case 'phonelink': icon = 'devices'; break;
+  case 'photo_size_select_actual': icon = 'panorama'; break;
+  case 'pie_chart_outline': icon = 'pie_chart'; break;
+  case 'pix': icon = 'wallpaper'; break;
+  case 'place': icon = 'location_on'; break;
+  case 'play_circle_filled': icon = 'play_circle'; break;
+  case 'play_circle_outline': icon = 'play_circle'; break;
+  case 'plus_one': icon = 'exposure_plus_1'; break;
+  case 'poll': icon = 'insert_chart'; break;
+  case 'portrait': icon = 'account_box'; break;
+  case 'progress_activity_outline': icon = 'progress_activity'; break;
+  case 'query_builder': icon = 'schedule'; break;
+  case 'question_answer': icon = 'forum'; break;
+  case 'queue': icon = 'library_add'; break;
+  case 'remove_circle': icon = 'do_not_disturb_on'; break;
+  case 'remove_circle_outline': icon = 'do_not_disturb_on'; break;
+  case 'remove_red_eye': icon = 'visibility'; break;
+  case 'replay_circle_filled': icon = 'replay'; break;
+  case 'report_gmailerrorred': icon = 'report'; break;
+  case 'report_problem': icon = 'warning'; break;
+  case 'restore': icon = 'history'; break;
+  case 'room': icon = 'location_on'; break;
+  case 'rotate_90_degrees_cw_outline': icon = 'rotate_90_degrees_cw'; break;
+  case 'save_alt': icon = 'file_download'; break;
+  case 'sd_storage': icon = 'sd_card'; break;
+  case 'security_update': icon = 'system_update'; break;
+  case 'sentiment_satisfied_alt': icon = 'sentiment_satisfied'; break;
+  case 'settings_input_composite': icon = 'settings_input_component'; break;
+  case 'settings_outline': icon = 'settings'; break;
+  case 'shelves_outline': icon = 'shelves'; break;
+  case 'shop_2': icon = 'shop_two'; break;
+  case 'shortcut': icon = 'turn_right'; break;
+  case 'signal_cellular_no_sim': icon = 'no_sim'; break;
+  case 'signal_wifi_4_bar_lock': icon = 'wifi_lock'; break;
+  case 'signal_wifi_connected_no_internet_4': icon = 'signal_wifi_bad'; break;
+  case 'signal_wifi_statusbar_4_bar': icon = 'signal_wifi_4_bar'; break;
+  case 'signal_wifi_statusbar_connected_no_internet_4': icon = 'signal_wifi_statusbar_not_connected'; break;
+  case 'sim_card_alert': icon = 'sd_card_alert'; break;
+  case 'sms_outline': icon = 'sms'; break;
+  case 'source': icon = 'topic'; break;
+  case 'square_outline': icon = 'square'; break;
+  case 'star_border': icon = 'grade'; break;
+  case 'star_border_purple500': icon = 'star_rate'; break;
+  case 'star_outline': icon = 'star'; break;
+  case 'star_purple500': icon = 'star_rate'; break;
+  case 'stop_circle_outline': icon = 'stop_circle'; break;
+  case 'store_mall_directory': icon = 'store'; break;
+  case 'system_security_update': icon = 'system_update'; break;
+  case 'system_security_update_good': icon = 'security_update_good'; break;
+  case 'system_security_update_warning': icon = 'security_update_warning'; break;
+  case 'table_chart_outline': icon = 'table_chart'; break;
+  case 'tag_faces': icon = 'mood'; break;
+  case 'terrain': icon = 'landscape'; break;
+  case 'textsms': icon = 'sms'; break;
+  case 'thumb_down_alt': icon = 'thumb_down'; break;
+  case 'thumb_down_off_alt': icon = 'thumb_down_off'; break;
+  case 'thumb_up_alt': icon = 'thumb_up'; break;
+  case 'thumb_up_off_alt': icon = 'thumb_up_off'; break;
+  case 'time_to_leave': icon = 'directions_car'; break;
+  case 'timer_outline': icon = 'timer'; break;
+  case 'try': icon = 'reviews'; break;
+  case 'tungsten': icon = 'wb_incandescent'; break;
+  case 'turned_in': icon = 'bookmark'; break;
+  case 'turned_in_not': icon = 'bookmark'; break;
+  case 'visibility_off_outline': icon = 'visibility_off'; break;
+  case 'visibility_outline': icon = 'visibility'; break;
+  case 'warning_amber': icon = 'warning'; break;
+  case 'watch_later': icon = 'schedule'; break;
+  case 'wb_cloudy': icon = 'cloud_queue'; break;
+  case 'wb_incandescent_outline': icon = 'wb_incandescent'; break;
+  case 'window_outline': icon = 'window'; break;
+  case 'work_off': icon = 'enterprise_off'; break;
+  case 'work_outline': icon = 'work'; break;
+
+  // Default case: We have a direct mapping
+  default: icon = iconName;
+  }
+
+  if (enableLogging && icon !== iconName) {
+    // eslint-disable-next-line no-console
+    console.warn(`[Icon Migration] Mapped icon name "${iconName}" to "${icon}"`);
+  }
+
+  return icon;
+};
+
+/**
+ * Get the migrated icon name for a given old icon name in its filled state.
+ * @param {string} iconName The old icon name
+ * @param {boolean} enableLogging? Whether to enable logging for unmapped icons
+ * @returns {string} The new icon name
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+export const migrateIconNameFilled = (
+  iconName: string,
+  enableLogging: boolean = false,
+) => {
+  const baseIconName = migrateIconName(iconName, enableLogging);
+  return `${baseIconName}_fill`;
+};
+
+/**
+ * Create an icon library for migrating old icon names to new icon names.
+ * @param {IconMigrationState} withState The icon migration state
+ * @returns {IconLibrary} The migration icon library
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+export const createMigrationLibrary = (withState: IconMigrationState = 'DISABLED'): IconLibrary => ({
+  name: 'default',
+  resolver: name => {
+    const mappedName = migrateIconName(name, withState === 'ENABLED');
+    return getBasePath(`assets/icons/${mappedName}.svg`);
+  },
+});
+
+/**
+ * Default icon library for migrating old icon names to new icon names.
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+export const migrationLibrary = createMigrationLibrary('DISABLED');
+
+/**
+ * Setup the system icon library.
+ * @param iconset The system icon set to use
+ * @param enableLogging Enable logging of migrated icons?
+ * @returns The icon library used
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+export const setupIcons = (
+  iconset: AvailableSystemIcons = 'sick2025',
+  enableLogging: boolean = true,
+): IconLibrary => {
+  const iconlibraryToUse = iconset === 'sick2018'
+    ? defaultLibrary
+    : createMigrationLibrary(enableLogging ? 'ENABLED' : 'ENABLED_WITHOUT_LOGGING');
+
+  registerIconLibrary('default', iconlibraryToUse);
+  setSystemIconLibrary(iconset);
+
+  return iconlibraryToUse;
+};

package/data/layers/full/component/component:syn-icon/components/library.system.ts

@@ -0,0 +1,46 @@
+/* eslint-disable */
+import type { IconLibrary } from './library.js';
+import { icons as sick2018Icons } from './sick2018-system-icons.js';
+import { icons as sick2025Icons } from './sick2025-system-icons.js';
+
+export type AvailableSystemIcons = 'sick2018' | 'sick2025';
+
+/**
+ * The current system icon library.
+ * Defaults to 2018 for Synergy V2 and 2025 for Synergy V3.
+ * This can be changed at runtime, but should not be done in production.
+ * The system icon library is used by Synergy components to ensure consistent icons across the application.
+ */
+let icons = sick2025Icons;
+
+/**
+ * Set the current system icon library.
+ * @param library - The system icon library to set.
+ */
+export const setSystemIconLibrary = (library?: AvailableSystemIcons) => {
+  switch (library) {
+    case 'sick2018':
+      icons = sick2018Icons;
+      break;
+    case 'sick2025':
+    default:
+      icons = sick2025Icons;
+  }
+};
+
+// System icons are a separate library to ensure they're always available, regardless of how the default icon library is
+// configured or if its icons resolve properly.
+//
+// All Synergy components must use the system library instead of the default library. For visual consistency, system
+// icons are a subset of Synergy Icons.
+const systemLibrary: IconLibrary = {
+  name: 'system',
+  resolver: (name: keyof typeof icons) => {
+    if (name in icons) {
+      return icons[name];
+    }
+    return '';
+  }
+};
+
+export default systemLibrary;

package/data/layers/full/component/component:syn-icon/components/library.ts

@@ -0,0 +1,54 @@
+/* eslint-disable */
+import defaultLibrary from './library.default.js';
+import systemLibrary from './library.system.js';
+import type SynIcon from '../icon/icon.js';
+
+export type IconLibraryResolver = (name: string) => string;
+export type IconLibraryMutator = (svg: SVGElement) => void;
+export interface IconLibrary {
+  name: string;
+  resolver: IconLibraryResolver;
+  mutator?: IconLibraryMutator;
+  spriteSheet?: boolean;
+}
+
+let registry: IconLibrary[] = [defaultLibrary, systemLibrary];
+let watchedIcons: SynIcon[] = [];
+
+/** Adds an icon to the list of watched icons. */
+export function watchIcon(icon: SynIcon) {
+  watchedIcons.push(icon);
+}
+
+/** Removes an icon from the list of watched icons. */
+export function unwatchIcon(icon: SynIcon) {
+  watchedIcons = watchedIcons.filter(el => el !== icon);
+}
+
+/** Returns a library from the registry. */
+export function getIconLibrary(name?: string) {
+  return registry.find(lib => lib.name === name);
+}
+
+/** Adds an icon library to the registry, or overrides an existing one. */
+export function registerIconLibrary(name: string, options: Omit<IconLibrary, 'name'>) {
+  unregisterIconLibrary(name);
+  registry.push({
+    name,
+    resolver: options.resolver,
+    mutator: options.mutator,
+    spriteSheet: options.spriteSheet
+  });
+
+  // Redraw watched icons
+  watchedIcons.forEach(icon => {
+    if (icon.library === name) {
+      icon.setIcon();
+    }
+  });
+}
+
+/** Removes an icon library from the registry. */
+export function unregisterIconLibrary(name: string) {
+  registry = registry.filter(lib => lib.name !== name);
+}

package/data/layers/full/component/component:syn-icon/components/sick2018-system-icons.ts

@@ -0,0 +1,37 @@
+/* eslint-disable */
+/**
+ * @deprecated Consider moving to synergy 2025 icons directly. See https://synergy-design-system.github.io/?path=/docs/migration--docs for further details.
+ */
+
+export const icons = {
+  "add": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z\"/></svg>",
+  "check": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m8.795 15.875-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z\"/></svg>",
+  "chevron-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\"/></svg>",
+  "chevron-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m9.705 6-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6z\"/></svg>",
+  "details-close": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m7.41 15.705 4.59-4.58 4.59 4.58 1.41-1.41-6-6-6 6z\"/></svg>",
+  "details-open": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M16.59 8.295 12 12.875l-4.59-4.58L6 9.705l6 6 6-6z\"/></svg>",
+  "eye": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3\"/></svg>",
+  "eye-slash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12.005 6.5c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16c.57-.23 1.18-.36 1.83-.36m-10-2.73 2.74 2.74a11.8 11.8 0 0 0-3.74 4.99c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42 2.93 2.92 1.27-1.27L3.275 2.5zm5.53 5.53 1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z\"/></svg>",
+  "first-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M18.205 16.59 13.615 12l4.59-4.59L16.795 6l-6 6 6 6zM5.795 6h2v12h-2z\"/></svg>",
+  "indeterminate": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M19 13H5v-2h14z\"/></svg>",
+  "last-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m5.795 7.41 4.59 4.59-4.59 4.59L7.205 18l6-6-6-6zM16.205 6h2v12h-2z\"/></svg>",
+  "logo-color": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"295\" height=\"94\" viewBox=\"0 0 295 94\" fill='currentColor'><g clip-path=\"url(#a)\"><path d=\"M166.804 0c17.635 0 32.971 9.893 40.87 24.488l-19.073 10.294c-4.267-7.863-12.513-13.106-21.797-13.106-13.541 0-24.871 11.138-24.872 25.315 0 14.178 11.331 25.317 24.872 25.317 9.475 0 17.923-5.453 22.103-13.595l19.054 10.346c-7.829 14.83-23.348 24.924-41.157 24.924-25.707 0-46.547-21.04-46.547-46.992S141.097 0 166.804 0M57.284 1.672c12.541 0 21.494 9.388 21.494 21.293H26.875c-6.976.993-7.42 11.696 0 12.906h27.64c15.162.41 27.258 12.48 27.258 27.763 0 14.081-11.947 28.233-27.187 28.233H26.082c-12.131 0-25.49-6.549-25.49-21.754.156 0 46.595 0 54.003.008 7.898-1.576 7.018-11.538 0-12.914h-27.72c-14.752 0-26.43-12.593-26.43-27.598 0-14.43 10.79-27.937 26.43-27.937zm53.794 90.195h-21.3V1.663h21.3zM237.535 1.663V37.84h8.291l22.398-36.176h26.492L264.192 47.34l30.079 44.527h-26.5L245.103 56.92h-7.568v34.948H215.99V1.663z\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h295v94H0z\"/></clipPath></defs></svg>",
+  "menu": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z\"/></svg>",
+  "more": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\"/></svg>",
+  "more-vert": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2\"/></svg>",
+  "next-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m9.705 6-1.41 1.41 4.58 4.59-4.58 4.59L9.705 18l6-6z\"/></svg>",
+  "placeholder": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M4 4h7V2H4c-1.1 0-2 .9-2 2v7h2zm6 9-4 5h12l-3-4-2.03 2.71zm7-4.5c0-.83-.67-1.5-1.5-1.5S14 7.67 14 8.5s.67 1.5 1.5 1.5S17 9.33 17 8.5M20 2h-7v2h7v7h2V4c0-1.1-.9-2-2-2m0 18h-7v2h7c1.1 0 2-.9 2-2v-7h-2zM4 13H2v7c0 1.1.9 2 2 2h7v-2H4z\"/></svg>",
+  "previous-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M15.705 7.41 14.295 6l-6 6 6 6 1.41-1.41-4.58-4.59z\"/></svg>",
+  "radio": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill='currentColor'><path d=\"M6 1C3.235 1 1 3.235 1 6s2.235 5 5 5 5-2.235 5-5-2.235-5-5-5\"/></svg>",
+  "status-error": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M15.73 3H8.27L3 8.27v7.46L8.27 21h7.46L21 15.73V8.27zM12 17.3c-.72 0-1.3-.58-1.3-1.3s.58-1.3 1.3-1.3 1.3.58 1.3 1.3-.58 1.3-1.3 1.3m1-4.3h-2V7h2z\"/></svg>",
+  "status-informative": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z\"/></svg>",
+  "status-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58a.49.49 0 0 0 .12-.61l-1.92-3.32a.49.49 0 0 0-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54a.484.484 0 0 0-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58a.49.49 0 0 0-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6A3.61 3.61 0 0 1 8.4 12c0-1.98 1.62-3.6 3.6-3.6s3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6\"/></svg>",
+  "status-success": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z\"/></svg>",
+  "status-warning": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M1 21.5h22l-11-19zm12-3h-2v-2h2zm0-4h-2v-4h2z\"/></svg>",
+  "sticky_sidebar": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M5 21q-.824 0-1.412-.587A1.93 1.93 0 0 1 3 19V5q0-.824.587-1.412A1.93 1.93 0 0 1 5 3h14q.824 0 1.413.587Q21 4.176 21 5v14q0 .824-.587 1.413A1.93 1.93 0 0 1 19 21zm5-2h9V5h-9z\"/></svg>",
+  "tabs-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m17.835 3.87-1.77-1.77-9.9 9.9 9.9 9.9 1.77-1.77L9.705 12z\"/></svg>",
+  "tabs-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M6.115 20.23 7.885 22l10-10-10-10-1.77 1.77 8.23 8.23z\"/></svg>",
+  "upload-file": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z\"/></svg>",
+  "x-circle-fill": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z\"/></svg>",
+  "x-lg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/></svg>"
+};

package/data/layers/full/component/component:syn-icon/components/sick2025-system-icons.ts

@@ -0,0 +1,34 @@
+/* eslint-disable */
+
+export const icons = {
+  "add": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M11.25 12.75H5.5v-1.5h5.75V5.5h1.5v5.75h5.75v1.5h-5.75v5.75h-1.5z\"/></svg>",
+  "check": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m9.55 17.654-5.334-5.335 1.069-1.069 4.265 4.265 9.166-9.165 1.069 1.07z\"/></svg>",
+  "chevron-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 15.039 6.346 9.384 7.4 8.331l4.6 4.6 4.6-4.6 1.054 1.053z\"/></svg>",
+  "chevron-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m12.946 12-4.6-4.6L9.4 6.346 15.054 12 9.4 17.654 8.346 16.6z\"/></svg>",
+  "details-close": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M5.5 12.75v-1.5h13v1.5z\"/></svg>",
+  "details-open": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M11.25 12.75H5.5v-1.5h5.75V5.5h1.5v5.75h5.75v1.5h-5.75v5.75h-1.5z\"/></svg>",
+  "eye": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12.002 15.577q1.7 0 2.888-1.19t1.187-2.89-1.19-2.886-2.89-1.188-2.886 1.19-1.188 2.89 1.19 2.887 2.89 1.187M12 14.2q-1.125 0-1.912-.787A2.6 2.6 0 0 1 9.3 11.5q0-1.125.788-1.912A2.6 2.6 0 0 1 12 8.8q1.125 0 1.913.787.787.788.787 1.913t-.787 1.912A2.6 2.6 0 0 1 12 14.2m.001 4.3q-3.45 0-6.285-1.903-2.837-1.904-4.177-5.097 1.34-3.194 4.175-5.097T12 4.5t6.286 1.903q2.836 1.904 4.177 5.097-1.341 3.195-4.176 5.097T12.001 18.5\"/></svg>",
+  "eye-slash": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m19.762 21.87-4.046-4.016q-.77.285-1.705.465-.936.18-2.01.181-3.525 0-6.341-1.939-2.815-1.938-4.121-5.061.554-1.325 1.43-2.472A11.4 11.4 0 0 1 4.9 7.038l-2.77-2.8 1.055-1.053 17.63 17.63zM12 15.576q.314 0 .642-.054.33-.053.585-.158l-5.092-5.092q-.104.275-.158.599a4 4 0 0 0-.054.628q0 1.702 1.188 2.89 1.186 1.187 2.89 1.187m6.954.507-3.137-3.111q.118-.32.189-.684.07-.366.071-.789 0-1.702-1.187-2.89Q13.702 7.424 12 7.424q-.422 0-.779.076-.355.076-.684.228L8.035 5.235a10 10 0 0 1 1.936-.556q.99-.18 2.03-.179 3.514 0 6.34 1.939 2.824 1.938 4.12 5.061-.555 1.34-1.435 2.502a11 11 0 0 1-2.072 2.082m-4.27-4.234-3.009-3q.661-.124 1.25.098.586.223 1.012.663.435.44.636 1.033.202.593.112 1.206\"/></svg>",
+  "first-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M6.25 17.75V6.25h1.5v11.5zM17 17.654 11.346 12 17 6.346 18.054 7.4l-4.6 4.6 4.6 4.6z\"/></svg>",
+  "indeterminate": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M5.5 12.75v-1.5h13v1.5z\"/></svg>",
+  "last-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M7 17.654 5.946 16.6l4.6-4.6-4.6-4.6L7 6.346 12.654 12zm9.25.096V6.25h1.5v11.5z\"/></svg>",
+  "logo-color": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"295\" height=\"94\" viewBox=\"0 0 295 94\" fill='currentColor'><g clip-path=\"url(#a)\"><path d=\"M166.39 0c17.638 0 32.976 9.895 40.876 24.493L188.19 34.788c-4.268-7.865-12.516-13.108-21.8-13.108-13.545 0-24.876 11.14-24.876 25.32s11.331 25.32 24.876 25.32c9.476 0 17.925-5.452 22.106-13.596l19.058 10.347C199.723 83.905 184.202 94 166.39 94c-25.713 0-46.556-21.044-46.556-47S140.677 0 166.39 0M56.85 1.673c12.543 0 21.498 9.389 21.498 21.296H26.436c-6.977.993-7.421 11.697 0 12.908H54.08c15.164.41 27.263 12.481 27.263 27.768 0 14.084-11.95 28.238-27.194 28.238H25.643c-12.134 0-25.495-6.55-25.495-21.758.151 0 46.601 0 54.011.009 7.9-1.577 7.02-11.541 0-12.917H26.436C11.68 57.217 0 44.622 0 29.614 0 15.182 10.792 1.673 26.436 1.673zm53.803 90.21H89.349V1.664h21.304zm126.48-90.219v36.182h8.292l22.402-36.182h26.497L263.795 47.35l30.085 44.534h-26.505L244.702 56.93h-7.569v34.953h-21.549V1.664z\"/></g><defs><clipPath id=\"a\"><path d=\"M0 0h295v94H0z\"/></clipPath></defs></svg>",
+  "menu": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M3.5 17.635v-1.5h17v1.5zm0-4.885v-1.5h17v1.5zm0-4.885v-1.5h17v1.5z\"/></svg>",
+  "more": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M6.23 13.5q-.618 0-1.059-.44a1.44 1.44 0 0 1-.44-1.06q0-.619.44-1.06.44-.44 1.06-.44.618 0 1.06.44.44.442.44 1.06t-.44 1.06q-.442.44-1.06.44m5.77 0q-.619 0-1.06-.44A1.44 1.44 0 0 1 10.5 12q0-.619.44-1.06.441-.44 1.06-.44.618 0 1.06.44.44.442.44 1.06t-.44 1.06q-.442.44-1.06.44m5.77 0q-.62 0-1.06-.44a1.44 1.44 0 0 1-.44-1.06q0-.619.44-1.06.44-.44 1.06-.44.618 0 1.058.44.441.442.441 1.06t-.44 1.06q-.44.44-1.06.44\"/></svg>",
+  "more-vert": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 19.27q-.619 0-1.06-.442a1.44 1.44 0 0 1-.44-1.059q0-.618.44-1.06.442-.44 1.06-.44t1.06.44q.44.442.44 1.06 0 .62-.44 1.06-.442.44-1.06.44m0-5.77q-.619 0-1.06-.44A1.44 1.44 0 0 1 10.5 12q0-.619.44-1.06.442-.44 1.06-.44t1.06.44q.44.442.44 1.06t-.44 1.06q-.442.44-1.06.44m0-5.77q-.619 0-1.06-.44a1.44 1.44 0 0 1-.44-1.06q0-.618.44-1.058.442-.441 1.06-.441t1.06.44q.44.44.44 1.06 0 .618-.44 1.06-.442.44-1.06.44\"/></svg>",
+  "next-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m12.946 12-4.6-4.6L9.4 6.346 15.054 12 9.4 17.654 8.346 16.6z\"/></svg>",
+  "placeholder": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M3.5 20.5V13H5v6h6v1.5zm9.5 0V19h6v-6h1.5v7.5zm-6.25-3.75 2.48-3.289 2 2.558 2.809-3.653 3.288 4.384zM3.5 11V3.5H11V5H5v6zM19 11V5h-6V3.5h7.5V11zm-3.594-1.096q-.566 0-.938-.37a1.26 1.26 0 0 1-.372-.936q0-.566.37-.938t.936-.372.938.37q.371.37.372.936 0 .566-.37.938a1.26 1.26 0 0 1-.936.372\"/></svg>",
+  "previous-page": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M14 17.654 8.346 12 14 6.346 15.054 7.4l-4.6 4.6 4.6 4.6z\"/></svg>",
+  "radio": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill='currentColor'><path d=\"M6 10.75a4.6 4.6 0 0 1-1.852-.374A4.8 4.8 0 0 1 2.64 9.361a4.8 4.8 0 0 1-1.016-1.508 4.6 4.6 0 0 1-.374-1.852q0-.986.374-1.853.375-.866 1.015-1.508.641-.641 1.508-1.016a4.6 4.6 0 0 1 1.852-.374q.986 0 1.853.374.867.375 1.508 1.015.642.641 1.016 1.508t.374 1.852-.374 1.853A4.8 4.8 0 0 1 9.361 9.36q-.642.642-1.508 1.016a4.6 4.6 0 0 1-1.852.374\"/></svg>",
+  "status-error": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M12 16.712q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575a.78.78 0 0 0 .576.233m-.75-3.481h1.5V7.192h-1.5zM8.461 20.5 3.5 15.543V8.462L8.457 3.5h7.082L20.5 8.457v7.082L15.543 20.5zM9.1 19h5.8l4.1-4.1V9.1L14.9 5H9.1L5 9.1v5.8z\"/></svg>",
+  "status-informative": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M11.25 16.75h1.5V11h-1.5zM12 9.289q.343 0 .575-.233a.78.78 0 0 0 .233-.575.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.575A.78.78 0 0 0 12 9.29m.002 12.211a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20\"/></svg>",
+  "status-neutral": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m9.692 21.5-.38-3.046a5.3 5.3 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5 5 0 0 1-.049-.448 7 7 0 0 1 0-.882q.014-.22.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.4 6.4 0 0 1 .772-.524 5 5 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056q.45.163.815.381t.735.515l2.85-1.183 2.308 3.981-2.479 1.873q.054.243.059.453t.005.424q0 .204-.01.415-.01.21-.069.481l2.46 1.854-2.308 4-2.815-1.202q-.372.296-.758.524a4.6 4.6 0 0 1-.793.372l-.38 3.056zM11 20h1.966l.359-2.679q.765-.2 1.399-.568.634-.369 1.222-.947l2.485 1.044.985-1.7-2.17-1.635q.125-.387.17-.761a6.3 6.3 0 0 0 0-1.508 4 4 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.3 5.3 0 0 0-1.203-.949 5.2 5.2 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.2 5.2 0 0 0-1.414.553q-.648.374-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.7 3.7 0 0 0-.175.74 6.3 6.3 0 0 0 0 1.575q.05.375.165.74l-2.15 1.635.985 1.7 2.475-1.05q.57.585 1.217.958t1.433.573zm1.011-5q1.249 0 2.125-.876A2.9 2.9 0 0 0 15.012 12q0-1.248-.876-2.124A2.9 2.9 0 0 0 12.012 9q-1.264 0-2.132.876A2.9 2.9 0 0 0 9.01 12q0 1.248.869 2.124T12.01 15\"/></svg>",
+  "status-success": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m10.58 16.254 6.724-6.723-1.054-1.054-5.67 5.67-2.85-2.85-1.053 1.053zm1.422 5.246a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749M12 20q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4 6.325 6.325 4 12t2.325 5.675T12 20\"/></svg>",
+  "status-warning": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M1.865 20.5 12 3l10.135 17.5zM4.45 19h15.1L12 6zM12 17.808q.343 0 .575-.232a.78.78 0 0 0 .233-.576.78.78 0 0 0-.232-.576.78.78 0 0 0-.576-.232.78.78 0 0 0-.575.232.78.78 0 0 0-.233.576q0 .343.232.576a.78.78 0 0 0 .576.232m-.75-2.616h1.5v-5h-1.5z\"/></svg>",
+  "sticky_sidebar": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M9.5 19H19V5H9.5zm-6 1.5v-17h17v17z\"/></svg>",
+  "tabs-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m7.373 12.75 5.696 5.696L12 19.5 4.5 12 12 4.5l1.07 1.054-5.697 5.696H19.5v1.5z\"/></svg>",
+  "tabs-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M16.627 12.75H4.5v-1.5h12.127l-5.696-5.696L12 4.5l7.5 7.5-7.5 7.5-1.07-1.054z\"/></svg>",
+  "upload-file": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M11.25 18.385h1.5V13.95l1.85 1.85 1.054-1.07L12 11.078l-3.654 3.654 1.07 1.053 1.834-1.834zM4.5 21.5v-19h9.75l5.25 5.25V21.5zm9-13V4H6v16h12V8.5z\"/></svg>",
+  "x-circle-fill": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"m8.4 16.654 3.6-3.6 3.6 3.6 1.054-1.054-3.6-3.6 3.6-3.6L15.6 7.346l-3.6 3.6-3.6-3.6L7.346 8.4l3.6 3.6-3.6 3.6zm3.602 4.846a9.3 9.3 0 0 1-3.706-.748 9.6 9.6 0 0 1-3.016-2.03 9.6 9.6 0 0 1-2.032-3.016 9.25 9.25 0 0 1-.748-3.704q0-1.972.748-3.706a9.6 9.6 0 0 1 2.03-3.016 9.6 9.6 0 0 1 3.016-2.032 9.25 9.25 0 0 1 3.704-.748q1.972 0 3.706.748a9.6 9.6 0 0 1 3.017 2.03 9.6 9.6 0 0 1 2.03 3.016 9.25 9.25 0 0 1 .749 3.704q0 1.972-.748 3.706a9.6 9.6 0 0 1-2.03 3.017 9.6 9.6 0 0 1-3.016 2.03 9.25 9.25 0 0 1-3.704.749\"/></svg>",
+  "x-lg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill='currentColor'><path d=\"M6.4 18.654 5.346 17.6l5.6-5.6-5.6-5.6L6.4 5.346l5.6 5.6 5.6-5.6L18.654 6.4l-5.6 5.6 5.6 5.6-1.054 1.054-5.6-5.6z\"/></svg>"
+};

package/data/layers/full/component/component:syn-icon/react/SynIconJSXElement.ts

@@ -0,0 +1,4 @@
+export type SynIconJSXElement = SynCustomElement<
+  SynIcon,
+  [['syn-load', SynLoadEvent], ['syn-error', SynErrorEvent]]
+>;

package/data/layers/full/component/component:syn-icon/react/icon.ts

@@ -0,0 +1,41 @@
+// ---------------------------------------------------------------------
+// 🔒 AUTOGENERATED @synergy-design-system/react wrappers for @synergy-design-system/components
+// Please do not edit this file directly!
+// It will get recreated when running pnpm build.
+// ---------------------------------------------------------------------
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '@synergy-design-system/components/components/icon/icon.component.js';
+
+import { type EventName } from '@lit/react';
+import type { SynLoadEvent } from '@synergy-design-system/components';
+import type { SynErrorEvent } from '@synergy-design-system/components';
+
+const tagName = 'syn-icon';
+Component.define('syn-icon');
+
+/**
+ * @summary Icons are symbols that can be used to represent various options within an application.
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs
+ * @status stable
+ * @since 2.0
+ *
+ * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.
+ * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.
+ *
+ * @csspart svg - The internal SVG element.
+ * @csspart use - The <use> element generated when using `spriteSheet: true`
+ */
+export const SynIcon = createComponent({
+  displayName: 'SynIcon',
+  elementClass: Component,
+  events: {
+    onSynLoad: 'syn-load' as EventName<SynLoadEvent>,
+    onSynError: 'syn-error' as EventName<SynErrorEvent>,
+  },
+  react: React,
+  tagName,
+});
+
+export type { SynLoadEvent } from '@synergy-design-system/components';
+export type { SynErrorEvent } from '@synergy-design-system/components';