@aquera/nile-elements 0.0.67 → 0.0.69

package/README.md

@@ -79,6 +79,32 @@ To run a local development server that serves the basic demo located in `demo/in
 
 In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
 
+
+#### Version 0.0.69
+- Nile Hero - CSS Updated
+- Nile Header - CSS Updated
+- Nile Table - Header Updated
+- Nile Input - CSS Updated
+- Nile Button Toggle - CSS Updated
+- Nile Vertical Tab - CSS Updated
+- Nile Slide Toggle - Disabled State and Sublabel Added
+- Nile Avatar - New Variant Added
+- Nile Dropdown - CSS Updated
+- Nile Toast - Converted Toast Responsive
+
+- dependency: @aquera/nile@0.3.20
+
+
+
+#### Version 0.0.68
+- Nile Select - Bugfix
+- Nile Tab - added vertical tab
+- Nile Icon adeed Stoke Based Approach
+- Nile Table Sorting Icon - New Approach
+- Nile Stepper - Newly Created
+
+- dependency: @aquera/nile@0.3.19
+
 #### Version 0.0.67
 - Nile Header - Update
 - Nile Button - caret Updated

package/demo/filenames.txt

@@ -1 +1 @@
-api,accessreview,action,actionworkflow,address,agent,agents,aggregation,allapplication,allsearch,application,applications-2,applications,apply-filter,approve,apps,aquera,aquerasupport,array,arrayofobject,arrow,arrowdown,arrowdropdown,arrowdropup,arrowleft,arrowright,arrowup,attribute-map-analysis-icon,attributemap,basic,bell,block,bluedot,boolean,bulk-sync,button-loading-black,button-loading-blue-animated,button-loading-blue,button-loading-white,calendar,cancel,cases,caution,certification,chevron-down,chevron-up,close,collapse-1,collapse,color,compact,compare-tiles,component-menu,component,componentblock,componenttext,condition,conditions,connect,connectivitymap,connectorrightarrow,continuous,copy,cor-analysis,correlation,create,createuser,custom,dashboard,data-type-array,data-type-boolean,data-type-expression,data-type-json,data-type-null,data-type-number,data-type-persistent-variable,data-type-string,data-type-unknown,data-type-variable,database-1,database,databaseview,default-1,default-cursor,default,delegate,delete,deleteuser,deligateduser,directory,disabled,dowhileloop,document,done,dontmap,donut,doublearrowleft,doublearrowright,downarrow,download,drag,draglist,droparrow,dropdown,edit-write,edit-1,edit-pencil,else,email,enable,enabled,entities,entitlement,error,escalate,event,every,exactmatch,execute,expand-2,expand-1,expand,eye,eyeclosed,featured-icon,file-type-icon,filter-1,filter,firewallagent,firewall,flow-h,flow,flowmap-cancel,flowmap-drag,flowmap-orchestration,flowmap-agent,flowmap-application,flowmap-aquera,flowmap-block,flowmap-colorpalatte,flowmap-ellipsis,flowmap-firewall-agent,flowmap-firewall,flowmap-gateway,flowmap-hand,flowmap-redo,flowmap-section,flowmap-text,flowmap-undo,flowmap-workflow,flowmap,folder,foreach,form,frequency,fullscreen,fullscreenexit,fullscreenshrink,gateway,general,generationphase,global-search,goto,greendot,greydot,greylightdot,group-analysis-icon,group,groupby,groups,guide,handtool,header-actions,header-child-workflow,header-flows,header-functions,header-tasks,header-variable,helpsupport,help-1,help,helpandsupport,history,identitygraph,identityledger,if,ifelse,image,immutable,info-icon,info-icon1,info,info2,inprogress,itemplaceholder,js,kill,leftarrow,leftpointarrow,line,link,list-attribute,loader,loading,loading2,lock,log-info,log,logo-white,logout,logs,loop,manage,manageduser,map,mapcreate,mapdont,mapupdate,maponcreate,maponupdate,maximize,menu,minus,moveleft,moveright,multiple-user,mute,next-down,next,nomatch,not,notscheduled,note,notification,notificationadd,notificationadded,null,number,numberinput,numbers,object,options,orchestration,organization,other,otherdetails,override,palletemenu,partner,partners,pause,pen,pencil,peopletask,persistent-variable,persistentdata,personaldetails,pin,play,plus,pluscircle,plussquare,policy,potentialmatch,poweron,predefined,prev-up,prev,preview,privilage,privilege,privilegeobject,process,professionaldetails,question,radio,radioactive,radiodone,read,readexpression,readonlyuser,readuser,readonly,reddot,redo,refresh,reminder,resize,resource,returnvalue,revocationcycle,revokation-cycle,rightarrow,role,rolemanager,run,save,schedule,schema,script,search,section,select,selectapplication,selectattributes,selectuser,send,sendemail,sendescalation,sendprompt,sendreminder,setting,settings-1,settings,shape,share,smalltick,smartcode,sort,sortascending,sortdescending,sortdown,sortup,stop,string,stringinput,stringletters,support,sync,table,tag,test,text,textarea-expander,themes,thumbsdown,thumbsup,thumsup,tick,timeupdate,timezone,trash,trigger,undo-1,undo,unmute,uparrow,updown,update,updateuser,upgrade,upload,user-group,user-analysis-icon,user-inactive,user-selection,user,useractive,useradd,useraddgroup,userfind,userimport,userimportgroup,usermixed,userremove-1,userremove-2,userremove,userremovegroup,userupdate,users,validationexpression,variable-new-1,variable-new,variable-global,variable-local-1,variable-local,variable,video,view,virtualserver,visibility,visibilityoff,wait,warning,while,whileloop,workflow-application,workflow-orchestration,workflow-section,workflow-text,workflow,writeexpression,anomaly,array-loop,array-of-boolean,array-of-integer,array-of-string,back,bar-chart-square-02,bar-chart-square-03,bargraph,bell-icon,border_all,cell-loader,check-circle,check-done-01,check-done-02,columns-03,combo1,components-icon,dots-grid,downgrade,file-shield-02,file,fingerprint-03,funnel,globe,graph,graphedit,helpers,integer,laptop-01,layers-three-01,layers-three-02,life-buoy-01,list,message-notification-square,no-anomaly,operators,orchestration-solid,ou-analysis-icon,phone,pie,placeholder-wf,plus-icon,search-steps-icon,settings-02,shield-01,storybook,swap,switch,table-1,trash-01,trash-no-fill,trend-up-02,user-03,user-square,users-01,users-02,users-plus,users-up,virtualservergroup,workflow-solid
+api,accessreview,action,actionworkflow,address,agent,agents,aggregation,allapplication,allsearch,application,applications-2,applications,apply-filter,approve,apps,aquera,aquerasupport,array,arrayofobject,arrow,arrowdown,arrowdropdown,arrowdropup,arrowleft,arrowright,arrowup,attribute-map-analysis-icon,attributemap,basic,bell,block,bluedot,boolean,bulk-sync,button-loading-black,button-loading-blue-animated,button-loading-blue,button-loading-white,calendar,cancel,cases,caution,certification,chevron-down,chevron-up,close,collapse-1,collapse,color,compact,compare-tiles,component-menu,component,componentblock,componenttext,condition,conditions,connect,connectivitymap,connectorrightarrow,continuous,copy,cor-analysis,correlation,create,createuser,custom,dashboard,data-type-array,data-type-boolean,data-type-expression,data-type-json,data-type-null,data-type-number,data-type-persistent-variable,data-type-string,data-type-unknown,data-type-variable,database-1,database,databaseview,default-1,default-cursor,default,delegate,delete,deleteuser,deligateduser,directory,disabled,dowhileloop,document,done,dontmap,donut,doublearrowleft,doublearrowright,downarrow,download,drag,draglist,droparrow,dropdown,edit-write,edit-1,edit-pencil,else,email,enable,enabled,entities,entitlement,error,escalate,event,every,exactmatch,execute,expand-2,expand-1,expand,eye,eyeclosed,featured-icon,file-type-icon,filter-1,filter,firewallagent,firewall,flow-h,flow,flowmap-cancel,flowmap-drag,flowmap-orchestration,flowmap-agent,flowmap-application,flowmap-aquera,flowmap-block,flowmap-colorpalatte,flowmap-ellipsis,flowmap-firewall-agent,flowmap-firewall,flowmap-gateway,flowmap-hand,flowmap-redo,flowmap-section,flowmap-text,flowmap-undo,flowmap-workflow,flowmap,folder,foreach,form,frequency,fullscreen,fullscreenexit,fullscreenshrink,gateway,general,generationphase,global-search,goto,greendot,greydot,greylightdot,group-analysis-icon,group,groupby,groups,guide,handtool,header-actions,header-child-workflow,header-flows,header-functions,header-tasks,header-variable,helpsupport,help-1,help,helpandsupport,history,identitygraph,identityledger,if,ifelse,image,immutable,info-icon,info-icon1,info,info2,inprogress,itemplaceholder,js,kill,leftarrow,leftpointarrow,line,link,list-attribute,loader,loading,loading2,lock,log-info,log,logo-white,logout,logs,loop,manage,manageduser,map,mapcreate,mapdont,mapupdate,maponcreate,maponupdate,maximize,menu,minus,moveleft,moveright,multiple-user,mute,next-down,next,nomatch,not,notscheduled,note,notification,notificationadd,notificationadded,null,number,numberinput,numbers,object,options,orchestration,organization,other,otherdetails,override,palletemenu,partner,partners,pause,pen,pencil,peopletask,persistent-variable,persistentdata,personaldetails,pin,play,plus,pluscircle,plussquare,policy,potentialmatch,poweron,predefined,prev-up,prev,preview,privilage,privilege,privilegeobject,process,professionaldetails,question,radio,radioactive,radiodone,read,readexpression,readonlyuser,readuser,readonly,reddot,redo,refresh,reminder,resize,resource,returnvalue,revocationcycle,revokation-cycle,rightarrow,role,rolemanager,run,save,schedule,schema,script,search,section,select,selectapplication,selectattributes,selectuser,send,sendemail,sendescalation,sendprompt,sendreminder,setting,settings-1,settings,shape,share,smalltick,smartcode,sort,sortascending,sortdescending,sortdown,sortup,stop-circle,stop,string,stringinput,stringletters,support,sync,table,tag,test,text,textarea-expander,themes,thumbsdown,thumbsup,thumsup,tick,timeupdate,timezone,trash,trigger,undo-1,undo,unmute,uparrow,updown,update,updateuser,upgrade,upload,user-group,user-analysis-icon,user-inactive,user-selection,user,useractive,useradd,useraddgroup,userfind,userimport,userimportgroup,usermixed,userremove-1,userremove-2,userremove,userremovegroup,userupdate,users,validationexpression,variable-new-1,variable-new,variable-global,variable-local-1,variable-local,variable,video,view,virtualserver,visibility,visibilityoff,wait,warning,while,whileloop,workflow-application,workflow-orchestration,workflow-section,workflow-text,workflow,writeexpression,alert-circle,anomaly,array-loop,array-of-boolean,array-of-integer,array-of-string,arrow-narrow-left,back,bar-chart-square-02,bar-chart-square-03,bargraph,bell-icon,book-closed,border_all,box,cell-loader,check-circle,check-done-01,check-done-02,check,chevron-left-double,chevron-selector-vertical,clock-check,clock-rewind,clock,cloud-01,columns-03,combo1,components-icon,copy-06,data-insight,dataflow-03,dataflow-04,dotpoints-02,dots-grid,dots-vertical,downgrade,download-02,edit-01,expand-06,eye-off,file-06,file-shield-01,file-shield-02,file,fingerprint-03,funnel,globe-03,globe,graph,graphedit,grid-01,help-circle,helpers,info-circle,integer,laptop-01,layers-three-01,layers-three-02,layout-alt-02,layout-alt-03,life-buoy-01,list,marker-pin-01,message-notification-square,no-anomaly,operators,orchestration-solid,ou-analysis-icon,phone,pie,placeholder-wf,play-circle,plus-icon,refresh-cw-03,search-lg,search-steps-icon,server-03,settings-02,shield-01,storybook,swap,switch,table-1,trash-01,trash-no-fill,trend-up-02,user-01,user-03,user-circle,user-square,users-01,users-02,users-plus,users-up,virtualservergroup,workflow-solid,x-circle

package/demo/index.html

@@ -205,6 +205,7 @@
       const w  = new Worker('fetchTextFromFileWorker.js');
       const getMessage =  (msg)=>{
         const icons = splitStringBy(msg.data, ',');
+        // console.log(icons)
         // renderNewIcons(icons)
       }
       function splitStringBy(str, seperator){
@@ -218,7 +219,7 @@
         icons?.forEach((icon)=>{
           iconsDiv.innerHTML = ` ${iconsDiv.innerHTML}
           <div title='${icon}' alt='${icon}'>
-            <nile-icon name=${icon.toLowerCase()} > </nile-icon>
+            <nile-icon method="stroke" name=${icon.toLowerCase()} > </nile-icon>
             <small>${icon}</small>
           </div>`;
         })

package/demo/variables.css

@@ -83,6 +83,17 @@
   --nile-table-header-background-color: #F9FAFB;
   --nile-table-body-row-odd-background-color: #F9FAFB;
   --nile-table-body-row-even-background-color: #FFF;
+  --nile-stepper-min-width: 200px;
+  --nile-stepper-color-title-selected: #005291;
+  --nile-stepper-color-text-default: #475467;
+  --nile-stepper-color-subtitle-selected: #005EA6;
+  --nile-stepper-color-line-selected: #005291;
+  --nile-stepper-color-line-default: #D0D5DD;
+  --nile-stepper-color-highlight: #005EA6;
+  --nile-stepper-color-bulletin-outer-selected: #005EA6;
+  --nile-stepper-color-bulletin-outer-default: #fff0;
+  --nile-stepper-color-bulletin-inner-selected: #fff0;
+  --nile-stepper-color-bulletin-inner-default: #D0D5DD;
   --nile-spacing-spacing-xxs: 2px; /* 0.5 (2px) */
   --nile-spacing-spacing-xs: 4px; /* 1 (4px) */
   --nile-spacing-spacing-xl: 16px; /* 4 (16px) */
@@ -138,14 +149,14 @@
   --nile-radio-checked-hover-background-color: #FFFFFF;
   --nile-radio-checked-border-color: #005EA6;
   --nile-radio-checked-background-color: #ffff;
-  --nile-page-header-subheading-line-height: 24px;
+  --nile-page-header-subheading-line-height: 18px;
   --nile-page-header-subheading-font-weight: 400;
-  --nile-page-header-subheading-font-size: 14px;
+  --nile-page-header-subheading-font-size: 12px;
   --nile-page-header-subheading-font-color: #475467;
   --nile-page-header-line-border-color: #eaecf0;
-  --nile-page-header-heading-line-height: 28px;
-  --nile-page-header-heading-font-weight: 600;
-  --nile-page-header-heading-font-size: 18px;
+  --nile-page-header-heading-line-height: 30px;
+  --nile-page-header-heading-font-weight: 500;
+  --nile-page-header-heading-font-size: 20px;
   --nile-page-header-heading-font-color: #000000;
   --nile-line-height-xsmall: 1rem; /* 16px */
   --nile-line-height-xlarge: 2.25rem; /* 36px */
@@ -159,6 +170,7 @@
   --nile-input-standard-background-color: hsl(0, 0%, 100%);
   --nile-input-font-size-small: 0.875rem;
   --nile-input-font-size-medium: 1rem;
+  --nile-hero-text-line-height: 24px;
   --nile-hero-text-font-weight: 600;
   --nile-hero-text-font-size: 16px;
   --nile-hero-text-color: #000;
@@ -185,6 +197,8 @@
   --nile-font-family-serif: colfax-regular, Times, Georgia, serif;
   --nile-font-family-sans-serif: colfax-regular, Helvetica, Helvetica Neue, Arial, Segoe UI, Roboto, Droid Sans, sans-serif;
   --nile-font-family-body: var(--nile-font-family-sans-serif);
+  --nile-empty-state-min-width: 300px;
+  --nile-empty-state-max-width: 512px;
   --nile-colors-yellow-700: #B89219;
   --nile-colors-yellow-500: #E5BF43;
   --nile-colors-yellow-400: #F3E0A5;
@@ -255,6 +269,7 @@
   --nile-badge-color-background-warning: #f3e0a5;
   --nile-badge-color-background-success: #a5f3e1;
   --nile-badge-color-background-error: #f3a5aa;
+  --nile-asset-icon-x-circle: assets/icons/x-circle.svg;
   --nile-asset-icon-writeexpression: assets/icons/writeexpression.svg;
   --nile-asset-icon-workflow-text: assets/icons/workflow-text.svg;
   --nile-asset-icon-workflow-solid: assets/icons/workflow-solid.svg;
@@ -300,8 +315,10 @@
   --nile-asset-icon-user-selection: assets/icons/user-selection.svg;
   --nile-asset-icon-user-inactive: assets/icons/user-inactive.svg;
   --nile-asset-icon-user-group: assets/icons/user-group.svg;
+  --nile-asset-icon-user-circle: assets/icons/user-circle.svg;
   --nile-asset-icon-user-analysis-icon: assets/icons/user-analysis-icon.svg;
   --nile-asset-icon-user-03: assets/icons/user-03.svg;
+  --nile-asset-icon-user-01: assets/icons/user-01.svg;
   --nile-asset-icon-user: assets/icons/user.svg;
   --nile-asset-icon-upload: assets/icons/upload.svg;
   --nile-asset-icon-upgrade: assets/icons/upgrade.svg;
@@ -338,6 +355,7 @@
   --nile-asset-icon-stringinput: assets/icons/stringinput.svg;
   --nile-asset-icon-string: assets/icons/string.svg;
   --nile-asset-icon-storybook: assets/icons/storybook.svg;
+  --nile-asset-icon-stop-circle: assets/icons/stop-circle.svg;
   --nile-asset-icon-stop: assets/icons/stop.svg;
   --nile-asset-icon-sortup: assets/icons/sortup.svg;
   --nile-asset-icon-sortdown: assets/icons/sortdown.svg;
@@ -353,6 +371,7 @@
   --nile-asset-icon-settings-02: assets/icons/settings-02.svg;
   --nile-asset-icon-settings: assets/icons/settings.svg;
   --nile-asset-icon-setting: assets/icons/setting.svg;
+  --nile-asset-icon-server-03: assets/icons/server-03.svg;
   --nile-asset-icon-sendreminder: assets/icons/sendreminder.svg;
   --nile-asset-icon-sendprompt: assets/icons/sendprompt.svg;
   --nile-asset-icon-sendescalation: assets/icons/sendescalation.svg;
@@ -364,6 +383,7 @@
   --nile-asset-icon-select: assets/icons/select.svg;
   --nile-asset-icon-section: assets/icons/section.svg;
   --nile-asset-icon-search-steps-icon: assets/icons/search-steps-icon.svg;
+  --nile-asset-icon-search-lg: assets/icons/search-lg.svg;
   --nile-asset-icon-search: assets/icons/search.svg;
   --nile-asset-icon-script: assets/icons/script.svg;
   --nile-asset-icon-schema: assets/icons/schema.svg;
@@ -379,6 +399,7 @@
   --nile-asset-icon-resource: assets/icons/resource.svg;
   --nile-asset-icon-resize: assets/icons/resize.svg;
   --nile-asset-icon-reminder: assets/icons/reminder.svg;
+  --nile-asset-icon-refresh-cw-03: assets/icons/refresh-cw-03.svg;
   --nile-asset-icon-refresh: assets/icons/refresh.svg;
   --nile-asset-icon-redo: assets/icons/redo.svg;
   --nile-asset-icon-reddot: assets/icons/reddot.svg;
@@ -407,6 +428,7 @@
   --nile-asset-icon-pluscircle: assets/icons/pluscircle.svg;
   --nile-asset-icon-plus-icon: assets/icons/plus-icon.svg;
   --nile-asset-icon-plus: assets/icons/plus.svg;
+  --nile-asset-icon-play-circle: assets/icons/play-circle.svg;
   --nile-asset-icon-play: assets/icons/play.svg;
   --nile-asset-icon-placeholder-wf: assets/icons/placeholder-wf.svg;
   --nile-asset-icon-pin: assets/icons/pin.svg;
@@ -454,6 +476,7 @@
   --nile-asset-icon-message-notification-square: assets/icons/message-notification-square.svg;
   --nile-asset-icon-menu: assets/icons/menu.svg;
   --nile-asset-icon-maximize: assets/icons/maximize.svg;
+  --nile-asset-icon-marker-pin-01: assets/icons/marker-pin-01.svg;
   --nile-asset-icon-mapupdate: assets/icons/mapupdate.svg;
   --nile-asset-icon-maponupdate: assets/icons/maponupdate.svg;
   --nile-asset-icon-maponcreate: assets/icons/maponcreate.svg;
@@ -479,6 +502,8 @@
   --nile-asset-icon-life-buoy-01: assets/icons/life-buoy-01.svg;
   --nile-asset-icon-leftpointarrow: assets/icons/leftpointarrow.svg;
   --nile-asset-icon-leftarrow: assets/icons/leftarrow.svg;
+  --nile-asset-icon-layout-alt-03: assets/icons/layout-alt-03.svg;
+  --nile-asset-icon-layout-alt-02: assets/icons/layout-alt-02.svg;
   --nile-asset-icon-layers-three-02: assets/icons/layers-three-02.svg;
   --nile-asset-icon-layers-three-01: assets/icons/layers-three-01.svg;
   --nile-asset-icon-laptop-01: assets/icons/laptop-01.svg;
@@ -490,6 +515,7 @@
   --nile-asset-icon-info2: assets/icons/info2.svg;
   --nile-asset-icon-info-icon1: assets/icons/info-icon1.svg;
   --nile-asset-icon-info-icon: assets/icons/info-icon.svg;
+  --nile-asset-icon-info-circle: assets/icons/info-circle.svg;
   --nile-asset-icon-info: assets/icons/info.svg;
   --nile-asset-icon-immutable: assets/icons/immutable.svg;
   --nile-asset-icon-image: assets/icons/image.svg;
@@ -501,6 +527,7 @@
   --nile-asset-icon-helpsupport: assets/icons/helpsupport.svg;
   --nile-asset-icon-helpers: assets/icons/helpers.svg;
   --nile-asset-icon-helpandsupport: assets/icons/helpandsupport.svg;
+  --nile-asset-icon-help-circle: assets/icons/help-circle.svg;
   --nile-asset-icon-help-1: assets/icons/help-1.svg;
   --nile-asset-icon-help: assets/icons/help.svg;
   --nile-asset-icon-header-variable: assets/icons/header-variable.svg;
@@ -515,12 +542,14 @@
   --nile-asset-icon-groupby: assets/icons/groupby.svg;
   --nile-asset-icon-group-analysis-icon: assets/icons/group-analysis-icon.svg;
   --nile-asset-icon-group: assets/icons/group.svg;
+  --nile-asset-icon-grid-01: assets/icons/grid-01.svg;
   --nile-asset-icon-greylightdot: assets/icons/greylightdot.svg;
   --nile-asset-icon-greydot: assets/icons/greydot.svg;
   --nile-asset-icon-greendot: assets/icons/greendot.svg;
   --nile-asset-icon-graphedit: assets/icons/graphedit.svg;
   --nile-asset-icon-graph: assets/icons/graph.svg;
   --nile-asset-icon-goto: assets/icons/goto.svg;
+  --nile-asset-icon-globe-03: assets/icons/globe-03.svg;
   --nile-asset-icon-globe: assets/icons/globe.svg;
   --nile-asset-icon-global-search: assets/icons/global-search.svg;
   --nile-asset-icon-generationphase: assets/icons/generationphase.svg;
@@ -562,12 +591,16 @@
   --nile-asset-icon-filter: assets/icons/filter.svg;
   --nile-asset-icon-file-type-icon: assets/icons/file-type-icon.svg;
   --nile-asset-icon-file-shield-02: assets/icons/file-shield-02.svg;
+  --nile-asset-icon-file-shield-01: assets/icons/file-shield-01.svg;
+  --nile-asset-icon-file-06: assets/icons/file-06.svg;
   --nile-asset-icon-file: assets/icons/file.svg;
   --nile-asset-icon-featured-icon: assets/icons/featured-icon.svg;
   --nile-asset-icon-eyeclosed: assets/icons/eyeclosed.svg;
+  --nile-asset-icon-eye-off: assets/icons/eye-off.svg;
   --nile-asset-icon-eye: assets/icons/eye.svg;
   --nile-asset-icon-expand-2: assets/icons/expand-2.svg;
   --nile-asset-icon-expand-1: assets/icons/expand-1.svg;
+  --nile-asset-icon-expand-06: assets/icons/expand-06.svg;
   --nile-asset-icon-expand: assets/icons/expand.svg;
   --nile-asset-icon-execute: assets/icons/execute.svg;
   --nile-asset-icon-exactmatch: assets/icons/exactmatch.svg;
@@ -584,17 +617,21 @@
   --nile-asset-icon-edit-write: assets/icons/edit-write.svg;
   --nile-asset-icon-edit-pencil: assets/icons/edit-pencil.svg;
   --nile-asset-icon-edit-1: assets/icons/edit-1.svg;
+  --nile-asset-icon-edit-01: assets/icons/edit-01.svg;
   --nile-asset-icon-dropdown: assets/icons/dropdown.svg;
   --nile-asset-icon-droparrow: assets/icons/droparrow.svg;
   --nile-asset-icon-draglist: assets/icons/draglist.svg;
   --nile-asset-icon-drag: assets/icons/drag.svg;
+  --nile-asset-icon-download-02: assets/icons/download-02.svg;
   --nile-asset-icon-download: assets/icons/download.svg;
   --nile-asset-icon-downgrade: assets/icons/downgrade.svg;
   --nile-asset-icon-downarrow: assets/icons/downarrow.svg;
   --nile-asset-icon-dowhileloop: assets/icons/dowhileloop.svg;
   --nile-asset-icon-doublearrowright: assets/icons/doublearrowright.svg;
   --nile-asset-icon-doublearrowleft: assets/icons/doublearrowleft.svg;
+  --nile-asset-icon-dots-vertical: assets/icons/dots-vertical.svg;
   --nile-asset-icon-dots-grid: assets/icons/dots-grid.svg;
+  --nile-asset-icon-dotpoints-02: assets/icons/dotpoints-02.svg;
   --nile-asset-icon-donut: assets/icons/donut.svg;
   --nile-asset-icon-dontmap: assets/icons/dontmap.svg;
   --nile-asset-icon-done: assets/icons/done.svg;
@@ -608,6 +645,8 @@
   --nile-asset-icon-default-cursor: assets/icons/default-cursor.svg;
   --nile-asset-icon-default-1: assets/icons/default-1.svg;
   --nile-asset-icon-default: assets/icons/default.svg;
+  --nile-asset-icon-dataflow-04: assets/icons/dataflow-04.svg;
+  --nile-asset-icon-dataflow-03: assets/icons/dataflow-03.svg;
   --nile-asset-icon-databaseview: assets/icons/databaseview.svg;
   --nile-asset-icon-database-1: assets/icons/database-1.svg;
   --nile-asset-icon-database: assets/icons/database.svg;
@@ -621,12 +660,14 @@
   --nile-asset-icon-data-type-expression: assets/icons/data-type-expression.svg;
   --nile-asset-icon-data-type-boolean: assets/icons/data-type-boolean.svg;
   --nile-asset-icon-data-type-array: assets/icons/data-type-array.svg;
+  --nile-asset-icon-data-insight: assets/icons/data-insight.svg;
   --nile-asset-icon-dashboard: assets/icons/dashboard.svg;
   --nile-asset-icon-custom: assets/icons/custom.svg;
   --nile-asset-icon-createuser: assets/icons/createuser.svg;
   --nile-asset-icon-create: assets/icons/create.svg;
   --nile-asset-icon-correlation: assets/icons/correlation.svg;
   --nile-asset-icon-cor-analysis: assets/icons/cor-analysis.svg;
+  --nile-asset-icon-copy-06: assets/icons/copy-06.svg;
   --nile-asset-icon-copy: assets/icons/copy.svg;
   --nile-asset-icon-continuous: assets/icons/continuous.svg;
   --nile-asset-icon-connectorrightarrow: assets/icons/connectorrightarrow.svg;
@@ -646,12 +687,19 @@
   --nile-asset-icon-color: assets/icons/color.svg;
   --nile-asset-icon-collapse-1: assets/icons/collapse-1.svg;
   --nile-asset-icon-collapse: assets/icons/collapse.svg;
+  --nile-asset-icon-cloud-01: assets/icons/cloud-01.svg;
   --nile-asset-icon-close: assets/icons/close.svg;
+  --nile-asset-icon-clock-rewind: assets/icons/clock-rewind.svg;
+  --nile-asset-icon-clock-check: assets/icons/clock-check.svg;
+  --nile-asset-icon-clock: assets/icons/clock.svg;
   --nile-asset-icon-chevron-up: assets/icons/chevron-up.svg;
+  --nile-asset-icon-chevron-selector-vertical: assets/icons/chevron-selector-vertical.svg;
+  --nile-asset-icon-chevron-left-double: assets/icons/chevron-left-double.svg;
   --nile-asset-icon-chevron-down: assets/icons/chevron-down.svg;
   --nile-asset-icon-check-done-02: assets/icons/check-done-02.svg;
   --nile-asset-icon-check-done-01: assets/icons/check-done-01.svg;
   --nile-asset-icon-check-circle: assets/icons/check-circle.svg;
+  --nile-asset-icon-check: assets/icons/check.svg;
   --nile-asset-icon-certification: assets/icons/certification.svg;
   --nile-asset-icon-cell-loader: assets/icons/cell-loader.svg;
   --nile-asset-icon-caution: assets/icons/caution.svg;
@@ -663,8 +711,10 @@
   --nile-asset-icon-button-loading-blue: assets/icons/button-loading-blue.svg;
   --nile-asset-icon-button-loading-black: assets/icons/button-loading-black.svg;
   --nile-asset-icon-bulk-sync: assets/icons/bulk-sync.svg;
+  --nile-asset-icon-box: assets/icons/box.svg;
   --nile-asset-icon-border-all: assets/icons/border_all.svg;
   --nile-asset-icon-boolean: assets/icons/boolean.svg;
+  --nile-asset-icon-book-closed: assets/icons/book-closed.svg;
   --nile-asset-icon-bluedot: assets/icons/bluedot.svg;
   --nile-asset-icon-block: assets/icons/block.svg;
   --nile-asset-icon-bell-icon: assets/icons/bell-icon.svg;
@@ -682,6 +732,7 @@
   --nile-asset-icon-arrowdropup: assets/icons/arrowdropup.svg;
   --nile-asset-icon-arrowdropdown: assets/icons/arrowdropdown.svg;
   --nile-asset-icon-arrowdown: assets/icons/arrowdown.svg;
+  --nile-asset-icon-arrow-narrow-left: assets/icons/arrow-narrow-left.svg;
   --nile-asset-icon-arrow: assets/icons/arrow.svg;
   --nile-asset-icon-arrayofobject: assets/icons/arrayofobject.svg;
   --nile-asset-icon-array-of-string: assets/icons/array-of-string.svg;
@@ -701,6 +752,7 @@
   --nile-asset-icon-anomaly: assets/icons/anomaly.svg;
   --nile-asset-icon-allsearch: assets/icons/allsearch.svg;
   --nile-asset-icon-allapplication: assets/icons/allapplication.svg;
+  --nile-asset-icon-alert-circle: assets/icons/alert-circle.svg;
   --nile-asset-icon-aggregation: assets/icons/aggregation.svg;
   --nile-asset-icon-agents: assets/icons/agents.svg;
   --nile-asset-icon-agent: assets/icons/agent.svg;

package/demo/variables_v2.css

@@ -83,6 +83,17 @@
   --nile-table-header-background-color: #F9FAFB;
   --nile-table-body-row-odd-background-color: #F9FAFB;
   --nile-table-body-row-even-background-color: #FFF;
+  --nile-stepper-min-width: 200px;
+  --nile-stepper-color-title-selected: #005291;
+  --nile-stepper-color-text-default: #475467;
+  --nile-stepper-color-subtitle-selected: #005EA6;
+  --nile-stepper-color-line-selected: #005291;
+  --nile-stepper-color-line-default: #D0D5DD;
+  --nile-stepper-color-highlight: #005EA6;
+  --nile-stepper-color-bulletin-outer-selected: #005EA6;
+  --nile-stepper-color-bulletin-outer-default: #fff0;
+  --nile-stepper-color-bulletin-inner-selected: #fff0;
+  --nile-stepper-color-bulletin-inner-default: #D0D5DD;
   --nile-spacing-spacing-xxs: 2px; /* 0.5 (2px) */
   --nile-spacing-spacing-xs: 4px; /* 1 (4px) */
   --nile-spacing-spacing-xl: 16px; /* 4 (16px) */
@@ -138,14 +149,14 @@
   --nile-radio-checked-hover-background-color: #005ea6;
   --nile-radio-checked-border-color: #005ea6;
   --nile-radio-checked-background-color: #005ea6;
-  --nile-page-header-subheading-line-height: 24px;
+  --nile-page-header-subheading-line-height: 18px;
   --nile-page-header-subheading-font-weight: 400;
-  --nile-page-header-subheading-font-size: 14px;
+  --nile-page-header-subheading-font-size: 12px;
   --nile-page-header-subheading-font-color: #475467;
   --nile-page-header-line-border-color: #eaecf0;
-  --nile-page-header-heading-line-height: 28px;
-  --nile-page-header-heading-font-weight: 600;
-  --nile-page-header-heading-font-size: 18px;
+  --nile-page-header-heading-line-height: 30px;
+  --nile-page-header-heading-font-weight: 500;
+  --nile-page-header-heading-font-size: 20px;
   --nile-page-header-heading-font-color: #000000;
   --nile-line-height-xsmall: 1rem; /* 16px */
   --nile-line-height-xlarge: 2.25rem; /* 36px */
@@ -159,6 +170,7 @@
   --nile-input-standard-background-color: hsl(0, 0%, 100%);
   --nile-input-font-size-small: 16px;
   --nile-input-font-size-medium: 16px;
+  --nile-hero-text-line-height: 24px;
   --nile-hero-text-font-weight: 600;
   --nile-hero-text-font-size: 16px;
   --nile-hero-text-color: #000;
@@ -185,6 +197,8 @@
   --nile-font-family-serif: inter;
   --nile-font-family-sans-serif: inter;
   --nile-font-family-body: var(--nile-font-family-sans-serif);
+  --nile-empty-state-min-width: 300px;
+  --nile-empty-state-max-width: 512px;
   --nile-colors-yellow-900: #713b12;
   --nile-colors-yellow-800: #854a0e;
   --nile-colors-yellow-700: #a15c07;