@useloops/design-system 1.4.273 → 1.4.275

package/dist/index.d.ts

@@ -511,7 +511,7 @@ interface IconProps {
 }
 declare const Icon: FunctionComponent<IconProps>;
 
-type IconName = 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'test' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test-pending' | 'data-bar' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle';
+type IconName = 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'expand-window' | 'reduce-window' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'image-no' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test' | 'test-pending' | 'test-edit' | 'data-bar' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle';
 
 interface CustomTheme {
     palette: {
@@ -1768,44 +1768,49 @@ interface PlanHeading {
 interface PlanRow {
     heading: string;
     description: string;
-    starter: string;
-    team: string;
-    plus: string;
-    scale: string;
+    tier1: string;
+    tier2: string;
+    tier3: string;
+    tier4: string;
 }
 interface PlanFeatureTableData {
     headings: {
-        '01-starter': PlanHeading;
-        '02-team': PlanHeading;
-        '03-plus': PlanHeading;
-        '04-scale': PlanHeading;
+        '01-tier1': PlanHeading;
+        '02-tier2': PlanHeading;
+        '03-tier3': PlanHeading;
+        '04-tier4': PlanHeading;
     };
     rows: {
-        '02-servicing': PlanRow;
-        '03-respondents': PlanRow;
-        '04-questions': PlanRow;
-        '05-ai': PlanRow;
-        '06-demographics': PlanRow;
-        '07-training': PlanRow;
-        '08-invite': PlanRow;
-        '09-email': PlanRow;
-        '10-beta': PlanRow;
-        '11-sso': PlanRow;
-        '12-minimum': PlanRow;
+        '01-servicing': PlanRow;
+        '02-respondents': PlanRow;
+        '03-questions': PlanRow;
+        '04-ai': PlanRow;
+        '05-demographics': PlanRow;
+        '06-training': PlanRow;
+        '07-invite': PlanRow;
+        '08-email': PlanRow;
+        '09-beta': PlanRow;
+        '10-sso': PlanRow;
+        '11-minimum': PlanRow;
     };
 }
 
 interface PlanFeatureTableProps {
     currencySymbol: string;
     data?: PlanFeatureTableData;
-    starterPrice: string;
-    starterRespondentPrice: string;
-    teamPrice: string;
-    teamRespondentPrice: string;
-    plusPrice: string;
-    plusRespondentPrice: string;
-    scalePrice: string;
-    scaleRespondentPrice: string;
+    loading?: boolean;
+    tier1Price: number | string;
+    tier1RespondentPrice: number | string;
+    tier1QuestionLimit: number | string;
+    tier2Price: number | string;
+    tier2RespondentPrice: number | string;
+    tier2QuestionLimit: number | string;
+    tier3Price: number | string;
+    tier3RespondentPrice: number | string;
+    tier3QuestionLimit: number | string;
+    tier4Price: number | string;
+    tier4RespondentPrice: number | string;
+    tier4QuestionLimit: number | string;
     variation?: 'default' | 'platform';
 }
 declare const PlanFeatureTable: FunctionComponent<PlanFeatureTableProps>;
@@ -1825,6 +1830,7 @@ interface PlanTierCardProps {
     features?: string[];
     heading: string;
     label?: string;
+    loading?: boolean;
     perMonth: string;
     respondentsTitle?: string;
     respondentsFeatures?: string[];