@adcops/autocore-react 3.0.34 → 3.0.36

package/src/themes/adc-dark/blue/_fonts.scss

@@ -0,0 +1,24 @@
+@font-face {
+    /* font-family: 'Inter var'; */
+    font-family: "HyperlegibleNext var";
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: normal;
+    font-named-instance: 'Regular';
+    /* src: url("./fonts/InterVariable.woff2") format("woff2"); */
+    /* src: url("./fonts/AtkinsonHyperlegibleNext-VariableFont_wght.ttf") format("truetype"); */
+    src: url("./fonts/AtkinsonHyperlegibleNext-Regular.woff2") format("woff2");
+
+  }
+  @font-face {
+    /* font-family: 'Inter var'; */
+    font-family: "HyperlegibleNext var";
+    font-weight: 100 900;
+    font-display: swap;
+    font-style: italic;
+    font-named-instance: 'Italic';
+    /* src: url("./fonts/InterVariable-Italic.woff2") format("woff2"); */
+    /* src: url("./fonts/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf") format("truetype"); */
+    src: url("./fonts/AtkinsonHyperlegibleNext-RegularItalic.woff2") format("woff2");
+  }
+  

package/src/themes/adc-dark/blue/adc_theme.scss

@@ -0,0 +1,31 @@
+/*
+ * Copyright (C) 2025 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2025-07-15 11:55:03
+ * -----
+ * Last Modified: 2025-07-15 14:55:26
+ * -----
+ * 
+ */
+
+
+
+// 1. Define your custom, compact values
+
+// General Padding & Sizing
+$panelContentPadding: 0.5rem 0.75rem !default; // Affects panels, cards, dialogs, etc.
+$inputPadding: 0.5rem 0.75rem !default; // Affects all input fields
+$buttonPadding: 0.5rem 0.75rem !default; // Affects buttons
+$inlineSpacing: 0.25rem !default; // Space between items like icons and text
+$borderRadius: 3px !default; // Sharper corners for a more "desktop" feel
+
+// Table (Datatable) Sizing
+$tableHeaderCellPadding: 0.5rem 0.75rem !default;
+$tableBodyCellPadding: 0.5rem 0.75rem !default;
+
+// Menu Sizing
+$menuitemPadding: 0.5rem 0.75rem !default;
+$horizontalMenuRootMenuitemPadding: 0.5rem 0.75rem !default;
+
+
+// 2. Import the original lara-dark-blue theme
+@import "./theme.scss";

package/src/themes/adc-dark/blue/theme.scss

@@ -0,0 +1,14 @@
+$primaryColor: #60a5fa !default;
+$primaryLightColor: #93c5fd !default;
+$primaryLighterColor: #bfdbfe !default;
+$primaryLightestColor: rgba(96, 165, 250, 0.2) !default;
+$primaryTextColor: #030712 !default;
+
+$highlightBg: rgba(96, 165, 250, 0.16) !default;
+$highlightTextColor: rgba(255, 255, 255, 0.87) !default;
+$highlightFocusBg: rgba($primaryColor, 0.24) !default;
+
+@import "../_variables";
+@import "./_fonts";
+@import "../../theme-base/_components";
+@import "../_extensions";

package/src/themes/theme-base/_colors.scss

@@ -0,0 +1,18 @@
+:root {
+    @if variable-exists(colors) {
+        @each $name, $color in $colors {
+            @for $i from 0 through 5 {
+                @if ($i == 0) {
+                    --#{$name}-50:#{tint($color, (5 - $i) * 19%)};
+                }
+                @else {
+                    --#{$name}-#{$i * 100}:#{tint($color, (5 - $i) * 19%)};
+                }
+            }
+
+            @for $i from 1 through 4 {
+                --#{$name}-#{($i + 5) * 100}:#{shade($color, $i * 15%)};
+            }
+        }
+    }
+}

package/src/themes/theme-base/_common.scss

@@ -0,0 +1,75 @@
+* {
+	box-sizing: border-box;
+}
+
+.p-component {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: $fontSize;
+    font-weight: $fontWeight;
+}
+
+.p-component-overlay {
+    background-color: $maskBg;
+    transition-duration: $transitionDuration;
+}
+
+.p-disabled, .p-component:disabled {
+    opacity: $disabledOpacity;
+}
+
+.p-error {
+    color: $errorColor;
+}
+
+.p-text-secondary {
+    color: $textSecondaryColor;
+}
+
+.pi {
+    font-size: $primeIconFontSize;
+}
+
+.p-icon {
+    width: $primeIconFontSize;
+    height: $primeIconFontSize;
+}
+
+.p-link {
+    font-family: var(--font-family);
+    font-feature-settings: var(--font-feature-settings, normal);
+    font-size: $fontSize;
+    border-radius: $borderRadius;
+
+    &:focus-visible {
+        @include focused();
+    }
+}
+
+.p-component-overlay-enter {
+    animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+    animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+.p-component-overlay {
+    @keyframes p-component-overlay-enter-animation {
+        from {
+            background-color: transparent;
+        }
+        to {
+            background-color: var(--maskbg);
+        }
+    }
+    
+    @keyframes p-component-overlay-leave-animation {
+        from {
+            background-color: var(--maskbg);
+        }
+        to {
+            background-color: transparent;
+        }
+    }
+}

package/src/themes/theme-base/_components.scss

@@ -0,0 +1,111 @@
+@import '_mixins';
+@import '_colors';
+
+@import './components/input/_editor';
+
+@layer primereact {
+    @import '_common';
+    
+    //Input
+    @import './components/input/_autocomplete';
+    @import './components/input/_calendar';
+    @import './components/input/_cascadeselect';
+    @import './components/input/_checkbox';
+    @import './components/input/tristatecheckbox';
+    @import './components/input/_chips';
+    @import './components/input/_colorpicker';
+    @import './components/input/_dropdown';
+    @import './components/input/_inputgroup';
+    @import './components/input/_inputnumber';
+    @import './components/input/_inputswitch';
+    @import './components/input/_inputtext';
+    @import './components/input/_iconfield';
+    @import './components/input/_inputicon';
+    @import './components/input/_inputotp';
+    @import './components/input/_listbox';
+    @import './components/input/_mention';
+    @import './components/input/_multiselect';
+    @import './components/input/_password';
+    @import './components/input/_radiobutton';
+    @import './components/input/_rating';
+    @import './components/input/_selectbutton';
+    @import './components/input/_slider';
+    @import './components/input/_treeselect';
+    @import './components/input/_togglebutton';
+    
+    //Button
+    @import './components/button/_button';
+    @import './components/button/_splitbutton';
+    @import './components/button/_speeddial';
+    
+    //Data
+    @import './components/data/_carousel';
+    @import './components/data/_datatable';
+    @import './components/data/_dataview';
+    @import './components/data/_datascroller';
+    @import './components/data/_filter';
+    @import './components/data/_orderlist';
+    @import './components/data/_organizationchart';
+    @import './components/data/_paginator';
+    @import './components/data/_picklist';
+    @import './components/data/_tree';
+    @import './components/data/_treetable';
+    @import './components/data/_timeline';
+    
+    //Panel
+    @import './components/panel/_accordion';
+    @import './components/panel/_card';
+    @import './components/panel/_fieldset';
+    @import './components/panel/_divider';
+    @import './components/panel/_panel';
+    @import './components/panel/_splitter';
+    @import './components/panel/_stepper';
+    @import './components/panel/_scrollpanel';
+    @import './components/panel/_tabview';
+    @import './components/panel/_toolbar';
+    
+    //Overlay
+    @import './components/overlay/_confirmpopup';
+    @import './components/overlay/_dialog';
+    @import './components/overlay/_overlaypanel';
+    @import './components/overlay/_sidebar';
+    @import './components/overlay/_tooltip';
+    
+    //File
+    @import './components/file/_fileupload';
+    
+    //Menu
+    @import './components/menu/_breadcrumb';
+    @import './components/menu/_contextmenu';
+    @import './components/menu/_dock';
+    @import './components/menu/_megamenu';
+    @import './components/menu/_menu';
+    @import './components/menu/_menubar';
+    @import './components/menu/_panelmenu';
+    @import './components/menu/_slidemenu';
+    @import './components/menu/_steps';
+    @import './components/menu/_tabmenu';
+    @import './components/menu/_tieredmenu';
+    
+    //Messages
+    @import './components/messages/_inlinemessage';
+    @import './components/messages/_message';
+    @import 'components/messages/toast';
+    
+    //MultiMedia
+    @import './components/multimedia/_galleria';
+    @import './components/multimedia/_image';
+    
+    //Misc
+    @import './components/misc/_avatar';
+    @import './components/misc/_chip';
+    @import './components/misc/_scrolltop';
+    @import './components/misc/_skeleton';
+    @import './components/misc/_tag';
+    @import './components/misc/_inplace';
+    @import './components/misc/metergroup';
+    @import './components/misc/_progressbar';
+    @import './components/misc/_terminal';
+    @import './components/misc/_blockui';
+    @import './components/misc/_badge';
+}

package/src/themes/theme-base/_mixins.scss

@@ -0,0 +1,243 @@
+@mixin icon-override($icon) {
+	&:before {
+		content: $icon;
+	}
+}
+
+@mixin focused() {
+	outline: $focusOutline;
+	outline-offset: $focusOutlineOffset;
+	box-shadow: $focusShadow;
+}
+
+@mixin focused-inset() {
+	outline: $focusOutline;
+	outline-offset: $focusOutlineOffset;
+	box-shadow: inset $focusShadow;
+}
+
+@mixin focused-input() {
+	@include focused();
+	border-color: $inputFocusBorderColor;
+}
+
+@mixin focused-listitem() {
+	outline: $focusOutline;
+	outline-offset: $focusOutlineOffset;
+	box-shadow: $inputListItemFocusShadow;
+}
+
+@mixin invalid-input() {
+	border-color: $inputErrorBorderColor;
+}
+
+@mixin menuitem-link {
+	> .p-menuitem-content {
+		color: $menuitemTextColor;
+		transition: $listItemTransition;
+		border-radius: $menuitemBorderRadius;
+
+		.p-menuitem-link {
+			color: $menuitemTextColor;
+			padding: $menuitemPadding;
+			user-select: none;
+
+			.p-menuitem-text {
+				color: $menuitemTextColor;
+			}
+
+			.p-menuitem-icon {
+				color: $menuitemIconColor;
+				margin-right: $inlineSpacing;
+			}
+
+			.p-submenu-icon {
+				color: $menuitemIconColor;
+			}
+		}
+	}
+
+	&.p-highlight {
+		> .p-menuitem-content {
+			color: $menuitemTextActiveColor;
+			background: $menuitemActiveBg;
+
+			.p-menuitem-link {
+				.p-menuitem-text {
+					color: $menuitemTextActiveColor;
+				}
+
+				.p-menuitem-icon,
+				.p-submenu-icon {
+					color: $menuitemIconActiveColor;
+				}
+			}
+		}
+
+		&.p-focus {
+			> .p-menuitem-content {
+				background: $menuitemActiveFocusBg;
+			}
+		}
+	}
+
+	&:not(.p-highlight):not(.p-disabled) {
+		&.p-focus {
+			> .p-menuitem-content {
+				color: $menuitemTextFocusColor;
+				background: $menuitemFocusBg;
+
+				.p-menuitem-link {
+					.p-menuitem-text {
+						color: $menuitemTextFocusColor;
+					}
+
+					.p-menuitem-icon,
+					.p-submenu-icon {
+						color: $menuitemIconFocusColor;
+					}
+				}
+			}
+		}
+
+		> .p-menuitem-content {
+			&:hover {
+				color: $menuitemTextHoverColor;
+				background: $menuitemHoverBg;
+
+				.p-menuitem-link {
+					.p-menuitem-text {
+						color: $menuitemTextHoverColor;
+					}
+
+					.p-menuitem-icon,
+					.p-submenu-icon {
+						color: $menuitemIconHoverColor;
+					}
+				}
+			}
+		}
+	}
+}
+
+@mixin horizontal-rootmenuitem-link {
+	> .p-menuitem-content {
+		color: $horizontalMenuRootMenuitemTextColor;
+		transition: $listItemTransition;
+		border-radius: $horizontalMenuRootMenuitemBorderRadius;
+
+		.p-menuitem-link {
+			padding: $horizontalMenuRootMenuitemPadding;
+			user-select: none;
+
+			.p-menuitem-text {
+				color: $horizontalMenuRootMenuitemTextColor;
+			}
+
+			.p-menuitem-icon {
+				color: $horizontalMenuRootMenuitemIconColor;
+				margin-right: $inlineSpacing;
+			}
+
+			.p-submenu-icon {
+				color: $horizontalMenuRootMenuitemIconColor;
+				margin-left: $inlineSpacing;
+			}
+		}
+	}
+
+	&:not(.p-highlight):not(.p-disabled) {
+		> .p-menuitem-content {
+			&:hover {
+				color: $horizontalMenuRootMenuitemTextHoverColor;
+				background: $horizontalMenuRootMenuitemHoverBg;
+
+				.p-menuitem-link {
+					.p-menuitem-text {
+						color: $horizontalMenuRootMenuitemTextHoverColor;
+					}
+
+					.p-menuitem-icon,
+					.p-submenu-icon {
+						color: $horizontalMenuRootMenuitemIconHoverColor;
+					}
+				}
+			}
+		}
+	}
+}
+
+@mixin placeholder {
+	::-webkit-input-placeholder {
+		@content;
+	}
+	:-moz-placeholder {
+		@content;
+	}
+	::-moz-placeholder {
+		@content;
+	}
+	:-ms-input-placeholder {
+		@content;
+	}
+}
+
+@mixin scaledPadding($val, $scale) {
+	padding: nth($val, 1) * $scale nth($val, 2) * $scale;
+}
+
+@mixin scaledFontSize($val, $scale) {
+	font-size: $val * $scale;
+}
+
+@mixin nested-submenu-indents($val, $index, $length) {
+	ul {
+		li {
+			a {
+				padding-left: $val * ($index + 1);
+			}
+
+			@if $index < $length {
+				@include nested-submenu-indents($val, $index + 2, $length);
+			}
+		}
+	}
+}
+
+@mixin action-icon($enabled: true) {
+	width: $actionIconWidth;
+	height: $actionIconHeight;
+	color: $actionIconColor;
+	border: $actionIconBorder;
+	background: $actionIconBg;
+	border-radius: $actionIconBorderRadius;
+	transition: $actionIconTransition;
+
+	@if $enabled {
+		&:enabled:hover {
+			@include action-icon-hover();
+		}
+	} @else {
+		&:hover {
+			@include action-icon-hover();
+		}
+	}
+
+	&:focus-visible {
+		@include focused();
+	}
+}
+
+@mixin action-icon-hover() {
+	color: $actionIconHoverColor;
+	border-color: $actionIconHoverBorderColor;
+	background: $actionIconHoverBg;
+}
+
+@function tint($color, $percentage) {
+	@return mix(#fff, $color, $percentage);
+}
+
+@function shade($color, $percentage) {
+	@return mix(#000, $color, $percentage);
+}