procode-vs-theme 1.0.8 → 1.0.10

package/dist/src/base/_border.scss

@@ -1,12 +1,12 @@
-$border-radius-0: 0 !default;
-$border-radius-sm: 2px !default;
-$border-radius-md: 4px !default;
-$border-radius-lg: 16px !default;
-$border-radius-xl: 1rem !default;
-$border-radius-pill: 50rem !default;
-$border-radius-full: 50% !default;
-
-$border-width-none: 0 !default;
-$border-width-sm: 1px !default;
-$border-width-md: 2px !default;
-$border-width-lg: 4px !default;
+$border-radius-0: 0 !default;
+$border-radius-sm: 2px !default;
+$border-radius-md: 4px !default;
+$border-radius-lg: 16px !default;
+$border-radius-xl: 1rem !default;
+$border-radius-pill: 50rem !default;
+$border-radius-full: 50% !default;
+
+$border-width-none: 0 !default;
+$border-width-sm: 1px !default;
+$border-width-md: 2px !default;
+$border-width-lg: 4px !default;

package/dist/src/base/_custom-properties.scss

@@ -1,108 +1,108 @@
-@use "color" as cl;
-@use "font" as ft;
-@use "space" as sp;
-@use "border" as bo;
-@use "size" as sz;
-
-:root {
-  // Text colors
-  --qo-text-primary: #{cl.$text-primary};
-  --qo-text-secondary: #{cl.$text-secondary};
-  --qo-text-success: #{cl.$text-success};
-  --qo-text-warning: #{cl.$text-warning};
-  --qo-text-danger: #{cl.$text-danger};
-  --qo-text-info: #{cl.$text-info};
-  --qo-text-default: #{cl.$text-default};
-  --qo-text-dark: #{cl.$text-dark};
-  --qo-text-light: #{cl.$text-light};
-  --qo-text-tertiary: #{cl.$text-tertiary};
-  --qo-text-placeholder: #{cl.$text-placeholder};
-
-  // Background colors
-  --qo-bg-primary: #{cl.$background-primary};
-  --qo-bg-secondary: #{cl.$background-secondary};
-  --qo-bg-success: #{cl.$background-success};
-  --qo-bg-warning: #{cl.$background-warning};
-  --qo-bg-danger: #{cl.$background-danger};
-  --qo-bg-info: #{cl.$background-info};
-  --qo-bg-default: #{cl.$background-default};
-  --qo-bg-dark: #{cl.$background-dark};
-  --qo-bg-dark-a: #{cl.$background-dark-a};
-  --qo-bg-medium: #{cl.$background-medium};
-  --qo-bg-light: #{cl.$background-light};
-  --qo-bg-tertiary: #{cl.$background-tertiary};
-  --qo-bg-disabled: #{cl.$background-disabled};
-
-  // Border colors
-  --qo-border-primary: #{cl.$border-primary};
-  --qo-border-secondary: #{cl.$border-secondary};
-  --qo-border-success: #{cl.$border-success};
-  --qo-border-warning: #{cl.$border-warning};
-  --qo-border-danger: #{cl.$border-danger};
-  --qo-border-info: #{cl.$border-info};
-  --qo-border-light: #{cl.$border-light};
-  --qo-border-dark: #{cl.$border-dark};
-  --qo-border-default: #{cl.$border-default};
-
-  // Font families
-  --qo-font-family-primary: #{ft.$font-family-primary};
-  --qo-font-family-secondary: #{ft.$font-family-secondary};
-
-  // Font sizes
-  --qo-font-size-xxs: #{ft.$font-size-xxs};
-  --qo-font-size-xs: #{ft.$font-size-xs};
-  --qo-font-size-sm: #{ft.$font-size-sm};
-  --qo-font-size-md: #{ft.$font-size-md};
-  --qo-font-size-lg: #{ft.$font-size-lg};
-  --qo-font-size-xl: #{ft.$font-size-xl};
-  --qo-font-size-xxl: #{ft.$font-size-xxl};
-  --qo-font-size-h1: #{ft.$font-size-h1};
-  --qo-font-size-h2: #{ft.$font-size-h2};
-  --qo-font-size-h3: #{ft.$font-size-h3};
-  --qo-font-size-h4: #{ft.$font-size-h4};
-  --qo-font-size-h5: #{ft.$font-size-h5};
-  --qo-font-size-h6: #{ft.$font-size-h6};
-
-  // Font weights
-  --qo-font-weight-light: #{ft.$font-weight-light};
-  --qo-font-weight-regular: #{ft.$font-weight-regular};
-  --qo-font-weight-medium: #{ft.$font-weight-medium};
-  --qo-font-weight-semibold: #{ft.$font-weight-semibold};
-  --qo-font-weight-bold: #{ft.$font-weight-bold};
-  --qo-font-weight-extrabold: #{ft.$font-weight-extrabold};
-
-  // Spacing
-  --qo-space-0: #{sp.$space-0};
-  --qo-space-1: #{sp.$space-1};
-  --qo-space-2: #{sp.$space-2};
-  --qo-space-3: #{sp.$space-3};
-  --qo-space-4: #{sp.$space-4};
-  --qo-space-5: #{sp.$space-5};
-  --qo-space-sm: #{sp.$space-sm};
-  --qo-space-md: #{sp.$space-md};
-  --qo-space-lg: #{sp.$space-lg};
-  --qo-space-xl: #{sp.$space-xl};
-
-  // Border radius
-  --qo-border-radius-0: #{bo.$border-radius-0};
-  --qo-border-radius-sm: #{bo.$border-radius-sm};
-  --qo-border-radius-md: #{bo.$border-radius-md};
-  --qo-border-radius-lg: #{bo.$border-radius-lg};
-  --qo-border-radius-xl: #{bo.$border-radius-xl};
-  --qo-border-radius-pill: #{bo.$border-radius-pill};
-  --qo-border-radius-full: #{bo.$border-radius-full};
-
-  // Border widths
-  --qo-border-width-none: #{bo.$border-width-none};
-  --qo-border-width-sm: #{bo.$border-width-sm};
-  --qo-border-width-md: #{bo.$border-width-md};
-  --qo-border-width-lg: #{bo.$border-width-lg};
-
-  // Sizes
-  --qo-size-xs: #{sz.$size-xs};
-  --qo-size-sm: #{sz.$size-sm};
-  --qo-size-md: #{sz.$size-md};
-  --qo-size-lg: #{sz.$size-lg};
-  --qo-size-xl: #{sz.$size-xl};
-  --qo-size-xxl: #{sz.$size-xxl};
-}
+@use "color" as cl;
+@use "font" as ft;
+@use "space" as sp;
+@use "border" as bo;
+@use "size" as sz;
+
+:root {
+  // Text colors
+  --qo-text-primary: #{cl.$text-primary};
+  --qo-text-secondary: #{cl.$text-secondary};
+  --qo-text-success: #{cl.$text-success};
+  --qo-text-warning: #{cl.$text-warning};
+  --qo-text-danger: #{cl.$text-danger};
+  --qo-text-info: #{cl.$text-info};
+  --qo-text-default: #{cl.$text-default};
+  --qo-text-dark: #{cl.$text-dark};
+  --qo-text-light: #{cl.$text-light};
+  --qo-text-tertiary: #{cl.$text-tertiary};
+  --qo-text-placeholder: #{cl.$text-placeholder};
+
+  // Background colors
+  --qo-bg-primary: #{cl.$background-primary};
+  --qo-bg-secondary: #{cl.$background-secondary};
+  --qo-bg-success: #{cl.$background-success};
+  --qo-bg-warning: #{cl.$background-warning};
+  --qo-bg-danger: #{cl.$background-danger};
+  --qo-bg-info: #{cl.$background-info};
+  --qo-bg-default: #{cl.$background-default};
+  --qo-bg-dark: #{cl.$background-dark};
+  --qo-bg-dark-a: #{cl.$background-dark-a};
+  --qo-bg-medium: #{cl.$background-medium};
+  --qo-bg-light: #{cl.$background-light};
+  --qo-bg-tertiary: #{cl.$background-tertiary};
+  --qo-bg-disabled: #{cl.$background-disabled};
+
+  // Border colors
+  --qo-border-primary: #{cl.$border-primary};
+  --qo-border-secondary: #{cl.$border-secondary};
+  --qo-border-success: #{cl.$border-success};
+  --qo-border-warning: #{cl.$border-warning};
+  --qo-border-danger: #{cl.$border-danger};
+  --qo-border-info: #{cl.$border-info};
+  --qo-border-light: #{cl.$border-light};
+  --qo-border-dark: #{cl.$border-dark};
+  --qo-border-default: #{cl.$border-default};
+
+  // Font families
+  --qo-font-family-primary: #{ft.$font-family-primary};
+  --qo-font-family-secondary: #{ft.$font-family-secondary};
+
+  // Font sizes
+  --qo-font-size-xxs: #{ft.$font-size-xxs};
+  --qo-font-size-xs: #{ft.$font-size-xs};
+  --qo-font-size-sm: #{ft.$font-size-sm};
+  --qo-font-size-md: #{ft.$font-size-md};
+  --qo-font-size-lg: #{ft.$font-size-lg};
+  --qo-font-size-xl: #{ft.$font-size-xl};
+  --qo-font-size-xxl: #{ft.$font-size-xxl};
+  --qo-font-size-h1: #{ft.$font-size-h1};
+  --qo-font-size-h2: #{ft.$font-size-h2};
+  --qo-font-size-h3: #{ft.$font-size-h3};
+  --qo-font-size-h4: #{ft.$font-size-h4};
+  --qo-font-size-h5: #{ft.$font-size-h5};
+  --qo-font-size-h6: #{ft.$font-size-h6};
+
+  // Font weights
+  --qo-font-weight-light: #{ft.$font-weight-light};
+  --qo-font-weight-regular: #{ft.$font-weight-regular};
+  --qo-font-weight-medium: #{ft.$font-weight-medium};
+  --qo-font-weight-semibold: #{ft.$font-weight-semibold};
+  --qo-font-weight-bold: #{ft.$font-weight-bold};
+  --qo-font-weight-extrabold: #{ft.$font-weight-extrabold};
+
+  // Spacing
+  --qo-space-0: #{sp.$space-0};
+  --qo-space-1: #{sp.$space-1};
+  --qo-space-2: #{sp.$space-2};
+  --qo-space-3: #{sp.$space-3};
+  --qo-space-4: #{sp.$space-4};
+  --qo-space-5: #{sp.$space-5};
+  --qo-space-sm: #{sp.$space-sm};
+  --qo-space-md: #{sp.$space-md};
+  --qo-space-lg: #{sp.$space-lg};
+  --qo-space-xl: #{sp.$space-xl};
+
+  // Border radius
+  --qo-border-radius-0: #{bo.$border-radius-0};
+  --qo-border-radius-sm: #{bo.$border-radius-sm};
+  --qo-border-radius-md: #{bo.$border-radius-md};
+  --qo-border-radius-lg: #{bo.$border-radius-lg};
+  --qo-border-radius-xl: #{bo.$border-radius-xl};
+  --qo-border-radius-pill: #{bo.$border-radius-pill};
+  --qo-border-radius-full: #{bo.$border-radius-full};
+
+  // Border widths
+  --qo-border-width-none: #{bo.$border-width-none};
+  --qo-border-width-sm: #{bo.$border-width-sm};
+  --qo-border-width-md: #{bo.$border-width-md};
+  --qo-border-width-lg: #{bo.$border-width-lg};
+
+  // Sizes
+  --qo-size-xs: #{sz.$size-xs};
+  --qo-size-sm: #{sz.$size-sm};
+  --qo-size-md: #{sz.$size-md};
+  --qo-size-lg: #{sz.$size-lg};
+  --qo-size-xl: #{sz.$size-xl};
+  --qo-size-xxl: #{sz.$size-xxl};
+}

package/dist/src/base/_font.scss

@@ -1,37 +1,37 @@
-$font-family-primary: "IBM Plex Sans", sans-serif !default;
-$font-family-secondary: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono",
-  "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
-
-// Base font sizes
-$font-size-xxs: 8px !default;
-$font-size-xs: 10px !default;
-$font-size-sm: 11px !default;
-$font-size-md: 12px !default;
-$font-size-lg: 14px !default;
-$font-size-xl: 16px !default;
-$font-size-xxl: 18px !default;
-
-// Heading font sizes
-$font-size-h6: 1rem !default;
-$font-size-h5: 1.25rem !default;
-$font-size-h4: 1.5rem !default;
-$font-size-h3: 1.75rem !default;
-$font-size-h2: 2rem !default;
-$font-size-h1: 2.5rem !default;
-
-// Line heights
-$line-height-xxs: 1.25 !default;
-$line-height-xs: 1.3 !default;
-$line-height-sm: 1.27 !default;
-$line-height-md: 1.33 !default;
-$line-height-lg: 1.29 !default;
-$line-height-xl: 1.31 !default;
-$line-height-xxl: 1.28 !default;
-
-// Font weights
-$font-weight-light: 300 !default;
-$font-weight-regular: 400 !default;
-$font-weight-medium: 500 !default;
-$font-weight-semibold: 600 !default;
-$font-weight-bold: 700 !default;
-$font-weight-extrabold: 800 !default;
+$font-family-primary: "IBM Plex Sans", sans-serif !default;
+$font-family-secondary: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono",
+  "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
+
+// Base font sizes
+$font-size-xxs: 8px !default;
+$font-size-xs: 10px !default;
+$font-size-sm: 11px !default;
+$font-size-md: 12px !default;
+$font-size-lg: 14px !default;
+$font-size-xl: 16px !default;
+$font-size-xxl: 18px !default;
+
+// Heading font sizes
+$font-size-h6: 1rem !default;
+$font-size-h5: 1.25rem !default;
+$font-size-h4: 1.5rem !default;
+$font-size-h3: 1.75rem !default;
+$font-size-h2: 2rem !default;
+$font-size-h1: 2.5rem !default;
+
+// Line heights
+$line-height-xxs: 1.25 !default;
+$line-height-xs: 1.3 !default;
+$line-height-sm: 1.27 !default;
+$line-height-md: 1.33 !default;
+$line-height-lg: 1.29 !default;
+$line-height-xl: 1.31 !default;
+$line-height-xxl: 1.28 !default;
+
+// Font weights
+$font-weight-light: 300 !default;
+$font-weight-regular: 400 !default;
+$font-weight-medium: 500 !default;
+$font-weight-semibold: 600 !default;
+$font-weight-bold: 700 !default;
+$font-weight-extrabold: 800 !default;

package/dist/src/base/_size.scss

@@ -1,17 +1,17 @@
-$menu-size: 32px !default;
-
-$size-xs: 8px !default;
-$size-sm: 16px !default;
-$size-md: 20px !default;
-$size-lg: 32px !default;
-$size-xl: 48px !default;
-$size-xxl: 64px !default;
-
-$sizing-values: (
-  xs: $size-xs,
-  sm: $size-sm,
-  md: $size-md,
-  lg: $size-lg,
-  xl: $size-xl,
-  xxl: $size-xxl,
-) !default;
+$menu-size: 32px !default;
+
+$size-xs: 8px !default;
+$size-sm: 16px !default;
+$size-md: 20px !default;
+$size-lg: 32px !default;
+$size-xl: 48px !default;
+$size-xxl: 64px !default;
+
+$sizing-values: (
+  xs: $size-xs,
+  sm: $size-sm,
+  md: $size-md,
+  lg: $size-lg,
+  xl: $size-xl,
+  xxl: $size-xxl,
+) !default;

package/dist/src/base/_space.scss

@@ -1,29 +1,29 @@
-// Bootstrap-compatible spacing scale (rem-based)
-$space-0: 0 !default;
-$space-1: 0.25rem !default;
-$space-2: 0.5rem !default;
-$space-3: 1rem !default;
-$space-4: 1.5rem !default;
-$space-5: 3rem !default;
-
-// Legacy spacing aliases
-$space-xs: 2.5px !default;
-$space-sm: 5px !default;
-$space-md: 12.5px !default;
-$space-lg: 16.5px !default;
-$space-xl: 21px !default;
-
-// Spacers map for loop-based utility generation
-$spacers: (
-  0: $space-0,
-  1: $space-1,
-  2: $space-2,
-  3: $space-3,
-  4: $space-4,
-  5: $space-5,
-  xs: $space-xs,
-  sm: $space-sm,
-  md: $space-md,
-  lg: $space-lg,
-  xl: $space-xl,
-) !default;
+// Bootstrap-compatible spacing scale (rem-based)
+$space-0: 0 !default;
+$space-1: 0.25rem !default;
+$space-2: 0.5rem !default;
+$space-3: 1rem !default;
+$space-4: 1.5rem !default;
+$space-5: 3rem !default;
+
+// Legacy spacing aliases
+$space-xs: 2.5px !default;
+$space-sm: 5px !default;
+$space-md: 12.5px !default;
+$space-lg: 16.5px !default;
+$space-xl: 21px !default;
+
+// Spacers map for loop-based utility generation
+$spacers: (
+  0: $space-0,
+  1: $space-1,
+  2: $space-2,
+  3: $space-3,
+  4: $space-4,
+  5: $space-5,
+  xs: $space-xs,
+  sm: $space-sm,
+  md: $space-md,
+  lg: $space-lg,
+  xl: $space-xl,
+) !default;

package/dist/src/base/mixins/_breakpoints.scss

@@ -1,27 +1,27 @@
-@use "sass:map";
-@use "sass:math";
-
-$breakpoints: (
-  sm: 576px,
-  md: 768px,
-  lg: 992px,
-  xl: 1200px,
-  xxl: 1366px,
-) !default;
-
-@mixin respond-above($bp) {
-  @if map.has-key($breakpoints, $bp) {
-    @media (min-width: map.get($breakpoints, $bp)) {
-      @content;
-    }
-  }
-}
-
-@mixin respond-below($bp) {
-  @if map.has-key($breakpoints, $bp) {
-    $max: map.get($breakpoints, $bp);
-    @media (max-width: calc(#{$max} - 0.02px)) {
-      @content;
-    }
-  }
-}
+@use "sass:map";
+@use "sass:math";
+
+$breakpoints: (
+  sm: 576px,
+  md: 768px,
+  lg: 992px,
+  xl: 1200px,
+  xxl: 1366px,
+) !default;
+
+@mixin respond-above($bp) {
+  @if map.has-key($breakpoints, $bp) {
+    @media (min-width: map.get($breakpoints, $bp)) {
+      @content;
+    }
+  }
+}
+
+@mixin respond-below($bp) {
+  @if map.has-key($breakpoints, $bp) {
+    $max: map.get($breakpoints, $bp);
+    @media (max-width: calc(#{$max} - 0.02px)) {
+      @content;
+    }
+  }
+}

package/dist/src/base/mixins/_meta-class.scss

@@ -1,26 +1,26 @@
-/// Generates two tiers for each utility class:
-///
-/// 1. Regular class:   .qo-x { ... }                                    → specificity (0,1,0)
-/// 2. Force-important: [data-prc-col-important~="qo-x"] { ... !important }
-///
-/// @param {String} $class-name — CSS class name without the dot
-/// @param {Map}    $properties — map of (property: value) pairs
-///
-/// Usage:
-///   @include meta("qo-padding-sm", (padding: 8px));
-///   @include meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
-@mixin meta($class-name, $properties) {
-  // Normal — direct class usage
-  .#{$class-name} {
-    @each $prop, $val in $properties {
-      #{$prop}: $val;
-    }
-  }
-
-  // Force override — column metadata with important flag
-  [data-prc-col-important~="#{$class-name}"] {
-    @each $prop, $val in $properties {
-      #{$prop}: $val !important;
-    }
-  }
-}
+/// Generates two tiers for each utility class:
+///
+/// 1. Regular class:   .qo-x { ... }                                    → specificity (0,1,0)
+/// 2. Force-important: [data-prc-col-important~="qo-x"] { ... !important }
+///
+/// @param {String} $class-name — CSS class name without the dot
+/// @param {Map}    $properties — map of (property: value) pairs
+///
+/// Usage:
+///   @include meta("qo-padding-sm", (padding: 8px));
+///   @include meta("qo-text-truncate", (overflow: hidden, text-overflow: ellipsis, white-space: nowrap));
+@mixin meta($class-name, $properties) {
+  // Normal — direct class usage
+  .#{$class-name} {
+    @each $prop, $val in $properties {
+      #{$prop}: $val;
+    }
+  }
+
+  // Force override — column metadata with important flag
+  [data-prc-col-important~="#{$class-name}"] {
+    @each $prop, $val in $properties {
+      #{$prop}: $val !important;
+    }
+  }
+}