diff --git a/Directory.Packages.props b/Directory.Packages.props index 9d29c1d5..88beacaf 100644 --- a/Directory.Packages.props +++ b/Directory.Packages.props @@ -4,7 +4,6 @@ false true - @@ -12,10 +11,9 @@ runtime; build; native; contentfiles; analyzers; buildtransitive - - + @@ -24,8 +22,8 @@ - - + + @@ -70,4 +68,4 @@ - + \ No newline at end of file diff --git a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/momentum.css b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/momentum.css index 073a900f..282081b3 100644 --- a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/momentum.css +++ b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/momentum.css @@ -1,2 +1,2 @@ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ -@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-bold:700;--radius-md:.375rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-full:calc(infinity*1px);--radius-small:1rem;--radius-extra-small:var(--radius-md);--color-text:#0b0c0c;--color-text-light:#626a6e;--color-link:#0065b3;--color-link-hover:#003078;--color-primary:#0a319e;--color-primary-light:#e0e8ff;--color-success:#00703c;--color-success-light:#d4f7d4;--color-warning:#ec9811;--color-warning-light:#ffeac9;--color-danger:#d0190f;--color-danger-light:#ffdcda;--color-info:#2b8cc4;--color-info-light:#d4ecf7;--color-neutral:#7c7c7c;--color-neutral-light:#dee0e2}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h3{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h4{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h5{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h6{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}p{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text-light)}a{cursor:pointer;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-link);text-decoration-line:underline}@media (hover:hover){a:hover{color:var(--color-link-hover)}}hr{color:var(--color-text-light);opacity:.3}span,div{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:light}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local]{color-scheme:dark}}@layer components;@layer utilities{.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-6{margin-block:calc(var(--spacing)*6)}.mt-2{margin-top:calc(var(--spacing)*2)}.flex{display:flex}.w-full{width:100%}.min-w-6{min-width:calc(var(--spacing)*6)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-x-auto{overflow-x:auto}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}[data-theme=dark]{--color-black:#fff;--color-white:#121212;--color-gray-1:#1f1f1f;--color-gray-2:#949494;--color-gray-3:#f3f2f1;--color-background:#121212;--color-background-light:#1f1f1f;--color-background-dark:#1f1f1f;--color-background-modal:#1e1e1e;--color-background-modal-light:#252525;--color-text:#f2f2f2;--color-text-light:#a3a3a3;--color-border:#4b5563;--color-border-input:#f2f2f2;--color-link:#60a5fa;--color-link-hover:#93c5fd;--color-link-visited:#c4b5fd;--color-primary:#89c4ff;--color-primary-light:#1e3a8a;--color-success:#4ade80;--color-success-light:#14532d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-danger:#f87171;--color-danger-light:#7f1d1d;--color-info:#38bdf8;--color-info-light:#0c4a6e;--color-noactive:#a1a1aa;--color-noactive-light:#27272a;--color-result-failed:#f87171;--color-result-passed:#4ade80;--color-result-inprogress:#60a5fa;--color-result-exclude:#a78bfa;--color-result-bypasse:#e879f9;--color-result-inconcllusive:#fcd34d;--color-result-runnig:#2dd4bf;--color-result-noaction:#a1a1aa;--color-diagnostic-debug:#60a5fa;--color-diagnostic-verbose:#5eead4;--color-diagnostic-information:#38bdf8;--color-diagnostic-warning:#fbbf24;--color-diagnostic-error:#f87171;--color-diagnostic-fatal:#ef4444;--color-automat:#4ade80;--color-ground:#38bdf8;--color-grounded:#60a5fa;--color-idle:#a1a1aa;--color-manual:#fbbf24;--color-oee:#89c4ff;--color-availability:#b6d069;--color-performance:#a08ae1;--color-quality:#fbbf24;--color-downtime-unassigned:#c7c7c7;--color-downtime-material:#fbbf24;--color-downtime-operator:#f08584;--color-downtime-working:#b6d069;--color-downtime-technical:#a08ae1;--color-downtime-planned:#7dcdd2;--color-btn-primary:var(--color-primary);--color-btn-primary-hover:var(--color-primary-light);--color-btn-danger:var(--color-danger);--color-btn-danger-hover:var(--color-danger-light);--color-btn-success:var(--color-success);--color-btn-success-hover:var(--color-success-light);--color-btn-warning:var(--color-warning);--color-btn-warning-hover:var(--color-warning-light);--color-btn-info:var(--color-info);--color-btn-info-hover:var(--color-info-light);--color-btn-noactive:var(--color-noactive);--color-btn-noactive-hover:#2a2a2a;--color-btn-outline-bg:transparent;--color-btn-no-bg-bg:transparent}:root{--btn-hover-translate:-.1rem}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false} \ No newline at end of file +@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-font-weight:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-black:#0b0c0c;--color-white:#fff;--spacing:.25rem;--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2/1.5);--text-5xl:3rem;--text-5xl--line-height:calc(2/1.5);--font-weight-normal:400;--font-weight-bold:700;--radius-md:.375rem;--radius-xl:.75rem;--radius-2xl:1rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--radius-full:calc(infinity*1px);--color-gray-1:#f3f2f1;--color-gray-2:#dee0e2;--color-gray-3:#949494;--color-background:#fefefe;--color-background-dark:#f0f8ff;--color-background-modal:#f5faff;--color-background-modal-light:#fff;--color-text:#0b0c0c;--color-text-light:#626a6e;--color-border:#bfc1c3;--color-link:#0065b3;--color-link-hover:#003078;--color-primary:#0a319e;--color-primary-light:#e0e8ff;--color-success:#00703c;--color-success-light:#d4f7d4;--color-warning:#ec9811;--color-warning-light:#ffeac9;--color-danger:#d0190f;--color-danger-light:#ffdcda;--color-info:#2b8cc4;--color-info-light:#d4ecf7;--color-neutral:#7c7c7c;--color-neutral-light:#dee0e2;--color-btn-primary:var(--color-primary);--color-form-text:var(--color-text);--color-form-bg:var(--color-white);--color-form-border:var(--color-border);--color-form-placeholder-text:#0b0c0c80}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-placeholder-text:color-mix(in srgb,var(--color-text)50%,transparent)}}:root,:host{--color-form-focus-border:var(--color-primary);--color-form-disabled-text:#0b0c0c66}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-disabled-text:color-mix(in srgb,var(--color-text)40%,transparent)}}:root,:host{--color-form-disabled-bg:var(--color-gray-1);--color-form-disabled-border:#bfc1c366}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-disabled-border:color-mix(in srgb,var(--color-border)40%,transparent)}}:root,:host{--color-form-disabled-placeholder-text:#0b0c0c33}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-disabled-placeholder-text:color-mix(in srgb,var(--color-text)20%,transparent)}}:root,:host{--color-form-readonly-text:#0b0c0ccc}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-readonly-text:color-mix(in srgb,var(--color-text)80%,transparent)}}:root,:host{--color-form-readonly-bg:var(--color-gray-1);--color-form-readonly-border:#bfc1c3cc}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-readonly-border:color-mix(in srgb,var(--color-border)80%,transparent)}}:root,:host{--color-form-readonly-placeholder-text:#0b0c0c66}@supports (color:color-mix(in lab, red, red)){:root,:host{--color-form-readonly-placeholder-text:color-mix(in srgb,var(--color-text)40%,transparent)}}:root,:host{--color-form-invalid:var(--color-danger);--color-input-placeholder-text:var(--color-form-placeholder-text);--font-sans:"Familjen Grotesk",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}h1{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h2{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h3{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h4{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height));--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h5{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}h6{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}p{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text-light)}a{cursor:pointer;font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-link);text-decoration-line:underline}@media (hover:hover){a:hover{color:var(--color-link-hover)}}hr{color:var(--color-text-light);opacity:.3}span,div{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal);text-wrap:wrap;overflow-wrap:break-word;color:var(--color-text)}input[type=date],input[type=time],input[type=datetime-local]{color-scheme:light}[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],[data-theme=dark] input[type=datetime-local]{color-scheme:dark}}@layer components;@layer utilities{.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.my-6{margin-block:calc(var(--spacing)*6)}.mt-2{margin-top:calc(var(--spacing)*2)}.flex{display:flex}.w-full{width:100%}.min-w-6{min-width:calc(var(--spacing)*6)}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-8{gap:calc(var(--spacing)*8)}.overflow-x-auto{overflow-x:auto}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}[data-theme=dark]{--color-black:#fff;--color-white:#121212;--color-gray-1:#1f1f1f;--color-gray-2:#949494;--color-gray-3:#f3f2f1;--color-background:#121212;--color-background-light:#1f1f1f;--color-background-dark:#1f1f1f;--color-background-modal:#1e1e1e;--color-background-modal-light:#252525;--color-text:#f2f2f2;--color-text-light:#626a6e;--color-border:#bfc1c3;--color-border-input:#f2f2f2;--color-link:#0065b3;--color-link-hover:#89c4ff;--color-link-visited:#a08ae1;--color-primary:#89c4ff;--color-primary-light:#0a319e;--color-success:#4ade80;--color-success-light:#14532d;--color-warning:#fbbf24;--color-warning-light:#78350f;--color-danger:#f87171;--color-danger-light:#7f1d1d;--color-info:#38bdf8;--color-info-light:#0c4a6e;--color-noactive:#a1a1aa;--color-noactive-light:#27272a;--color-result-failed:#f87171;--color-result-passed:#4ade80;--color-result-inprogress:#60a5fa;--color-result-exclude:#a78bfa;--color-result-bypasse:#e879f9;--color-result-inconcllusive:#fcd34d;--color-result-runnig:#2dd4bf;--color-result-noaction:#a1a1aa;--color-diagnostic-debug:#60a5fa;--color-diagnostic-verbose:#5eead4;--color-diagnostic-information:#38bdf8;--color-diagnostic-warning:#fbbf24;--color-diagnostic-error:#f87171;--color-diagnostic-fatal:#ef4444;--color-automat:#4ade80;--color-ground:#38bdf8;--color-grounded:#60a5fa;--color-idle:#a1a1aa;--color-manual:#fbbf24;--color-oee:#89c4ff;--color-availability:#b6d069;--color-performance:#a08ae1;--color-quality:#fbbf24;--color-downtime-unassigned:#c7c7c7;--color-downtime-material:#fbbf24;--color-downtime-operator:#f08584;--color-downtime-working:#b6d069;--color-downtime-technical:#a08ae1;--color-downtime-planned:#7dcdd2;--color-btn-primary:var(--color-primary);--color-btn-primary-hover:var(--color-primary-light);--color-btn-danger:var(--color-danger);--color-btn-danger-hover:var(--color-danger-light);--color-btn-success:var(--color-success);--color-btn-success-hover:var(--color-success-light);--color-btn-warning:var(--color-warning);--color-btn-warning-hover:var(--color-warning-light);--color-btn-info:var(--color-info);--color-btn-info-hover:var(--color-info-light);--color-btn-neutral:var(--color-neutral);--color-btn-neutral-hover:var(--color-neutral-light);--color-btn-outline-bg:transparent;--color-btn-no-bg-bg:transparent;--color-action-btn-text:var(--color-text);--color-action-btn-bg:#fefefe99}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-action-btn-bg:color-mix(in srgb,var(--color-background)60%,transparent)}}[data-theme=dark]{--color-action-btn-border:var(--color-border);--color-action-btn-hover-bg:#f0f8ffb3}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-action-btn-hover-bg:color-mix(in srgb,var(--color-background-dark)70%,transparent)}}[data-theme=dark]{--color-action-btn-active-bg:#0a319e66}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-action-btn-active-bg:color-mix(in srgb,var(--color-primary)40%,transparent)}}[data-theme=dark]{--color-form-text:var(--color-text);--color-form-bg:var(--color-white);--color-form-border:var(--color-border);--color-form-placeholder-text:#0b0c0c80}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-placeholder-text:color-mix(in srgb,var(--color-text)50%,transparent)}}[data-theme=dark]{--color-form-focus-border:var(--color-primary);--color-form-disabled-text:#0b0c0c66}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-disabled-text:color-mix(in srgb,var(--color-text)40%,transparent)}}[data-theme=dark]{--color-form-disabled-bg:var(--color-gray-1);--color-form-disabled-border:#bfc1c366}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-disabled-border:color-mix(in srgb,var(--color-border)40%,transparent)}}[data-theme=dark]{--color-form-disabled-placeholder-text:#0b0c0c33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-disabled-placeholder-text:color-mix(in srgb,var(--color-text)20%,transparent)}}[data-theme=dark]{--color-form-readonly-text:#0b0c0ccc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-readonly-text:color-mix(in srgb,var(--color-text)80%,transparent)}}[data-theme=dark]{--color-form-readonly-bg:var(--color-gray-1);--color-form-readonly-border:#bfc1c3cc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-readonly-border:color-mix(in srgb,var(--color-border)80%,transparent)}}[data-theme=dark]{--color-form-readonly-placeholder-text:#0b0c0c66}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-form-readonly-placeholder-text:color-mix(in srgb,var(--color-text)40%,transparent)}}[data-theme=dark]{--color-form-invalid:var(--color-danger);--color-input-text:var(--color-form-text);--color-input-bg:var(--color-form-bg);--color-input-border:var(--color-form-border);--color-input-placeholder-text:var(--color-form-placeholder-text);--color-input-focus-border:var(--color-form-focus-border);--color-input-disabled-text:var(--color-form-disabled-text);--color-input-disabled-bg:var(--color-form-disabled-bg);--color-input-disabled-border:var(--color-form-disabled-border);--color-input-disabled-placeholder-text:var(--color-form-disabled-placeholder-text);--color-input-readonly-text:var(--color-form-readonly-text);--color-input-readonly-bg:var(--color-form-readonly-bg);--color-input-readonly-border:var(--color-form-readonly-border);--color-input-readonly-placeholder-text:var(--color-form-readonly-placeholder-text);--color-input-invalid:var(--color-form-invalid);--color-feedback-invalid:var(--color-danger);--color-feedback-valid:var(--color-success);--color-feedback:var(--color-text);--color-textarea-text:var(--color-form-text);--color-textarea-bg:var(--color-white);--color-textarea-border:var(--color-form-border);--color-textarea-placeholder-text:var(--color-input-placeholder-text);--color-textarea-focus-border:var(--color-form-focus-border);--color-textarea-disabled-text:var(--color-form-disabled-text);--color-textarea-disabled-bg:var(--color-form-disabled-bg);--color-textarea-disabled-border:var(--color-form-disabled-border);--color-textarea-disabled-placeholder-text:var(--color-form-disabled-placeholder-text);--color-textarea-readonly-text:var(--color-form-readonly-text);--color-textarea-readonly-bg:var(--color-form-readonly-bg);--color-textarea-readonly-border:var(--color-form-readonly-border);--color-textarea-readonly-placeholder-text:var(--color-form-readonly-placeholder-text);--color-textarea-invalid:var(--color-form-invalid);--color-checkbox-bg:var(--color-white);--color-checkbox-border:var(--color-form-border);--color-checkbox-focus-border:var(--color-form-focus-border);--color-checkbox-disabled-bg:var(--color-form-disabled-bg);--color-checkbox-disabled-border:var(--color-form-disabled-border);--color-checkbox-check:var(--color-primary);--color-checkbox-invalid:var(--color-form-invalid);--color-toggle-bg:var(--color-gray-2);--color-toggle-thumb:var(--color-white);--color-toggle-focus:var(--color-primary);--color-toggle-text-off:var(--color-text);--color-toggle-text-on:var(--color-primary);--color-toggle-invalid:var(--color-form-invalid);--color-radio-bg:var(--color-white);--color-radio-border:var(--color-form-border);--color-radio-focus-border:var(--color-form-focus-border);--color-radio-disabled-bg:var(--color-form-disabled-bg);--color-radio-disabled-border:var(--color-form-disabled-border);--color-radio-fill:var(--color-primary);--color-radio-invalid:var(--color-form-invalid);--color-select-text:var(--color-form-text);--color-select-bg:var(--color-white);--color-select-border:var(--color-form-border);--color-select-placeholder-text:var(--color-input-placeholder-text);--color-select-focus-border:var(--color-form-focus-border);--color-select-disabled-text:var(--color-form-disabled-text);--color-select-disabled-bg:var(--color-form-disabled-bg);--color-select-disabled-border:var(--color-form-disabled-border);--color-select-disabled-placeholder-text:var(--color-form-disabled-placeholder-text);--color-select-invalid:var(--color-form-invalid);--color-file-text:var(--color-form-text);--color-file-border:var(--color-form-border);--color-file-button-text:var(--color-form-text);--color-file-button-bg:var(--color-background-dark);--color-color-border:var(--color-form-border);--color-nav-item-active-text:var(--color-primary);--color-nav-item-ctive-border:var(--color-primary);--color-nav-item-text:#0b0c0ccc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-nav-item-text:color-mix(in srgb,var(--color-text)80%,transparent)}}[data-theme=dark]{--color-nav-item-description-text:#0b0c0c99}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-nav-item-description-text:color-mix(in srgb,var(--color-text)60%,transparent)}}[data-theme=dark]{--color-breadcrumb-active-text:var(--color-text);--color-card-title-text:var(--color-primary);--color-simple-border-border:var(--color-border);--color-alert-text:var(--color-text);--color-alert-primary-bg:#0a319e33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-alert-primary-bg:color-mix(in srgb,var(--color-primary)20%,transparent)}}[data-theme=dark]{--color-alert-success-bg:#00703c33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-alert-success-bg:color-mix(in srgb,var(--color-success)20%,transparent)}}[data-theme=dark]{--color-alert-warning-bg:#ec981133}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-alert-warning-bg:color-mix(in srgb,var(--color-warning)20%,transparent)}}[data-theme=dark]{--color-alert-danger-bg:#d0190f33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-alert-danger-bg:color-mix(in srgb,var(--color-danger)20%,transparent)}}[data-theme=dark]{--color-alert-info-bg:#2b8cc433}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-alert-info-bg:color-mix(in srgb,var(--color-info)20%,transparent)}}[data-theme=dark]{--color-list-group-text:var(--color-primary);--color-list-group-bg:var(--color-white);--color-list-group-border:var(--color-border);--color-list-group-item-border:var(--color-border);--color-list-group-item-action-text:var(--color-link);--color-list-group-item-action-hover-text:var(--color-link-hover);--color-list-group-item-action-disabled-text:#0b0c0ccc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-list-group-item-action-disabled-text:color-mix(in srgb,var(--color-text)80%,transparent)}}[data-theme=dark]{--color-tab-bg:#f0f8ffb3}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-tab-bg:color-mix(in srgb,var(--color-background-dark)70%,transparent)}}[data-theme=dark]{--color-tab-btn-text:var(--color-text);--color-tab-btn-bg:var(--color-background-dark);--color-tab-btn-border:var(--color-border);--color-tab-btn-hover-bg:#fefefe66}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-tab-btn-hover-bg:color-mix(in srgb,var(--color-background)40%,transparent)}}[data-theme=dark]{--color-tab-btn-active-text:var(--color-btn-primary);--color-tab-btn-active-bg:var(--color-background);--color-tab-btn-active-border:var(--color-border);--color-dropdown-body-bg:var(--color-background-modal-light);--color-dropdown-body-border:var(--color-border);--color-dropdown-item-text:#0b0c0cb3}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-dropdown-item-text:color-mix(in srgb,var(--color-text)70%,transparent)}}[data-theme=dark]{--color-dropdown-item-hover-text:#0b0c0ce6}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-dropdown-item-hover-text:color-mix(in srgb,var(--color-text)90%,transparent)}}[data-theme=dark]{--color-tooltip-bg:var(--color-background-modal);--color-tooltip-border:var(--color-primary);--color-modal-bg:var(--color-background-modal);--color-modal-border:var(--color-border);--color-modal-overlay-bg:#fff9}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-modal-overlay-bg:color-mix(in srgb,var(--color-white)60%,transparent)}}[data-theme=dark]{--color-accordion-border:var(--color-border);--color-accordion-button-text:#0a319ecc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-accordion-button-text:color-mix(in srgb,var(--color-primary)80%,transparent)}}[data-theme=dark]{--color-accordion-button-hover-text:var(--color-primary);--color-toast-bg:var(--color-background-modal);--color-toast-divider-text:var(--color-text);--color-spinner-text:#f0f8ffb3}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-spinner-text:color-mix(in srgb,var(--color-background-dark)70%,transparent)}}[data-theme=dark]{--color-spinner-fill:#0b0c0cb3}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-spinner-fill:color-mix(in srgb,var(--color-text)70%,transparent)}}[data-theme=dark]{--color-table-h-text:var(--color-text);--color-table-d-text:var(--color-text);--color-table-striped-odd-bg:#f0f8ff33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-table-striped-odd-bg:color-mix(in srgb,var(--color-background-dark)20%,transparent)}}[data-theme=dark]{--color-table-striped-even-bg:#f0f8ffcc}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-table-striped-even-bg:color-mix(in srgb,var(--color-background-dark)80%,transparent)}}[data-theme=dark]{--color-table-hover-bg:#f0f8ffe6}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-table-hover-bg:color-mix(in srgb,var(--color-background-dark)90%,transparent)}}[data-theme=dark]{--color-pagination-number-text:#0b0c0c99}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-pagination-number-text:color-mix(in srgb,var(--color-text)60%,transparent)}}[data-theme=dark]{--color-pagination-number-hover-bg:#0b0c0c1a}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-pagination-number-hover-bg:color-mix(in srgb,var(--color-text)10%,transparent)}}[data-theme=dark]{--color-pagination-number-active-bg:#0b0c0c33}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-pagination-number-active-bg:color-mix(in srgb,var(--color-text)20%,transparent)}}[data-theme=dark]{--color-pagination-number-disabled-text:#0b0c0c66}@supports (color:color-mix(in lab, red, red)){[data-theme=dark]{--color-pagination-number-disabled-text:color-mix(in srgb,var(--color-text)40%,transparent)}}:root{--btn-hover-translate:-.1rem}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-font-weight{syntax:"*";inherits:false} \ No newline at end of file diff --git a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/operon-variables.css b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/operon-variables.css index 0b7b6e91..d7b34b83 100644 --- a/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/operon-variables.css +++ b/src/AXSharp.blazor/src/AXSharp.Presentation.Blazor.Controls/wwwroot/css/operon-variables.css @@ -72,43 +72,52 @@ --text-7xl--line-height: calc(2 / 1.5); --text-8xl--line-height: calc(2 / 1.5); --text-9xl--line-height: calc(2 / 1.5); - /* radius */ - --radius-full: calc(infinity * 1px); /* 0.25rem; */ - --radius-small: 1rem; - --radius-extra-small: var(--radius-md); - --radius-nav: var(--radius-small); + /* Radius */ + --radius-none: 0; + --radius-xs: 0.125rem; /*2px*/ + --radius-sm: 0.25rem; /*4px*/ + --radius-md: 0.375rem; /*6px*/ + --radius-lg: 0.5rem; /*8px*/ + --radius-xl: 0.75rem; /*12px*/ + --radius-2xl: 1rem; /*16px*/ + --radius-3xl: 1.5rem; /*24px*/ + --radius-4xl: 2rem; /*32px*/ + --radius-full: calc(infinity * 1px); --radius-button: var(--radius-full); - --radius-action-button: var(--radius-small); - --radius-action-button-icon: var(--radius-small); + --radius-action-button: var(--radius-2xl); + --radius-action-button-icon: var(--radius-2xl); --radius-input: var(--radius-full); - --radius-textarea: var(--radius-small); - --radius-checkbox: var(--radius-extra-small); + --radius-textarea: var(--radius-xl); + --radius-checkbox: var(--radius-md); --radius-toggle: var(--radius-full); --radius-radio: var(--radius-full); - --radius-select: var(--radius-small); - --radius-file: var(--radius-small); - --radius-color: var(--radius-small); - --radius-picker: var(--radius-small); - --radius-card: var(--radius-small); - --radius-simple-border: var(--radius-small); - --radius-alert: var(--radius-small); - --radius-list-group: var(--radius-small); - --radius-tab: var(--radius-small); - --radius-dropdown: var(--radius-small); - --radius-modal: var(--radius-small); - --radius-tooltip: var(--radius-extra-small); - --radius-accordion: var(--radius-small); - --radius-toast: var(--radius-small); + --radius-select: var(--radius-2xl); + --radius-file: var(--radius-2xl); + --radius-color: var(--radius-2xl); + --radius-nav: var(--radius-full); + --radius-card: var(--radius-2xl); + --radius-simple-border: var(--radius-2xl); + --radius-alert: var(--radius-xl); + --radius-list-group: var(--radius-2xl); + --radius-tab: var(--radius-2xl); + --radius-dropdown: var(--radius-2xl); + --radius-tooltip: var(--radius-md); + --radius-search-result: var(--radius-md); + --radius-modal: var(--radius-2xl); + --radius-accordion: var(--radius-2xl); + --radius-toast: var(--radius-2xl); + --radius-progress-bar: var(--radius-full); + --radius-badge: var(--radius-full); --radius-table: var(--radius-full); --radius-pagination-number: var(--radius-full); - /* #region Colors */ + /* Colors */ --color-black: #0B0C0C; --color-white: #FFFFFF; --color-gray-1: #F3F2F1; --color-gray-2: #DEE0E2; --color-gray-3: #949494; --color-background: #FEFEFE; - --color-background-light: #FFFFFF; + --color-background-light: #F1F8FF; --color-background-dark: #F0F8FF; --color-background-modal: #F5FAFF; --color-background-modal-light: #FFFFFF; @@ -116,14 +125,12 @@ --color-text-light: #626A6E; --color-border: #BFC1C3; --color-border-input: #0B0C0C; - /* #endregion */ - /* #region Links */ + /* Link colors */ --color-link: #0065B3; --color-link-hover: #003078; --color-link-visited: #4C2C92; - /* #endregion */ - /* #region Brand & semantic colors */ - --color-primary: #0a319e; + /* Brand & Semantic colors */ + --color-primary: #0A319E; --color-primary-light: #E0E8FF; --color-success: #00703C; --color-success-light: #D4F7D4; @@ -135,48 +142,43 @@ --color-info-light: #D4ECF7; --color-neutral: #7C7C7C; --color-neutral-light: #DEE0E2; - /* #endregion */ - /* #region Result colors */ - --color-result-failed: #D0190F; - --color-result-passed: #00703C; - --color-result-inprogress: #0065B3; + /* Result colors */ + --color-result-failed: var(--color-danger); + --color-result-passed: var(--color-success); + --color-result-inprogress: var(--color-link); --color-result-exclude: #7866B9; --color-result-bypasse: #912B88; --color-result-inconclusive: #B58840; --color-result-running: #00A2A3; - --color-result-noaction: #949494; - /* #end of result colors*/ - /* diagnostic colors */ - --color-diagnostic-debug: #0065B3; + --color-result-noaction: var(--color-gray-3); + /* Diagnostic colors */ + --color-diagnostic-debug: var(--color-link); --color-diagnostic-verbose: #769899; - --color-diagnostic-information: #2B8CC4; - --color-diagnostic-warning: #EC9811; - --color-diagnostic-error: #D0190F; + --color-diagnostic-information: var(--color-info); + --color-diagnostic-warning: var(--color-warning); + --color-diagnostic-error: var(--color-danger); --color-diagnostic-fatal: #9E1912; - /* end of diagnostic colors */ - /* station status colors */ - --color-automat: #00703C; - --color-ground: #2B8CC4; - --color-grounded: #0065B3; - --color-idle: #949494; - --color-manual: #EC9811; - /* end of station status colors */ - /* prodinsight colors */ - --color-oee: #0A319E; - --color-availability: #00703C; - --color-performance: #0065B3; - --color-quality: #EC9811; - /* end of prodinsight colors */ - /* downtime colors */ + /* Station Status colors */ + --color-automat: var(--color-success); + --color-ground: var(--color-info); + --color-grounded: var(--color-link); + --color-idle: var(--color-gray-3); + --color-manual: var(--color-warning); + /* ProdInSight colors */ + --color-oee: var(--color-primary); + --color-availability: var(--color-success); + --color-performance: var(--color-link); + --color-quality: var(--color-warning); + /* Downtime colors */ --color-downtime-working: #B6D069; --color-downtime-planned: #7DCDD2; --color-downtime-unassigned: #C7C7C7; --color-downtime-technical: #9885A9; --color-downtime-operator: #F08584; - --color-downtime-material: #EC9811; + --color-downtime-material: var(--color-warning); --color-downtime-external: #9E1912; - /* end of downtime colors */ - /* buttons colors */ + /* Components colors */ + /* Button colors */ --color-btn-primary: var(--color-primary); --color-btn-primary-hover: var(--color-primary-light); --color-btn-danger: var(--color-danger); @@ -191,7 +193,171 @@ --color-btn-neutral-hover: var(--color-neutral-light); --color-btn-outline-bg: transparent; --color-btn-no-bg-bg: transparent; - /* end of buttons colors */ + /* Action Button colors */ + --color-action-btn-text: var(--color-text); + --color-action-btn-bg: color-mix(in srgb, var(--color-background) 60%, transparent); + --color-action-btn-border: var(--color-border); + --color-action-btn-hover-bg: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-action-btn-active-bg: color-mix(in srgb, var(--color-primary) 40%, transparent); + /* Form colors */ + --color-form-text: var(--color-text); + --color-form-bg: var(--color-white); + --color-form-border: var(--color-border); + --color-form-placeholder-text: color-mix(in srgb, var(--color-text) 50%, transparent); + --color-form-focus-border: var(--color-primary); + --color-form-disabled-text: color-mix(in srgb, var(--color-text) 40%, transparent); + --color-form-disabled-bg: var(--color-gray-1); + --color-form-disabled-border: color-mix(in srgb, var(--color-border) 40%, transparent); + --color-form-disabled-placeholder-text: color-mix(in srgb, var(--color-text) 20%, transparent); + --color-form-readonly-text: color-mix(in srgb, var(--color-text) 80%, transparent); + --color-form-readonly-bg: var(--color-gray-1); + --color-form-readonly-border: color-mix(in srgb, var(--color-border) 80%, transparent); + --color-form-readonly-placeholder-text: color-mix(in srgb, var(--color-text) 40%, transparent); + --color-form-invalid: var(--color-danger); + /* Input colors */ + --color-input-text: var(--color-form-text); + --color-input-bg: var(--color-form-bg); + --color-input-border: var(--color-form-border); + --color-input-placeholder-text: var(--color-form-placeholder-text); + --color-input-focus-border: var(--color-form-focus-border); + --color-input-disabled-text: var(--color-form-disabled-text); + --color-input-disabled-bg: var(--color-form-disabled-bg); + --color-input-disabled-border: var(--color-form-disabled-border); + --color-input-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-input-readonly-text: var(--color-form-readonly-text); + --color-input-readonly-bg: var(--color-form-readonly-bg); + --color-input-readonly-border: var(--color-form-readonly-border); + --color-input-readonly-placeholder-text: var(--color-form-readonly-placeholder-text); + --color-input-invalid: var(--color-form-invalid); + /* Feedback colors */ + --color-feedback-invalid: var(--color-danger); + --color-feedback-valid: var(--color-success); + --color-feedback: var(--color-text); + /* Textarea colors */ + --color-textarea-text: var(--color-form-text); + --color-textarea-bg: var(--color-white); + --color-textarea-border: var(--color-form-border); + --color-textarea-placeholder-text: var(--color-input-placeholder-text); + --color-textarea-focus-border: var(--color-form-focus-border); + --color-textarea-disabled-text: var(--color-form-disabled-text); + --color-textarea-disabled-bg: var(--color-form-disabled-bg); + --color-textarea-disabled-border: var(--color-form-disabled-border); + --color-textarea-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-textarea-readonly-text: var(--color-form-readonly-text); + --color-textarea-readonly-bg: var(--color-form-readonly-bg); + --color-textarea-readonly-border: var(--color-form-readonly-border); + --color-textarea-readonly-placeholder-text: var(--color-form-readonly-placeholder-text); + --color-textarea-invalid: var(--color-form-invalid); + /* Checkbox colors */ + --color-checkbox-bg: var(--color-white); + --color-checkbox-border: var(--color-form-border); + --color-checkbox-focus-border: var(--color-form-focus-border); + --color-checkbox-disabled-bg: var(--color-form-disabled-bg); + --color-checkbox-disabled-border: var(--color-form-disabled-border); + --color-checkbox-check: var(--color-primary); + --color-checkbox-invalid: var(--color-form-invalid); + /* Toggle colors */ + --color-toggle-bg: var(--color-gray-2); + --color-toggle-thumb: var(--color-white); + --color-toggle-focus: var(--color-primary); + --color-toggle-text-off: var(--color-text); + --color-toggle-text-on: var(--color-primary); + --color-toggle-invalid: var(--color-form-invalid); + /* Radio colors */ + --color-radio-bg: var(--color-white); + --color-radio-border: var(--color-form-border); + --color-radio-focus-border: var(--color-form-focus-border); + --color-radio-disabled-bg: var(--color-form-disabled-bg); + --color-radio-disabled-border: var(--color-form-disabled-border); + --color-radio-fill: var(--color-primary); + --color-radio-invalid: var(--color-form-invalid); + /* Select colors */ + --color-select-text: var(--color-form-text); + --color-select-bg: var(--color-white); + --color-select-border: var(--color-form-border); + --color-select-placeholder-text: var(--color-input-placeholder-text); + --color-select-focus-border: var(--color-form-focus-border); + --color-select-disabled-text: var(--color-form-disabled-text); + --color-select-disabled-bg: var(--color-form-disabled-bg); + --color-select-disabled-border: var(--color-form-disabled-border); + --color-select-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-select-invalid: var(--color-form-invalid); + /* File colors */ + --color-file-text: var(--color-form-text); + --color-file-border: var(--color-form-border); + --color-file-button-text: var(--color-form-text); + --color-file-button-bg: var(--color-background-dark); + /* Color colors */ + --color-color-border: var(--color-form-border); + /* Nav colors */ + --color-nav-item-active-text: var(--color-primary); + --color-nav-item-active-border: var(--color-primary); + --color-nav-item-text: color-mix(in srgb, var(--color-text) 80%, transparent); + --color-nav-item-description-text: color-mix(in srgb, var(--color-text) 60%, transparent); + /* Breadcrumb colors */ + --color-breadcrumb-active-text: var(--color-text); + /* Card colors */ + --color-card-title-text: var(--color-primary); + /* Simple Border colors */ + --color-simple-border-border: var(--color-border); + /* Alert colors */ + --color-alert-text: var(--color-text); + --color-alert-primary-bg: color-mix(in srgb, var(--color-primary) 20%, transparent); + --color-alert-success-bg: color-mix(in srgb, var(--color-success) 20%, transparent); + --color-alert-warning-bg: color-mix(in srgb, var(--color-warning) 20%, transparent); + --color-alert-danger-bg: color-mix(in srgb, var(--color-danger) 20%, transparent); + --color-alert-info-bg: color-mix(in srgb, var(--color-info) 20%, transparent); + /* List Group colors */ + --color-list-group-text: var(--color-primary); + --color-list-group-bg: var(--color-white); + --color-list-group-border: var(--color-border); + --color-list-group-item-border: var(--color-border); + --color-list-group-item-action-text: var(--color-link); + --color-list-group-item-action-hover-text: var(--color-link-hover); + --color-list-group-item-action-disabled-text: color-mix(in srgb, var(--color-text) 80%, transparent); + /* Tab colors */ + --color-tab-bg: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-tab-btn-text: var(--color-text); + --color-tab-btn-bg: var(--color-background-dark); + --color-tab-btn-border: var(--color-border); + --color-tab-btn-hover-bg: color-mix(in srgb, var(--color-background) 40%, transparent); + --color-tab-btn-active-text: var(--color-btn-primary); + --color-tab-btn-active-bg: var(--color-background); + --color-tab-btn-active-border: var(--color-border); + /* Dropdown colors */ + --color-dropdown-body-bg: var(--color-background-modal-light); + --color-dropdown-body-border: var(--color-border); + --color-dropdown-item-text: color-mix(in srgb, var(--color-text) 70%, transparent); + --color-dropdown-item-hover-text: color-mix(in srgb, var(--color-text) 90%, transparent); + /* Tooltip colors */ + --color-tooltip-bg: var(--color-background-modal); + --color-tooltip-border: var(--color-primary); + /* Modal colors */ + --color-modal-bg: var(--color-background-modal); + --color-modal-border: var(--color-border); + --color-modal-overlay-bg: color-mix(in srgb, var(--color-white) 60%, transparent); + /* Accordion colors */ + --color-accordion-border: var(--color-border); + --color-accordion-button-text: color-mix(in srgb, var(--color-primary) 80%, transparent); + --color-accordion-button-hover-text: var(--color-primary); + /* Toast colors */ + --color-toast-bg: var(--color-background-modal); + --color-toast-divider-text: var(--color-text); + /* Spinner colors */ + --color-spinner-text: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-spinner-fill: color-mix(in srgb, var(--color-text) 70%, transparent); + /* Table colors */ + --color-table-h-text: var(--color-text); + --color-table-d-text: var(--color-text); + --color-table-striped-odd-bg: color-mix(in srgb, var(--color-background-dark) 20%, transparent); + --color-table-striped-even-bg: color-mix(in srgb, var(--color-background-dark) 80%, transparent); + --color-table-hover-bg: color-mix(in srgb, var(--color-background-dark) 90%, transparent); + --color-table-active-bg: color-mix(in srgb, var(--color-black) 20%, transparent); + /* Pagination colors */ + --color-pagination-number-text: color-mix(in srgb, var(--color-text) 60%, transparent); + --color-pagination-number-hover-bg: color-mix(in srgb, var(--color-text) 10%, transparent); + --color-pagination-number-active-bg: color-mix(in srgb, var(--color-text) 20%, transparent); + --color-pagination-number-disabled-text: color-mix(in srgb, var(--color-text) 40%, transparent); @keyframes ripple { 0% { @@ -217,7 +383,7 @@ } [data-theme="dark"] { - /* #region Base colors */ + /* Base colors */ --color-black: #FFFFFF; --color-white: #121212; --color-gray-1: #1F1F1F; @@ -229,18 +395,16 @@ --color-background-modal: #1E1E1E; --color-background-modal-light: #252525; --color-text: #F2F2F2; - --color-text-light: #A3A3A3; - --color-border: #4B5563; - --color-border-input: #F2F2F2; - /* #endregion */ - /* #region Links */ - --color-link: #60A5FA; - --color-link-hover: #93C5FD; - --color-link-visited: #C4B5FD; - /* #endregion */ - /* #region Brand & semantic colors */ + --color-text-light: #626A6E; + --color-border: #BFC1C3 /*#4B5563*/; + --color-border-input: #F2F2F2 /*#F2F2F2*/; + /* Links colors */ + --color-link: #0065B3 /*#60A5FA*/; + --color-link-hover: #89C4FF /*#93C5FD*/; + --color-link-visited: #A08AE1 /*#C4B5FD*/; + /* Brand & Semantic colors */ --color-primary: #89C4FF; - --color-primary-light: #1e3a8a; + --color-primary-light: #0A319E /*#1e3a8a*/; --color-success: #4ADE80; --color-success-light: #14532d; --color-warning: #FBBF24; @@ -251,8 +415,7 @@ --color-info-light: #0c4a6e; --color-noactive: #A1A1AA; --color-noactive-light: #27272a; - /* #endregion */ - /* #region Result colors */ + /* Result colors */ --color-result-failed: #F87171; --color-result-passed: #4ADE80; --color-result-inprogress: #60A5FA; @@ -261,37 +424,32 @@ --color-result-inconcllusive: #FCD34D; --color-result-runnig: #2DD4BF; --color-result-noaction: #A1A1AA; - /* #endregion */ - /* #region Diagnostic colors */ + /* Diagnostic colors */ --color-diagnostic-debug: #60A5FA; --color-diagnostic-verbose: #5EEAD4; --color-diagnostic-information: #38BDF8; --color-diagnostic-warning: #FBBF24; --color-diagnostic-error: #F87171; --color-diagnostic-fatal: #EF4444; - /* #endregion */ - /* #region Station status colors */ + /* Station Status colors */ --color-automat: #4ADE80; --color-ground: #38BDF8; --color-grounded: #60A5FA; --color-idle: #A1A1AA; --color-manual: #FBBF24; - /* #endregion */ - /* #region ProdInsight colors */ + /* ProdInSight colors */ --color-oee: #89C4FF; --color-availability: #B6D069; --color-performance: #A08AE1; --color-quality: #FBBF24; - /* #endregion */ - /* #region Downtime colors */ + /* Downtime colors */ --color-downtime-unassigned: #C7C7C7; --color-downtime-material: #FBBF24; --color-downtime-operator: #F08584; --color-downtime-working: #B6D069; --color-downtime-technical: #A08AE1; --color-downtime-planned: #7DCDD2; - /* #endregion */ - /* #region Buttons */ + /* Button colors */ --color-btn-primary: var(--color-primary); --color-btn-primary-hover: var(--color-primary-light); --color-btn-danger: var(--color-danger); @@ -302,16 +460,177 @@ --color-btn-warning-hover: var(--color-warning-light); --color-btn-info: var(--color-info); --color-btn-info-hover: var(--color-info-light); - --color-btn-noactive: var(--color-noactive); - --color-btn-noactive-hover: var(--color-noactive-light); - --color-btn-noactive-hover: #2A2A2A; + --color-btn-neutral: var(--color-neutral); + --color-btn-neutral-hover: var(--color-neutral-light); --color-btn-outline-bg: transparent; --color-btn-no-bg-bg: transparent; - /* #endregion */ + /* Action Button colors */ + --color-action-btn-text: var(--color-text); + --color-action-btn-bg: color-mix(in srgb, var(--color-background) 60%, transparent); + --color-action-btn-border: var(--color-border); + --color-action-btn-hover-bg: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-action-btn-active-bg: color-mix(in srgb, var(--color-primary) 40%, transparent); + /* Form colors */ + --color-form-text: var(--color-text); + --color-form-bg: var(--color-white); + --color-form-border: var(--color-border); + --color-form-placeholder-text: color-mix(in srgb, var(--color-text) 50%, transparent); + --color-form-focus-border: var(--color-primary); + --color-form-disabled-text: color-mix(in srgb, var(--color-text) 40%, transparent); + --color-form-disabled-bg: var(--color-gray-1); + --color-form-disabled-border: color-mix(in srgb, var(--color-border) 40%, transparent); + --color-form-disabled-placeholder-text: color-mix(in srgb, var(--color-text) 20%, transparent); + --color-form-readonly-text: color-mix(in srgb, var(--color-text) 80%, transparent); + --color-form-readonly-bg: var(--color-gray-1); + --color-form-readonly-border: color-mix(in srgb, var(--color-border) 80%, transparent); + --color-form-readonly-placeholder-text: color-mix(in srgb, var(--color-text) 40%, transparent); + --color-form-invalid: var(--color-danger); + /* Input colors */ + --color-input-text: var(--color-form-text); + --color-input-bg: var(--color-form-bg); + --color-input-border: var(--color-form-border); + --color-input-placeholder-text: var(--color-form-placeholder-text); + --color-input-focus-border: var(--color-form-focus-border); + --color-input-disabled-text: var(--color-form-disabled-text); + --color-input-disabled-bg: var(--color-form-disabled-bg); + --color-input-disabled-border: var(--color-form-disabled-border); + --color-input-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-input-readonly-text: var(--color-form-readonly-text); + --color-input-readonly-bg: var(--color-form-readonly-bg); + --color-input-readonly-border: var(--color-form-readonly-border); + --color-input-readonly-placeholder-text: var(--color-form-readonly-placeholder-text); + --color-input-invalid: var(--color-form-invalid); + /* Feedback colors */ + --color-feedback-invalid: var(--color-danger); + --color-feedback-valid: var(--color-success); + --color-feedback: var(--color-text); + /* Textarea colors */ + --color-textarea-text: var(--color-form-text); + --color-textarea-bg: var(--color-white); + --color-textarea-border: var(--color-form-border); + --color-textarea-placeholder-text: var(--color-input-placeholder-text); + --color-textarea-focus-border: var(--color-form-focus-border); + --color-textarea-disabled-text: var(--color-form-disabled-text); + --color-textarea-disabled-bg: var(--color-form-disabled-bg); + --color-textarea-disabled-border: var(--color-form-disabled-border); + --color-textarea-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-textarea-readonly-text: var(--color-form-readonly-text); + --color-textarea-readonly-bg: var(--color-form-readonly-bg); + --color-textarea-readonly-border: var(--color-form-readonly-border); + --color-textarea-readonly-placeholder-text: var(--color-form-readonly-placeholder-text); + --color-textarea-invalid: var(--color-form-invalid); + /* Checkbox colors */ + --color-checkbox-bg: var(--color-white); + --color-checkbox-border: var(--color-form-border); + --color-checkbox-focus-border: var(--color-form-focus-border); + --color-checkbox-disabled-bg: var(--color-form-disabled-bg); + --color-checkbox-disabled-border: var(--color-form-disabled-border); + --color-checkbox-check: var(--color-primary); + --color-checkbox-invalid: var(--color-form-invalid); + /* Toggle colors */ + --color-toggle-bg: var(--color-gray-2); + --color-toggle-thumb: var(--color-white); + --color-toggle-focus: var(--color-primary); + --color-toggle-text-off: var(--color-text); + --color-toggle-text-on: var(--color-primary); + --color-toggle-invalid: var(--color-form-invalid); + /* Radio colors */ + --color-radio-bg: var(--color-white); + --color-radio-border: var(--color-form-border); + --color-radio-focus-border: var(--color-form-focus-border); + --color-radio-disabled-bg: var(--color-form-disabled-bg); + --color-radio-disabled-border: var(--color-form-disabled-border); + --color-radio-fill: var(--color-primary); + --color-radio-invalid: var(--color-form-invalid); + /* Select colors */ + --color-select-text: var(--color-form-text); + --color-select-bg: var(--color-white); + --color-select-border: var(--color-form-border); + --color-select-placeholder-text: var(--color-input-placeholder-text); + --color-select-focus-border: var(--color-form-focus-border); + --color-select-disabled-text: var(--color-form-disabled-text); + --color-select-disabled-bg: var(--color-form-disabled-bg); + --color-select-disabled-border: var(--color-form-disabled-border); + --color-select-disabled-placeholder-text: var(--color-form-disabled-placeholder-text); + --color-select-invalid: var(--color-form-invalid); + /* File colors */ + --color-file-text: var(--color-form-text); + --color-file-border: var(--color-form-border); + --color-file-button-text: var(--color-form-text); + --color-file-button-bg: var(--color-background-dark); + /* Color colors */ + --color-color-border: var(--color-form-border); + /* Nav colors */ + --color-nav-item-active-text: var(--color-primary); + --color-nav-item-ctive-border: var(--color-primary); + --color-nav-item-text: color-mix(in srgb, var(--color-text) 80%, transparent); + --color-nav-item-description-text: color-mix(in srgb, var(--color-text) 60%, transparent); + /* Breadcrumb colors */ + --color-breadcrumb-active-text: var(--color-text); + /* Card colors */ + --color-card-title-text: var(--color-primary); + /* Simple Border colors */ + --color-simple-border-border: var(--color-border); + /* Alert colors */ + --color-alert-text: var(--color-text); + --color-alert-primary-bg: color-mix(in srgb, var(--color-primary) 20%, transparent); + --color-alert-success-bg: color-mix(in srgb, var(--color-success) 20%, transparent); + --color-alert-warning-bg: color-mix(in srgb, var(--color-warning) 20%, transparent); + --color-alert-danger-bg: color-mix(in srgb, var(--color-danger) 20%, transparent); + --color-alert-info-bg: color-mix(in srgb, var(--color-info) 20%, transparent); + /* List Group colors */ + --color-list-group-text: var(--color-primary); + --color-list-group-bg: var(--color-white); + --color-list-group-border: var(--color-border); + --color-list-group-item-border: var(--color-border); + --color-list-group-item-action-text: var(--color-link); + --color-list-group-item-action-hover-text: var(--color-link-hover); + --color-list-group-item-action-disabled-text: color-mix(in srgb, var(--color-text) 80%, transparent); + /* Tab colors */ + --color-tab-bg: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-tab-btn-text: var(--color-text); + --color-tab-btn-bg: var(--color-background-dark); + --color-tab-btn-border: var(--color-border); + --color-tab-btn-hover-bg: color-mix(in srgb, var(--color-background) 40%, transparent); + --color-tab-btn-active-text: var(--color-btn-primary); + --color-tab-btn-active-bg: var(--color-background); + --color-tab-btn-active-border: var(--color-border); + /* Dropdown colors */ + --color-dropdown-body-bg: var(--color-background-modal-light); + --color-dropdown-body-border: var(--color-border); + --color-dropdown-item-text: color-mix(in srgb, var(--color-text) 70%, transparent); + --color-dropdown-item-hover-text: color-mix(in srgb, var(--color-text) 90%, transparent); + /* Tooltip colors */ + --color-tooltip-bg: var(--color-background-modal); + --color-tooltip-border: var(--color-primary); + /* Modal colors */ + --color-modal-bg: var(--color-background-modal); + --color-modal-border: var(--color-border); + --color-modal-overlay-bg: color-mix(in srgb, var(--color-white) 60%, transparent); + /* Accordion colors */ + --color-accordion-border: var(--color-border); + --color-accordion-button-text: color-mix(in srgb, var(--color-primary) 80%, transparent); + --color-accordion-button-hover-text: var(--color-primary); + /* Toast colors */ + --color-toast-bg: var(--color-background-modal); + --color-toast-divider-text: var(--color-text); + /* Spinner colors */ + --color-spinner-text: color-mix(in srgb, var(--color-background-dark) 70%, transparent); + --color-spinner-fill: color-mix(in srgb, var(--color-text) 70%, transparent); + /* Table colors */ + --color-table-h-text: var(--color-text); + --color-table-d-text: var(--color-text); + --color-table-striped-odd-bg: color-mix(in srgb, var(--color-background-dark) 20%, transparent); + --color-table-striped-even-bg: color-mix(in srgb, var(--color-background-dark) 80%, transparent); + --color-table-hover-bg: color-mix(in srgb, var(--color-background-dark) 90%, transparent); + /* Pagination colors */ + --color-pagination-number-text: color-mix(in srgb, var(--color-text) 60%, transparent); + --color-pagination-number-hover-bg: color-mix(in srgb, var(--color-text) 10%, transparent); + --color-pagination-number-active-bg: color-mix(in srgb, var(--color-text) 20%, transparent); + --color-pagination-number-disabled-text: color-mix(in srgb, var(--color-text) 40%, transparent); } :root { /* btn */ --btn-hover-translate: -0.1rem; - } diff --git a/src/AXSharp.compiler/tests/AXSharp.Compiler.CsTests/AXSharp.Compiler.CsTests.csproj b/src/AXSharp.compiler/tests/AXSharp.Compiler.CsTests/AXSharp.Compiler.CsTests.csproj index 232e0ba9..1ed5dc80 100644 --- a/src/AXSharp.compiler/tests/AXSharp.Compiler.CsTests/AXSharp.Compiler.CsTests.csproj +++ b/src/AXSharp.compiler/tests/AXSharp.Compiler.CsTests/AXSharp.Compiler.CsTests.csproj @@ -31,6 +31,14 @@ Always + + + + + + diff --git a/src/AXSharp.tools/tests/AXSharp.nuget.update.Tests/AXSharp.nuget.update.Tests.csproj b/src/AXSharp.tools/tests/AXSharp.nuget.update.Tests/AXSharp.nuget.update.Tests.csproj index 0d2b7839..0a87ea3d 100644 --- a/src/AXSharp.tools/tests/AXSharp.nuget.update.Tests/AXSharp.nuget.update.Tests.csproj +++ b/src/AXSharp.tools/tests/AXSharp.nuget.update.Tests/AXSharp.nuget.update.Tests.csproj @@ -24,6 +24,14 @@ + + + + + + diff --git a/src/apax/apax-lock.json b/src/apax/apax-lock.json index 937f7efa..e2e2eeae 100644 --- a/src/apax/apax-lock.json +++ b/src/apax/apax-lock.json @@ -21,7 +21,7 @@ "@ax/stc": { "name": "@ax/stc", "version": "11.3.46", - "integrity": "sha512-ESqk0kVLf/vviWjJJ7v2r1sSigt5FH63qdhdHj+HZzheTniiwrorWLpgqcenbSTSBbk5Nhn3b9LyzpEOOkhtfQ==", + "integrity": "sha512-Z+2eSNxIegaBJoPrajfnB06xNV8os1TtzUP0S/+jCi3bDuJrpAxDA3CQ+HLko+qIflWhMjSBciicqUzS2zXZnQ==", "resolved": "https://registry.simatic-ax.siemens.io/@ax/stc/-/stc-11.3.46.tgz", "dependencies": { "@ax/stc-linux-x64": "11.3.46",