srcdev-nuxt-components 9.1.55 → 9.1.57

package/app/assets/styles/setup/03.theming/default/_light.css

@@ -1,166 +0,0 @@
-:where(html) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the default theme
-     =========================================== */
-  --colour-theme-1: var(--blue-01);
-  --colour-theme-2: var(--blue-02);
-  --colour-theme-3: var(--blue-03);
-  --colour-theme-4: var(--blue-04);
-  --colour-theme-5: var(--blue-05);
-  --colour-theme-6: var(--blue-06);
-  --colour-theme-7: var(--blue-07);
-  --colour-theme-8: var(--blue-08);
-  --colour-theme-9: var(--blue-09);
-  --colour-theme-10: var(--blue-10);
-
-  /* ===========================================
-     GENERIC BODY VARIABLES
-     =========================================== */
-  --page-bg: var(--slate-00);
-  --colour-text-default: var(--slate-09);
-  --colour-text-accent: var(--blue-09);
-  --colour-text-eyebrow: var(--blue-09);
-
-  /* ===========================================
-     GLASS PANEL VARIABLES
-     =========================================== */
-  --glass-panel-bg: rgba(255, 255, 255, 0.55);
-  --glass-panel-border-color: rgba(255, 255, 255, 0.8);
-  --glass-panel-shadow: 0 8px 32px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
-  --glass-panel-highlight: rgba(255, 255, 255, 0.9);
-
-  /* ===========================================
-     HERO TEXT VARIABLES
-     =========================================== */
-  --hero-text-bg-img: linear-gradient(135deg, #c2a770, #b4747e, #d1bd94);
-
-  /* ===========================================
-     EYEBROW TEXT VARIABLES
-     =========================================== */
-  --eyebrow-text-bg-img: linear-gradient(135deg, #c2a770, #b4747e, #d1bd94);
-
-  /* ===========================================
-     STEPPER LIST VARIABLES
-     =========================================== */
-  --stepper-list-counter-circle-background: transparent;
-  --stepper-list-counter-circle-text: var(--blue-09);
-  --stepper-list-counter-circle-border: var(--blue-09);
-
-  --stepper-list-counter-disc-background: var(--blue-01);
-  --stepper-list-counter-disc-text: var(--blue-09);
-  --stepper-list-counter-disc-border: var(--blue-01);
-
-  --stepper-list-counter-square-background: transparent;
-  --stepper-list-counter-square-text: var(--blue-09);
-  --stepper-list-counter-square-border: var(--blue-09);
-
-  --stepper-list-connector-color: var(--blue-01);
-
-  --stepper-list-icon: var(--blue-09);
-
-  /* ===========================================
-     COLOUR FINDER VARIABLES
-     =========================================== */
-  --colour-finder-primary-colour: var(--blue-03);
-  --colour-finder-border-colour: var(--blue-02);
-
-  --colour-finder-checked-surface-colour: var(--green-03);
-  --colour-finder-checked-stroke-colour: var(--green-09);
-
-  --colour-finder-conflict-surface-colour: var(--sunset-03);
-  --colour-finder-conflict-stroke-colour: var(--sunset-09);
-
-  /* ===========================================
-     TREATMENT CONSULTANT VARIABLES
-     =========================================== */
-  --treatment-consultant-primary-colour: var(--amber-05);
-  --treatment-consultant-border-colour: var(--blue-02);
-
-  --treatment-consultant-checked-surface-colour: var(--green-03);
-  --treatment-consultant-checked-stroke-colour: var(--green-09);
-
-  --treatment-consultant-conflict-surface-colour: var(--sunset-03);
-  --treatment-consultant-conflict-stroke-colour: var(--sunset-09);
-
-  /* ===========================================
-     ANCHOR LINK VARIABLES
-     Styling for anchor links and interactive text
-     =========================================== */
-  --colour-link-default: var(--blue-10);
-  --colour-link-hover: var(--blue-09);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-
-  /* Input surfaces and backgrounds */
-  --theme-input-surface: var(--slate-00);
-  --theme-input-surface-hover: var(--slate-01);
-
-  /* Input borders */
-  --theme-input-border: var(--blue-06);
-  --theme-input-border-hover: var(--blue-05);
-  --theme-input-border-focus: var(--blue-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: transparent;
-  --theme-input-outline-focus: var(--blue-04);
-  --theme-input-visible-outline: var(--blue-10);
-  --theme-focus-visible-shadow: 0 0 0 2px var(--blue-02);
-
-  /* ===========================================
-     INPUT TEXT VARIABLES
-     =========================================== */
-  --theme-input-placeholder: var(--slate-05);
-  --theme-input-text-color-normal: var(--slate-09);
-
-  /* ===========================================
-     CHECKBOX AND RADIO BUTTON VARIABLES
-     =========================================== */
-  --theme-checkbox-symbol-color: var(--blue-08);
-  --theme-checkbox-symbol-surface: var(--theme-input-surface);
-  --theme-checkbox-decorator-color: var(--blue-09);
-
-  /* ===========================================
-     TOGGLE SWITCH VARIABLES
-     =========================================== */
-  --theme-toggle-symbol-color-default: var(--blue-00);
-  --theme-toggle-symbol-color-checked: var(--blue-08);
-
-  --input-error-margin-block-start: 0.25rem;
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-surface: var(--blue-09);
-  --theme-button-primary-surface-hover: var(--blue-08);
-  --theme-button-primary-surface-active: var(--blue-07);
-  --theme-button-primary-border: var(--blue-09);
-  --theme-button-primary-border-active: var(--blue-09);
-  --theme-button-primary-outline: var(--blue-01);
-  --theme-button-primary-outline-active: var(--blue-07);
-  --theme-button-primary-text: var(--blue-00);
-  --theme-button-primary-text-hover: var(--blue-00);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: transparent;
-  --theme-button-secondary-surface-hover: var(--blue-01);
-  --theme-button-secondary-surface-active: var(--blue-01);
-  --theme-button-secondary-border: var(--blue-09);
-  --theme-button-secondary-border-active: var(--blue-09);
-  --theme-button-secondary-outline: var(--blue-09);
-  --theme-button-secondary-outline-active: var(--blue-09);
-  --theme-button-secondary-text: var(--blue-09);
-  --theme-button-secondary-text-hover: var(--blue-09);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: var(--slate-01);
-  --theme-button-tertiary-text: var(--blue-09);
-  --theme-button-tertiary-border-active: var(--blue-09);
-  --theme-button-tertiary-outline-active: var(--blue-09);
-}

package/app/assets/styles/setup/03.theming/default/index.css

@@ -1,2 +0,0 @@
-@import "./_light";
-@import "./_dark";

package/app/assets/styles/setup/03.theming/error/_dark.css

@@ -1,56 +0,0 @@
-:where(html.dark [data-invalid]),
-:where(html.dark [data-theme="error"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the error theme
-     =========================================== */
-  --colour-theme-1: var(--red-01);
-  --colour-theme-2: var(--red-02);
-  --colour-theme-3: var(--red-03);
-  --colour-theme-4: var(--red-04);
-  --colour-theme-5: var(--red-05);
-  --colour-theme-6: var(--red-06);
-  --colour-theme-7: var(--red-07);
-  --colour-theme-8: var(--red-08);
-  --colour-theme-9: var(--red-09);
-  --colour-theme-10: var(--red-10);
-  --colour-theme-11: var(--red-10);
-  --colour-theme-12: var(--red-10);
-
-  /* ===========================================
-     FORM ERROR DISPLAY
-     =========================================== */
-  --theme-error-outline: var(--red-05);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--red-06);
-  --theme-input-border-focus: var(--red-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--red-05);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-border: var(--red-07);
-  --theme-button-primary-border-active: var(--red-07);
-  --theme-button-primary-text: var(--red-00);
-  --theme-button-primary-text-hover: var(--red-00);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: var(--red-01);
-  --theme-button-secondary-border-active: var(--red-01);
-  --theme-button-secondary-text: var(--red-09);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: transparent;
-  --theme-button-tertiary-text: var(--red-01);
-  --theme-button-tertiary-border-active: var(--red-01);
-  --theme-button-tertiary-outline-active: var(--red-09);
-}

package/app/assets/styles/setup/03.theming/error/_light.css

@@ -1,74 +0,0 @@
-:where([data-invalid]),
-:where([data-theme="error"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the error theme
-     =========================================== */
-  --colour-theme-1: var(--red-01);
-  --colour-theme-2: var(--red-02);
-  --colour-theme-3: var(--red-03);
-  --colour-theme-4: var(--red-04);
-  --colour-theme-5: var(--red-05);
-  --colour-theme-6: var(--red-06);
-  --colour-theme-7: var(--red-07);
-  --colour-theme-8: var(--red-08);
-  --colour-theme-9: var(--red-09);
-  --colour-theme-10: var(--red-10);
-  --colour-theme-11: var(--red-10);
-  --colour-theme-12: var(--red-10);
-
-  /* ===========================================
-     FORM ERROR DISPLAY
-     =========================================== */
-  --input-error-color: white;
-  --theme-error-surface: var(--red-06);
-  --theme-error-border: var(--red-06);
-  --theme-error-outline: var(--red-01);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--red-06);
-  --theme-input-border-focus: var(--red-04);
-  --theme-input-border-hover: var(--red-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--red-01);
-  --theme-input-outline-focus: var(--red-04);
-  --theme-input-visible-outline: var(--red-04);
-  --theme-focus-visible-shadow: 0 0 0 2px var(--red-02);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-surface: var(--red-09);
-  --theme-button-primary-surface-hover: var(--red-08);
-  --theme-button-primary-surface-active: var(--red-07);
-  --theme-button-primary-border: var(--red-09);
-  --theme-button-primary-border-active: var(--red-09);
-  --theme-button-primary-outline: var(--red-01);
-  --theme-button-primary-outline-active: var(--red-07);
-  --theme-button-primary-text: var(--red-00);
-  --theme-button-primary-text-hover: var(--red-00);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: transparent;
-  --theme-button-secondary-surface-hover: var(--red-01);
-  --theme-button-secondary-surface-active: var(--red-01);
-  --theme-button-secondary-border: var(--red-09);
-  --theme-button-secondary-border-active: var(--red-09);
-  --theme-button-secondary-outline: var(--red-09);
-  --theme-button-secondary-outline-active: var(--red-09);
-  --theme-button-secondary-text: var(--red-09);
-  --theme-button-secondary-text-hover: var(--red-09);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: var(--slate-01);
-  --theme-button-tertiary-text: var(--red-09);
-  --theme-button-tertiary-border-active: var(--red-09);
-  --theme-button-tertiary-outline-active: var(--red-09);
-}

package/app/assets/styles/setup/03.theming/error/index.css

@@ -1,2 +0,0 @@
-@import "./_light";
-@import "./_dark";

package/app/assets/styles/setup/03.theming/success/_dark.css

@@ -1,50 +0,0 @@
-:where(html.dark [data-theme="success"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the success theme
-     =========================================== */
-  --colour-theme-1: var(--green-01);
-  --colour-theme-2: var(--green-02);
-  --colour-theme-3: var(--green-03);
-  --colour-theme-4: var(--green-04);
-  --colour-theme-5: var(--green-05);
-  --colour-theme-6: var(--green-06);
-  --colour-theme-7: var(--green-07);
-  --colour-theme-8: var(--green-08);
-  --colour-theme-9: var(--green-09);
-  --colour-theme-10: var(--green-10);
-  --colour-theme-11: var(--green-10);
-  --colour-theme-12: var(--green-10);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--green-05);
-  --theme-input-border-focus: var(--green-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--green-05);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-border: var(--green-07);
-  --theme-button-primary-border-active: var(--green-07);
-  --theme-button-primary-text: var(--green-00);
-  --theme-button-primary-text-hover: var(--green-00);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: var(--green-01);
-  --theme-button-secondary-border-active: var(--green-01);
-  --theme-button-secondary-text: var(--green-09);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: transparent;
-  --theme-button-tertiary-text: var(--green-01);
-  --theme-button-tertiary-border-active: var(--green-01);
-  --theme-button-tertiary-outline-active: var(--green-09);
-}

package/app/assets/styles/setup/03.theming/success/_light.css

@@ -1,65 +0,0 @@
-:where([data-theme="success"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the success theme
-     =========================================== */
-  --colour-theme-1: var(--green-01);
-  --colour-theme-2: var(--green-02);
-  --colour-theme-3: var(--green-03);
-  --colour-theme-4: var(--green-04);
-  --colour-theme-5: var(--green-05);
-  --colour-theme-6: var(--green-06);
-  --colour-theme-7: var(--green-07);
-  --colour-theme-8: var(--green-08);
-  --colour-theme-9: var(--green-09);
-  --colour-theme-10: var(--green-10);
-  --colour-theme-11: var(--green-10);
-  --colour-theme-12: var(--green-10);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--green-06);
-  --theme-input-border-focus: var(--green-04);
-  --theme-input-border-hover: var(--green-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--green-01);
-  --theme-input-outline-focus: var(--green-04);
-  --theme-input-visible-outline: var(--green-04);
-  --theme-focus-visible-shadow: 0 0 0 2px var(--green-02);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-surface: var(--green-09);
-  --theme-button-primary-surface-hover: var(--green-08);
-  --theme-button-primary-surface-active: var(--green-07);
-  --theme-button-primary-border: var(--green-09);
-  --theme-button-primary-border-active: var(--green-09);
-  --theme-button-primary-outline: var(--green-01);
-  --theme-button-primary-outline-active: var(--green-07);
-  --theme-button-primary-text: var(--green-00);
-  --theme-button-primary-text-hover: var(--green-00);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: transparent;
-  --theme-button-secondary-surface-hover: var(--green-01);
-  --theme-button-secondary-surface-active: var(--green-01);
-  --theme-button-secondary-border: var(--green-09);
-  --theme-button-secondary-border-active: var(--green-09);
-  --theme-button-secondary-outline: var(--green-09);
-  --theme-button-secondary-outline-active: var(--green-09);
-  --theme-button-secondary-text: var(--green-09);
-  --theme-button-secondary-text-hover: var(--green-09);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: var(--slate-01);
-  --theme-button-tertiary-text: var(--green-09);
-  --theme-button-tertiary-border-active: var(--green-09);
-  --theme-button-tertiary-outline-active: var(--green-09);
-}

package/app/assets/styles/setup/03.theming/success/index.css

@@ -1,2 +0,0 @@
-@import "./_light";
-@import "./_dark";

package/app/assets/styles/setup/03.theming/warning/_dark.css

@@ -1,50 +0,0 @@
-:where(html.dark [data-theme="warning"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the warning theme
-     =========================================== */
-  --colour-theme-1: var(--orange-01);
-  --colour-theme-2: var(--orange-02);
-  --colour-theme-3: var(--orange-03);
-  --colour-theme-4: var(--orange-04);
-  --colour-theme-5: var(--orange-05);
-  --colour-theme-6: var(--orange-06);
-  --colour-theme-7: var(--orange-07);
-  --colour-theme-8: var(--orange-08);
-  --colour-theme-9: var(--orange-09);
-  --colour-theme-10: var(--orange-10);
-  --colour-theme-11: var(--orange-10);
-  --colour-theme-12: var(--orange-10);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--orange-05);
-  --theme-input-border-focus: var(--orange-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--orange-05);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-border: var(--sunset-07);
-  --theme-button-primary-border-active: var(--sunset-07);
-  --theme-button-primary-text: white;
-  --theme-button-primary-text-hover: var(--sunset-00);
-
-  /* Variant Secondary */
-  /* --theme-button-secondary-surface: var(--sunset-01); */
-  /* --theme-button-secondary-border-active: var(--sunset-01); */
-  --theme-button-secondary-text: var(--sunset-05);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-surface: transparent;
-  --theme-button-tertiary-text: var(--sunset-05);
-  --theme-button-tertiary-border-active: var(--sunset-05);
-  --theme-button-tertiary-outline-active: var(--sunset-05);
-}

package/app/assets/styles/setup/03.theming/warning/_light.css

@@ -1,64 +0,0 @@
-:where([data-theme="warning"]) {
-  /* ===========================================
-     COLOR SCALE VARIABLES
-     Base color tokens for the warning theme
-     =========================================== */
-  --colour-theme-1: var(--orange-01);
-  --colour-theme-2: var(--orange-02);
-  --colour-theme-3: var(--orange-03);
-  --colour-theme-4: var(--orange-04);
-  --colour-theme-5: var(--orange-05);
-  --colour-theme-6: var(--orange-06);
-  --colour-theme-7: var(--orange-07);
-  --colour-theme-8: var(--orange-08);
-  --colour-theme-9: var(--orange-09);
-  --colour-theme-10: var(--orange-10);
-  --colour-theme-11: var(--orange-10);
-  --colour-theme-12: var(--orange-10);
-
-  /* ===========================================
-     FORM INPUT VARIABLES
-     Styling for form inputs and controls
-     =========================================== */
-  --theme-input-border: var(--orange-06);
-  --theme-input-border-focus: var(--orange-04);
-  --theme-input-border-hover: var(--orange-04);
-
-  /* Input outlines and focus */
-  --theme-input-outline: var(--orange-01);
-  --theme-input-outline-focus: var(--orange-04);
-  --theme-input-visible-outline: var(--orange-04);
-  --theme-focus-visible-shadow: 0 0 0 2px var(--orange-02);
-
-  /* ===========================================
-     FORM BUTTON VARIABLES
-     Styling for form buttons and controls
-     =========================================== */
-
-  /* Variant Primary */
-  --theme-button-primary-surface: var(--sunset-05);
-  --theme-button-primary-surface-hover: var(--sunset-08);
-  --theme-button-primary-surface-active: var(--sunset-07);
-  --theme-button-primary-border: var(--sunset-05);
-  --theme-button-primary-border-active: var(--sunset-05);
-  --theme-button-primary-outline: var(--sunset-01);
-  --theme-button-primary-text: white;
-  --theme-button-primary-text-hover: var(--sunset-01);
-  --theme-button-primary-outline-active: var(--sunset-05);
-
-  /* Variant Secondary */
-  --theme-button-secondary-surface: transparent;
-  --theme-button-secondary-surface-hover: var(--sunset-02);
-  --theme-button-secondary-surface-active: var(--sunset-03);
-  --theme-button-secondary-border: var(--sunset-05);
-  --theme-button-secondary-border-active: var(--sunset-05);
-  --theme-button-secondary-outline: var(--sunset-05);
-  --theme-button-secondary-text: var(--sunset-05);
-  --theme-button-secondary-text-hover: var(--sunset-05);
-  --theme-button-secondary-outline-active: var(--sunset-05);
-
-  /* Variant Tertiary */
-  --theme-button-tertiary-text: var(--sunset-05);
-  --theme-button-tertiary-border-active: var(--sunset-07);
-  --theme-button-tertiary-outline-active: var(--sunset-04);
-}

package/app/assets/styles/setup/03.theming/warning/index.css

@@ -1,2 +0,0 @@
-@import "./_light";
-@import "./_dark";