@webitel/styleguide 26.2.4 → 26.2.6

package/src/lib/primevue/components/textarea/colors/dark/index.ts

@@ -1,24 +1,24 @@
 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}',
+		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/textarea/colors/index.ts

@@ -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;
+export default colorScheme;

package/src/lib/primevue/components/textarea/colors/light/index.ts

@@ -1,24 +1,24 @@
 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}',
+		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/textarea/index.ts

@@ -1,9 +1,9 @@
-import colorScheme from "./colors";
-import sizes from "./sizes";
+import colorScheme from './colors';
+import sizes from './sizes';
 
 const TextareaScheme = {
-  colorScheme,
-  sizes,
+	colorScheme,
+	sizes,
 };
 
-export default TextareaScheme
+export default TextareaScheme;

package/src/lib/primevue/components/textarea/sizes/index.ts

@@ -1,26 +1,26 @@
 const sizes = {
-  root: {
-    paddingX: '{form.field.padding.x}',
-    paddingY: '{form.field.padding.y}',
-    borderRadius: '{form.field.border.radius}',
-    minHeight: '6.25rem',
-    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}',
+		minHeight: '6.25rem',
+		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/toolbar/colors/dark/index.ts

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

package/src/lib/primevue/components/toolbar/colors/index.ts

@@ -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/toolbar/colors/light/index.ts

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

package/src/lib/primevue/components/toolbar/index.ts

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

package/src/lib/primevue/components/toolbar/sizes/index.ts

@@ -1,7 +1,7 @@
 const sizes = {
-  gap: '0.5rem',
-  padding: '0.75rem',
-  borderRadius: '{content.border.radius}',
+	gap: '0.5rem',
+	padding: '0.75rem',
+	borderRadius: '{content.border.radius}',
 };
 
-export default sizes
+export default sizes;

package/src/lib/primevue/components/tooltip/colors/dark/index.ts

@@ -1,8 +1,8 @@
 const darkColors = {
-  root: {
-    background: '{overlay.tooltip.background}',
-    color: '{overlay.tooltip.color}',
-  }
+	root: {
+		background: '{overlay.tooltip.background}',
+		color: '{overlay.tooltip.color}',
+	},
 };
 
-export default darkColors
+export default darkColors;

package/src/lib/primevue/components/tooltip/colors/index.ts

@@ -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/tooltip/colors/light/index.ts

@@ -1,8 +1,8 @@
 const lightColors = {
-  root: {
-    background: '{overlay.tooltip.background}',
-    color: '{overlay.tooltip.color}',
-  }
+	root: {
+		background: '{overlay.tooltip.background}',
+		color: '{overlay.tooltip.color}',
+	},
 };
 
-export default lightColors
+export default lightColors;

package/src/lib/primevue/components/tooltip/index.ts

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

package/src/lib/primevue/components/tooltip/sizes/index.ts

@@ -1,9 +1,9 @@
 const sizes = {
-  maxWidth: '12.5rem',
-  gutter: '0.5rem',
-  padding: '0.5rem 0.75rem',
-  borderRadius: '{overlay.popover.border.radius}',
-  shadow: '{shadow.xs}',
+	maxWidth: '12.5rem',
+	gutter: '0.5rem',
+	padding: '0.5rem 0.75rem',
+	borderRadius: '{overlay.popover.border.radius}',
+	shadow: '{shadow.xs}',
 };
 
-export default sizes
+export default sizes;

package/src/lib/primevue/extend/extend.ts

@@ -1,7 +1,7 @@
 import { spacingsExtend } from './spacings/spacings.js';
 
 const extend = {
-  spacing: spacingsExtend,
+	spacing: spacingsExtend,
 };
 
 export default extend;

package/src/lib/primevue/extend/spacings/spacings.ts

@@ -1,15 +1,15 @@
 const spacingsExtend = {
-  multiplicator: '8px',
+	multiplicator: '8px',
 
-  '3xs': 'calc({spacings.multiplicator} / 4)',
-  '2xs': 'calc({spacings.multiplicator} / 2)',
-  xs: 'calc({spacings.multiplicator} * 1)',
-  sm: 'calc({spacings.multiplicator} * 2)',
-  md: 'calc({spacings.multiplicator} * 3)',
-  lg: 'calc({spacings.multiplicator} * 4)',
-  xl: 'calc({spacings.multiplicator} * 5)',
-  '2xl': 'calc({spacings.multiplicator} * 6)',
-  '3xl': 'calc({spacings.multiplicator} * 7)',
+	'3xs': 'calc({spacings.multiplicator} / 4)',
+	'2xs': 'calc({spacings.multiplicator} / 2)',
+	xs: 'calc({spacings.multiplicator} * 1)',
+	sm: 'calc({spacings.multiplicator} * 2)',
+	md: 'calc({spacings.multiplicator} * 3)',
+	lg: 'calc({spacings.multiplicator} * 4)',
+	xl: 'calc({spacings.multiplicator} * 5)',
+	'2xl': 'calc({spacings.multiplicator} * 6)',
+	'3xl': 'calc({spacings.multiplicator} * 7)',
 };
 
 export { spacingsExtend };

package/src/lib/primevue/primitive/index.ts

@@ -1,7 +1,7 @@
 import sizes from './sizes';
 
 const primitive = {
-    ...sizes,
+	...sizes,
 };
 
 export default primitive;

package/src/lib/primevue/primitive/sizes/border-radius/index.ts

@@ -1,9 +1,9 @@
 export default {
-    none: '0',
-    xs: '2px',
-    sm: '4px',
-    md: '6px',
-    lg: '8px',
-    xl: '16px',
-    pill: '56px',
-}
+	none: '0',
+	xs: '2px',
+	sm: '4px',
+	md: '6px',
+	lg: '8px',
+	xl: '16px',
+	pill: '56px',
+};

package/src/lib/primevue/primitive/sizes/index.ts

@@ -1,5 +1,5 @@
-import borderRadius from "./border-radius";
+import borderRadius from './border-radius';
 
 export default {
-    borderRadius,
-}
+	borderRadius,
+};

package/src/lib/primevue/semantic/color-scheme/base/index.ts

@@ -1,17 +1,15 @@
-import typography from './typography';
 import shadow from './shadow';
-
-
+import typography from './typography';
 
 const colorScheme = {
-  light: {
-    ...typography.light,
-    ...shadow.light,
-  },
-  dark: {
-    ...typography.dark,
-    ...shadow.dark,
-  },
-}
-
-export default colorScheme
+	light: {
+		...typography.light,
+		...shadow.light,
+	},
+	dark: {
+		...typography.dark,
+		...shadow.dark,
+	},
+};
+
+export default colorScheme;

package/src/lib/primevue/semantic/color-scheme/base/shadow/dark-color.ts

@@ -1,5 +1,5 @@
 export default {
-    shadow: {
-        xs: '0 4px 4px rgba(0, 0, 0, 15%)',
-    }
-}
+	shadow: {
+		xs: '0 4px 4px rgba(0, 0, 0, 15%)',
+	},
+};

package/src/lib/primevue/semantic/color-scheme/base/shadow/index.ts

@@ -1,7 +1,7 @@
-import light from './light-color'
-import dark from './dark-color'
+import dark from './dark-color';
+import light from './light-color';
 
 export default {
-    light,
-    dark
-}
+	light,
+	dark,
+};

package/src/lib/primevue/semantic/color-scheme/base/shadow/light-color.ts

@@ -1,5 +1,5 @@
 export default {
-    shadow: {
-        xs: '0 4px 4px rgba(0, 0, 0, 10%)',
-    }
-}
+	shadow: {
+		xs: '0 4px 4px rgba(0, 0, 0, 10%)',
+	},
+};

package/src/lib/primevue/semantic/color-scheme/base/typography/dark-color.ts

@@ -1,8 +1,8 @@
 export default {
-  'text-main-color': '{grey-lighten-3}',
-  'text-disabled-color': '{grey-darken-1}',
-  'text-error-color': '{error-color}',
-  'text-link-color': '{info-color}',
+	'text-main-color': '{grey-lighten-3}',
+	'text-disabled-color': '{grey-darken-1}',
+	'text-error-color': '{error-color}',
+	'text-link-color': '{info-color}',
 
-  'text-on-brand-color': '{white}',
-}
+	'text-on-brand-color': '{white}',
+};

package/src/lib/primevue/semantic/color-scheme/base/typography/index.ts

@@ -1,7 +1,7 @@
-import light from './light-color'
-import dark from './dark-color'
+import dark from './dark-color';
+import light from './light-color';
 
 export default {
-  light,
-  dark
-}
+	light,
+	dark,
+};

package/src/lib/primevue/semantic/color-scheme/base/typography/light-color.ts

@@ -1,8 +1,8 @@
 export default {
-  'text-main-color': '{grey-darken-3}',
-  'text-disabled-color': '{grey-lighten-1}',
-  'text-error-color': '{error-color}',
-  'text-link-color': '{info-color}',
+	'text-main-color': '{grey-darken-3}',
+	'text-disabled-color': '{grey-lighten-1}',
+	'text-error-color': '{error-color}',
+	'text-link-color': '{info-color}',
 
-  'text-on-brand-color': '{white}'
-}
+	'text-on-brand-color': '{white}',
+};

package/src/lib/primevue/semantic/color-scheme/content/dark/index.ts

@@ -1,10 +1,10 @@
 export default {
-  content: {
-    background: '{surface.800}',
-    hoverBackground: '{surface.750}',
-    borderColor: '{surface.700}',
-    color: '{text.color}',
-    hoverColor: '{text.hoverColor}',
-    hoverMutedColor: '{text.hoverMutedColor}'
-  }
-}
+	content: {
+		background: '{surface.800}',
+		hoverBackground: '{surface.750}',
+		borderColor: '{surface.700}',
+		color: '{text.color}',
+		hoverColor: '{text.hoverColor}',
+		hoverMutedColor: '{text.hoverMutedColor}',
+	},
+};

package/src/lib/primevue/semantic/color-scheme/content/index.ts

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

package/src/lib/primevue/semantic/color-scheme/content/light/index.ts

@@ -1,10 +1,10 @@
 export default {
-  content: {
-    background: '{surface.0}',
-    hoverBackground: '{surface.50}',
-    borderColor: '{surface.100}',
-    color: '{text.color}',
-    hoverColor: '{text.hoverColor}',
-    hoverMutedColor: '{text.hoverMutedColor}'
-  }
-}
+	content: {
+		background: '{surface.0}',
+		hoverBackground: '{surface.50}',
+		borderColor: '{surface.100}',
+		color: '{text.color}',
+		hoverColor: '{text.hoverColor}',
+		hoverMutedColor: '{text.hoverMutedColor}',
+	},
+};