npm - @webitel/styleguide - Versions diffs - 26.2.4 → 26.2.6 - Mend

@webitel/styleguide 26.2.4 → 26.2.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (246) hide show

package/src/lib/primevue/components/input-text/colors/dark/index.ts CHANGED Viewed

@@ -1,24 +1,25 @@
 const darkColors = {
-  root: {
-    background: '{form.field.background}',
-    disabledBackground: '{form.field.disabled.background}',
-    filledBackground: '{form.field.filled.background}',
-    filledHoverBackground: '{form.field.filled.hover.background}',
-    filledFocusBackground: '{form.field.filled.focus.background}',
-    borderColor: '{form.field.border.color}',
-    hoverBorderColor: '{form.field.hover.border.color}',
-    focusBorderColor: '{form.field.focus.border.color}',
-    invalidBorderColor: '{form.field.invalid.border.color}',
-    color: '{form.field.color}',
-    disabledColor: '{form.field.disabled.color}',
-    placeholderColor: '{form.field.placeholder.color}',
-    invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',
-    shadow: '{form.field.shadow}',
-    focusRing: {
-      color: '{form.field.focus.ring.color}',
-      shadow: '{form.field.focus.ring.shadow}'
-    }
-  }
-}
+	root: {
+		background: '{form.field.background}',
+		disabledBackground: '{form.field.disabled.background}',
+		filledBackground: '{form.field.filled.background}',
+		filledHoverBackground: '{form.field.filled.hover.background}',
+		filledFocusBackground: '{form.field.filled.focus.background}',
+		borderColor: '{form.field.border.color}',
+		hoverBorderColor: '{form.field.hover.border.color}',
+		focusBorderColor: '{form.field.focus.border.color}',
+		invalidBorderColor: '{form.field.invalid.border.color}',
+		invalidHoverBorderColor: '{form.field.invalid.hover.border.color}',
+		color: '{form.field.color}',
+		disabledColor: '{form.field.disabled.color}',
+		placeholderColor: '{form.field.placeholder.color}',
+		invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',
+		shadow: '{form.field.shadow}',
+		focusRing: {
+			color: '{form.field.focus.ring.color}',
+			shadow: '{form.field.focus.ring.shadow}',
+		},
+	},
+};
-export default darkColors
+export default darkColors;

package/src/lib/primevue/components/input-text/colors/index.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import darkColors from './dark';
 import lightColors from './light';
 const colorScheme = {
-  light: lightColors,
-  dark: darkColors
-}
+	light: lightColors,
+	dark: darkColors,
+};
 export default colorScheme;

package/src/lib/primevue/components/input-text/colors/light/index.ts CHANGED Viewed

@@ -1,24 +1,25 @@
 const lightColors = {
-  root: {
-    background: '{form.field.background}',
-    disabledBackground: '{form.field.disabled.background}',
-    filledBackground: '{form.field.filled.background}',
-    filledHoverBackground: '{form.field.filled.hover.background}',
-    filledFocusBackground: '{form.field.filled.focus.background}',
-    borderColor: '{form.field.border.color}',
-    hoverBorderColor: '{form.field.hover.border.color}',
-    focusBorderColor: '{form.field.focus.border.color}',
-    invalidBorderColor: '{form.field.invalid.border.color}',
-    color: '{form.field.color}',
-    disabledColor: '{form.field.disabled.color}',
-    placeholderColor: '{form.field.placeholder.color}',
-    invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',
-    shadow: '{form.field.shadow}',
-    focusRing: {
-      color: '{form.field.focus.ring.color}',
-      shadow: '{form.field.focus.ring.shadow}'
-    }
-  }
-}
+	root: {
+		background: '{form.field.background}',
+		disabledBackground: '{form.field.disabled.background}',
+		filledBackground: '{form.field.filled.background}',
+		filledHoverBackground: '{form.field.filled.hover.background}',
+		filledFocusBackground: '{form.field.filled.focus.background}',
+		borderColor: '{form.field.border.color}',
+		hoverBorderColor: '{form.field.hover.border.color}',
+		focusBorderColor: '{form.field.focus.border.color}',
+		invalidBorderColor: '{form.field.invalid.border.color}',
+		invalidHoverBorderColor: '{form.field.invalid.hover.border.color}',
+		color: '{form.field.color}',
+		disabledColor: '{form.field.disabled.color}',
+		placeholderColor: '{form.field.placeholder.color}',
+		invalidPlaceholderColor: '{form.field.invalid.placeholder.color}',
+		shadow: '{form.field.shadow}',
+		focusRing: {
+			color: '{form.field.focus.ring.color}',
+			shadow: '{form.field.focus.ring.shadow}',
+		},
+	},
+};
-export default lightColors
+export default lightColors;

package/src/lib/primevue/components/input-text/index.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import colorScheme from './colors';
 import sizes from './sizes';
 const InputTextScheme = {
-  colorScheme,
-  sizes,
-}
+	colorScheme,
+	sizes,
+};
-export default InputTextScheme
+export default InputTextScheme;

package/src/lib/primevue/components/input-text/sizes/index.ts CHANGED Viewed

@@ -1,25 +1,25 @@
 const sizes = {
-  root: {
-    paddingX: '{form.field.padding.x}',
-    paddingY: '{form.field.padding.y}',
-    borderRadius: '{form.field.border.radius}',
-    focusRing: {
-      width: '{form.field.focus.ring.width}',
-      style: '{form.field.focus.ring.style}',
-      offset: '{form.field.focus.ring.offset}'
-    },
-    transitionDuration: '{form.field.transition.duration}',
-    sm: {
-      fontSize: '{form.field.sm.font.size}',
-      paddingX: '{form.field.sm.padding.x}',
-      paddingY: '{form.field.sm.padding.y}'
-    },
-    lg: {
-      fontSize: '{form.field.lg.font.size}',
-      paddingX: '{form.field.lg.padding.x}',
-      paddingY: '{form.field.lg.padding.y}'
-    }
-  }
-}
+	root: {
+		paddingX: '{form.field.padding.x}',
+		paddingY: '{form.field.padding.y}',
+		borderRadius: '{form.field.border.radius}',
+		focusRing: {
+			width: '{form.field.focus.ring.width}',
+			style: '{form.field.focus.ring.style}',
+			offset: '{form.field.focus.ring.offset}',
+		},
+		transitionDuration: '{form.field.transition.duration}',
+		sm: {
+			fontSize: '{form.field.sm.font.size}',
+			paddingX: '{form.field.sm.padding.x}',
+			paddingY: '{form.field.sm.padding.y}',
+		},
+		lg: {
+			fontSize: '{form.field.lg.font.size}',
+			paddingX: '{form.field.lg.padding.x}',
+			paddingY: '{form.field.lg.padding.y}',
+		},
+	},
+};
-export default sizes
+export default sizes;

package/src/lib/primevue/components/menubar/colors/dark/index.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export default {
-  background: '{surface.900}',
-  borderColor: '{transparent}',
-  color: '{content.color}',
-  transitionDuration: '{transition.duration}'
-}
+	background: '{surface.900}',
+	borderColor: '{transparent}',
+	color: '{content.color}',
+	transitionDuration: '{transition.duration}',
+};

package/src/lib/primevue/components/menubar/colors/index.ts CHANGED Viewed

@@ -2,8 +2,8 @@ import darkColors from './dark';
 import lightColors from './light';
 const colorScheme = {
-  light: lightColors,
-  dark: darkColors
-}
+	light: lightColors,
+	dark: darkColors,
+};
 export default colorScheme;

package/src/lib/primevue/components/menubar/colors/light/index.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export default {
-  background: '{surface.150}',
-  borderColor: '{transparent}',
-  color: '{content.color}',
-  transitionDuration: '{transition.duration}'
-}
+	background: '{surface.150}',
+	borderColor: '{transparent}',
+	color: '{content.color}',
+	transitionDuration: '{transition.duration}',
+};

package/src/lib/primevue/components/menubar/index.ts CHANGED Viewed

@@ -2,9 +2,8 @@ import colorScheme from './colors';
 import sizes from './sizes';
 const MenubarScheme = {
-  colorScheme,
-  sizes,
-}
-export default MenubarScheme
+	colorScheme,
+	sizes,
+};
+export default MenubarScheme;

package/src/lib/primevue/components/menubar/sizes/index.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 const sizes = {
-  gap: '1em',
-  padding: '0.5rem 1rem',
-  borderRadius: '0rem',
+	gap: '1em',
+	padding: '0.5rem 1rem',
+	borderRadius: '0rem',
 };
-export default sizes
+export default sizes;

package/src/lib/primevue/components/message/colors/dark/index.ts CHANGED Viewed

@@ -1,142 +1,146 @@
 const darkColors = {
-  info: {
-    background: '{info.highlightColor}',
-    borderColor: '{info.color}',
-    color: '{info.color}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {info.color}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{info.foreground}',
-      focusRing: {
-        color: '{info.color}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{info.color}',
-      borderColor: '{info.color}',
-      closeButton: {
-        hoverBackground: '{info.foreground}',
-      }
-    },
-    simple: {
-      color: '{info.color}'
-    }
-  },
-  success: {
-    background: '{success.highlightColor}',
-    borderColor: '{success.color}',
-    color: '{success.color}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {success.color}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{success.foreground}',
-      focusRing: {
-        color: '{success.color}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{success.color}',
-      borderColor: '{success.color}',
-      closeButton: {
-        hoverBackground: '{success.foreground}',
-      }
-    },
-    simple: {
-      color: '{success.color}'
-    }
-  },
-  warn: {
-    background: '{warn.highlightColor}',
-    borderColor: '{warn.color}',
-    color: '{warn.color}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {warn.color}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{warn.foreground}',
-      focusRing: {
-        color: '{warn.color}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{warn.color}',
-      borderColor: '{warn.color}',
-      closeButton: {
-        hoverBackground: '{warn.foreground}',
-      }
-    },
-    simple: {
-      color: '{warn.color}'
-    }
-  },
-  error: {
-    background: '{error.highlightColor}',
-    borderColor: '{error.color}',
-    color: '{error.color}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {error.color}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{error.foreground}',
-      focusRing: {
-        color: '{error.color}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{error.color}',
-      borderColor: '{error.color}',
-      closeButton: {
-        hoverBackground: '{error.foreground}',
-      }
-    },
-    simple: {
-      color: '{error.color}'
-    }
-  },
-  secondary: {
-    background: '{secondary.highlightColor}',
-    borderColor: '{secondary.color}',
-    color: '{secondary.foreground}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {secondary.color}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{secondary.color}',
-      focusRing: {
-        color: '{secondary.color}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{secondary.foreground}',
-      borderColor: '{secondary.color}',
-      closeButton: {
-        hoverBackground: '{secondary.highlightColor}',
-      }
-    },
-    simple: {
-      color: '{secondary.foreground}'
-    }
-  },
-  contrast: {
-    background: '{surface.0}',
-    borderColor: '{surface.100}',
-    color: '{surface.950}',
-    shadow: '0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
-    closeButton: {
-      hoverBackground: '{surface.100}',
-      focusRing: {
-        color: '{surface.950}',
-        shadow: 'none'
-      }
-    },
-    outlined: {
-      color: '{surface.0}',
-      borderColor: '{surface.0}',
-      closeButton: {
-        hoverBackground: '{surface.850}',
-      }
-    },
-    simple: {
-      color: '{surface.0}'
-    }
-  }
+	info: {
+		background: '{info.highlightColor}',
+		borderColor: '{info.color}',
+		color: '{info.color}',
+		shadow: '0px 4px 8px 0px color-mix(in srgb, {info.color}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{info.foreground}',
+			focusRing: {
+				color: '{info.color}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{info.color}',
+			borderColor: '{info.color}',
+			closeButton: {
+				hoverBackground: '{info.foreground}',
+			},
+		},
+		simple: {
+			color: '{info.color}',
+		},
+	},
+	success: {
+		background: '{success.highlightColor}',
+		borderColor: '{success.color}',
+		color: '{success.color}',
+		shadow:
+			'0px 4px 8px 0px color-mix(in srgb, {success.color}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{success.foreground}',
+			focusRing: {
+				color: '{success.color}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{success.color}',
+			borderColor: '{success.color}',
+			closeButton: {
+				hoverBackground: '{success.foreground}',
+			},
+		},
+		simple: {
+			color: '{success.color}',
+		},
+	},
+	warn: {
+		background: '{warn.highlightColor}',
+		borderColor: '{warn.color}',
+		color: '{warn.color}',
+		shadow: '0px 4px 8px 0px color-mix(in srgb, {warn.color}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{warn.foreground}',
+			focusRing: {
+				color: '{warn.color}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{warn.color}',
+			borderColor: '{warn.color}',
+			closeButton: {
+				hoverBackground: '{warn.foreground}',
+			},
+		},
+		simple: {
+			color: '{warn.color}',
+		},
+	},
+	error: {
+		background: '{error.highlightColor}',
+		borderColor: '{error.color}',
+		color: '{error.color}',
+		shadow:
+			'0px 4px 8px 0px color-mix(in srgb, {error.color}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{error.foreground}',
+			focusRing: {
+				color: '{error.color}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{error.color}',
+			borderColor: '{error.color}',
+			closeButton: {
+				hoverBackground: '{error.foreground}',
+			},
+		},
+		simple: {
+			color: '{error.color}',
+		},
+	},
+	secondary: {
+		background: '{secondary.highlightColor}',
+		borderColor: '{secondary.color}',
+		color: '{secondary.foreground}',
+		shadow:
+			'0px 4px 8px 0px color-mix(in srgb, {secondary.color}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{secondary.color}',
+			focusRing: {
+				color: '{secondary.color}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{secondary.foreground}',
+			borderColor: '{secondary.color}',
+			closeButton: {
+				hoverBackground: '{secondary.highlightColor}',
+			},
+		},
+		simple: {
+			color: '{secondary.foreground}',
+		},
+	},
+	contrast: {
+		background: '{surface.0}',
+		borderColor: '{surface.100}',
+		color: '{surface.950}',
+		shadow:
+			'0px 4px 8px 0px color-mix(in srgb, {surface.950}, transparent 96%)',
+		closeButton: {
+			hoverBackground: '{surface.100}',
+			focusRing: {
+				color: '{surface.950}',
+				shadow: 'none',
+			},
+		},
+		outlined: {
+			color: '{surface.0}',
+			borderColor: '{surface.0}',
+			closeButton: {
+				hoverBackground: '{surface.850}',
+			},
+		},
+		simple: {
+			color: '{surface.0}',
+		},
+	},
 };
 export default darkColors;

package/src/lib/primevue/components/message/colors/index.ts CHANGED Viewed

@@ -1,9 +1,9 @@
-import lightColors from './light';
 import darkColors from './dark';
+import lightColors from './light';
 const colorScheme = {
-  light: lightColors,
-  dark: darkColors,
+	light: lightColors,
+	dark: darkColors,
 };
 export default colorScheme;