@webitel/styleguide 26.2.4 → 26.2.6

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

@@ -1,104 +1,104 @@
 const darkColors = {
-  root: {
-    borderColor: '{content.borderColor}'
-  },
-  header: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.borderColor}',
-    color: '{content.color}',
-  },
-  headerCell: {
-    background: '{surface.850}',
-    hoverBackground: '{surface.900}',
-    selectedBackground: '{surface.950}',
-    dragBackground: '{surface.750}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-    hoverColor: '{content.hoverColor}',
-    selectedColor: '{content.color}',
-    focusRing: {
-      color: '{focus.ring.color}',
-      shadow: '{focus.ring.shadow}'
-    }
-  },
-  row: {
-    stripedBackground: '{surface.950}',
-    background: '{content.background}',
-    hoverBackground: '{content.hoverBackground}',
-    successBackground: '{green.950}',
-    successHoverBackground: '{green.900}',
-    warningBackground: '{orange.950}',
-    warningHoverBackground: '{orange.900}',
-    errorBackground: '{red.950}',
-    errorHoverBackground: '{red.900}',
-    selectedBackground: '{highlight.background}',
-    color: '{content.color}',
-    hoverColor: '{content.hoverColor}',
-    selectedColor: '{highlight.color}',
-    focusRing: {
-      color: '{focus.ring.color}',
-      shadow: '{focus.ring.shadow}'
-    }
-  },
-  bodyCell: {
-    borderColor: '{surface.700}',
-    selectedBorderColor: '{primary.900}'
-  },
-  footerCell: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-  },
-  footer: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-  },
-  resizeIndicator: {
-    color: '{primary.color}'
-  },
-  reorderIndicator: {
-    color: '{surface.750}'
-  },
-  filter: {
-    overlaySelect: {
-        background: '{overlay.select.background}',
-        borderColor: '{overlay.select.border.color}',
-        color: '{overlay.select.color}',
-        shadow: '{overlay.select.shadow}'
-    },
-    overlayPopover: {
-        background: '{overlay.popover.background}',
-        borderColor: '{overlay.popover.border.color}',
-        color: '{overlay.popover.color}',
-        shadow: '{overlay.popover.shadow}',
-    },
-    rule: {
-        borderColor: '{content.border.color}'
-    },
-    constraint: {
-        focusBackground: '{list.option.focus.background}',
-        selectedBackground: '{list.option.selected.background}',
-        selectedFocusBackground: '{list.option.selected.focus.background}',
-        color: '{list.option.color}',
-        focusColor: '{list.option.focus.color}',
-        selectedColor: '{list.option.selected.color}',
-        selectedFocusColor: '{list.option.selected.focus.color}',
-        separator: {
-            borderColor: '{content.border.color}'
-        },
-    }
-  },
-  sortIcon: {
-    color: '{text.muted.color}',
-    hoverColor: '{text.hover.muted.color}',
-  },
-  frozenColumn: {
-    background: '{content.background}',
-  },
-  columnResizer: {
-    background: '{surface.800}'
-  },
-}
+	root: {
+		borderColor: '{content.borderColor}',
+	},
+	header: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.borderColor}',
+		color: '{content.color}',
+	},
+	headerCell: {
+		background: '{surface.850}',
+		hoverBackground: '{surface.900}',
+		selectedBackground: '{surface.950}',
+		dragBackground: '{surface.750}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+		hoverColor: '{content.hoverColor}',
+		selectedColor: '{content.color}',
+		focusRing: {
+			color: '{focus.ring.color}',
+			shadow: '{focus.ring.shadow}',
+		},
+	},
+	row: {
+		stripedBackground: '{surface.950}',
+		background: '{content.background}',
+		hoverBackground: '{content.hoverBackground}',
+		successBackground: '{green.950}',
+		successHoverBackground: '{green.900}',
+		warningBackground: '{orange.950}',
+		warningHoverBackground: '{orange.900}',
+		errorBackground: '{red.950}',
+		errorHoverBackground: '{red.900}',
+		selectedBackground: '{highlight.background}',
+		color: '{content.color}',
+		hoverColor: '{content.hoverColor}',
+		selectedColor: '{highlight.color}',
+		focusRing: {
+			color: '{focus.ring.color}',
+			shadow: '{focus.ring.shadow}',
+		},
+	},
+	bodyCell: {
+		borderColor: '{surface.700}',
+		selectedBorderColor: '{primary.900}',
+	},
+	footerCell: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+	},
+	footer: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+	},
+	resizeIndicator: {
+		color: '{primary.color}',
+	},
+	reorderIndicator: {
+		color: '{surface.750}',
+	},
+	filter: {
+		overlaySelect: {
+			background: '{overlay.select.background}',
+			borderColor: '{overlay.select.border.color}',
+			color: '{overlay.select.color}',
+			shadow: '{overlay.select.shadow}',
+		},
+		overlayPopover: {
+			background: '{overlay.popover.background}',
+			borderColor: '{overlay.popover.border.color}',
+			color: '{overlay.popover.color}',
+			shadow: '{overlay.popover.shadow}',
+		},
+		rule: {
+			borderColor: '{content.border.color}',
+		},
+		constraint: {
+			focusBackground: '{list.option.focus.background}',
+			selectedBackground: '{list.option.selected.background}',
+			selectedFocusBackground: '{list.option.selected.focus.background}',
+			color: '{list.option.color}',
+			focusColor: '{list.option.focus.color}',
+			selectedColor: '{list.option.selected.color}',
+			selectedFocusColor: '{list.option.selected.focus.color}',
+			separator: {
+				borderColor: '{content.border.color}',
+			},
+		},
+	},
+	sortIcon: {
+		color: '{text.muted.color}',
+		hoverColor: '{text.hover.muted.color}',
+	},
+	frozenColumn: {
+		background: '{content.background}',
+	},
+	columnResizer: {
+		background: '{surface.800}',
+	},
+};
 
-export default darkColors
+export default darkColors;

package/src/lib/primevue/components/table/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/table/colors/light/index.ts

@@ -1,104 +1,104 @@
 const lightColors = {
-  root: {
-    borderColor: '{content.borderColor}'
-  },
-  header: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.borderColor}',
-    color: '{content.color}',
-  },
-  headerCell: {
-    background: '{surface.100}',
-    hoverBackground: '{surface.150}',
-    selectedBackground: '{surface.200}',
-    dragBackground: '{surface.250}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-    hoverColor: '{content.hoverColor}',
-    selectedColor: '{content.color}',
-    focusRing: {
-      color: '{focus.ring.color}',
-      shadow: '{focus.ring.shadow}'
-    }
-  },
-  row: {
-    stripedBackground: '{surface.50}',
-    background: '{content.background}',
-    hoverBackground: '{content.hoverBackground}',
-    successBackground: '{green.50}',
-    successHoverBackground: '{green.100}',
-    warningBackground: '{orange.50}',
-    warningHoverBackground: '{orange.100}',
-    errorBackground: '{red.50}',
-    errorHoverBackground: '{red.100}',
-    selectedBackground: '{highlight.background}',
-    color: '{content.color}',
-    hoverColor: '{content.hoverColor}',
-    selectedColor: '{highlight.color}',
-    focusRing: {
-      color: '{focus.ring.color}',
-      shadow: '{focus.ring.shadow}'
-    }
-  },
-  bodyCell: {
-    borderColor: '{surface.100}',
-    selectedBorderColor: '{primary.100}'
-  },
-  footerCell: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-  },
-  footer: {
-    background: '{content.background}',
-    borderColor: '{datatable.border.color}',
-    color: '{content.color}',
-  },
-  resizeIndicator: {
-    color: '{primary.color}'
-  },
-  reorderIndicator: {
-    color: '{surface.250}'
-  },
-  filter: {
-    overlaySelect: {
-        background: '{overlay.select.background}',
-        borderColor: '{overlay.select.border.color}',
-        color: '{overlay.select.color}',
-        shadow: '{overlay.select.shadow}'
-    },
-    overlayPopover: {
-        background: '{overlay.popover.background}',
-        borderColor: '{overlay.popover.border.color}',
-        color: '{overlay.popover.color}',
-        shadow: '{overlay.popover.shadow}',
-    },
-    rule: {
-        borderColor: '{content.border.color}'
-    },
-    constraint: {
-        focusBackground: '{list.option.focus.background}',
-        selectedBackground: '{list.option.selected.background}',
-        selectedFocusBackground: '{list.option.selected.focus.background}',
-        color: '{list.option.color}',
-        focusColor: '{list.option.focus.color}',
-        selectedColor: '{list.option.selected.color}',
-        selectedFocusColor: '{list.option.selected.focus.color}',
-        separator: {
-            borderColor: '{content.border.color}'
-        },
-    }
-  },
-  sortIcon: {
-    color: '{text.muted.color}',
-    hoverColor: '{text.hover.muted.color}',
-  },
-  frozenColumn: {
-    background: '{content.background}',
-  },
-  columnResizer: {
-    background: '{surface.150}'
-  },
-}
+	root: {
+		borderColor: '{content.borderColor}',
+	},
+	header: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.borderColor}',
+		color: '{content.color}',
+	},
+	headerCell: {
+		background: '{surface.100}',
+		hoverBackground: '{surface.150}',
+		selectedBackground: '{surface.200}',
+		dragBackground: '{surface.250}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+		hoverColor: '{content.hoverColor}',
+		selectedColor: '{content.color}',
+		focusRing: {
+			color: '{focus.ring.color}',
+			shadow: '{focus.ring.shadow}',
+		},
+	},
+	row: {
+		stripedBackground: '{surface.50}',
+		background: '{content.background}',
+		hoverBackground: '{content.hoverBackground}',
+		successBackground: '{green.50}',
+		successHoverBackground: '{green.100}',
+		warningBackground: '{orange.50}',
+		warningHoverBackground: '{orange.100}',
+		errorBackground: '{red.50}',
+		errorHoverBackground: '{red.100}',
+		selectedBackground: '{highlight.background}',
+		color: '{content.color}',
+		hoverColor: '{content.hoverColor}',
+		selectedColor: '{highlight.color}',
+		focusRing: {
+			color: '{focus.ring.color}',
+			shadow: '{focus.ring.shadow}',
+		},
+	},
+	bodyCell: {
+		borderColor: '{surface.100}',
+		selectedBorderColor: '{primary.100}',
+	},
+	footerCell: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+	},
+	footer: {
+		background: '{content.background}',
+		borderColor: '{datatable.border.color}',
+		color: '{content.color}',
+	},
+	resizeIndicator: {
+		color: '{primary.color}',
+	},
+	reorderIndicator: {
+		color: '{surface.250}',
+	},
+	filter: {
+		overlaySelect: {
+			background: '{overlay.select.background}',
+			borderColor: '{overlay.select.border.color}',
+			color: '{overlay.select.color}',
+			shadow: '{overlay.select.shadow}',
+		},
+		overlayPopover: {
+			background: '{overlay.popover.background}',
+			borderColor: '{overlay.popover.border.color}',
+			color: '{overlay.popover.color}',
+			shadow: '{overlay.popover.shadow}',
+		},
+		rule: {
+			borderColor: '{content.border.color}',
+		},
+		constraint: {
+			focusBackground: '{list.option.focus.background}',
+			selectedBackground: '{list.option.selected.background}',
+			selectedFocusBackground: '{list.option.selected.focus.background}',
+			color: '{list.option.color}',
+			focusColor: '{list.option.focus.color}',
+			selectedColor: '{list.option.selected.color}',
+			selectedFocusColor: '{list.option.selected.focus.color}',
+			separator: {
+				borderColor: '{content.border.color}',
+			},
+		},
+	},
+	sortIcon: {
+		color: '{text.muted.color}',
+		hoverColor: '{text.hover.muted.color}',
+	},
+	frozenColumn: {
+		background: '{content.background}',
+	},
+	columnResizer: {
+		background: '{surface.150}',
+	},
+};
 
-export default lightColors
+export default lightColors;

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

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

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

@@ -1,100 +1,100 @@
 const sizes = {
-  root: {
-    transitionDuration: '{transition.duration}'
-  },
-  header: {
-    borderWidth: '0 0 1px 0',
-    padding: '0.5rem',
-    sm: {
-      padding: '0.375rem 0.5rem'
-    },
-    lg: {
-      padding: '1rem 1.25rem'
-    }
-  },
-  headerCell: {
-    gap: '0.5rem',
-    padding: '0.5rem',
-    focusRing: {
-      width: '{focus.ring.width}',
-      style: '{focus.ring.style}',
-      offset: '-1px',
-    },
-    sm: {
-      padding: '0.375rem 0.5rem'
-    },
-    lg: {
-      padding: '1rem 1.25rem'
-    }
-  },
-  columnWeight: {
-    fontWeight: '600'
-  },
-  row: {
-    focusRing: {
-      width: '{focus.ring.width}',
-      style: '{focus.ring.style}',
-      offset: '-1px',
-    }
-  },
-  bodyCell: {
-    padding: '0.5rem',
-    sm: {
-      padding: '0.375rem 0.5rem'
-    },
-    lg: {
-      padding: '1rem 1.25rem'
-    }
-  },
-  footerCell: {
-    padding: '0.5rem',
-    sm: {
-      padding: '0.375rem 0.5rem'
-    },
-    lg: {
-      padding: '1rem 1.25rem'
-    }
-  },
-  columnFooter: {
-    fontWeight: '600'
-  },
-  footer: {
-    borderWidth: '0 0 1px 0',
-    padding: '0.5rem',
-    sm: {
-      padding: '0.375rem 0.5rem'
-    },
-    lg: {
-      padding: '1rem 1.25rem'
-    }
-  },
-  columnResizer: {
-    width: '1px'
-  },
-  resizeIndicator: {
-    width: '1px',
-  },
-  filter: {
-    inlineGap: '0.5rem',
-    overlaySelect: {
-        borderRadius: '{overlay.select.border.radius}',
-    },
-    overlayPopover: {
-        padding: '{overlay.popover.padding}',
-        gap: '0.5rem'
-    },
-    constraintList: {
-        padding: '{list.padding}',
-        gap: '{list.gap}'
-    },
-    constraint: {
-        padding: '{list.option.padding}',
-        borderRadius: '{list.option.border.radius}'
-    }
-  },
-  sortIcon: {
-    size: '0.875rem'
-  }
-}
+	root: {
+		transitionDuration: '{transition.duration}',
+	},
+	header: {
+		borderWidth: '0 0 1px 0',
+		padding: '0.5rem',
+		sm: {
+			padding: '0.375rem 0.5rem',
+		},
+		lg: {
+			padding: '1rem 1.25rem',
+		},
+	},
+	headerCell: {
+		gap: '0.5rem',
+		padding: '0.5rem',
+		focusRing: {
+			width: '{focus.ring.width}',
+			style: '{focus.ring.style}',
+			offset: '-1px',
+		},
+		sm: {
+			padding: '0.375rem 0.5rem',
+		},
+		lg: {
+			padding: '1rem 1.25rem',
+		},
+	},
+	columnWeight: {
+		fontWeight: '600',
+	},
+	row: {
+		focusRing: {
+			width: '{focus.ring.width}',
+			style: '{focus.ring.style}',
+			offset: '-1px',
+		},
+	},
+	bodyCell: {
+		padding: '0.5rem',
+		sm: {
+			padding: '0.375rem 0.5rem',
+		},
+		lg: {
+			padding: '1rem 1.25rem',
+		},
+	},
+	footerCell: {
+		padding: '0.5rem',
+		sm: {
+			padding: '0.375rem 0.5rem',
+		},
+		lg: {
+			padding: '1rem 1.25rem',
+		},
+	},
+	columnFooter: {
+		fontWeight: '600',
+	},
+	footer: {
+		borderWidth: '0 0 1px 0',
+		padding: '0.5rem',
+		sm: {
+			padding: '0.375rem 0.5rem',
+		},
+		lg: {
+			padding: '1rem 1.25rem',
+		},
+	},
+	columnResizer: {
+		width: '1px',
+	},
+	resizeIndicator: {
+		width: '1px',
+	},
+	filter: {
+		inlineGap: '0.5rem',
+		overlaySelect: {
+			borderRadius: '{overlay.select.border.radius}',
+		},
+		overlayPopover: {
+			padding: '{overlay.popover.padding}',
+			gap: '0.5rem',
+		},
+		constraintList: {
+			padding: '{list.padding}',
+			gap: '{list.gap}',
+		},
+		constraint: {
+			padding: '{list.option.padding}',
+			borderRadius: '{list.option.border.radius}',
+		},
+	},
+	sortIcon: {
+		size: '0.875rem',
+	},
+};
 
-export default sizes
+export default sizes;