@aquera/nile-elements 0.0.47 → 0.0.49

package/demo/filenames.txt

@@ -1 +1 @@
-api,accessreview,action,actionworkflow,address,agent,agents,aggregation,allapplication,allsearch,application,applications,apply-filter,approve,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-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,bargraph,bell-icon,border_all,cell-loader,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,life-buoy-01,list,message-notification-square,no-anomaly,operators,orchestration-solid,ou-analysis-icon,phone,pie,placeholder-wf,plus-icon,search-steps-icon,shield-01,storybook,swap,switch,table-1,trash-no-fill,user-03,user-square,users-01,users-02,users-plus,virtualservergroup,workflow-solid
+api,accessreview,action,actionworkflow,address,agent,agents,aggregation,allapplication,allsearch,application,applications,apply-filter,approve,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-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

package/demo/variables.css

@@ -4,6 +4,18 @@
 
 
 :root {
+  --nile-width-width-xxs: 320px; /* 80 (320px) */
+  --nile-width-width-xs: 384px; /* 96 (384px) */
+  --nile-width-width-xl: 768px; /* 192 (768px) */
+  --nile-width-width-sm: 480px; /* 120 (480px) */
+  --nile-width-width-md: 560px; /* 140 (560px) */
+  --nile-width-width-lg: 640px; /* 160 (640px) */
+  --nile-width-width-6xl: 1920px; /* 480 (1,920px) */
+  --nile-width-width-5xl: 1600px; /* 400 (1,600px) */
+  --nile-width-width-4xl: 1440px; /* 360 (1,440px) */
+  --nile-width-width-3xl: 1280px; /* 320 (1,280px) */
+  --nile-width-width-2xl: 1024px; /* 256 (1,024px) */
+  --nile-width-paragraph-max-width: 720px; /* 180 (720px) */
   --nile-type-scale-9: 48.83px; /* 48.83px */
   --nile-type-scale-8: 39.06px; /* 39.06px */
   --nile-type-scale-7: 31.25px; /* 31.25px */
@@ -20,6 +32,32 @@
   --nile-transition-duration-default: 250ms;
   --nile-transition-curve-base: cubic-bezier(0.17, 0.67, 0.83, 0.67);
   --nile-transition-base: 250ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
+  --nile-tooltip-padding-y: 3px;
+  --nile-tooltip-padding-x: 6px;
+  --nile-tooltip-line-height-sm: 10.24px;
+  --nile-tooltip-line-height-lg: 12px;
+  --nile-tooltip-font-weight-sm: 400;
+  --nile-tooltip-font-weight-lg: 600;
+  --nile-tooltip-font-size-sm: 10.24px;
+  --nile-tooltip-font-size-lg: 12px;
+  --nile-tooltip-color-background: #000;
+  --nile-spacing-spacing-xxs: 2px; /* 0.5 (2px) */
+  --nile-spacing-spacing-xs: 4px; /* 1 (4px) */
+  --nile-spacing-spacing-xl: 16px; /* 4 (16px) */
+  --nile-spacing-spacing-sm: 6px; /* 1.5 (6px) */
+  --nile-spacing-spacing-none: 0px; /* none */
+  --nile-spacing-spacing-md: 8px; /* 2 (8px) */
+  --nile-spacing-spacing-lg: 12px; /* 3 (12px) */
+  --nile-spacing-spacing-9xl: 96px; /* 24 (96px) */
+  --nile-spacing-spacing-8xl: 80px; /* 20 (80px) */
+  --nile-spacing-spacing-7xl: 64px; /* 16 (64px) */
+  --nile-spacing-spacing-6xl: 48px; /* 12 (48px) */
+  --nile-spacing-spacing-5xl: 40px; /* 10 (40px) */
+  --nile-spacing-spacing-4xl: 32px; /* 8 (32px) */
+  --nile-spacing-spacing-3xl: 24px; /* 6 (24px) */
+  --nile-spacing-spacing-2xl: 20px; /* 5 (20px) */
+  --nile-spacing-spacing-11xl: 160px; /* 40 (160px) */
+  --nile-spacing-spacing-10xl: 128px; /* 32 (128px) */
   --nile-spacing-one-half-x: 3px; /* xxs */
   --nile-spacing-gutter: var(--nile-spacing-3-x); /* 48px */
   --nile-spacing-7-x: 96px; /* xl */
@@ -27,7 +65,35 @@
   --nile-spacing-3-x: 24px; /* m */
   --nile-spacing-2-x: 12px; /* s */
   --nile-spacing-1-x: 6px; /* xs */
+  --nile-slide-toggle-color-indicator: #FFFFFF;
+  --nile-slide-toggle-color-background-inactive: #C7CED4;
+  --nile-slide-toggle-color-background-active: #005EA6;
+  --nile-radius-radius-xxs: 2px; /* xxs */
+  --nile-radius-radius-xs: 4px; /* xs */
+  --nile-radius-radius-xl: 8px; /* xl */
+  --nile-radius-radius-sm: 4px; /* sm */
+  --nile-radius-radius-none: 0px; /* none */
+  --nile-radius-radius-md: 4px; /* md */
+  --nile-radius-radius-lg: 6px; /* lg */
+  --nile-radius-radius-full: 9999px; /* full */
+  --nile-radius-radius-4xl: 16px; /* 4xl */
+  --nile-radius-radius-3xl: 12px; /* 3xl */
+  --nile-radius-radius-2xl: 10px; /* 2xl */
   --nile-radius-base-standard: 4px; /* 4px */
+  --nile-radio-outer-width: 14px;
+  --nile-radio-outer-height: 14px;
+  --nile-radio-outer-border-color: #777D82;
+  --nile-radio-outer-background-color: #ffff;
+  --nile-radio-inner-width: 9px;
+  --nile-radio-inner-height: 9px;
+  --nile-radio-hover-border-color: #005EA6;
+  --nile-radio-hover-background-color: rgba(0, 94, 166, 0.1);
+  --nile-radio-checked-icon-background: #005EA6;
+  --nile-radio-checked-hover-icon-background-color: #002F53;
+  --nile-radio-checked-hover-border-color: #002F53;
+  --nile-radio-checked-hover-background-color: #FFFFFF;
+  --nile-radio-checked-border-color: #005EA6;
+  --nile-radio-checked-background-color: #ffff;
   --nile-line-height-xsmall: 1rem; /* 16px */
   --nile-line-height-xlarge: 2.25rem; /* 36px */
   --nile-line-height-text-base-condensed: var(--nile-line-height-small); /* 20px */
@@ -77,11 +143,42 @@
   --nile-colors-blue-500: #42A3E5;
   --nile-colors-blue-400: #A5D3F3;
   --nile-colors-blue-100: #F5FAFE;
+  --nile-checkbox-color-outline-standard: transparent;
+  --nile-checkbox-color-border-standard: #CBD2E1;
+  --nile-checkbox-color-border-hover: #344FA3;
+  --nile-checkbox-color-border-checked-standard: #344FA3;
+  --nile-checkbox-color-border-checked-hover: #1F367A;
+  --nile-checkbox-color-background-standard: #FFFFFF;
+  --nile-checkbox-color-background-hover: #F0F4FF;
+  --nile-checkbox-color-background-checked-standard: #344FA3;
+  --nile-checkbox-color-background-checked-hover: #1F367A;
+  --nile-card-footer-padding: 9px 18px 9px 18px;
+  --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-box-shadow: 0px 0px 0px 0px;
+  --nile-button-toggle-text-color-standard: #000;
+  --nile-button-toggle-text-color-hover: #000;
+  --nile-button-toggle-color-background-non-active-standard: #e5e9eb;
+  --nile-button-toggle-color-background-non-active-hover: #FAFAFA;
+  --nile-button-toggle-color-background-non-active-disabled: #FFFFFF;
+  --nile-button-toggle-color-background-active-standard: #c7ced4;
+  --nile-button-toggle-color-background-active-hover: #c7ced4;
+  --nile-button-toggle-color-background-active-disabled: #F9FAFB;
+  --nile-button-toggle-border-color: #ccc;
   --nile-breakpoint-xlarge: 85rem; /* 1360px */
   --nile-breakpoint-small: 22.5rem; /* 360px */
   --nile-breakpoint-medium: 48rem; /* 768px */
   --nile-breakpoint-max: 99rem; /* 1584px */
   --nile-breakpoint-large: 66rem; /* 1056px */
+  --nile-badge-color-font-warning: #000;
+  --nile-badge-color-font-success: #000;
+  --nile-badge-color-font-error: #000;
+  --nile-badge-color-border-width: 0px;
+  --nile-badge-color-background-warning: #f3e0a5;
+  --nile-badge-color-background-success: #a5f3e1;
+  --nile-badge-color-background-error: #f3a5aa;
   --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;
@@ -107,6 +204,7 @@
   --nile-asset-icon-variable: assets/icons/variable.svg;
   --nile-asset-icon-validationexpression: assets/icons/validationexpression.svg;
   --nile-asset-icon-userupdate: assets/icons/userupdate.svg;
+  --nile-asset-icon-users-up: assets/icons/users-up.svg;
   --nile-asset-icon-users-plus: assets/icons/users-plus.svg;
   --nile-asset-icon-users-02: assets/icons/users-02.svg;
   --nile-asset-icon-users-01: assets/icons/users-01.svg;
@@ -139,7 +237,9 @@
   --nile-asset-icon-undo-1: assets/icons/undo-1.svg;
   --nile-asset-icon-undo: assets/icons/undo.svg;
   --nile-asset-icon-trigger: assets/icons/trigger.svg;
+  --nile-asset-icon-trend-up-02: assets/icons/trend-up-02.svg;
   --nile-asset-icon-trash-no-fill: assets/icons/trash-no-fill.svg;
+  --nile-asset-icon-trash-01: assets/icons/trash-01.svg;
   --nile-asset-icon-trash: assets/icons/trash.svg;
   --nile-asset-icon-timezone: assets/icons/timezone.svg;
   --nile-asset-icon-timeupdate: assets/icons/timeupdate.svg;
@@ -174,6 +274,7 @@
   --nile-asset-icon-share: assets/icons/share.svg;
   --nile-asset-icon-shape: assets/icons/shape.svg;
   --nile-asset-icon-settings-1: assets/icons/settings-1.svg;
+  --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-sendreminder: assets/icons/sendreminder.svg;
@@ -302,6 +403,7 @@
   --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-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;
   --nile-asset-icon-kill: assets/icons/kill.svg;
@@ -405,6 +507,7 @@
   --nile-asset-icon-else: assets/icons/else.svg;
   --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-dropdown: assets/icons/dropdown.svg;
   --nile-asset-icon-droparrow: assets/icons/droparrow.svg;
   --nile-asset-icon-draglist: assets/icons/draglist.svg;
@@ -491,6 +594,7 @@
   --nile-asset-icon-bell: assets/icons/bell.svg;
   --nile-asset-icon-basic: assets/icons/basic.svg;
   --nile-asset-icon-bargraph: assets/icons/bargraph.svg;
+  --nile-asset-icon-bar-chart-square-03: assets/icons/bar-chart-square-03.svg;
   --nile-asset-icon-bar-chart-square-02: assets/icons/bar-chart-square-02.svg;
   --nile-asset-icon-back: assets/icons/back.svg;
   --nile-asset-icon-attributemap: assets/icons/attributemap.svg;

package/demo/variables_v2.css

@@ -4,6 +4,18 @@
 
 
 :root {
+  --nile-width-width-xxs: 320px; /* 80 (320px) */
+  --nile-width-width-xs: 384px; /* 96 (384px) */
+  --nile-width-width-xl: 768px; /* 192 (768px) */
+  --nile-width-width-sm: 480px; /* 120 (480px) */
+  --nile-width-width-md: 560px; /* 140 (560px) */
+  --nile-width-width-lg: 640px; /* 160 (640px) */
+  --nile-width-width-6xl: 1920px; /* 480 (1,920px) */
+  --nile-width-width-5xl: 1600px; /* 400 (1,600px) */
+  --nile-width-width-4xl: 1440px; /* 360 (1,440px) */
+  --nile-width-width-3xl: 1280px; /* 320 (1,280px) */
+  --nile-width-width-2xl: 1024px; /* 256 (1,024px) */
+  --nile-width-paragraph-max-width: 720px; /* 180 (720px) */
   --nile-type-scale-9: 48.83px; /* 48.83px */
   --nile-type-scale-8: 39.06px; /* 39.06px */
   --nile-type-scale-7: 31.25px; /* 31.25px */
@@ -20,6 +32,32 @@
   --nile-transition-duration-default: 250ms;
   --nile-transition-curve-base: cubic-bezier(0.17, 0.67, 0.83, 0.67);
   --nile-transition-base: 250ms cubic-bezier(0.17, 0.67, 0.83, 0.67);
+  --nile-tooltip-padding-y: 8px;
+  --nile-tooltip-padding-x: 12px;
+  --nile-tooltip-line-height-sm: 18px;
+  --nile-tooltip-line-height-lg: 18px;
+  --nile-tooltip-font-weight-sm: 600;
+  --nile-tooltip-font-weight-lg: 600;
+  --nile-tooltip-font-size-sm: 12px;
+  --nile-tooltip-font-size-lg: 12px;
+  --nile-tooltip-color-background: #0C111D;
+  --nile-spacing-spacing-xxs: 2px; /* 0.5 (2px) */
+  --nile-spacing-spacing-xs: 4px; /* 1 (4px) */
+  --nile-spacing-spacing-xl: 16px; /* 4 (16px) */
+  --nile-spacing-spacing-sm: 6px; /* 1.5 (6px) */
+  --nile-spacing-spacing-none: 0px; /* none */
+  --nile-spacing-spacing-md: 8px; /* 2 (8px) */
+  --nile-spacing-spacing-lg: 12px; /* 3 (12px) */
+  --nile-spacing-spacing-9xl: 96px; /* 24 (96px) */
+  --nile-spacing-spacing-8xl: 80px; /* 20 (80px) */
+  --nile-spacing-spacing-7xl: 64px; /* 16 (64px) */
+  --nile-spacing-spacing-6xl: 48px; /* 12 (48px) */
+  --nile-spacing-spacing-5xl: 40px; /* 10 (40px) */
+  --nile-spacing-spacing-4xl: 32px; /* 8 (32px) */
+  --nile-spacing-spacing-3xl: 24px; /* 6 (24px) */
+  --nile-spacing-spacing-2xl: 20px; /* 5 (20px) */
+  --nile-spacing-spacing-11xl: 160px; /* 40 (160px) */
+  --nile-spacing-spacing-10xl: 128px; /* 32 (128px) */
   --nile-spacing-one-half-x: 3px; /* xxs */
   --nile-spacing-gutter: var(--nile-spacing-3-x); /* 48px */
   --nile-spacing-7-x: 96px; /* xl */
@@ -27,7 +65,35 @@
   --nile-spacing-3-x: 24px; /* m */
   --nile-spacing-2-x: 12px; /* s */
   --nile-spacing-1-x: 6px; /* xs */
+  --nile-slide-toggle-color-indicator: #FFFFFF;
+  --nile-slide-toggle-color-background-inactive: #F2F4F7;
+  --nile-slide-toggle-color-background-active: #005EA6;
+  --nile-radius-radius-xxs: 2px; /* xxs */
+  --nile-radius-radius-xs: 4px; /* xs */
+  --nile-radius-radius-xl: 8px; /* xl */
+  --nile-radius-radius-sm: 4px; /* sm */
+  --nile-radius-radius-none: 0px; /* none */
+  --nile-radius-radius-md: 4px; /* md */
+  --nile-radius-radius-lg: 6px; /* lg */
+  --nile-radius-radius-full: 9999px; /* full */
+  --nile-radius-radius-4xl: 16px; /* 4xl */
+  --nile-radius-radius-3xl: 12px; /* 3xl */
+  --nile-radius-radius-2xl: 10px; /* 2xl */
   --nile-radius-base-standard: 4px; /* 4px */
+  --nile-radio-outer-width: 16px;
+  --nile-radio-outer-height: 16px;
+  --nile-radio-outer-border-color: #d0d5dd;
+  --nile-radio-outer-background-color: transparent;
+  --nile-radio-inner-width: 6px;
+  --nile-radio-inner-height: 6px;
+  --nile-radio-hover-border-color: #d0d5dd;
+  --nile-radio-hover-background-color: transparent;
+  --nile-radio-checked-icon-background: #ffff;
+  --nile-radio-checked-hover-icon-background-color: #ffff;
+  --nile-radio-checked-hover-border-color: #005ea6;
+  --nile-radio-checked-hover-background-color: #005ea6;
+  --nile-radio-checked-border-color: #005ea6;
+  --nile-radio-checked-background-color: #005ea6;
   --nile-line-height-xsmall: 1rem; /* 16px */
   --nile-line-height-xlarge: 2.25rem; /* 36px */
   --nile-line-height-text-base-condensed: var(--nile-line-height-small); /* 20px */
@@ -77,11 +143,44 @@
   --nile-colors-blue-500: #42A3E5;
   --nile-colors-blue-400: #84CAFF;
   --nile-colors-blue-100: #D1E9FF;
+  --nile-checkbox-color-outline-standard: #98A2B324;
+  --nile-checkbox-color-border-standard: #D0D5DD;
+  --nile-checkbox-color-border-hover: #D0D5DD;
+  --nile-checkbox-color-border-checked-standard: #005EA6;
+  --nile-checkbox-color-border-checked-hover: #005EA6;
+  --nile-checkbox-color-background-standard: #FFFFFF;
+  --nile-checkbox-color-background-hover: #FFFFFF;
+  --nile-checkbox-color-background-checked-standard: #005EA6;
+  --nile-checkbox-color-background-checked-hover: #005EA6;
+  --nile-card-footer-padding: 12px 16px 16px 16px;
+  --nile-card-footer-border-radius: 0 0 8px 8px;
+  --nile-card-footer-border-color: #ffffff;
+  --nile-card-footer-background-color: #ffffff;
+  --nile-card-color-border: #ffffff;
+  --nile-card-box-shadow: 0px 1px 2px 0px;
+  --nile-button-toggle-text-color-standard: #344054;
+  --nile-button-toggle-text-color-hover: #182230;
+  --nile-button-toggle-color-background-non-active-standard: #FFFFFF;
+  --nile-button-toggle-color-background-non-active-hover: #F9FAFB;
+  --nile-button-toggle-color-background-non-active-focused: #FFFFFF;
+  --nile-button-toggle-color-background-non-active-disabled: #FFFFFF;
+  --nile-button-toggle-color-background-active-standard: #EAECF0;
+  --nile-button-toggle-color-background-active-hover: #F9FAFB;
+  --nile-button-toggle-color-background-active-focused: #EAECF0;
+  --nile-button-toggle-color-background-active-disabled: #F9FAFB;
+  --nile-button-toggle-border-color: #D0D5DD;
   --nile-breakpoint-xlarge: 85rem; /* 1360px */
   --nile-breakpoint-small: 22.5rem; /* 360px */
   --nile-breakpoint-medium: 48rem; /* 768px */
   --nile-breakpoint-max: 99rem; /* 1584px */
   --nile-breakpoint-large: 66rem; /* 1056px */
+  --nile-badge-color-font-warning: #b54708;
+  --nile-badge-color-font-success: #067647;
+  --nile-badge-color-font-error: #b42318;
+  --nile-badge-color-border-width: 1px;
+  --nile-badge-color-background-warning: #fffaeb;
+  --nile-badge-color-background-success: #ecfdf3;
+  --nile-badge-color-background-error: #fef3f2;
   --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;