@aquera/nile-elements 0.0.68 → 0.0.70

package/.nycrc

@@ -0,0 +1,17 @@
+{
+  "extends": "@istanbuljs/nyc-config-browserify",
+  "all": true,
+  "include": ["dist/src/**/*.js"],
+  "exclude": [
+    "dist/src/**/*.test.js",
+    "dist/src/**/test-helpers/**",
+    "dist/src/**/__mocks__/**",
+    "node_modules/**"
+  ],
+  "reporter": ["html", "text-summary"],
+  "check-coverage": true,
+  "statements": 100,
+  "branches": 100,
+  "functions": 100,
+  "lines": 100
+}

package/README.md

@@ -79,6 +79,30 @@ 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.70
+- Nile Format Date - for formatting dates and time
+- Nile Tab - Fixes in Indicator Movement
+- Nile Card - New Layout Approach 
+- Nile Input - Hover CSS Updated
+
+- dependency: @aquera/nile@0.3.21
+
+#### 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

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-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,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,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-03,user-circle,user-square,users-01,users-02,users-plus,users-up,virtualservergroup,workflow-solid,x-circle
+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/variables.css

@@ -149,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 */
@@ -170,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;
@@ -196,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;
@@ -243,7 +246,7 @@
   --nile-card-footer-border-radius: 0 0 4px 4px;
   --nile-card-footer-border-color: #C7CED4;
   --nile-card-footer-background-color: #fafafa;
-  --nile-card-color-border: #E6E9EB;
+  --nile-card-color-border: #475467;
   --nile-card-box-shadow: 0px 0px 0px 0px;
   --nile-button-toggle-text-color-standard: #000;
   --nile-button-toggle-text-color-hover: #000;
@@ -315,6 +318,7 @@
   --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;
@@ -511,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;
@@ -655,6 +660,7 @@
   --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;

package/demo/variables_v2.css

@@ -149,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 */
@@ -170,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;
@@ -196,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;
@@ -561,7 +564,7 @@
   --nile-card-footer-border-radius: 0 0 8px 8px;
   --nile-card-footer-border-color: #EAECF0;
   --nile-card-footer-background-color: #fff;
-  --nile-card-color-border: #EAECF0;
+  --nile-card-color-border: #475467;
   --nile-card-box-shadow: 0px 1px 2px 0px;
   --nile-button-toggle-text-color-standard: #344054;
   --nile-button-toggle-text-color-hover: #182230;