@aquera/nile-elements 0.1.17 → 0.1.19

package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts

@@ -61,23 +61,23 @@ export const styles = css`
 		width: var(--circle-height);
 		aspect-ratio: 1 / 1;
 		border-radius: 50%;
-		background: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));
-		border: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);
+		background: radial-gradient(var(--nile-colors-gray-light-mode-300) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50) var(--bulletin--dot--seperation));
+		border: 2px solid var(--nile-colors-gray-light-mode-200);
 	}
 
 	.stepper__bulletin__dot--active{
-		background: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));
-		border: 2px solid #85AAD18A;
+		background: radial-gradient(var(--nile-colors-white-base) var(--bulletin--dot--seperation), var(--nile-colors-primary-600) var(--bulletin--dot--seperation));
+		border: 2px solid var(--nile-colors-primary-400);
 	}
 
 	.stepper__bulletin--icon {
 		display:grid;
 		place-content:center;
 		width: var(--circle-height);
-		border: 2px solid var(--nile-colors-primary-600, #005EA6);
+		border: 2px solid var(--nile-colors-primary-600);
 		aspect-ratio: 1 / 1;
 		border-radius: 50%;
-		background-color:var(--nile-colors-primary-600, #005EA6);
+		background-color:var(--nile-colors-primary-600);
 		overflow:hidden;
 	}
 
@@ -91,10 +91,10 @@ export const styles = css`
 
 	.stepper__item__line{
 		height:100%;
-		border-left: 2px solid var(--nile-colors-primary-600, #005EA6);
+		border-left: 2px solid var(--nile-colors-primary-600);
 	}
 	.stepper__item__line--active{
-		border-left: 2px solid var(--nile-colors-primary-600, #005EA6);
+		border-left: 2px solid var(--nile-colors-primary-600);
 	}
 
 	.stepper__item__content{
@@ -103,7 +103,7 @@ export const styles = css`
 		justify-content:start;
 	}
 	.stepper__content__title {
-		color:var(--nile-colors-gray-light-mode-700, #344054);
+		color:var(--nile-colors-gray-light-mode-700);
 		font-size: var(--stepper-item-title-size);
 		line-height: var(--stepper-item-text-line-height);
 		font-family: var(--nile-font-family-medium);
@@ -111,11 +111,11 @@ export const styles = css`
 	}
 
 	.stepper__content__title--active{
-		color:var(--nile-colors-primary-700, #005291);
+		color:var(--nile-colors-primary-700);
 	}
 
 	.stepper__content__subtitle {
-		color:var(--nile-colors-gray-light-mode-600, #475467);
+		color:var(--nile-colors-gray-light-mode-600);
 		font-size: var(--stepper-item-subtitle-size);
 		line-height: var(--stepper-item-text-line-height);
 		font-family: var( --nile-font-family-sans-serif);
@@ -123,7 +123,7 @@ export const styles = css`
 	}
 
 	.stepper__content__subtitle--active{
-		color:var(--nile-colors-primary-600, #005EA6);
+		color:var(--nile-colors-primary-600);
 	}
 `;
 

package/vscode-html-custom-data.json

@@ -3821,12 +3821,8 @@
     },
     {
       "name": "nile-tour",
-      "description": "Nile tour component.\n\nAttributes:\n\n  * `steps` {`{ stepNo: number; element: string; title: string; content: string; position: any; beforeChange?: (() => boolean | Promise<boolean>) | undefined; afterChange?: (() => void | Promise<void>) | undefined; }[]`} - The steps for the tour.\n\n  * `stepsJson` {`string`} - JSON string for steps.\n\n  * `showBackdrop` {`boolean`} - Whether to show the backdrop overlay.\n\n  * `disableInteraction` {`boolean`} - Whether to disable interaction during the tour.\n\nProperties:\n\n  * `tourInstance` - \n\n  * `steps` {`{ stepNo: number; element: string; title: string; content: string; position: any; beforeChange?: (() => boolean | Promise<boolean>) | undefined; afterChange?: (() => void | Promise<void>) | undefined; }[]`} - The steps for the tour.\n\n  * `stepsJson` {`string`} - JSON string for steps.\n\n  * `showBackdrop` {`boolean`} - Whether to show the backdrop overlay.\n\n  * `disableInteraction` {`boolean`} - Whether to disable interaction during the tour.",
+      "description": "Attributes:\n\n  * `stepsJson` {`string`} - JSON string for steps.\n\n  * `showBackdrop` {`boolean`} - Whether to show the backdrop overlay.\n\n  * `disableInteraction` {`boolean`} - Whether to disable interaction during the tour.\n\nProperties:\n\n  * `tourInstance` - \n\n  * `stepsJson` {`string`} - JSON string for steps.\n\n  * `showBackdrop` {`boolean`} - Whether to show the backdrop overlay.\n\n  * `disableInteraction` {`boolean`} - Whether to disable interaction during the tour.",
       "attributes": [
-        {
-          "name": "steps",
-          "description": "`steps` {`{ stepNo: number; element: string; title: string; content: string; position: any; beforeChange?: (() => boolean | Promise<boolean>) | undefined; afterChange?: (() => void | Promise<void>) | undefined; }[]`} - The steps for the tour.\n\nProperty: steps\n\nDefault: "
-        },
         {
           "name": "stepsJson",
           "description": "`stepsJson` {`string`} - JSON string for steps.\n\nProperty: stepsJson\n\nDefault: "