@testgorilla/tgo-ui 2.9.0 → 2.10.1

package/projects/tgo-canopy-ui/components/icon/icon.config.ts

@@ -0,0 +1,658 @@
+// Data of all tgoIcons
+export const tgoIcons = [
+  'Add',
+  'Archive',
+  'Arrow_down',
+  'Arrow_left',
+  'Arrow_right',
+  'Arrow_up',
+  'Assessment',
+  'Attempts',
+  'Book',
+  'Calendar',
+  'Candidates',
+  'Chat-notifications',
+  'Chat',
+  'Check',
+  'Clone',
+  'Close',
+  'Code',
+  'Company',
+  'Copy',
+  'Custom-questions',
+  'Delete',
+  'Devices',
+  'Document',
+  'Download',
+  'Edit',
+  'Email-message',
+  'Empty-placeholder',
+  'Error',
+  'Essay',
+  'Eye-hide',
+  'Eye-view',
+  'Feedback-1',
+  'Feedback-2',
+  'Feedback-3',
+  'Feedback-4',
+  'Feedback-5',
+  'File-attach',
+  'File-upload',
+  'Filter',
+  'Folder',
+  'Format-add-file',
+  'Format-add-table',
+  'Format-align-L',
+  'Format-align-R',
+  'Format-align-center',
+  'Format-align-justify',
+  'Format-bold',
+  'Format-code-active',
+  'Format-code-block',
+  'Format-edit-table',
+  'Format-format',
+  'Format-function',
+  'Format-italics',
+  'Format-list-bulleted',
+  'Format-list-numbered',
+  'Format-picker',
+  'Format-quote',
+  'Format-subscript',
+  'Format-superscript',
+  'Format-text-direction-L',
+  'Format-text-direction-R',
+  'Format-text-size',
+  'Format-underline',
+  'Format-variable',
+  'Full-screen',
+  'Gender-female',
+  'Gender-male',
+  'Help-2',
+  'Help',
+  'Image',
+  'Info',
+  'Integration',
+  'Language',
+  'Layout',
+  'Learn',
+  'Level',
+  'Light-bulb',
+  'Link',
+  'Loading-spinner',
+  'Localisation',
+  'Location',
+  'Lock',
+  'Log-out',
+  'Menu-burger',
+  'Menu-ellipsis',
+  'Microphone',
+  'Minus',
+  'Mouse-cursor',
+  'Mouse-grab-cursor',
+  'Mouse',
+  'Multi-choice',
+  'Notifications',
+  'Password',
+  'Path',
+  'Plan-billing',
+  'Plus',
+  'Premium',
+  'Promotion',
+  'Question-count',
+  'Refer',
+  'Reset',
+  'Review',
+  'Round-check-filled',
+  'Round-check',
+  'Search',
+  'Secure-checkout',
+  'Send',
+  'Settings',
+  'Social-facebook',
+  'Social-instagram',
+  'Social-linkedin',
+  'Sorting-down-1',
+  'Sorting-down',
+  'Speedometer',
+  'Star-filled',
+  'Star-half',
+  'Star-outline',
+  'Support',
+  'Sync',
+  'Team',
+  'Test',
+  'Thunder',
+  'Timer',
+  'Type',
+  'Unarchive',
+  'Unlock',
+  'Upgrade',
+  'Upload',
+  'User-access',
+  'User-add',
+  'User-invite',
+  'User-profile',
+  'User-reject',
+  'User-switch',
+  'Video-pause',
+  'Video-play',
+  'Video-record',
+  'Video',
+  'Volume',
+  'Warning',
+  'Zoom-in',
+  'Zoom-out',
+  'Fire',
+  'Gift',
+  'Grab',
+  'Share',
+  'Sparkles',
+  'Video-stop',
+  'Minimize',
+  'Employee',
+  'Money-bag',
+  'Suitcase',
+  'Google',
+  'Fast-forward',
+  'Fast-rewind',
+  'Skip-next',
+  'Skip-previous',
+] as const;
+
+export const tgoRebrandIcons = [
+  'Archive-filled',
+  'Archive-in-line',
+  'Add-in-line',
+  'Add-filled',
+  'Arrow-chevron-down-filled',
+  'Arrow-chevron-down-in-line',
+  'Arrow-chevron-left-filled',
+  'Arrow-chevron-left-in-line',
+  'Arrow-chevron-right-filled',
+  'Arrow-chevron-right-in-line',
+  'Arrow-chevron-up-filled',
+  'Arrow-chevron-up-in-line',
+  'Arrow-down-filled',
+  'Arrow-down-in-line',
+  'Arrow-up-filled',
+  'Arrow-up-in-line',
+  'Assessment-filled',
+  'Assessment-in-line',
+  'Attach-filled',
+  'Attach-in-line',
+  'Attempts-filled',
+  'Attempts-in-line',
+  'Book-filled',
+  'Book-in-line',
+  'Calendar-filled',
+  'Calendar-in-line',
+  'Candidates-filled',
+  'Candidates-in-line',
+  'Chat-filled',
+  'Chat-in-line',
+  'Check-filled',
+  'Check-in-line',
+  'Check-round-filled',
+  'Check-round-in-line',
+  'Clone-filled',
+  'Clone-in-line',
+  'Close-filled',
+  'Close-in-line',
+  'Code-filled',
+  'Code-in-line',
+  'Company-filled',
+  'Company-in-line',
+  'Copy-filled',
+  'Copy-in-line',
+  'Delete-filled',
+  'Delete-in-line',
+  'Devices-filled',
+  'Devices-in-line',
+  'Document-filled',
+  'Document-in-line',
+  'Download-filled',
+  'Download-in-line',
+  'Edit-filled',
+  'Edit-in-line',
+  'Edit-text-filled',
+  'Edit-text-in-line',
+  'Employee-filled',
+  'Employee-in-line',
+  'Error-filled',
+  'Error-in-line',
+  'Essay-filled',
+  'Essay-in-line',
+  'Experience-filled',
+  'Experience-in-line',
+  'Facebook-filled',
+  'Facebook-in-line',
+  'Fast-forward-filled',
+  'Fast-forward-in-line',
+  'Fast-rewind-filled',
+  'Fast-rewind-in-line',
+  'Filter-filled',
+  'Filter-in-line',
+  'Fire-filled',
+  'Fire-in-line',
+  'Folder-filled',
+  'Folder-in-line',
+  'Full-screen-filled',
+  'Full-screen-in-line',
+  'Gender-male-filled',
+  'Gender-male-in-line',
+  'Gender-female-filled',
+  'Gender-female-in-line',
+  'Gift-filled',
+  'Gift-in-line',
+  'Google-filled',
+  'Google-in-line',
+  'Grab-filled',
+  'Grab-in-line',
+  'Help-filled',
+  'Help-in-line',
+  'Hide-filled',
+  'Hide-in-line',
+  'Image-filled',
+  'Image-in-line',
+  'Info-filled',
+  'Info-in-line',
+  'Instagram-filled',
+  'Instagram-in-line',
+  'Integration-filled',
+  'Integration-in-line',
+  'Invite-filled',
+  'Invite-in-line',
+  'Language-filled',
+  'Language-in-line',
+  'Layout-filled',
+  'Layout-in-line',
+  'Learn-filled',
+  'Learn-in-line',
+  'Level-filled',
+  'Level-in-line',
+  'Light-bulb-filled',
+  'Light-bulb-in-line',
+  'Link-filled',
+  'Link-in-line',
+  'Linkedin-filled',
+  'Linkedin-in-line',
+  'Localization-filled',
+  'Localization-in-line',
+  'Location-filled',
+  'Location-in-line',
+  'Lock-filled',
+  'Lock-in-line',
+  'Logout-filled',
+  'Logout-in-line',
+  'Menu-burger-filled',
+  'Menu-burger-in-line',
+  'Menu-ellipsis-filled',
+  'Menu-ellipsis-in-line',
+  'Mic-filled',
+  'Mic-in-line',
+  'Minimize-filled',
+  'Minimize-in-line',
+  'Minus-filled',
+  'Minus-in-line',
+  'Mouse-filled',
+  'Mouse-in-line',
+  'Multi-choice-filled',
+  'Multi-choice-in-line',
+  'Notification-bell-filled',
+  'Notification-bell-in-line',
+  'Password-filled',
+  'Password-in-line',
+  'Path-filled',
+  'Path-in-line',
+  'Pause-filled',
+  'Pause-in-line',
+  'Plan-billing-filled',
+  'Plan-billing-in-line',
+  'Play-filled',
+  'Play-in-line',
+  'Plus-filled',
+  'Plus-in-line',
+  'Premium-filled',
+  'Premium-in-line',
+  'Premium-circle-in-line',
+  'Question-count-filled',
+  'Question-count-in-line',
+  'Question-filled',
+  'Question-in-line',
+  'Record-filled',
+  'Record-in-line',
+  'Reject-filled',
+  'Refer-in-line',
+  'Refer-filled',
+  'Reject-in-line',
+  'Reset-filled',
+  'Reset-in-line',
+  'Review-emoji-1-filled',
+  'Review-emoji-1-in-line',
+  'Review-emoji-2-filled',
+  'Review-emoji-2-in-line',
+  'Review-emoji-3-filled',
+  'Review-emoji-3-in-line',
+  'Review-emoji-4-filled',
+  'Review-emoji-4-in-line',
+  'Review-emoji-5-filled',
+  'Review-emoji-5-in-line',
+  'Review-filled',
+  'Review-half-star-filled',
+  'Review-half-star-in-line',
+  'Review-in-line',
+  'Review-star-filled',
+  'Review-star-in-line',
+  'Search-filled',
+  'Search-in-line',
+  'Secure-filled',
+  'Secure-in-line',
+  'Send-filled',
+  'Send-in-line',
+  'Settings-filled',
+  'Settings-in-line',
+  'Share-filled',
+  'Share-in-line',
+  'Skip-next-filled',
+  'Skip-next-in-line',
+  'Skip-previous-filled',
+  'Skip-previous-in-line',
+  'Sparkle-filled',
+  'Sparkle-in-line',
+  'Speedometer-filled',
+  'Speedometer-in-line',
+  'Stop-filled',
+  'Stop-in-line',
+  'Switch-filled',
+  'Switch-in-line',
+  'Sync-filled',
+  'Sync-in-line',
+  'Team-filled',
+  'Team-in-line',
+  'Test-filled',
+  'Test-in-line',
+  'Timer-filled',
+  'Timer-in-line',
+  'Type-filled',
+  'Type-in-line',
+  'Unarchive-filled',
+  'Unarchive-in-line',
+  'Unlock-filled',
+  'Unlock-in-line',
+  'Upgrade-filled',
+  'Upgrade-in-line',
+  'Upload-filled',
+  'Upload-in-line',
+  'User-access-filled',
+  'User-access-in-line',
+  'User-add-filled',
+  'User-add-in-line',
+  'User-profile-filled',
+  'User-profile-in-line',
+  'Video-filled',
+  'Video-in-line',
+  'View-filled',
+  'View-in-line',
+  'Volume-filled',
+  'Volume-in-line',
+  'Warning-filled',
+  'Warning-in-line',
+  'Zoom-in-filled',
+  'Zoom-in-in-line',
+  'Zoom-out-filled',
+  'Zoom-out-in-line',
+] as const;
+
+export const groupedIcons = {
+  directional: [
+    'Arrow-chevron-down-filled',
+    'Arrow-chevron-down-in-line',
+    'Arrow-chevron-left-filled',
+    'Arrow-chevron-left-in-line',
+    'Arrow-chevron-right-filled',
+    'Arrow-chevron-right-in-line',
+    'Arrow-chevron-up-filled',
+    'Arrow-chevron-up-in-line',
+    'Arrow-down-filled',
+    'Arrow-down-in-line',
+    'Arrow-up-filled',
+    'Arrow-up-in-line',
+    'Fast-forward-filled',
+    'Fast-forward-in-line',
+    'Fast-rewind-filled',
+    'Fast-rewind-in-line',
+    'Minus-filled',
+    'Minus-in-line',
+    'Plus-filled',
+    'Plus-in-line',
+    'Skip-next-filled',
+    'Skip-next-in-line',
+    'Skip-previous-filled',
+    'Skip-previous-in-line',
+  ],
+  assessment: [
+    'Assessment-filled',
+    'Assessment-in-line',
+    'Attempts-filled',
+    'Attempts-in-line',
+    'Candidates-filled',
+    'Candidates-in-line',
+    'Code-filled',
+    'Code-in-line',
+    'Essay-filled',
+    'Essay-in-line',
+    'Language-filled',
+    'Language-in-line',
+    'Learn-filled',
+    'Learn-in-line',
+    'Level-filled',
+    'Level-in-line',
+    'Localization-filled',
+    'Localization-in-line',
+    'Mic-filled',
+    'Mic-in-line',
+    'Multi-choice-filled',
+    'Multi-choice-in-line',
+    'Question-count-filled',
+    'Question-count-in-line',
+    'Question-filled',
+    'Question-in-line',
+    'Speedometer-filled',
+    'Speedometer-in-line',
+    'Test-filled',
+    'Test-in-line',
+    'Timer-filled',
+    'Timer-in-line',
+    'Type-filled',
+    'Type-in-line',
+    'Video-filled',
+    'Video-in-line',
+  ],
+  status: [
+    'Check-filled',
+    'Check-in-line',
+    'Check-round-filled',
+    'Check-round-in-line',
+    'Error-filled',
+    'Error-in-line',
+    'Help-filled',
+    'Help-in-line',
+    'Info-filled',
+    'Info-in-line',
+    'Refer-in-line',
+    'Refer-filled',
+    'Review-emoji-1-filled',
+    'Review-emoji-1-in-line',
+    'Review-emoji-2-filled',
+    'Review-emoji-2-in-line',
+    'Review-emoji-3-filled',
+    'Review-emoji-3-in-line',
+    'Review-emoji-4-filled',
+    'Review-emoji-4-in-line',
+    'Review-emoji-5-filled',
+    'Review-emoji-5-in-line',
+    'Review-half-star-filled',
+    'Review-half-star-in-line',
+    'Review-star-filled',
+    'Review-star-in-line',
+    'Warning-filled',
+    'Warning-in-line',
+  ],
+  social: [
+    'Facebook-filled',
+    'Facebook-in-line',
+    'Google-filled',
+    'Google-in-line',
+    'Instagram-filled',
+    'Instagram-in-line',
+    'Linkedin-filled',
+    'Linkedin-in-line',
+  ],
+  actions: [
+    'Archive-filled',
+    'Archive-in-line',
+    'Attach-filled',
+    'Attach-in-line',
+    'Clone-filled',
+    'Clone-in-line',
+    'Close-filled',
+    'Close-in-line',
+    'Copy-filled',
+    'Copy-in-line',
+    'Delete-filled',
+    'Delete-in-line',
+    'Download-filled',
+    'Download-in-line',
+    'Edit-filled',
+    'Edit-in-line',
+    'Edit-text-filled',
+    'Edit-text-in-line',
+    'Filter-filled',
+    'Filter-in-line',
+    'Full-screen-filled',
+    'Full-screen-in-line',
+    'Grab-filled',
+    'Grab-in-line',
+    'Hide-filled',
+    'Hide-in-line',
+    'Invite-filled',
+    'Invite-in-line',
+    'Link-filled',
+    'Link-in-line',
+    'Lock-filled',
+    'Lock-in-line',
+    'Logout-filled',
+    'Logout-in-line',
+    'Menu-burger-filled',
+    'Menu-burger-in-line',
+    'Menu-ellipsis-filled',
+    'Menu-ellipsis-in-line',
+    'Minimize-filled',
+    'Minimize-in-line',
+    'Pause-filled',
+    'Pause-in-line',
+    'Play-filled',
+    'Play-in-line',
+    'Record-filled',
+    'Record-in-line',
+    'Reject-filled',
+    'Reject-in-line',
+    'Reset-filled',
+    'Reset-in-line',
+    'Review-filled',
+    'Review-half-star-filled',
+    'Search-filled',
+    'Search-in-line',
+    'Send-filled',
+    'Send-in-line',
+    'Settings-filled',
+    'Settings-in-line',
+    'Share-filled',
+    'Share-in-line',
+    'Stop-filled',
+    'Stop-in-line',
+    'Switch-filled',
+    'Switch-in-line',
+    'Unarchive-filled',
+    'Unarchive-in-line',
+    'Unlock-filled',
+    'Unlock-in-line',
+    'Upgrade-filled',
+    'Upgrade-in-line',
+    'Upload-filled',
+    'Upload-in-line',
+    'User-add-filled',
+    'User-add-in-line',
+    'View-filled',
+    'View-in-line',
+    'Zoom-in-filled',
+    'Zoom-in-in-line',
+    'Zoom-out-filled',
+    'Zoom-out-in-line',
+  ],
+  communication: [
+    'Book-filled',
+    'Book-in-line',
+    'Calendar-filled',
+    'Calendar-in-line',
+    'Chat-filled',
+    'Chat-in-line',
+    'Company-filled',
+    'Company-in-line',
+    'Devices-filled',
+    'Devices-in-line',
+    'Document-filled',
+    'Document-in-line',
+    'Employee-filled',
+    'Employee-in-line',
+    'Experience-filled',
+    'Experience-in-line',
+    'Fire-filled',
+    'Fire-in-line',
+    'Folder-filled',
+    'Folder-in-line',
+    'Gender-female-filled',
+    'Gender-female-in-line',
+    'Gender-male-filled',
+    'Gender-male-in-line',
+    'Gift-filled',
+    'Gift-in-line',
+    'Image-filled',
+    'Image-in-line',
+    'Integration-filled',
+    'Integration-in-line',
+    'Layout-filled',
+    'Layout-in-line',
+    'Light-bulb-filled',
+    'Light-bulb-in-line',
+    'Location-filled',
+    'Location-in-line',
+    'Mouse-filled',
+    'Mouse-in-line',
+    'Notification-bell-filled',
+    'Notification-bell-in-line',
+    'Password-filled',
+    'Password-in-line',
+    'Path-filled',
+    'Path-in-line',
+    'Plan-billing-filled',
+    'Plan-billing-in-line',
+    'Premium-filled',
+    'Premium-in-line',
+    'Premium-circle-in-line',
+    'Secure-filled',
+    'Secure-in-line',
+    'Sparkle-filled',
+    'Sparkle-in-line',
+    'Sync-filled',
+    'Sync-in-line',
+    'Team-filled',
+    'Team-in-line',
+    'User-access-filled',
+    'User-access-in-line',
+    'User-profile-filled',
+    'User-profile-in-line',
+    'Volume-filled',
+    'Volume-in-line',
+  ],
+};

package/projects/tgo-canopy-ui/components/icon/icon.model.ts

@@ -0,0 +1,8 @@
+import { tgoIcons, tgoRebrandIcons } from './icon.config';
+
+type TgoIcons = typeof tgoIcons[number];
+type TgoRebrandIcons = typeof tgoRebrandIcons[number];
+
+export type IconSize = '16' | '24' | '40' | '80';
+export type IconName = TgoRebrandIcons | TgoIcons | '';
+export type IconColor = 'teal' | 'petrol' | 'dark' | 'white' | 'black' | 'inherit' | 'rebrand-black' | 'red' | 'grey' | 'orange' | string;

package/projects/tgo-canopy-ui/components/icon-label/__snapshots__/icon-label.component.spec.ts.snap

@@ -0,0 +1,15 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`IconLabelComponent should render correctly 1`] = `
+<ui-icon-label
+  applicationTheme={[Function String]}
+  defaultAppTheme="null"
+  iconSize={[Function String]}
+  text=""
+>
+  <ui-icon
+    aria-hidden="true"
+  /><span>
+  </span>
+</ui-icon-label>
+`;

package/projects/tgo-canopy-ui/components/icon-label/icon-label.component.html

@@ -0,0 +1,2 @@
+<ui-icon [name]="iconName" [size]="iconSize" aria-hidden="true"></ui-icon>
+<span>{{ text }}</span>

package/projects/tgo-canopy-ui/components/icon-label/icon-label.component.module.ts

@@ -0,0 +1,12 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { IconComponentModule } from '../icon/icon.component.module';
+import { IconLabelComponent } from './icon-label.component';
+
+@NgModule({
+  declarations: [IconLabelComponent],
+  imports: [CommonModule, IconComponentModule],
+  exports: [IconLabelComponent],
+  providers: [],
+})
+export class IconLabelComponentModule {}

package/projects/tgo-canopy-ui/components/icon-label/icon-label.component.scss

@@ -0,0 +1,8 @@
+:host {
+  display: flex;
+  align-items: center;
+
+  ui-icon {
+    margin-right: 8px;
+  }
+}