@n8n/design-system 2.36.1 → 2.37.1

package/dist/types/resize.d.ts

@@ -1,8 +1,8 @@
 export declare const directionsCursorMaps: {
-    readonly right: "ew-resize";
-    readonly top: "ns-resize";
-    readonly bottom: "ns-resize";
-    readonly left: "ew-resize";
+    readonly right: "col-resize";
+    readonly top: "row-resize";
+    readonly bottom: "row-resize";
+    readonly left: "col-resize";
     readonly topLeft: "nw-resize";
     readonly topRight: "ne-resize";
     readonly bottomLeft: "sw-resize";

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@n8n/design-system",
-  "version": "2.36.1",
+  "version": "2.37.1",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -67,9 +67,9 @@
     "sanitize-html": "2.17.5",
     "vue-boring-avatars": "^1.3.0",
     "xss": "1.0.15",
-    "@n8n/composables": "1.27.1",
-    "@n8n/utils": "1.45.0",
-    "@n8n/frontend-utils": "0.4.0"
+    "@n8n/composables": "1.28.1",
+    "@n8n/frontend-utils": "0.4.0",
+    "@n8n/utils": "1.46.1"
   },
   "peerDependencies": {
     "vue": "^3.5.13",

package/dist/css/input-number.scss

@@ -1,191 +0,0 @@
-@use 'mixins/mixins';
-@use './common/var';
-@use 'input';
-
-@include mixins.b(input-number) {
-	position: relative;
-	display: inline-block;
-	line-height: #{var.$input-height - 2};
-	width: 100%;
-
-	/* Chrome, Safari, Edge, Opera */
-	input::-webkit-outer-spin-button,
-	input::-webkit-inner-spin-button {
-		-webkit-appearance: none;
-		margin: 0;
-	}
-
-	/* Firefox */
-	input[type='number'] {
-		-moz-appearance: textfield !important;
-	}
-
-	.el-input {
-		display: block;
-
-		&__inner {
-			-webkit-appearance: none;
-			padding-left: #{var.$input-height + 10};
-			padding-right: #{var.$input-height + 10};
-			text-align: center;
-		}
-	}
-
-	@include mixins.e((increase, decrease)) {
-		--input--color--disabled: var(--color--text--tint-1);
-		position: absolute;
-		z-index: 1;
-		top: 1px;
-		bottom: 1px;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: var.$input-height;
-		height: auto;
-		background: var.$background-color-base;
-		color: var(--color--text--shade-1);
-		cursor: pointer;
-		font-size: 13px;
-
-		&:hover {
-			color: var(--color--primary);
-
-			&:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
-				border-color: var.$input-focus-border;
-			}
-		}
-
-		&.is-disabled {
-			color: var.$disabled-color-base;
-			cursor: not-allowed;
-		}
-	}
-
-	@include mixins.e(increase) {
-		right: 1px;
-		border-radius: 0 var.$input-number-control-border-radius var.$input-number-control-border-radius
-			0;
-		border-left: var(--border);
-	}
-
-	@include mixins.e(decrease) {
-		left: 1px;
-		border-radius: var.$input-number-control-border-radius 0 0
-			var.$input-number-control-border-radius;
-		border-right: var(--border);
-	}
-
-	@include mixins.when(disabled) {
-		@include mixins.e((increase, decrease)) {
-			border-color: var.$disabled-border-base;
-			color: var.$disabled-border-base;
-
-			&:hover {
-				color: var.$disabled-border-base;
-				cursor: not-allowed;
-			}
-		}
-	}
-
-	@include mixins.m(medium) {
-		line-height: #{var.$input-medium-height - 4};
-
-		@include mixins.e((increase, decrease)) {
-			width: var.$input-medium-height;
-			font-size: var.$input-medium-font-size;
-		}
-
-		.el-input__inner {
-			padding-left: #{var.$input-medium-height + 7};
-			padding-right: #{var.$input-medium-height + 7};
-		}
-	}
-
-	@include mixins.m(small) {
-		line-height: #{var.$input-small-height - 4};
-
-		@include mixins.e((increase, decrease)) {
-			width: var.$input-small-height;
-			font-size: var.$input-small-font-size;
-
-			[class*='el-icon'] {
-				transform: scale(0.9);
-			}
-		}
-
-		.el-input__inner {
-			padding-left: #{var.$input-small-height + 7};
-			padding-right: #{var.$input-small-height + 7};
-		}
-	}
-
-	@include mixins.m(mini) {
-		line-height: #{var.$input-mini-height - 4};
-
-		@include mixins.e((increase, decrease)) {
-			width: var.$input-mini-height;
-			font-size: var.$input-mini-font-size;
-
-			[class*='el-icon'] {
-				transform: scale(0.8);
-			}
-		}
-
-		.el-input__inner {
-			padding-left: #{var.$input-mini-height + 7};
-			padding-right: #{var.$input-mini-height + 7};
-		}
-	}
-
-	@include mixins.when(without-controls) {
-		.el-input__inner {
-			text-align: left;
-			padding-left: var(--spacing--2xs);
-			padding-right: var(--spacing--2xs);
-		}
-	}
-
-	@include mixins.when(controls-right) {
-		.el-input__inner {
-			padding-left: var(--spacing--2xs);
-			padding-right: #{var.$input-height + 4};
-		}
-
-		&.el-input-number--medium .el-input__inner {
-			padding-right: #{var.$input-medium-height + 4};
-		}
-
-		&.el-input-number--small .el-input__inner {
-			padding-right: #{var.$input-small-height + 4};
-		}
-
-		&.el-input-number--mini .el-input__inner {
-			padding-left: var(--spacing--4xs);
-			padding-right: #{var.$input-mini-height + 4};
-		}
-
-		@include mixins.e((increase, decrease)) {
-			height: calc((100% - 1px) / 2);
-			bottom: auto;
-
-			[class*='el-icon'] {
-				transform: scale(0.8);
-			}
-		}
-
-		@include mixins.e(increase) {
-			border-radius: 0 var.$input-number-control-border-radius 0 0;
-			border-bottom: var(--border);
-		}
-
-		@include mixins.e(decrease) {
-			right: 1px;
-			bottom: 1px;
-			top: auto;
-			left: auto;
-			border-right: none;
-			border-left: var(--border);
-			border-radius: 0 0 var.$input-number-control-border-radius 0;
-		}
-	}
-}

package/dist/v2/components/InputNumber/InputNumber.vue.d.ts

@@ -1,30 +0,0 @@
-import { InputNumberProps, InputNumberSlots } from './InputNumber.types';
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<InputNumberSlots> & InputNumberSlots;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<InputNumberProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    focus: (event: FocusEvent) => any;
-    "update:modelValue": (val: number) => any;
-    blur: (event: FocusEvent) => any;
-}, string, import('vue').PublicProps, Readonly<InputNumberProps> & Readonly<{
-    onFocus?: ((event: FocusEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((val: number) => any) | undefined;
-    onBlur?: ((event: FocusEvent) => any) | undefined;
-}>, {
-    size: import('./InputNumber.types').InputNumberSize;
-    step: number;
-    controls: boolean;
-    controlsPosition: import('./InputNumber.types').InputNumberControlsPosition;
-    stepSnapping: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/v2/components/InputNumber/index.d.ts

@@ -1,2 +0,0 @@
-export { default as N8nInputNumber2 } from './InputNumber.vue';
-export type * from './InputNumber.types';