procode-vs-theme 1.0.7 → 1.0.9

package/dist/src/utilities.ts

@@ -1,112 +1,112 @@
-// VS Theme Utilities Export
-// Provides access to all utility styles
-
-// Reset and base utilities
-export const reset = './utilities/_reset.scss';
-
-// Typography utilities
-export const typographyFont = './utilities/typography/_font.scss';
-export const typographyColor = './utilities/typography/_color.scss';
-export const typography = [typographyFont, typographyColor];
-
-// Background utilities
-export const backgroundColor = './utilities/background-color/index.scss';
-
-// Border utilities
-export const borderColor = './utilities/border/_border-color.scss';
-export const borderRadius = './utilities/border/_border-radius.scss';
-export const borderSize = './utilities/border/_border-size.scss';
-export const borders = [borderColor, borderRadius, borderSize];
-
-// Spacing utilities
-export const gap = './utilities/spaces/_gap.scss';
-export const margin = './utilities/spaces/_margin.scss';
-export const padding = './utilities/spaces/_padding.scss';
-export const spacing = [gap, margin, padding];
-
-// Box shadow utilities
-export const boxShadow = './utilities/box-shadow/index.scss';
-
-// Size utilities
-export const size = './utilities/size/index.scss';
-
-// Display utilities
-export const display = './utilities/_display.scss';
-
-// Flex utilities
-export const flex = './utilities/_flex.scss';
-
-// Text utilities
-export const text = './utilities/_text.scss';
-
-// Position utilities
-export const position = './utilities/_position.scss';
-
-// Overflow utilities
-export const overflow = './utilities/_overflow.scss';
-
-// Opacity utilities
-export const opacity = './utilities/_opacity.scss';
-
-// Cursor utilities
-export const cursor = './utilities/_cursor.scss';
-
-// Sizing utilities (width/height)
-export const sizing = './utilities/_sizing.scss';
-
-// Visibility utilities
-export const visibility = './utilities/_visibility.scss';
-
-// All utilities combined
-export const allUtilities = [
-  reset,
-  ...typography,
-  backgroundColor,
-  ...borders,
-  ...spacing,
-  boxShadow,
-  size,
-  display,
-  flex,
-  text,
-  position,
-  overflow,
-  opacity,
-  cursor,
-  sizing,
-  visibility,
-];
-
-export default {
-  reset,
-  typography: {
-    font: typographyFont,
-    color: typographyColor,
-    all: typography
-  },
-  backgroundColor,
-  borders: {
-    color: borderColor,
-    radius: borderRadius,
-    size: borderSize,
-    all: borders
-  },
-  spacing: {
-    gap,
-    margin,
-    padding,
-    all: spacing
-  },
-  boxShadow,
-  size,
-  display,
-  flex,
-  text,
-  position,
-  overflow,
-  opacity,
-  cursor,
-  sizing,
-  visibility,
-  all: allUtilities
-};
+// VS Theme Utilities Export
+// Provides access to all utility styles
+
+// Reset and base utilities
+export const reset = './utilities/_reset.scss';
+
+// Typography utilities
+export const typographyFont = './utilities/typography/_font.scss';
+export const typographyColor = './utilities/typography/_color.scss';
+export const typography = [typographyFont, typographyColor];
+
+// Background utilities
+export const backgroundColor = './utilities/background-color/index.scss';
+
+// Border utilities
+export const borderColor = './utilities/border/_border-color.scss';
+export const borderRadius = './utilities/border/_border-radius.scss';
+export const borderSize = './utilities/border/_border-size.scss';
+export const borders = [borderColor, borderRadius, borderSize];
+
+// Spacing utilities
+export const gap = './utilities/spaces/_gap.scss';
+export const margin = './utilities/spaces/_margin.scss';
+export const padding = './utilities/spaces/_padding.scss';
+export const spacing = [gap, margin, padding];
+
+// Box shadow utilities
+export const boxShadow = './utilities/box-shadow/index.scss';
+
+// Size utilities
+export const size = './utilities/size/index.scss';
+
+// Display utilities
+export const display = './utilities/_display.scss';
+
+// Flex utilities
+export const flex = './utilities/_flex.scss';
+
+// Text utilities
+export const text = './utilities/_text.scss';
+
+// Position utilities
+export const position = './utilities/_position.scss';
+
+// Overflow utilities
+export const overflow = './utilities/_overflow.scss';
+
+// Opacity utilities
+export const opacity = './utilities/_opacity.scss';
+
+// Cursor utilities
+export const cursor = './utilities/_cursor.scss';
+
+// Sizing utilities (width/height)
+export const sizing = './utilities/_sizing.scss';
+
+// Visibility utilities
+export const visibility = './utilities/_visibility.scss';
+
+// All utilities combined
+export const allUtilities = [
+  reset,
+  ...typography,
+  backgroundColor,
+  ...borders,
+  ...spacing,
+  boxShadow,
+  size,
+  display,
+  flex,
+  text,
+  position,
+  overflow,
+  opacity,
+  cursor,
+  sizing,
+  visibility,
+];
+
+export default {
+  reset,
+  typography: {
+    font: typographyFont,
+    color: typographyColor,
+    all: typography
+  },
+  backgroundColor,
+  borders: {
+    color: borderColor,
+    radius: borderRadius,
+    size: borderSize,
+    all: borders
+  },
+  spacing: {
+    gap,
+    margin,
+    padding,
+    all: spacing
+  },
+  boxShadow,
+  size,
+  display,
+  flex,
+  text,
+  position,
+  overflow,
+  opacity,
+  cursor,
+  sizing,
+  visibility,
+  all: allUtilities
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "procode-vs-theme",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "description": "VarStreet VS Theme - A comprehensive SCSS theme package for ProCode framework with variables, components, layout, and utilities for flexible design system usage",
   "type": "module",
   "main": "dist/index.js",

package/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/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/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/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/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;