@aquera/nile-elements 0.1.35-beta-1.7 → 0.1.35-beta-1.8

package/src/nile-drawer/nile-drawer.css.ts

@@ -61,7 +61,7 @@ export const styles = css`
     z-index: 2;
     max-width: 100%;
     max-height: 100%;
-    background-color: var(--nile-colors-white-base);
+    background-color: hsl(0, 0%, 100%);
     box-shadow: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
     overflow: auto;
     pointer-events: all;
@@ -114,7 +114,7 @@ export const styles = css`
   .drawer__title {
     flex: 1 1 auto;
     font: inherit;
-    font-size: var(--nile-type-scale-6);
+    font-size: 1.25rem;
     line-height: 1.4;
     padding: var(--header-spacing);
     margin: 0;
@@ -134,7 +134,7 @@ export const styles = css`
     flex: 0 0 auto;
     display: flex;
     align-items: center;
-    font-size: var(--nile-type-scale-4);
+    font-size: 1rem;
   }
 
   .drawer__body {
@@ -179,7 +179,7 @@ export const styles = css`
 
   @media (forced-colors: active) {
     .drawer__panel {
-      border: solid 1px var(--nile-colors-white-base);
+      border: solid 1px hsl(0, 0%, 100%);
     }
   }
 `;

package/src/nile-dropdown/nile-dropdown.css.ts

@@ -40,10 +40,10 @@ export const styles = css`
   }
 
   .dropdown__panel {
-    font-size: var(--nile-type-scale-4);
-    font-weight: var(--nile-font-weight-regular);
+    font-size: 1rem;
+    font-weight: 400;
     box-shadow: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
-    border-radius: var(--nile-radius-radius-xs);
+    border-radius: 0.25rem;
     pointer-events: none;
   }
 

package/src/nile-empty-state/nile-empty-state.css.ts

@@ -19,9 +19,9 @@ export const styles = css`
   }
 
   .empty-state--sm {
-    --nile-es-text-size: var(--nile-type-scale-4);
-    --nile-es-text-line-height: var(--nile-line-height-medium);
-    --nile-es-subtext-size: var(--nile-type-scale-3);
+    --nile-es-text-size:16px;
+    --nile-es-text-line-height:24px;
+    --nile-es-subtext-size:14px;
     --nile-es-subtext-line-height:20px;
     
     --nile-es-icon-size:48px;
@@ -35,12 +35,12 @@ export const styles = css`
   }
 
   .empty-state--md {
-    --nile-es-text-size: var(--nile-type-scale-5);
-    --nile-es-text-line-height: var(--nile-line-height-large);
-    --nile-es-subtext-size: var(--nile-type-scale-3);
-    --nile-es-subtext-line-height: var(--nile-line-height-small);
+    --nile-es-text-size:18px;
+    --nile-es-text-line-height:28px;
+    --nile-es-subtext-size:14px;
+    --nile-es-subtext-line-height:20px;
 
-    --nile-es-icon-size: var(--nile-spacing-5-x);
+    --nile-es-icon-size:48px;
     --nile-es-flat-option-border-radius:5px;
     --nile-es-img-height:128px;
     --nile-es-img-width:172px;
@@ -51,10 +51,10 @@ export const styles = css`
   }
 
   .empty-state--lg {
-    --nile-es-text-size: var(--nile-spacing-2xl);
-    --nile-es-text-line-height: var(--nile-line-height-large);
-    --nile-es-subtext-size: var(--nile-type-scale-4);
-    --nile-es-subtext-line-height: var(--nile-line-height-medium);
+    --nile-es-text-size:20px;
+    --nile-es-text-line-height:30px;
+    --nile-es-subtext-size:16px;
+    --nile-es-subtext-line-height:24px;
 
     --nile-es-icon-size:56px;
     --nile-es-flat-option-border-radius:10px;
@@ -106,7 +106,7 @@ export const styles = css`
   .empty-state__img__icon {
     height: var(--nile-es-icon-size);
     aspect-ratio:1 / 1;
-    border-radius: var(--nile-radius-full);
+    border-radius: 50%;
     display: grid;
     place-items: center;
     background: var(--nile-colors-neutral-500);
@@ -119,7 +119,7 @@ export const styles = css`
     background: linear-gradient(180deg, var(--nile-colors-neutral-100) 0%, var(--nile-colors-neutral-400) 100%);
     width: 104px;
     height: 104px;
-    border-radius: var(--nile-radius-full);
+    border-radius: 50%;
     display:flex;
     justify-content:center;
     align-items:center;
@@ -148,7 +148,7 @@ export const styles = css`
 
   .empty-state__text {
     font-size: var(--nile-es-text-size);
-    font-weight: var(--nile-font-weight-semi-bold);
+    font-weight: 600;
     line-height: var(--nile-es-text-line-height);
     text-align: center;
     font-style: normal;
@@ -156,7 +156,7 @@ export const styles = css`
 
   .empty-state__subtext {
     font-size: var(--nile-es-subtext-size);
-    font-weight: var(--nile-font-weight-regular);
+    font-weight: 400;
     line-height: var(--nile-es-subtext-line-height);
     text-align: center;
     color:var(--nile-colors-dark-500);
@@ -169,4 +169,4 @@ export const styles = css`
   }
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-error-message/nile-error-message.css.ts

@@ -30,15 +30,15 @@ export const styles = css`
 
   .nile-error-message__response {
     color: var(--nile-colors-dark-500);
-    margin-top: var(--nile-spacing-sm);
-    line-height: var(--nile-line-height-xsmall);
+    margin-top:6px;
+    line-height: 16px;
     max-height: var(--nile-error-max-height, 48px);
     overflow-x: auto;
   }
 
   .nile-error-message__icon {
     vertical-align: middle;
-    margin-right: var(--nile-spacing-xxs);
+    margin-right:2px;
   }
 
   .nile-error-message__more-button {
@@ -46,18 +46,18 @@ export const styles = css`
     cursor: pointer;
     white-space: nowrap;
     display: inline-flex;
-    gap: var(--nile-spacing-xs);
+    gap: 4px;
     align-items: center
   }
 
   .nile-error-message__response-expanded {
-    line-height: var(--nile-line-height-small);
+    line-height: 18px;
     height: auto;
     border: 1px solid var(--nile-colors-red-500);
     border-left: 6px solid var(--nile-colors-red-500);
-    border-radius: var(--nile-radius-sm);
-    margin-top: var(--nile-spacing-md);
-    padding: var(--nile-spacing-lg);
+    border-radius: 4px;
+    margin-top: 8px;
+    padding: 12px;
     background: var(--nile-colors-neutral-100);
   }
 
@@ -66,9 +66,9 @@ export const styles = css`
     overflow-y: auto;
     border: 1px solid var(--nile-colors-red-500);
     border-left: 6px solid var(--nile-colors-red-500);
-    border-radius: var(--nile-radius-radius-xs);
-    margin-top: var(--nile-spacing-lg);
-    padding: var(--nile-spacing-lg);
+    border-radius: 4px;
+    margin-top: 12px;
+    padding: 12px;
     background: var(--nile-colors-neutral-100);
     transition: max-height 0.3s ease-in-out;
     flex-shrink: 0;
@@ -79,14 +79,14 @@ export const styles = css`
     overflow: hidden;
     transition: max-height 0.3s ease-in-out;
     visibility: hidden;
-    padding: var(--nile-spacing-none) var(--nile-spacing-lg);
+    padding: 0 12px;
   }
 
   .nile-error-message__response-expanded.expanded {
     max-height: var(--nile-error-max-dialog-height, 48px);
     transition: max-height 0.3s ease-in-out;
     visibility: visible;
-    padding: var(--nile-spacing-md);
+    padding: 8px;
   }
 `;
 

package/src/nile-error-notification/nile-error-notification.css.ts

@@ -17,15 +17,15 @@ export const styles = css`
 
   .nile-error-notification {
     font-family: var(--nile-font-family-serif);
-    font-size: var(--nile-type-scale-2);
+    font-size: 12px;
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-line-height-xsmall);
+    font-weight: 400;
+    line-height: 12px;
     letter-spacing: 0.2px;
     border: 1px solid var(--indication-color);
     border-left: 6px solid var(--indication-color);
-    border-radius: var(--nile-radius-radius-xs);
-    padding: var(--nile-spacing-md);
+    border-radius: 4px;
+    padding: 8px;
     background: var(--nile-colors-neutral-100);
     color: var(--indication-color);
     box-sizing: border-box;
@@ -33,7 +33,7 @@ export const styles = css`
 
   .nile-error-notification__icon {
     vertical-align: middle;
-    margin-right: var(--nile-spacing-xs);
+    margin-right: 4px;
   }
 `;
 

package/src/nile-filter-chip/nile-filter-chip.css.ts

@@ -25,8 +25,8 @@ export const styles = css`
     align-items: center;
     padding: 4px 8px;
     border: 1px solid var(--nile-filter-chip-chip-border-color-stroke);
-    border-radius: var(--nile-radius-radius-xs);
-    font-size: var(--nile-type-scale-3);
+    border-radius: 4px;
+    font-size: 14px;
     background-color: var(--nile-filter-chip-background-default);
     color: var(--nile-filter-chip-text-default);
     transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;

package/src/nile-form-error-message/nile-form-error-message.css.ts

@@ -21,15 +21,15 @@ export const styles = css`
     font-family: var(--nile-font-family-serif);
     font-size: var(--nile-form-error-text-font-size);
     font-style: normal;
-    font-weight: var(--nile-font-weight-regular);
-    line-height: var(--nile-line-height-xsmall);
+    font-weight: 400;
+    line-height: 12px;
     line-height: var(--nile-form-error-text-line-height);
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm);
+    margin-top: 6px;
   }
 
   .nile-form-error-message__icon {
-    margin-right: var(--nile-spacing-sm);
+    margin-right: 6px;
   }
 `;
 

package/src/nile-form-group/nile-form-group.css.ts

@@ -37,7 +37,8 @@ export const styles = css`
     align-items: flex-start;
     justify-content: space-between;
     gap: var(--nile-spacing-1-x);
-    border-radius: var(--nile-radius-base-standard) var(--nile-radius-base-standard) var(--nile-radius-radius-none) var(--nile-radius-radius-none);
+    border-radius: var(--nile-radius-base-standard)
+      var(--nile-radius-base-standard) 0 0;
     background: var(--nile-colors-neutral-100);
   }
 
@@ -57,7 +58,7 @@ export const styles = css`
     font-feature-settings: 'clig' off, 'liga' off;
     font-size: var(--nile-type-scale-4);
     font-style: normal;
-    font-weight: var(--nile-font-weight-medium);
+    font-weight: 500;
     line-height: var(--nile-type-scale-4);
     letter-spacing: 0.2px;
   }

package/src/nile-form-help-text/nile-form-help-text.css.ts

@@ -22,10 +22,10 @@ export const styles = css`
 
   .nile-form-help-text {
     display:flex;
-    font-weight: var(--nile-font-weight-regular);
+    font-weight: 400;
     letter-spacing: 0.2px;
-    margin-top: var(--nile-spacing-sm);
-    margin-right: var(--nile-spacing-xs);
+    margin-top: 6px;
+    margin-right: 4px;
     width: auto;
   }
 
@@ -36,7 +36,7 @@ export const styles = css`
 
   .nile-form-help-text__more-button {
     display: inline-flex;
-    gap: var(--nile-spacing-xs);
+    gap: 4px;
     color: var(--nile-colors-primary-600);
     cursor: pointer;
     white-space: nowrap;

package/src/nile-hero/nile-hero.css.ts

@@ -47,14 +47,14 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
 
 	.hero__slot__container {
 		height:var(--nile-hero-height);
-		padding-left: var(--nile-spacing-5xl);
+		padding-left: 48px;
 		display: flex;
 		align-items: center;
 		gap:var(--nile-spacing-spacing-xl);
@@ -86,4 +86,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-hero-header/nile-hero-header.css.ts

@@ -16,8 +16,8 @@ export const styles = css`
 		width:100%;
 		display: flex;
 		align-items: center;
-		padding:var(--nile-spacing-xl) var(--nile-spacing-5xl);
-		gap: var(--nile-spacing-xl);
+		padding:16px 48px;
+		gap: 16px;
 		border-bottom: 1px solid rgb(234, 236, 240);
 	}
 
@@ -26,7 +26,7 @@ export const styles = css`
 		aspect-ratio: 1 / 1;
 		place-items: center;
 		display: grid;
-		border-radius: var(--nile-radius-radius-xl);
+		border-radius: 8px;
 		border: 1px solid var(--nile-colors-neutral-400);
 		background: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient) 0%, var(--nile-hero-color-icon-bg-to-gradient) 100%);
 	}
@@ -40,4 +40,4 @@ export const styles = css`
 	}
 `;
 
-export default [styles];
+export default [styles];

package/src/nile-icon/aliasmap.ts

@@ -0,0 +1,131 @@
+
+export const aliasMap: Record<string, string> = {
+  'userremove1': 'userremove',
+  'userremove2': 'userremove',
+  'deleteuser': 'userremove',
+  'userinactive': 'userremove',
+  'headeractions': 'action',
+  'actionworkflow': 'action',
+  'applications': 'action',
+  'application':'selectapplication',
+  'flowh':'attributemap',
+  'flowmaphand': 'handtool',
+  'sendprompt': 'send',
+  'while':'whileloop',
+  'datatypeexpression': 'js',
+  'flowmapredo':'arrow',
+  'continuous':'frequency',
+  'every':'frequency',
+  'document':'documentnew',
+  'revokationcycle':'revocationcycle',
+  'revocationcycle': 'revocationcycle',
+  'form':'documentnew',
+  'flowmapaquera':'aquera',
+  'block02': 'block',
+  'componentblock': 'block',
+  'flowmapblock': 'block',
+  'calendar01': 'calendar',
+  'playcircle': 'play',
+  'setting': 'settings',
+  'settings1': 'settings',
+  'trash': 'delete',
+  'trash01': 'delete',
+  'trashnofill': 'delete',
+  'trash03': 'delete',
+  'download01': 'download',
+  'download02': 'download',
+  'datatypepersistentvariable': 'persistentvariable',
+  'leftarrow': 'arrowleft',
+  'prev':'arrowleft',
+  'rightarrow': 'arrowright',
+  'next':'arrowright',
+  'searchlg': 'search',
+  'info2': 'info',
+  'infoicon1': 'info',
+  'infocircle': 'info',
+  'dropdown': 'options',
+  'flowmapellipsis': 'options',
+  'dotsvertical': 'options',
+  'bellicon':'notification',
+  'stopcircle': 'stop',
+  'agents': 'agent',
+  'event': 'trigger',
+  'editpencil': 'pencil',
+  'pen': 'pencil',
+  'editwrite': 'pencil',
+  'shape': 'pencil',
+  'edit01': 'pencil',
+  'updateuser': 'pencil',
+  'edit1': 'pencil',
+  'notscheduled': 'error',
+  'not': 'error',
+  'flowmapcancel': 'error',
+  'cancel': 'error',
+  'xcircle': 'error',
+  'undo1': 'undo',
+  'privilage': 'privilege',
+  'privilegeobject': 'privilege',
+  'bell': 'mute',
+  'barchartsquare03': 'barchartsquare02',
+  'helpcircle': 'helpandsupport',
+  'help1': 'helpandsupport',
+  'caution': 'helpandsupport',
+  'smalltick': 'tick',
+  'check': 'tick',
+  'userselection': 'useractive',
+  'selectuser': 'useractive',
+  'usergroup': 'group',
+  'multipleuser': 'group',
+  'usersquare': 'user',
+  'useranalysisicon': 'user',
+  'usercircle': 'user',
+  'user03': 'user',
+  'personaldetails': 'user',
+  'user01': 'user',
+  'workfloworchestration': 'flowmaporchestration',
+  'workflow01': 'flowmap',
+  'workflowsolid': 'flowmap',
+  'section02': 'section',
+  'flowmapsection': 'section',
+  'workflowsection': 'section',
+  'variablenew1': 'variablenew',
+  'rolemanager': 'role',
+  'manageduser': 'manage',
+  'folder01': 'folder',
+  'headerfunctions': 'script',
+  'users01': 'users',
+  'users02': 'users',
+  'ouanalysisicon': 'users',
+  'draglist': 'drag',
+  'flowmapdrag': 'drag',
+  'itemplaceholder': 'drag',
+  'placeholderwf': 'drag',
+  'anomaly': 'thumbsdown',
+  'noanomaly': 'thumbsup',
+  'approve': 'thumbsup',
+  'enabled': 'enable',
+  'themes': 'color',
+  'palette': 'color',
+  'expand1': 'sort',
+  'chevronselectorvertical': 'sort',
+  'default1': 'default',
+  'custom': 'default',
+  'basic': 'default',
+  'droparrow': 'arrowdown',
+  'nextdown': 'arrowdown',
+  'chevrondown': 'arrowdown',
+  'downarrow': 'arrowdown',
+  'plusicon': 'pluscircle',
+  'flow01': 'condition',
+  'table1': 'logs',
+  'flowmaptext': 'text',
+  'workflowtext': 'text',
+  'layersthree01': 'layersthree02',
+  'uparrow': 'chevronup',
+  'prevup': 'chevronup',
+  'headervariable': 'variable',
+  'datatypevariable': 'variable',
+  'variablelocal1': 'variablelocal',
+  'refreshcw03': 'refresh',
+  'if':'ifelse',
+};

package/src/nile-icon/icons/svg/document-new.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNi44OTI3NiA0LjA1ODg0SDQuMzIxMzNWNC44NDMxNUg2Ljg5Mjc2VjQuMDU4ODRaIiBmaWxsPSJibGFjayIvPjxwYXRoIGQ9Ik00LjMyMTMzIDYuNjA3ODVIOS42Nzg0OFY3LjM5MjE2SDQuMzIxMzNWNi42MDc4NVoiIGZpbGw9ImJsYWNrIi8+PHBhdGggZD0iTTkuNjc4NDggOS4xNTY4OEg0LjMyMTMzVjkuOTQxMTlIOS42Nzg0OFY5LjE1Njg4WiIgZmlsbD0iYmxhY2siLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIgMUg5LjAwNzE0TDEyIDQuMjg2MjdWMTNIMlYxWk0yLjcxNDIyIDEuNzg0MzJWMTIuMjE1N0gxMS4yODU3VjQuODQzMTRIOC40OTk5NFYxLjc4NDMySDIuNzE0MjJaIiBmaWxsPSJibGFjayIvPjwvc3ZnPg==";

package/src/nile-icon/icons/svg/if-else-new.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDE0MiA4LjUxMzI2SDMuNTMyNTRWNS4wMTM2TDQuODgxNjYgMy42MTg2M0gxMC42MjUyVjUuMjUwMTdIOS4wNTUyM0wxMS4wMTk3IDcuMjg5NkwxMyA1LjI1MDE3SDExLjQxNDJWMi44MDI4Nkg0Ljg4MTY2TDMuMTM4MDcgMUwxIDMuMjEwNzRMMi43NDM1OSA1LjAxMzZWMTNIMy41MzI1NFY5LjMyOTAzSDEwLjYyNTJWMTAuOTYwNkg5LjA1NTIzTDExLjAxOTcgMTNMMTMgMTAuOTYwNkgxMS40MTQyVjguNTEzMjZaTTMuMTM4MDcgMi4xNTg0TDQuMTU1ODIgMy4yMTA3NEwzLjEzODA3IDQuMjYzMDlMMi4xMjAzMiAzLjIxMDc0TDMuMTM4MDcgMi4xNTg0WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";

package/src/nile-icon/icons/svg/ifelsenew.ts

@@ -0,0 +1,5 @@
+/**
+ * Do not edit directly
+ */
+
+export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDE0MiA4LjUxMzI2SDMuNTMyNTRWNS4wMTM2TDQuODgxNjYgMy42MTg2M0gxMC42MjUyVjUuMjUwMTdIOS4wNTUyM0wxMS4wMTk3IDcuMjg5NkwxMyA1LjI1MDE3SDExLjQxNDJWMi44MDI4Nkg0Ljg4MTY2TDMuMTM4MDcgMUwxIDMuMjEwNzRMMi43NDM1OSA1LjAxMzZWMTNIMy41MzI1NFY5LjMyOTAzSDEwLjYyNTJWMTAuOTYwNkg5LjA1NTIzTDExLjAxOTcgMTNMMTMgMTAuOTYwNkgxMS40MTQyVjguNTEzMjZaTTMuMTM4MDcgMi4xNTg0TDQuMTU1ODIgMy4yMTA3NEwzLjEzODA3IDQuMjYzMDlMMi4xMjAzMiAzLjIxMDc0TDMuMTM4MDcgMi4xNTg0WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";