procode-vs-theme 1.0.0

package/dist/src/_margin.scss

@@ -0,0 +1,69 @@
+@use "../../base/space" as sp;
+
+//small
+.qo-margin-sm {
+  margin: sp.$space-sm;
+}
+.qo-margin-top-sm {
+  margin-top: sp.$space-sm;
+}
+.qo-margin-right-sm {
+  margin-right: sp.$space-sm;
+}
+.qo-margin-botttom-sm {
+  margin-bottom: sp.$space-sm;
+}
+.qo-margin-left-sm {
+  margin-left: sp.$space-sm;
+}
+
+//medium
+.qo-margin-md {
+  margin: sp.$space-md;
+}
+.qo-margin-top-md {
+  margin-top: sp.$space-md;
+}
+.qo-margin-right-md {
+  margin-right: sp.$space-md;
+}
+.qo-margin-botttom-md {
+  margin-bottom: sp.$space-md;
+}
+.qo-margin-left-md {
+  margin-left: sp.$space-md;
+}
+
+//large
+.qo-margin-lg {
+  margin: sp.$space-lg;
+}
+.qo-margin-top-lg {
+  margin-top: sp.$space-lg;
+}
+.qo-margin-right-lg {
+  margin-right: sp.$space-lg;
+}
+.qo-margin-botttom-lg {
+  margin-bottom: sp.$space-lg;
+}
+.qo-margin-left-lg {
+  margin-left: sp.$space-lg;
+}
+
+//extra large
+.qo-margin-xl {
+  margin: sp.$space-xl;
+}
+.qo-margin-top-xl {
+  margin-top: sp.$space-xl;
+}
+.qo-margin-right-xl {
+  margin-right: sp.$space-xl;
+}
+.qo-margin-botttom-xl {
+  margin-bottom: sp.$space-xl;
+}
+.qo-margin-left-xl {
+  margin-left: sp.$space-xl;
+}

package/dist/src/_media-query-mx.scss

@@ -0,0 +1,35 @@
+// abstracts/_media-queries.scss
+
+$breakpoint-xs: 320px !default;
+$breakpoint-sm: 576px !default;
+$breakpoint-md: 768px !default;
+$breakpoint-lg: 992px !default;
+$breakpoint-xl: 1200px !default;
+$breakpoint-xxl: 1366px !default;
+
+$breakpoint-xs-mx-width: 100% !default;
+$breakpoint-sm-mx-width: 100% !default;
+$breakpoint-md-mx-width: 768px !default;
+$breakpoint-lg-mx-width: 992px !default;
+$breakpoint-xl-mx-width: 1180px !default;
+$breakpoint-xxl-mx-width: 1346px !default;
+
+@mixin responsive-body {
+  max-width: $breakpoint-xs-mx-width;
+  margin: auto;
+  @media (min-width: $breakpoint-sm) {
+    max-width: $breakpoint-sm-mx-width;
+  }
+  @media (min-width: $breakpoint-md) {
+    max-width: $breakpoint-md-mx-width;
+  }
+  @media (min-width: $breakpoint-lg) {
+    max-width: $breakpoint-lg-mx-width;
+  }
+  @media (min-width: $breakpoint-xl) {
+    max-width: $breakpoint-xl-mx-width;
+  }
+  @media (min-width: $breakpoint-xxl) {
+    max-width: $breakpoint-xxl-mx-width;
+  }
+}

package/dist/src/_padding.scss

@@ -0,0 +1,69 @@
+@use "../../base/space" as sp;
+
+//small
+.qo-padding-sm {
+  padding: sp.$space-sm;
+}
+.qo-padding-top-sm {
+  padding-top: sp.$space-sm;
+}
+.qo-padding-right-sm {
+  padding-right: sp.$space-sm;
+}
+.qo-padding-botttom-sm {
+  padding-bottom: sp.$space-sm;
+}
+.qo-padding-left-sm {
+  padding-left: sp.$space-sm;
+}
+
+//medium
+.qo-padding-md {
+  padding: sp.$space-md;
+}
+.qo-padding-top-md {
+  padding-top: sp.$space-md;
+}
+.qo-padding-right-md {
+  padding-right: sp.$space-md;
+}
+.qo-padding-botttom-md {
+  padding-bottom: sp.$space-md;
+}
+.qo-padding-left-md {
+  padding-left: sp.$space-md;
+}
+
+//large
+.qo-padding-lg {
+  padding: sp.$space-lg;
+}
+.qo-padding-top-lg {
+  padding-top: sp.$space-lg;
+}
+.qo-padding-right-lg {
+  padding-right: sp.$space-lg;
+}
+.qo-padding-botttom-lg {
+  padding-bottom: sp.$space-lg;
+}
+.qo-padding-left-lg {
+  padding-left: sp.$space-lg;
+}
+
+//extra large
+.qo-padding-xl {
+  padding: sp.$space-xl;
+}
+.qo-padding-top-xl {
+  padding-top: sp.$space-xl;
+}
+.qo-padding-right-xl {
+  padding-right: sp.$space-xl;
+}
+.qo-padding-botttom-xl {
+  padding-bottom: sp.$space-xl;
+}
+.qo-padding-left-xl {
+  padding-left: sp.$space-xl;
+}

package/dist/src/_reset.scss

@@ -0,0 +1,68 @@
+@use "../base/mixins/media-query-mx" as mx;
+/* Box sizing reset */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+/* Remove default margin and padding */
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+dl,
+dd,
+ol,
+ul,
+figure,
+hr,
+fieldset,
+legend {
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  height: 100vh;
+  @include mx.responsive-body;
+}
+
+/* Remove list styles */
+ul,
+ol {
+  list-style: none;
+}
+
+/* Remove default border */
+img,
+fieldset {
+  border: 0;
+}
+
+/* Remove link underlines */
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+/* Inherit fonts for form elements */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Remove outline on buttons (optional, but be careful for accessibility) */
+button {
+  background: none;
+  border: none;
+  cursor: pointer;
+}

package/dist/src/_size.scss

@@ -0,0 +1,4 @@
+$menu-size: 32px;
+
+$size-sm: 16px;
+$size-md: 32px;

package/dist/src/_space.scss

@@ -0,0 +1,4 @@
+$space-sm: 5px !default;
+$space-md: 12.5px !default;
+$space-lg: 16.5px !default;
+$space-xl: 21px !default;

package/dist/src/index.scss

@@ -0,0 +1,24 @@
+@forward "./utilities/reset";
+@forward "./utilities/typography/font";
+@forward "./utilities/typography/color";
+@forward "./utilities/background-color/index.scss";
+@forward "./utilities/border/border-color";
+@forward "./utilities/border/border-radius";
+@forward "./utilities/border/border-size";
+@forward "./utilities/spaces/gap";
+@forward "./utilities/spaces/margin";
+@forward "./utilities/spaces/padding";
+@forward "./utilities/box-shadow/index.scss";
+@forward "./utilities/size/index.scss";
+
+@forward "./base/mixins/media-query-mx";
+@forward "./base/border";
+@forward "./base/color";
+@forward "./base/font";
+@forward "./base/space";
+@forward "./base/size";
+
+@forward "./components/buttons";
+@forward "./components/input";
+
+@forward "./layout/drawer";

package/dist/types/baseExports.d.ts

@@ -0,0 +1,23 @@
+export declare const colors = "./base/_color.scss";
+export declare const fonts = "./base/_font.scss";
+export declare const spacing = "./base/_space.scss";
+export declare const borders = "./base/_border.scss";
+export declare const sizes = "./base/_size.scss";
+export declare const mediaQueryMixins = "./base/mixins/_media-query-mx.scss";
+export declare const fontSizeMixins = "./base/mixins/_font_size-mx.scss";
+export declare const applyThemeMixins = "./base/mixins/_apply-theme.scss";
+export declare const allBase: string[];
+declare const _default: {
+    colors: string;
+    fonts: string;
+    spacing: string;
+    borders: string;
+    sizes: string;
+    mixins: {
+        mediaQuery: string;
+        fontSize: string;
+        applyTheme: string;
+    };
+    all: string[];
+};
+export default _default;

package/dist/types/components.d.ts

@@ -0,0 +1,11 @@
+export declare const buttons = "./components/_buttons.scss";
+export declare const input = "./components/_input.scss";
+export declare const cards = "./components/_cards.scss";
+export declare const allComponents: string[];
+declare const _default: {
+    buttons: string;
+    input: string;
+    cards: string;
+    all: string[];
+};
+export default _default;

package/dist/types/index.d.ts

@@ -0,0 +1,27 @@
+export declare const themeStylesheet = "./index.scss";
+export * as variables from './variables';
+export * as base from './baseExports';
+export * as components from './components';
+export * as layout from './layout';
+export * as utilities from './utilities';
+declare const _default: {
+    name: string;
+    version: string;
+    stylesheet: string;
+    variables: string;
+    components: string;
+    layout: string;
+    utilities: string;
+};
+export default _default;
+export interface ThemeConfig {
+    name: string;
+    version: string;
+    stylesheet: string;
+    variables: string;
+    components: string;
+    layout: string;
+    utilities: string;
+}
+export declare const getThemeStylesheet: () => string;
+export declare const getThemeConfig: () => ThemeConfig;

package/dist/types/layout.d.ts

@@ -0,0 +1,13 @@
+export declare const drawer = "./layout/_drawer.scss";
+export declare const header = "./layout/_header.scss";
+export declare const footer = "./layout/_footer.scss";
+export declare const sidebar = "./layout/_sidebar.scss";
+export declare const allLayout: string[];
+declare const _default: {
+    drawer: string;
+    header: string;
+    footer: string;
+    sidebar: string;
+    all: string[];
+};
+export default _default;

package/dist/types/utilities.d.ts

@@ -0,0 +1,41 @@
+export declare const reset = "./utilities/_reset.scss";
+export declare const typographyFont = "./utilities/typography/_font.scss";
+export declare const typographyColor = "./utilities/typography/_color.scss";
+export declare const typography: string[];
+export declare const backgroundColor = "./utilities/background-color/index.scss";
+export declare const borderColor = "./utilities/border/_border-color.scss";
+export declare const borderRadius = "./utilities/border/_border-radius.scss";
+export declare const borderSize = "./utilities/border/_border-size.scss";
+export declare const borders: string[];
+export declare const gap = "./utilities/spaces/_gap.scss";
+export declare const margin = "./utilities/spaces/_margin.scss";
+export declare const padding = "./utilities/spaces/_padding.scss";
+export declare const spacing: string[];
+export declare const boxShadow = "./utilities/box-shadow/index.scss";
+export declare const size = "./utilities/size/index.scss";
+export declare const allUtilities: string[];
+declare const _default: {
+    reset: string;
+    typography: {
+        font: string;
+        color: string;
+        all: string[];
+    };
+    backgroundColor: string;
+    borders: {
+        color: string;
+        radius: string;
+        size: string;
+        all: string[];
+    };
+    spacing: {
+        gap: string;
+        margin: string;
+        padding: string;
+        all: string[];
+    };
+    boxShadow: string;
+    size: string;
+    all: string[];
+};
+export default _default;

package/dist/types/variables.d.ts

@@ -0,0 +1,23 @@
+export declare const colors = "./base/_color.scss";
+export declare const fonts = "./base/_font.scss";
+export declare const spacing = "./base/_space.scss";
+export declare const borders = "./base/_border.scss";
+export declare const sizes = "./base/_size.scss";
+export declare const mediaQueryMixins = "./base/mixins/_media-query-mx.scss";
+export declare const fontSizeMixins = "./base/mixins/_font_size-mx.scss";
+export declare const applyThemeMixins = "./base/mixins/_apply-theme.scss";
+export declare const allVariables: string[];
+declare const _default: {
+    colors: string;
+    fonts: string;
+    spacing: string;
+    borders: string;
+    sizes: string;
+    mixins: {
+        mediaQuery: string;
+        fontSize: string;
+        applyTheme: string;
+    };
+    all: string[];
+};
+export default _default;

package/dist/utilities.esm.js

@@ -0,0 +1,61 @@
+// VS Theme Utilities Export
+// Provides access to all utility styles
+// Reset and base utilities
+const reset = './utilities/_reset.scss';
+// Typography utilities
+const typographyFont = './utilities/typography/_font.scss';
+const typographyColor = './utilities/typography/_color.scss';
+const typography = [typographyFont, typographyColor];
+// Background utilities
+const backgroundColor = './utilities/background-color/index.scss';
+// Border utilities  
+const borderColor = './utilities/border/_border-color.scss';
+const borderRadius = './utilities/border/_border-radius.scss';
+const borderSize = './utilities/border/_border-size.scss';
+const borders = [borderColor, borderRadius, borderSize];
+// Spacing utilities
+const gap = './utilities/spaces/_gap.scss';
+const margin = './utilities/spaces/_margin.scss';
+const padding = './utilities/spaces/_padding.scss';
+const spacing = [gap, margin, padding];
+// Box shadow utilities
+const boxShadow = './utilities/box-shadow/index.scss';
+// Size utilities
+const size = './utilities/size/index.scss';
+// All utilities combined
+const allUtilities = [
+    reset,
+    ...typography,
+    backgroundColor,
+    ...borders,
+    ...spacing,
+    boxShadow,
+    size
+];
+var utilities = {
+    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,
+    all: allUtilities
+};
+
+export { allUtilities, backgroundColor, borderColor, borderRadius, borderSize, borders, boxShadow, utilities as default, gap, margin, padding, reset, size, spacing, typography, typographyColor, typographyFont };
+//# sourceMappingURL=utilities.esm.js.map

package/dist/utilities.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utilities.js

@@ -0,0 +1,81 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// VS Theme Utilities Export
+// Provides access to all utility styles
+// Reset and base utilities
+const reset = './utilities/_reset.scss';
+// Typography utilities
+const typographyFont = './utilities/typography/_font.scss';
+const typographyColor = './utilities/typography/_color.scss';
+const typography = [typographyFont, typographyColor];
+// Background utilities
+const backgroundColor = './utilities/background-color/index.scss';
+// Border utilities  
+const borderColor = './utilities/border/_border-color.scss';
+const borderRadius = './utilities/border/_border-radius.scss';
+const borderSize = './utilities/border/_border-size.scss';
+const borders = [borderColor, borderRadius, borderSize];
+// Spacing utilities
+const gap = './utilities/spaces/_gap.scss';
+const margin = './utilities/spaces/_margin.scss';
+const padding = './utilities/spaces/_padding.scss';
+const spacing = [gap, margin, padding];
+// Box shadow utilities
+const boxShadow = './utilities/box-shadow/index.scss';
+// Size utilities
+const size = './utilities/size/index.scss';
+// All utilities combined
+const allUtilities = [
+    reset,
+    ...typography,
+    backgroundColor,
+    ...borders,
+    ...spacing,
+    boxShadow,
+    size
+];
+var utilities = {
+    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,
+    all: allUtilities
+};
+
+exports.allUtilities = allUtilities;
+exports.backgroundColor = backgroundColor;
+exports.borderColor = borderColor;
+exports.borderRadius = borderRadius;
+exports.borderSize = borderSize;
+exports.borders = borders;
+exports.boxShadow = boxShadow;
+exports.default = utilities;
+exports.gap = gap;
+exports.margin = margin;
+exports.padding = padding;
+exports.reset = reset;
+exports.size = size;
+exports.spacing = spacing;
+exports.typography = typography;
+exports.typographyColor = typographyColor;
+exports.typographyFont = typographyFont;
+//# sourceMappingURL=utilities.js.map

package/dist/utilities.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utilities.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/variables.esm.js

@@ -0,0 +1,39 @@
+// VS Theme Variables Export
+// Provides access to all theme variables and base styles
+// Base variables and mixins
+const colors = './base/_color.scss';
+const fonts = './base/_font.scss';
+const spacing = './base/_space.scss';
+const borders = './base/_border.scss';
+const sizes = './base/_size.scss';
+// Mixins
+const mediaQueryMixins = './base/mixins/_media-query-mx.scss';
+const fontSizeMixins = './base/mixins/_font_size-mx.scss';
+const applyThemeMixins = './base/mixins/_apply-theme.scss';
+// All base variables combined
+const allVariables = [
+    colors,
+    fonts,
+    spacing,
+    borders,
+    sizes,
+    mediaQueryMixins,
+    fontSizeMixins,
+    applyThemeMixins
+];
+var variables = {
+    colors,
+    fonts,
+    spacing,
+    borders,
+    sizes,
+    mixins: {
+        mediaQuery: mediaQueryMixins,
+        fontSize: fontSizeMixins,
+        applyTheme: applyThemeMixins
+    },
+    all: allVariables
+};
+
+export { allVariables, applyThemeMixins, borders, colors, variables as default, fontSizeMixins, fonts, mediaQueryMixins, sizes, spacing };
+//# sourceMappingURL=variables.esm.js.map

package/dist/variables.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/variables.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+// VS Theme Variables Export
+// Provides access to all theme variables and base styles
+// Base variables and mixins
+const colors = './base/_color.scss';
+const fonts = './base/_font.scss';
+const spacing = './base/_space.scss';
+const borders = './base/_border.scss';
+const sizes = './base/_size.scss';
+// Mixins
+const mediaQueryMixins = './base/mixins/_media-query-mx.scss';
+const fontSizeMixins = './base/mixins/_font_size-mx.scss';
+const applyThemeMixins = './base/mixins/_apply-theme.scss';
+// All base variables combined
+const allVariables = [
+    colors,
+    fonts,
+    spacing,
+    borders,
+    sizes,
+    mediaQueryMixins,
+    fontSizeMixins,
+    applyThemeMixins
+];
+var variables = {
+    colors,
+    fonts,
+    spacing,
+    borders,
+    sizes,
+    mixins: {
+        mediaQuery: mediaQueryMixins,
+        fontSize: fontSizeMixins,
+        applyTheme: applyThemeMixins
+    },
+    all: allVariables
+};
+
+exports.allVariables = allVariables;
+exports.applyThemeMixins = applyThemeMixins;
+exports.borders = borders;
+exports.colors = colors;
+exports.default = variables;
+exports.fontSizeMixins = fontSizeMixins;
+exports.fonts = fonts;
+exports.mediaQueryMixins = mediaQueryMixins;
+exports.sizes = sizes;
+exports.spacing = spacing;
+//# sourceMappingURL=variables.js.map

package/dist/variables.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variables.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}