@aquera/nile-elements 0.0.42 → 0.0.44

package/demo/variables.css

@@ -0,0 +1,643 @@
+/**
+ * Do not edit directly
+ */
+
+
+:root {
+  --nile-type-scale-9: 48.83px; /* 48.83px */
+  --nile-type-scale-8: 39.06px; /* 39.06px */
+  --nile-type-scale-7: 31.25px; /* 31.25px */
+  --nile-type-scale-6: 20px; /* 20px */
+  --nile-type-scale-5: 18px; /* 18px */
+  --nile-type-scale-4: 16px; /* 16px */
+  --nile-type-scale-3: 14px; /* 14px */
+  --nile-type-scale-2: 12px; /* 12px */
+  --nile-type-scale-1: 10.24px; /* 10.24px */
+  --nile-transition-duration-shorter: 50ms;
+  --nile-transition-duration-short: 100ms;
+  --nile-transition-duration-longer: 1000ms;
+  --nile-transition-duration-long: 500ms;
+  --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-spacing-one-half-x: 3px; /* xxs */
+  --nile-spacing-gutter: var(--nile-spacing-3-x); /* 48px */
+  --nile-spacing-7-x: 96px; /* xl */
+  --nile-spacing-5-x: 48px; /* l */
+  --nile-spacing-3-x: 24px; /* m */
+  --nile-spacing-2-x: 12px; /* s */
+  --nile-spacing-1-x: 6px; /* xs */
+  --nile-radius-base-standard: 4px; /* 4px */
+  --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 */
+  --nile-line-height-small: 1.25rem; /* 20px */
+  --nile-line-height-medium: 1.5rem; /* 24px */
+  --nile-line-height-large: 1.75rem; /* 28px */
+  --nile-line-height-heading-large: 1;
+  --nile-font-weight-regular: 400;
+  --nile-font-weight-bold: 700;
+  --nile-font-size-xlarge: var(--nile-type-scale-6);
+  --nile-font-size-small: var(--nile-type-scale-2);
+  --nile-font-size-micro: var(--nile-type-scale-1);
+  --nile-font-size-large: var(--nile-type-scale-5);
+  --nile-font-size-base: var(--nile-type-scale-3);
+  --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-colors-yellow-700: #B89219;
+  --nile-colors-yellow-500: #E5BF43;
+  --nile-colors-yellow-400: #F3E0A5;
+  --nile-colors-yellow-100: #FEFCF6;
+  --nile-colors-white-base: #FFFFFF;
+  --nile-colors-white-a50: rgba(255, 255, 255, 0.5);
+  --nile-colors-white-a20: rgba(255, 255, 255, 0.2);
+  --nile-colors-red-700: #A4121C;
+  --nile-colors-red-500: #E5434D;
+  --nile-colors-red-400: #F3A5AA;
+  --nile-colors-red-100: #FEF6F7;
+  --nile-colors-primary-900: #002F53;
+  --nile-colors-primary-700: #005291;
+  --nile-colors-primary-600: #005EA6;
+  --nile-colors-primary-400: rgba(0, 94, 166, 0.25);
+  --nile-colors-primary-100: rgba(0, 94, 166, 0.1);
+  --nile-colors-neutral-700: #777D82;
+  --nile-colors-neutral-500: #C7CED4;
+  --nile-colors-neutral-400: #E6E9EB;
+  --nile-colors-neutral-100: #FAFAFA;
+  --nile-colors-green-700: #19B893;
+  --nile-colors-green-500: #43E5C0;
+  --nile-colors-green-400: #A5F3E1;
+  --nile-colors-green-100: #F6FEFC;
+  --nile-colors-dark-900: #000000;
+  --nile-colors-dark-500: #7F7F7F;
+  --nile-colors-dark-200: #F5F7F7;
+  --nile-colors-dark-100: rgba(0, 0, 0, 0.1);
+  --nile-colors-blue-700: #1978B8;
+  --nile-colors-blue-500: #42A3E5;
+  --nile-colors-blue-400: #A5D3F3;
+  --nile-colors-blue-100: #F5FAFE;
+  --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-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;
+  --nile-asset-icon-workflow-section: assets/icons/workflow-section.svg;
+  --nile-asset-icon-workflow-orchestration: assets/icons/workflow-orchestration.svg;
+  --nile-asset-icon-workflow-application: assets/icons/workflow-application.svg;
+  --nile-asset-icon-workflow: assets/icons/workflow.svg;
+  --nile-asset-icon-whileloop: assets/icons/whileloop.svg;
+  --nile-asset-icon-while: assets/icons/while.svg;
+  --nile-asset-icon-warning: assets/icons/warning.svg;
+  --nile-asset-icon-wait: assets/icons/wait.svg;
+  --nile-asset-icon-visibilityoff: assets/icons/visibilityoff.svg;
+  --nile-asset-icon-visibility: assets/icons/visibility.svg;
+  --nile-asset-icon-virtualservergroup: assets/icons/virtualservergroup.svg;
+  --nile-asset-icon-virtualserver: assets/icons/virtualserver.svg;
+  --nile-asset-icon-view: assets/icons/view.svg;
+  --nile-asset-icon-video: assets/icons/video.svg;
+  --nile-asset-icon-variable-new-1: assets/icons/variable-new-1.svg;
+  --nile-asset-icon-variable-new: assets/icons/variable-new.svg;
+  --nile-asset-icon-variable-local-1: assets/icons/variable-local-1.svg;
+  --nile-asset-icon-variable-local: assets/icons/variable-local.svg;
+  --nile-asset-icon-variable-global: assets/icons/variable-global.svg;
+  --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-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;
+  --nile-asset-icon-users: assets/icons/users.svg;
+  --nile-asset-icon-userremovegroup: assets/icons/userremovegroup.svg;
+  --nile-asset-icon-userremove-2: assets/icons/userremove-2.svg;
+  --nile-asset-icon-userremove-1: assets/icons/userremove-1.svg;
+  --nile-asset-icon-userremove: assets/icons/userremove.svg;
+  --nile-asset-icon-usermixed: assets/icons/usermixed.svg;
+  --nile-asset-icon-userimportgroup: assets/icons/userimportgroup.svg;
+  --nile-asset-icon-userimport: assets/icons/userimport.svg;
+  --nile-asset-icon-userfind: assets/icons/userfind.svg;
+  --nile-asset-icon-useraddgroup: assets/icons/useraddgroup.svg;
+  --nile-asset-icon-useradd: assets/icons/useradd.svg;
+  --nile-asset-icon-useractive: assets/icons/useractive.svg;
+  --nile-asset-icon-user-square: assets/icons/user-square.svg;
+  --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-analysis-icon: assets/icons/user-analysis-icon.svg;
+  --nile-asset-icon-user-03: assets/icons/user-03.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;
+  --nile-asset-icon-updown: assets/icons/updown.svg;
+  --nile-asset-icon-updateuser: assets/icons/updateuser.svg;
+  --nile-asset-icon-update: assets/icons/update.svg;
+  --nile-asset-icon-uparrow: assets/icons/uparrow.svg;
+  --nile-asset-icon-unmute: assets/icons/unmute.svg;
+  --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-trash-no-fill: assets/icons/trash-no-fill.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;
+  --nile-asset-icon-tick: assets/icons/tick.svg;
+  --nile-asset-icon-thumsup: assets/icons/thumsup.svg;
+  --nile-asset-icon-thumbsup: assets/icons/thumbsup.svg;
+  --nile-asset-icon-thumbsdown: assets/icons/thumbsdown.svg;
+  --nile-asset-icon-themes: assets/icons/themes.svg;
+  --nile-asset-icon-textarea-expander: assets/icons/textarea-expander.svg;
+  --nile-asset-icon-text: assets/icons/text.svg;
+  --nile-asset-icon-test: assets/icons/test.svg;
+  --nile-asset-icon-tag: assets/icons/tag.svg;
+  --nile-asset-icon-table-1: assets/icons/table-1.svg;
+  --nile-asset-icon-table: assets/icons/table.svg;
+  --nile-asset-icon-sync: assets/icons/sync.svg;
+  --nile-asset-icon-switch: assets/icons/switch.svg;
+  --nile-asset-icon-swap: assets/icons/swap.svg;
+  --nile-asset-icon-support: assets/icons/support.svg;
+  --nile-asset-icon-stringletters: assets/icons/stringletters.svg;
+  --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: assets/icons/stop.svg;
+  --nile-asset-icon-sortup: assets/icons/sortup.svg;
+  --nile-asset-icon-sortdown: assets/icons/sortdown.svg;
+  --nile-asset-icon-sortdescending: assets/icons/sortdescending.svg;
+  --nile-asset-icon-sortascending: assets/icons/sortascending.svg;
+  --nile-asset-icon-sort: assets/icons/sort.svg;
+  --nile-asset-icon-smartcode: assets/icons/smartcode.svg;
+  --nile-asset-icon-smalltick: assets/icons/smalltick.svg;
+  --nile-asset-icon-shield-01: assets/icons/shield-01.svg;
+  --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: assets/icons/settings.svg;
+  --nile-asset-icon-setting: assets/icons/setting.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;
+  --nile-asset-icon-sendemail: assets/icons/sendemail.svg;
+  --nile-asset-icon-send: assets/icons/send.svg;
+  --nile-asset-icon-selectuser: assets/icons/selectuser.svg;
+  --nile-asset-icon-selectattributes: assets/icons/selectattributes.svg;
+  --nile-asset-icon-selectapplication: assets/icons/selectapplication.svg;
+  --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: assets/icons/search.svg;
+  --nile-asset-icon-script: assets/icons/script.svg;
+  --nile-asset-icon-schema: assets/icons/schema.svg;
+  --nile-asset-icon-schedule: assets/icons/schedule.svg;
+  --nile-asset-icon-save: assets/icons/save.svg;
+  --nile-asset-icon-run: assets/icons/run.svg;
+  --nile-asset-icon-rolemanager: assets/icons/rolemanager.svg;
+  --nile-asset-icon-role: assets/icons/role.svg;
+  --nile-asset-icon-rightarrow: assets/icons/rightarrow.svg;
+  --nile-asset-icon-revokation-cycle: assets/icons/revokation-cycle.svg;
+  --nile-asset-icon-revocationcycle: assets/icons/revocationcycle.svg;
+  --nile-asset-icon-returnvalue: assets/icons/returnvalue.svg;
+  --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: assets/icons/refresh.svg;
+  --nile-asset-icon-redo: assets/icons/redo.svg;
+  --nile-asset-icon-reddot: assets/icons/reddot.svg;
+  --nile-asset-icon-readuser: assets/icons/readuser.svg;
+  --nile-asset-icon-readonlyuser: assets/icons/readonlyuser.svg;
+  --nile-asset-icon-readonly: assets/icons/readonly.svg;
+  --nile-asset-icon-readexpression: assets/icons/readexpression.svg;
+  --nile-asset-icon-read: assets/icons/read.svg;
+  --nile-asset-icon-radiodone: assets/icons/radiodone.svg;
+  --nile-asset-icon-radioactive: assets/icons/radioactive.svg;
+  --nile-asset-icon-radio: assets/icons/radio.svg;
+  --nile-asset-icon-question: assets/icons/question.svg;
+  --nile-asset-icon-professionaldetails: assets/icons/professionaldetails.svg;
+  --nile-asset-icon-process: assets/icons/process.svg;
+  --nile-asset-icon-privilegeobject: assets/icons/privilegeobject.svg;
+  --nile-asset-icon-privilege: assets/icons/privilege.svg;
+  --nile-asset-icon-privilage: assets/icons/privilage.svg;
+  --nile-asset-icon-preview: assets/icons/preview.svg;
+  --nile-asset-icon-prev-up: assets/icons/prev-up.svg;
+  --nile-asset-icon-prev: assets/icons/prev.svg;
+  --nile-asset-icon-predefined: assets/icons/predefined.svg;
+  --nile-asset-icon-poweron: assets/icons/poweron.svg;
+  --nile-asset-icon-potentialmatch: assets/icons/potentialmatch.svg;
+  --nile-asset-icon-policy: assets/icons/policy.svg;
+  --nile-asset-icon-plussquare: assets/icons/plussquare.svg;
+  --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: assets/icons/play.svg;
+  --nile-asset-icon-placeholder-wf: assets/icons/placeholder-wf.svg;
+  --nile-asset-icon-pin: assets/icons/pin.svg;
+  --nile-asset-icon-pie: assets/icons/pie.svg;
+  --nile-asset-icon-phone: assets/icons/phone.svg;
+  --nile-asset-icon-personaldetails: assets/icons/personaldetails.svg;
+  --nile-asset-icon-persistentdata: assets/icons/persistentdata.svg;
+  --nile-asset-icon-persistent-variable: assets/icons/persistent-variable.svg;
+  --nile-asset-icon-peopletask: assets/icons/peopletask.svg;
+  --nile-asset-icon-pencil: assets/icons/pencil.svg;
+  --nile-asset-icon-pen: assets/icons/pen.svg;
+  --nile-asset-icon-pause: assets/icons/pause.svg;
+  --nile-asset-icon-partners: assets/icons/partners.svg;
+  --nile-asset-icon-partner: assets/icons/partner.svg;
+  --nile-asset-icon-palletemenu: assets/icons/palletemenu.svg;
+  --nile-asset-icon-override: assets/icons/override.svg;
+  --nile-asset-icon-ou-analysis-icon: assets/icons/ou-analysis-icon.svg;
+  --nile-asset-icon-otherdetails: assets/icons/otherdetails.svg;
+  --nile-asset-icon-other: assets/icons/other.svg;
+  --nile-asset-icon-organization: assets/icons/organization.svg;
+  --nile-asset-icon-orchestration-solid: assets/icons/orchestration-solid.svg;
+  --nile-asset-icon-orchestration: assets/icons/orchestration.svg;
+  --nile-asset-icon-options: assets/icons/options.svg;
+  --nile-asset-icon-operators: assets/icons/operators.svg;
+  --nile-asset-icon-object: assets/icons/object.svg;
+  --nile-asset-icon-numbers: assets/icons/numbers.svg;
+  --nile-asset-icon-numberinput: assets/icons/numberinput.svg;
+  --nile-asset-icon-number: assets/icons/number.svg;
+  --nile-asset-icon-null: assets/icons/null.svg;
+  --nile-asset-icon-notscheduled: assets/icons/notscheduled.svg;
+  --nile-asset-icon-notificationadded: assets/icons/notificationadded.svg;
+  --nile-asset-icon-notificationadd: assets/icons/notificationadd.svg;
+  --nile-asset-icon-notification: assets/icons/notification.svg;
+  --nile-asset-icon-note: assets/icons/note.svg;
+  --nile-asset-icon-not: assets/icons/not.svg;
+  --nile-asset-icon-nomatch: assets/icons/nomatch.svg;
+  --nile-asset-icon-no-anomaly: assets/icons/no-anomaly.svg;
+  --nile-asset-icon-next-down: assets/icons/next-down.svg;
+  --nile-asset-icon-next: assets/icons/next.svg;
+  --nile-asset-icon-mute: assets/icons/mute.svg;
+  --nile-asset-icon-multiple-user: assets/icons/multiple-user.svg;
+  --nile-asset-icon-moveright: assets/icons/moveright.svg;
+  --nile-asset-icon-moveleft: assets/icons/moveleft.svg;
+  --nile-asset-icon-minus: assets/icons/minus.svg;
+  --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-mapupdate: assets/icons/mapupdate.svg;
+  --nile-asset-icon-maponupdate: assets/icons/maponupdate.svg;
+  --nile-asset-icon-maponcreate: assets/icons/maponcreate.svg;
+  --nile-asset-icon-mapdont: assets/icons/mapdont.svg;
+  --nile-asset-icon-mapcreate: assets/icons/mapcreate.svg;
+  --nile-asset-icon-map: assets/icons/map.svg;
+  --nile-asset-icon-manageduser: assets/icons/manageduser.svg;
+  --nile-asset-icon-manage: assets/icons/manage.svg;
+  --nile-asset-icon-loop: assets/icons/loop.svg;
+  --nile-asset-icon-logs: assets/icons/logs.svg;
+  --nile-asset-icon-logout: assets/icons/logout.svg;
+  --nile-asset-icon-logo-white: assets/icons/logo-white.svg;
+  --nile-asset-icon-log-info: assets/icons/log-info.svg;
+  --nile-asset-icon-log: assets/icons/log.svg;
+  --nile-asset-icon-lock: assets/icons/lock.svg;
+  --nile-asset-icon-loading2: assets/icons/loading2.svg;
+  --nile-asset-icon-loading: assets/icons/loading.svg;
+  --nile-asset-icon-loader: assets/icons/loader.svg;
+  --nile-asset-icon-list-attribute: assets/icons/list-attribute.svg;
+  --nile-asset-icon-list: assets/icons/list.svg;
+  --nile-asset-icon-link: assets/icons/link.svg;
+  --nile-asset-icon-line: assets/icons/line.svg;
+  --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-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;
+  --nile-asset-icon-js: assets/icons/js.svg;
+  --nile-asset-icon-itemplaceholder: assets/icons/itemplaceholder.svg;
+  --nile-asset-icon-integer: assets/icons/integer.svg;
+  --nile-asset-icon-inprogress: assets/icons/inprogress.svg;
+  --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: assets/icons/info.svg;
+  --nile-asset-icon-immutable: assets/icons/immutable.svg;
+  --nile-asset-icon-image: assets/icons/image.svg;
+  --nile-asset-icon-ifelse: assets/icons/ifelse.svg;
+  --nile-asset-icon-if: assets/icons/if.svg;
+  --nile-asset-icon-identityledger: assets/icons/identityledger.svg;
+  --nile-asset-icon-identitygraph: assets/icons/identitygraph.svg;
+  --nile-asset-icon-history: assets/icons/history.svg;
+  --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-1: assets/icons/help-1.svg;
+  --nile-asset-icon-help: assets/icons/help.svg;
+  --nile-asset-icon-header-variable: assets/icons/header-variable.svg;
+  --nile-asset-icon-header-tasks: assets/icons/header-tasks.svg;
+  --nile-asset-icon-header-functions: assets/icons/header-functions.svg;
+  --nile-asset-icon-header-flows: assets/icons/header-flows.svg;
+  --nile-asset-icon-header-child-workflow: assets/icons/header-child-workflow.svg;
+  --nile-asset-icon-header-actions: assets/icons/header-actions.svg;
+  --nile-asset-icon-handtool: assets/icons/handtool.svg;
+  --nile-asset-icon-guide: assets/icons/guide.svg;
+  --nile-asset-icon-groups: assets/icons/groups.svg;
+  --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-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: assets/icons/globe.svg;
+  --nile-asset-icon-global-search: assets/icons/global-search.svg;
+  --nile-asset-icon-generationphase: assets/icons/generationphase.svg;
+  --nile-asset-icon-general: assets/icons/general.svg;
+  --nile-asset-icon-gateway: assets/icons/gateway.svg;
+  --nile-asset-icon-funnel: assets/icons/funnel.svg;
+  --nile-asset-icon-fullscreenshrink: assets/icons/fullscreenshrink.svg;
+  --nile-asset-icon-fullscreenexit: assets/icons/fullscreenexit.svg;
+  --nile-asset-icon-fullscreen: assets/icons/fullscreen.svg;
+  --nile-asset-icon-frequency: assets/icons/frequency.svg;
+  --nile-asset-icon-form: assets/icons/form.svg;
+  --nile-asset-icon-foreach: assets/icons/foreach.svg;
+  --nile-asset-icon-folder: assets/icons/folder.svg;
+  --nile-asset-icon-flowmap-workflow: assets/icons/flowmap-workflow.svg;
+  --nile-asset-icon-flowmap-undo: assets/icons/flowmap-undo.svg;
+  --nile-asset-icon-flowmap-text: assets/icons/flowmap-text.svg;
+  --nile-asset-icon-flowmap-section: assets/icons/flowmap-section.svg;
+  --nile-asset-icon-flowmap-redo: assets/icons/flowmap-redo.svg;
+  --nile-asset-icon-flowmap-orchestration: assets/icons/flowmap-orchestration.svg;
+  --nile-asset-icon-flowmap-hand: assets/icons/flowmap-hand.svg;
+  --nile-asset-icon-flowmap-gateway: assets/icons/flowmap-gateway.svg;
+  --nile-asset-icon-flowmap-firewall-agent: assets/icons/flowmap-firewall-agent.svg;
+  --nile-asset-icon-flowmap-firewall: assets/icons/flowmap-firewall.svg;
+  --nile-asset-icon-flowmap-ellipsis: assets/icons/flowmap-ellipsis.svg;
+  --nile-asset-icon-flowmap-drag: assets/icons/flowmap-drag.svg;
+  --nile-asset-icon-flowmap-colorpalatte: assets/icons/flowmap-colorpalatte.svg;
+  --nile-asset-icon-flowmap-cancel: assets/icons/flowmap-cancel.svg;
+  --nile-asset-icon-flowmap-block: assets/icons/flowmap-block.svg;
+  --nile-asset-icon-flowmap-aquera: assets/icons/flowmap-aquera.svg;
+  --nile-asset-icon-flowmap-application: assets/icons/flowmap-application.svg;
+  --nile-asset-icon-flowmap-agent: assets/icons/flowmap-agent.svg;
+  --nile-asset-icon-flowmap: assets/icons/flowmap.svg;
+  --nile-asset-icon-flow-h: assets/icons/flow-h.svg;
+  --nile-asset-icon-flow: assets/icons/flow.svg;
+  --nile-asset-icon-firewallagent: assets/icons/firewallagent.svg;
+  --nile-asset-icon-firewall: assets/icons/firewall.svg;
+  --nile-asset-icon-fingerprint-03: assets/icons/fingerprint-03.svg;
+  --nile-asset-icon-filter-1: assets/icons/filter-1.svg;
+  --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: 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: 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: assets/icons/expand.svg;
+  --nile-asset-icon-execute: assets/icons/execute.svg;
+  --nile-asset-icon-exactmatch: assets/icons/exactmatch.svg;
+  --nile-asset-icon-every: assets/icons/every.svg;
+  --nile-asset-icon-event: assets/icons/event.svg;
+  --nile-asset-icon-escalate: assets/icons/escalate.svg;
+  --nile-asset-icon-error: assets/icons/error.svg;
+  --nile-asset-icon-entitlement: assets/icons/entitlement.svg;
+  --nile-asset-icon-entities: assets/icons/entities.svg;
+  --nile-asset-icon-enabled: assets/icons/enabled.svg;
+  --nile-asset-icon-enable: assets/icons/enable.svg;
+  --nile-asset-icon-email: assets/icons/email.svg;
+  --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-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: 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-grid: assets/icons/dots-grid.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;
+  --nile-asset-icon-document: assets/icons/document.svg;
+  --nile-asset-icon-disabled: assets/icons/disabled.svg;
+  --nile-asset-icon-directory: assets/icons/directory.svg;
+  --nile-asset-icon-deligateduser: assets/icons/deligateduser.svg;
+  --nile-asset-icon-deleteuser: assets/icons/deleteuser.svg;
+  --nile-asset-icon-delete: assets/icons/delete.svg;
+  --nile-asset-icon-delegate: assets/icons/delegate.svg;
+  --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-databaseview: assets/icons/databaseview.svg;
+  --nile-asset-icon-database-1: assets/icons/database-1.svg;
+  --nile-asset-icon-database: assets/icons/database.svg;
+  --nile-asset-icon-data-type-variable: assets/icons/data-type-variable.svg;
+  --nile-asset-icon-data-type-unknown: assets/icons/data-type-unknown.svg;
+  --nile-asset-icon-data-type-string: assets/icons/data-type-string.svg;
+  --nile-asset-icon-data-type-persistent-variable: assets/icons/data-type-persistent-variable.svg;
+  --nile-asset-icon-data-type-number: assets/icons/data-type-number.svg;
+  --nile-asset-icon-data-type-null: assets/icons/data-type-null.svg;
+  --nile-asset-icon-data-type-json: assets/icons/data-type-json.svg;
+  --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-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: assets/icons/copy.svg;
+  --nile-asset-icon-continuous: assets/icons/continuous.svg;
+  --nile-asset-icon-connectorrightarrow: assets/icons/connectorrightarrow.svg;
+  --nile-asset-icon-connectivitymap: assets/icons/connectivitymap.svg;
+  --nile-asset-icon-connect: assets/icons/connect.svg;
+  --nile-asset-icon-conditions: assets/icons/conditions.svg;
+  --nile-asset-icon-condition: assets/icons/condition.svg;
+  --nile-asset-icon-componenttext: assets/icons/componenttext.svg;
+  --nile-asset-icon-components-icon: assets/icons/components-icon.svg;
+  --nile-asset-icon-componentblock: assets/icons/componentblock.svg;
+  --nile-asset-icon-component-menu: assets/icons/component-menu.svg;
+  --nile-asset-icon-component: assets/icons/component.svg;
+  --nile-asset-icon-compare-tiles: assets/icons/compare-tiles.svg;
+  --nile-asset-icon-compact: assets/icons/compact.svg;
+  --nile-asset-icon-combo1: assets/icons/combo1.svg;
+  --nile-asset-icon-columns-03: assets/icons/columns-03.svg;
+  --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-close: assets/icons/close.svg;
+  --nile-asset-icon-chevron-up: assets/icons/chevron-up.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-certification: assets/icons/certification.svg;
+  --nile-asset-icon-cell-loader: assets/icons/cell-loader.svg;
+  --nile-asset-icon-caution: assets/icons/caution.svg;
+  --nile-asset-icon-cases: assets/icons/cases.svg;
+  --nile-asset-icon-cancel: assets/icons/cancel.svg;
+  --nile-asset-icon-calendar: assets/icons/calendar.svg;
+  --nile-asset-icon-button-loading-white: assets/icons/button-loading-white.svg;
+  --nile-asset-icon-button-loading-blue-animated: assets/icons/button-loading-blue-animated.svg;
+  --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-border-all: assets/icons/border_all.svg;
+  --nile-asset-icon-boolean: assets/icons/boolean.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;
+  --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-02: assets/icons/bar-chart-square-02.svg;
+  --nile-asset-icon-back: assets/icons/back.svg;
+  --nile-asset-icon-attributemap: assets/icons/attributemap.svg;
+  --nile-asset-icon-attribute-map-analysis-icon: assets/icons/attribute-map-analysis-icon.svg;
+  --nile-asset-icon-arrowup: assets/icons/arrowup.svg;
+  --nile-asset-icon-arrowright: assets/icons/arrowright.svg;
+  --nile-asset-icon-arrowleft: assets/icons/arrowleft.svg;
+  --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: assets/icons/arrow.svg;
+  --nile-asset-icon-arrayofobject: assets/icons/arrayofobject.svg;
+  --nile-asset-icon-array-loop: assets/icons/array-loop.svg;
+  --nile-asset-icon-array: assets/icons/array.svg;
+  --nile-asset-icon-aquerasupport: assets/icons/aquerasupport.svg;
+  --nile-asset-icon-aquera: assets/icons/aquera.svg;
+  --nile-asset-icon-approve: assets/icons/approve.svg;
+  --nile-asset-icon-apply-filter: assets/icons/apply-filter.svg;
+  --nile-asset-icon-applications: assets/icons/applications.svg;
+  --nile-asset-icon-application: assets/icons/application.svg;
+  --nile-asset-icon-api: assets/icons/api.svg;
+  --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-aggregation: assets/icons/aggregation.svg;
+  --nile-asset-icon-agents: assets/icons/agents.svg;
+  --nile-asset-icon-agent: assets/icons/agent.svg;
+  --nile-asset-icon-address: assets/icons/address.svg;
+  --nile-asset-icon-actionworkflow: assets/icons/actionworkflow.svg;
+  --nile-asset-icon-action: assets/icons/action.svg;
+  --nile-asset-icon-accessreview: assets/icons/accessreview.svg;
+  --nile-alert-color-background-warning: var(--nile-colors-primary-600);
+  --nile-alert-color-background-success: var(--nile-colors-primary-600);
+  --nile-alert-color-background-info: var(--nile-colors-primary-600);
+  --nile-alert-color-background-error: var(--nile-colors-primary-600);
+  --nile-alert-color-background-base: var(--nile-colors-primary-600);
+ 
+
+
+
+/*--------------------------------------------------------------*/
+
+  /* Color Tokens */
+
+  /* Backgrounds */
+
+  /* Existed Tokens */
+  --nile-alert-color-background-warning: var(--nile-colors-primary-600);
+  --nile-alert-color-background-success: var(--nile-colors-primary-600);
+  --nile-alert-color-background-error: var(--nile-colors-primary-600);
+  --nile-alert-color-background-info: var(--nile-colors-primary-600);
+  --nile-alert-color-background-base: var(--nile-colors-primary-600);
+  /* -Existed Tokens */
+
+  --nile-colors-background-page: var(--nile-colors-neutral-100);
+  --nile-colors-background-surface: var(--nile-colors-white-base);
+  --nile-colors-background-surface-Hover: var(--nile-colors-primary-100);
+  --nile-colors-background-surface-Pressed: var(--nile-colors-primary-100);
+  --nile-colors-background-surface-Inverted: var(--nile-colors-dark-900);
+
+  --nile-alert-color-background-surface-warning: var(--nile-colors-primary-600);
+  --nile-alert-color-background-surface-success: var(--nile-colors-primary-600);
+  --nile-alert-color-background-surface-error: var(--nile-colors-primary-600);
+  --nile-alert-color-background-surface-info: var(--nile-colors-primary-600);
+
+
+  /* Button */
+  --nile-colors-button-primary: var(--nile-colors-primary-600);
+  --nile-colors-button-primary-border: var(--nile-colors-primary-600);
+  --nile-colors-button-primary-hover: var(--nile-colors-primary-700);
+  --nile-colors-button-primary-pressed: var(--nile-colors-primary-700);
+  --nile-colors-button-primary-pressed-border: var(--nile-colors-primary-900);
+  --nile-colors-button-primary-disabled: var(--nile-colors-neutral-700);
+  --nile-colors-button-primary-text: var(--nile-colors-white-base);
+  --nile-colors-button-primary-disabled-text: var(--nile-colors-neutral-500);
+
+  --nile-colors-button-secondary: #E5E9EB;
+  --nile-colors-button-secondary-border: #E5E9EB;
+  --nile-colors-button-secondary-hover: var(--nile-colors-neutral-500);
+  --nile-colors-button-secondary-pressed: var(--nile-colors-neutral-500);
+  --nile-colors-button-secondary-pressed-border: var(--nile-colors-neutral-700);
+  --nile-colors-button-secondary-disabled: #E5E9EB;
+  --nile-colors-button-secondary-text: var(--nile-colors-dark-900);
+  --nile-colors-button-secondary-disabled-text: var(--nile-colors-dark-500);
+  --nile-colors-button-secondary-disabled-border: #E5E9EB;
+
+  --nile-colors-button-caution: var(--nile-colors-red-500);
+  --nile-colors-button-caution-hover: var(--nile-colors-red-700);
+  --nile-colors-button-caution-pressed: var(--nile-colors-red-700);
+  --nile-colors-button-caution-pressed-border: #820B0B;
+  --nile-colors-button-caution-disabled: var(--nile-colors-neutral-500);
+  --nile-colors-button-caution-text: var(--nile-colors-white-base);
+  --nile-colors-button-caution-disabled-text: #E5E9EB;
+
+  --nile-colors-button-tertiary: var(--nile-colors-white-base);
+  --nile-colors-button-tertiary-border: var(--nile-colors-neutral-500);
+  --nile-colors-button-tertiary-hover: var(--nile-colors-dark-200);
+  --nile-colors-button-tertiary-pressed: #E5E9EB;
+  --nile-colors-button-tertiary-pressed-border: var(--nile-colors-neutral-700);
+  --nile-colors-button-tertiary-disabled: var(--nile-colors-white-base);
+  --nile-colors-button-tertiary-text: var(--nile-colors-dark-900);
+  --nile-colors-button-tertiary-disabled-text: var(--nile-colors-neutral-500);
+
+  /*
+  --nile-colors-button-subtle:var(--nile-colors-white-base);
+  --nile-colors-button-subtle-hover:var(--nile-colors-dark-200);
+  --nile-colors-button-subtle-pressed:var(--nile-colors-neutral-400);
+  */
+  /* Border */
+  --nile-colors-border-surface: var(--nile-colors-neutral-400);
+  /*--nile-colors-border-surface-inverted:var(--nile-colors-neutral-400);*/
+  --nile-colors-border-field: var(--nile-colors-neutral-500);
+  --nile-colors-border-field-hover: var(--nile-colors-dark-900);
+  --nile-colors-border-field-focused: var(--nile-colors-primary-600);
+  --nile-colors-border-field-success: var(--nile-colors-green-500);
+  --nile-colors-border-field-error: var(--nile-colors-red-500);
+  --nile-colors-border-field-warning: var(--nile-colors-yellow-500);
+  --nile-colors-border-field-info: var(--nile-colors-blue-500);
+  /*--nile-colors-border-button-secondary:var();*/
+  /*--nile-colors-border-button-secondary-hover:var();*/
+  --nile-colors-border-button-nonprimary: var(--nile-colors-neutral-500);
+  --nile-colors-border-button-nonprimary-hover: var(--nile-colors-neutral-500);
+  --nile-colors-border-button-nonprimary-pressed: var(--nile-colors-neutral-700);
+
+  /* Text */
+  --nile-colors-text-default: var(--nile-colors-dark-900);
+  --nile-colors-text-secondary: var(--nile-colors-dark-500);
+  --nile-colors-text-placeholder: var(--nile-colors-dark-500);
+  --nile-colors-text-help: var(--nile-colors-dark-500);
+  --nile-colors-text-disabled: var(--nile-colors-neutral-500);
+  --nile-colors-text-inverted: var(--nile-colors-white-base);
+  --nile-colors-text-inverted-secondary: var(--nile-colors-white-a50);
+  --nile-colors-text-error: var(--nile-colors-red-700);
+  --nile-colors-text-success: var(--nile-colors-green-700);
+  --nile-colors-text-info: var(--nile-colors-blue-700);
+  --nile-colors-text-warning: var(--nile-colors-green-700);
+  --nile-colors-text-primary: var(--nile-colors-primary-600);
+  --nile-colors-text-primary-faded: var(--nile-colors-primary-400);
+
+  /* Icon */
+  --nile-colors-icon-normal: var(--nile-colors-dark-900);
+  --nile-colors-icon-secondary: var(--nile-colors-dark-500);
+  --nile-colors-icon-disabled: var(--nile-colors-neutral-500);
+
+  /* Link */
+  --nile-colors-link-primary: var(--nile-colors-primary-600);
+  --nile-colors-link-hover: var(--nile-colors-primary-900);
+  --nile-colors-link-visited: var(--nile-colors-blue-500);
+  /*--------------------------------------------------------------*/
+}