@choosemycompany/ui 0.0.6 → 0.0.7

package/dist/assets/index.css

@@ -0,0 +1 @@
+:root{--cmc-border-width-1: .125rem;--cmc-border-width-2: .25rem;--cmc-border-width-3: .5rem;--cmc-border-width-none: 0;--cmc-color-alpha-0: rgba(0, 0, 0, 0);--cmc-color-alpha-dark-9: rgba(3, 3, 4, .9);--cmc-color-neutral-0: #fff;--cmc-color-neutral-50: #ececef;--cmc-color-neutral-600: #4f4f54;--cmc-color-neutral-800: #3a383f;--cmc-color-brand-blue-500: #0302f5;--cmc-color-blue-500: #2C2Ce0;--cmc-color-blue-600: #121273;--cmc-color-blue-700: #0f0f5c;--cmc-color-red-500: #dd2b0e;--cmc-color-red-600: #c02f12;--cmc-radius-0: 0px;--cmc-radius-4: .125rem;--cmc-radius-full: 9999px;--cmc-spacing-0: 0px;--cmc-spacing-4: .25rem;--cmc-spacing-8: .5rem;--cmc-spacing-12: .75rem;--cmc-spacing-16: 1rem;--cmc-spacing-20: 1.25rem;--cmc-spacing-24: 1.5rem;--cmc-spacing-32: 2rem;--cmc-spacing-40: 2.5rem;--cmc-spacing-48: 3rem;--cmc-spacing-56: 3.5rem;--cmc-spacing-64: 4rem;--cmc-text-size-8: .5rem;--cmc-text-size-10: .625rem;--cmc-text-size-12: .75rem;--cmc-text-size-14: .875rem;--cmc-text-size-16: 1rem;--cmc-text-size-18: 1.125rem;--cmc-text-size-20: 1.25rem;--cmc-text-size-24: 1.5rem;--cmc-text-size-28: 1.75rem;--cmc-text-size-32: 2rem;--cmc-text-weight-regular: 400;--cmc-text-weight-medium: 500;--cmc-text-weight-bold: 600;--cmc-text-line-height-normal: 1.5;--cmc-text-line-height-tight: 1.25;--cmc-text-line-height-loose: 1.75;--cmc-text-font-family-sans: "Nunito Sans","Helvetica Neue", Helvetica, Arial, sans-serif;--cmc-button-default-primary-text-color-default: var(--cmc-color-neutral-50);--cmc-button-default-primary-text-color-disabled: var(--cmc-color-neutral-50);--cmc-button-default-primary-background-color-default: var(--cmc-color-blue-500);--cmc-button-default-primary-background-color-hover: var(--cmc-color-blue-600);--cmc-button-default-primary-background-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-primary-border-color-default: var(--cmc-color-blue-500);--cmc-button-default-primary-border-color-hover: var(--cmc-color-blue-600);--cmc-button-default-primary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-secondary-text-color-default: var(--cmc-color-blue-500);--cmc-button-default-secondary-text-color-hover: var(--cmc-color-blue-600);--cmc-button-default-secondary-text-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-secondary-background-color-default: var(--cmc-color-neutral-0);--cmc-button-default-secondary-background-color-disabled: var(--cmc-color-neutral-50);--cmc-button-default-secondary-border-color-default: var(--cmc-color-blue-500);--cmc-button-default-secondary-border-color-hover: var(--cmc-color-blue-600);--cmc-button-default-secondary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-danger-primary-text-color-default: var(--cmc-color-neutral-50);--cmc-button-danger-primary-background-color-default: var(--cmc-color-red-500);--cmc-button-danger-primary-background-color-hover: var(--cmc-color-red-600);--cmc-button-danger-primary-background-color-disabled: var(--cmc-color-neutral-600);--cmc-button-danger-primary-border-color-default: var(--cmc-color-red-500);--cmc-button-danger-primary-border-color-hover: var(--cmc-color-red-600);--cmc-button-danger-primary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-border-width: var(--cmc-border-width-1);--cmc-button-border-radius: var(--cmc-radius-4);--cmc-button-font-family: var(--cmc-text-font-family-sans);--cmc-heading-default-color: var(--cmc-color-neutral-800);--cmc-heading-default-font-weight: var(--cmc-text-weight-bold);--cmc-heading-default-line-height: var(--cmc-text-line-height-normal);--cmc-heading-h1-font-size: var(--cmc-text-size-32);--cmc-heading-h2-font-size: var(--cmc-text-size-28);--cmc-heading-h3-font-size: var(--cmc-text-size-24);--cmc-heading-h4-font-size: var(--cmc-text-size-20);--cmc-heading-h5-font-size: var(--cmc-text-size-18);--cmc-heading-h6-font-size: var(--cmc-text-size-16);--cmc-heading-font-family: var(--cmc-text-font-family-sans);--cmc-title-separator-color: var(--cmc-color-blue-500);--cmc-button-default-primary-text-color-hover: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-text-color-focus: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-text-color-active: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-background-color-focus: var(--cmc-button-default-primary-background-color-default);--cmc-button-default-primary-background-color-active: var(--cmc-button-default-primary-background-color-default);--cmc-button-default-primary-border-color-focus: var(--cmc-button-default-primary-border-color-default);--cmc-button-default-primary-border-color-active: var(--cmc-button-default-primary-border-color-default);--cmc-button-default-secondary-text-color-focus: var(--cmc-button-default-secondary-text-color-default);--cmc-button-default-secondary-text-color-active: var(--cmc-button-default-secondary-text-color-default);--cmc-button-default-secondary-background-color-hover: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-background-color-focus: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-background-color-active: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-border-color-focus: var(--cmc-button-default-secondary-border-color-default);--cmc-button-default-secondary-border-color-active: var(--cmc-button-default-secondary-border-color-default);--cmc-button-danger-primary-background-color-focus: var(--cmc-button-danger-primary-background-color-default);--cmc-button-danger-primary-background-color-active: var(--cmc-button-danger-primary-background-color-default);--cmc-button-danger-primary-border-color-focus: var(--cmc-button-danger-primary-border-color-default);--cmc-button-danger-primary-border-color-active: var(--cmc-button-danger-primary-border-color-default);--cmc-heading-h1-color: var(--cmc-heading-default-color);--cmc-heading-h1-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h1-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h2-color: var(--cmc-heading-default-color);--cmc-heading-h2-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h2-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h3-color: var(--cmc-heading-default-color);--cmc-heading-h3-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h3-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h4-color: var(--cmc-heading-default-color);--cmc-heading-h4-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h4-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h5-color: var(--cmc-heading-default-color);--cmc-heading-h5-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h5-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h6-color: var(--cmc-heading-default-color);--cmc-heading-h6-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h6-line-height: var(--cmc-heading-default-line-height)}.button{display:inline-block;cursor:pointer;border:var(--cmc-button-border-width) solid transparent;border-radius:var(--cmc-button-border-radius);font-weight:700;line-height:1;font-family:var(--cmc-button-font-family)}.button.button--disabled{cursor:not-allowed}.button--primary{background-color:var(--cmc-button-default-primary-background-color-default);color:var(--cmc-button-default-primary-text-color-default);border-color:var(--cmc-button-default-primary-border-color-default)}.button--primary:hover{background-color:var(--cmc-button-default-primary-background-color-hover);color:var(--cmc-button-default-primary-text-color-hover);border-color:var(--cmc-button-default-primary-border-color-hover)}.button--primary:focus{background-color:var(--cmc-button-default-primary-background-color-focus);color:var(--cmc-button-default-primary-text-color-focus);border-color:var(--cmc-button-default-primary-border-color-focus)}.button--primary.button--disabled{background-color:var(--cmc-button-default-primary-background-color-disabled);color:var(--cmc-button-default-primary-text-color-disabled);border-color:var(--cmc-button-default-primary-border-color-disabled)}.button--secondary{background-color:var( --cmc-button-default-secondary-background-color-default );color:var(--cmc-button-default-secondary-text-color-default);border-color:var(--cmc-button-default-secondary-border-color-default)}.button--secondary:hover{background-color:var(--cmc-button-default-secondary-background-color-hover);color:var(--cmc-button-default-secondary-text-color-hover);border-color:var(--cmc-button-default-secondary-border-color-hover)}.button--secondary:focus{background-color:var(--cmc-button-default-secondary-background-color-focus);color:var(--cmc-button-default-secondary-text-color-focus);border-color:var(--cmc-button-default-secondary-border-color-focus)}.button--secondary.button--disabled{background-color:var(--cmc-button-default-secondary-background-color-disabled);color:var(--cmc-button-default-secondary-text-color-disabled);border-color:var(--cmc-button-default-secondary-border-color-disabled)}.button.button--danger.button--primary,.button.button--danger.button--secondary{color:var(--cmc-button-danger-primary-text-color-default);background-color:var(--cmc-button-danger-primary-background-color-default);border-color:var(--cmc-button-danger-primary-border-color-default)}.button.button--danger.button--primary:hover,.button.button--danger.button--secondary:hover{background-color:var(--cmc-button-danger-primary-background-color-hover);border-color:var(--cmc-button-danger-primary-border-color-hover)}.button.button--danger.button--primary:focus,.button.button--danger.button--secondary:focus{background-color:var(--cmc-button-danger-primary-background-color-focus);border-color:var(--cmc-button-danger-primary-border-color-focus)}.button.button--danger.button--primary.button--disabled,.button.button--danger.button--secondary.button--disabled{background-color:var(--cmc-button-danger-primary-background-color-disabled);border-color:var(--cmc-button-danger-primary-border-color-disabled)}.button--small{padding:10px 16px;font-size:12px}.button--medium{padding:11px 20px;font-size:14px}.button--large{padding:12px 24px;font-size:16px}.heading{font-family:var(--cmc-heading-font-family);margin:0}.heading.heading-h1{color:var(--cmc-heading-h1-color);font-weight:var(--cmc-heading-h1-font-weight);line-height:var(--cmc-heading-h1-line-height);font-size:var(--cmc-heading-h1-font-size)}.heading.heading-h2{color:var(--cmc-heading-h2-color);font-weight:var(--cmc-heading-h2-font-weight);line-height:var(--cmc-heading-h2-line-height);font-size:var(--cmc-heading-h2-font-size)}.heading.heading-h3{color:var(--cmc-heading-h3-color);font-weight:var(--cmc-heading-h3-font-weight);line-height:var(--cmc-heading-h3-line-height);font-size:var(--cmc-heading-h3-font-size)}.heading.heading-h4{color:var(--cmc-heading-h4-color);font-weight:var(--cmc-heading-h4-font-weight);line-height:var(--cmc-heading-h4-line-height);font-size:var(--cmc-heading-h4-font-size)}.heading.heading-h5{color:var(--cmc-heading-h5-color);font-weight:var(--cmc-heading-h5-font-weight);line-height:var(--cmc-heading-h5-line-height);font-size:var(--cmc-heading-h5-font-size)}.heading.heading-h6{color:var(--cmc-heading-h6-color);font-weight:var(--cmc-heading-h6-font-weight);line-height:var(--cmc-heading-h6-line-height);font-size:var(--cmc-heading-h6-font-size)}:root{--cmc-title-separator-height: 3px;--cmc-title-separator-width: 50px}hr{margin-top:var(--cmc-spacing-20);border:none;background-color:var(--cmc-title-separator-color);height:var(--cmc-title-separator-height);width:var(--cmc-title-separator-width);margin-right:auto;margin-left:0}

package/dist/index.d.ts

@@ -0,0 +1,128 @@
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+
+declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    click: (id: number) => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((id: number) => any) | undefined;
+}>, {
+    kind: ButtonKind;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLButtonElement>;
+
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_3: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare type __VLS_Props = {
+    kind: ButtonKind;
+    variant: ButtonVariant;
+    size: ButtonSize;
+    disabled: boolean;
+    loading: boolean;
+};
+
+declare type __VLS_Props_2 = {
+    level: HeadingLevels;
+};
+
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_3(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+
+declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
+
+declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_2<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type __VLS_WithTemplateSlots_3<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type ButtonKind = keyof typeof buttonKindOptions;
+
+declare const buttonKindOptions: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+};
+
+declare type ButtonSize = keyof typeof buttonSizeOptions;
+
+declare const buttonSizeOptions: {
+    readonly small: "small";
+    readonly medium: "medium";
+};
+
+declare type ButtonVariant = keyof typeof buttonVariantOptions;
+
+declare const buttonVariantOptions: {
+    readonly default: "default";
+    readonly danger: "danger";
+};
+
+export declare const CmcButton: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+
+export declare const CmcHeading: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
+
+export declare const CmcTitle: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
+
+declare const headingLevelOptions: {
+    readonly h1: "h1";
+    readonly h2: "h2";
+    readonly h3: "h3";
+    readonly h4: "h4";
+    readonly h5: "h5";
+    readonly h6: "h6";
+};
+
+declare type HeadingLevels = keyof typeof headingLevelOptions;
+
+export { }

package/dist/{cmc-ui.es.js → index.js}

@@ -1,5 +1,5 @@
 import { defineComponent as c, computed as h, createElementBlock as l, openBlock as s, normalizeClass as u, renderSlot as n, Fragment as p, createCommentVNode as d, unref as o, createVNode as b, createElementVNode as C, withCtx as $ } from "vue";
-const k = {
+import './assets/index.css';const k = {
   primary: "primary"
 }, _ = {
   default: "default"

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+(function(e,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(e=typeof globalThis<"u"?globalThis:e||self,c(e.CmcUI={},e.Vue))})(this,function(e,c){"use strict";var l=document.createElement("style");l.textContent=`:root{--cmc-border-width-1: .125rem;--cmc-border-width-2: .25rem;--cmc-border-width-3: .5rem;--cmc-border-width-none: 0;--cmc-color-alpha-0: rgba(0, 0, 0, 0);--cmc-color-alpha-dark-9: rgba(3, 3, 4, .9);--cmc-color-neutral-0: #fff;--cmc-color-neutral-50: #ececef;--cmc-color-neutral-600: #4f4f54;--cmc-color-neutral-800: #3a383f;--cmc-color-brand-blue-500: #0302f5;--cmc-color-blue-500: #2C2Ce0;--cmc-color-blue-600: #121273;--cmc-color-blue-700: #0f0f5c;--cmc-color-red-500: #dd2b0e;--cmc-color-red-600: #c02f12;--cmc-radius-0: 0px;--cmc-radius-4: .125rem;--cmc-radius-full: 9999px;--cmc-spacing-0: 0px;--cmc-spacing-4: .25rem;--cmc-spacing-8: .5rem;--cmc-spacing-12: .75rem;--cmc-spacing-16: 1rem;--cmc-spacing-20: 1.25rem;--cmc-spacing-24: 1.5rem;--cmc-spacing-32: 2rem;--cmc-spacing-40: 2.5rem;--cmc-spacing-48: 3rem;--cmc-spacing-56: 3.5rem;--cmc-spacing-64: 4rem;--cmc-text-size-8: .5rem;--cmc-text-size-10: .625rem;--cmc-text-size-12: .75rem;--cmc-text-size-14: .875rem;--cmc-text-size-16: 1rem;--cmc-text-size-18: 1.125rem;--cmc-text-size-20: 1.25rem;--cmc-text-size-24: 1.5rem;--cmc-text-size-28: 1.75rem;--cmc-text-size-32: 2rem;--cmc-text-weight-regular: 400;--cmc-text-weight-medium: 500;--cmc-text-weight-bold: 600;--cmc-text-line-height-normal: 1.5;--cmc-text-line-height-tight: 1.25;--cmc-text-line-height-loose: 1.75;--cmc-text-font-family-sans: "Nunito Sans","Helvetica Neue", Helvetica, Arial, sans-serif;--cmc-button-default-primary-text-color-default: var(--cmc-color-neutral-50);--cmc-button-default-primary-text-color-disabled: var(--cmc-color-neutral-50);--cmc-button-default-primary-background-color-default: var(--cmc-color-blue-500);--cmc-button-default-primary-background-color-hover: var(--cmc-color-blue-600);--cmc-button-default-primary-background-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-primary-border-color-default: var(--cmc-color-blue-500);--cmc-button-default-primary-border-color-hover: var(--cmc-color-blue-600);--cmc-button-default-primary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-secondary-text-color-default: var(--cmc-color-blue-500);--cmc-button-default-secondary-text-color-hover: var(--cmc-color-blue-600);--cmc-button-default-secondary-text-color-disabled: var(--cmc-color-neutral-600);--cmc-button-default-secondary-background-color-default: var(--cmc-color-neutral-0);--cmc-button-default-secondary-background-color-disabled: var(--cmc-color-neutral-50);--cmc-button-default-secondary-border-color-default: var(--cmc-color-blue-500);--cmc-button-default-secondary-border-color-hover: var(--cmc-color-blue-600);--cmc-button-default-secondary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-danger-primary-text-color-default: var(--cmc-color-neutral-50);--cmc-button-danger-primary-background-color-default: var(--cmc-color-red-500);--cmc-button-danger-primary-background-color-hover: var(--cmc-color-red-600);--cmc-button-danger-primary-background-color-disabled: var(--cmc-color-neutral-600);--cmc-button-danger-primary-border-color-default: var(--cmc-color-red-500);--cmc-button-danger-primary-border-color-hover: var(--cmc-color-red-600);--cmc-button-danger-primary-border-color-disabled: var(--cmc-color-neutral-600);--cmc-button-border-width: var(--cmc-border-width-1);--cmc-button-border-radius: var(--cmc-radius-4);--cmc-button-font-family: var(--cmc-text-font-family-sans);--cmc-heading-default-color: var(--cmc-color-neutral-800);--cmc-heading-default-font-weight: var(--cmc-text-weight-bold);--cmc-heading-default-line-height: var(--cmc-text-line-height-normal);--cmc-heading-h1-font-size: var(--cmc-text-size-32);--cmc-heading-h2-font-size: var(--cmc-text-size-28);--cmc-heading-h3-font-size: var(--cmc-text-size-24);--cmc-heading-h4-font-size: var(--cmc-text-size-20);--cmc-heading-h5-font-size: var(--cmc-text-size-18);--cmc-heading-h6-font-size: var(--cmc-text-size-16);--cmc-heading-font-family: var(--cmc-text-font-family-sans);--cmc-title-separator-color: var(--cmc-color-blue-500);--cmc-button-default-primary-text-color-hover: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-text-color-focus: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-text-color-active: var(--cmc-button-default-primary-text-color-default);--cmc-button-default-primary-background-color-focus: var(--cmc-button-default-primary-background-color-default);--cmc-button-default-primary-background-color-active: var(--cmc-button-default-primary-background-color-default);--cmc-button-default-primary-border-color-focus: var(--cmc-button-default-primary-border-color-default);--cmc-button-default-primary-border-color-active: var(--cmc-button-default-primary-border-color-default);--cmc-button-default-secondary-text-color-focus: var(--cmc-button-default-secondary-text-color-default);--cmc-button-default-secondary-text-color-active: var(--cmc-button-default-secondary-text-color-default);--cmc-button-default-secondary-background-color-hover: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-background-color-focus: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-background-color-active: var(--cmc-button-default-secondary-background-color-default);--cmc-button-default-secondary-border-color-focus: var(--cmc-button-default-secondary-border-color-default);--cmc-button-default-secondary-border-color-active: var(--cmc-button-default-secondary-border-color-default);--cmc-button-danger-primary-background-color-focus: var(--cmc-button-danger-primary-background-color-default);--cmc-button-danger-primary-background-color-active: var(--cmc-button-danger-primary-background-color-default);--cmc-button-danger-primary-border-color-focus: var(--cmc-button-danger-primary-border-color-default);--cmc-button-danger-primary-border-color-active: var(--cmc-button-danger-primary-border-color-default);--cmc-heading-h1-color: var(--cmc-heading-default-color);--cmc-heading-h1-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h1-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h2-color: var(--cmc-heading-default-color);--cmc-heading-h2-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h2-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h3-color: var(--cmc-heading-default-color);--cmc-heading-h3-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h3-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h4-color: var(--cmc-heading-default-color);--cmc-heading-h4-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h4-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h5-color: var(--cmc-heading-default-color);--cmc-heading-h5-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h5-line-height: var(--cmc-heading-default-line-height);--cmc-heading-h6-color: var(--cmc-heading-default-color);--cmc-heading-h6-font-weight: var(--cmc-heading-default-font-weight);--cmc-heading-h6-line-height: var(--cmc-heading-default-line-height)}.button{display:inline-block;cursor:pointer;border:var(--cmc-button-border-width) solid transparent;border-radius:var(--cmc-button-border-radius);font-weight:700;line-height:1;font-family:var(--cmc-button-font-family)}.button.button--disabled{cursor:not-allowed}.button--primary{background-color:var(--cmc-button-default-primary-background-color-default);color:var(--cmc-button-default-primary-text-color-default);border-color:var(--cmc-button-default-primary-border-color-default)}.button--primary:hover{background-color:var(--cmc-button-default-primary-background-color-hover);color:var(--cmc-button-default-primary-text-color-hover);border-color:var(--cmc-button-default-primary-border-color-hover)}.button--primary:focus{background-color:var(--cmc-button-default-primary-background-color-focus);color:var(--cmc-button-default-primary-text-color-focus);border-color:var(--cmc-button-default-primary-border-color-focus)}.button--primary.button--disabled{background-color:var(--cmc-button-default-primary-background-color-disabled);color:var(--cmc-button-default-primary-text-color-disabled);border-color:var(--cmc-button-default-primary-border-color-disabled)}.button--secondary{background-color:var( --cmc-button-default-secondary-background-color-default );color:var(--cmc-button-default-secondary-text-color-default);border-color:var(--cmc-button-default-secondary-border-color-default)}.button--secondary:hover{background-color:var(--cmc-button-default-secondary-background-color-hover);color:var(--cmc-button-default-secondary-text-color-hover);border-color:var(--cmc-button-default-secondary-border-color-hover)}.button--secondary:focus{background-color:var(--cmc-button-default-secondary-background-color-focus);color:var(--cmc-button-default-secondary-text-color-focus);border-color:var(--cmc-button-default-secondary-border-color-focus)}.button--secondary.button--disabled{background-color:var(--cmc-button-default-secondary-background-color-disabled);color:var(--cmc-button-default-secondary-text-color-disabled);border-color:var(--cmc-button-default-secondary-border-color-disabled)}.button.button--danger.button--primary,.button.button--danger.button--secondary{color:var(--cmc-button-danger-primary-text-color-default);background-color:var(--cmc-button-danger-primary-background-color-default);border-color:var(--cmc-button-danger-primary-border-color-default)}.button.button--danger.button--primary:hover,.button.button--danger.button--secondary:hover{background-color:var(--cmc-button-danger-primary-background-color-hover);border-color:var(--cmc-button-danger-primary-border-color-hover)}.button.button--danger.button--primary:focus,.button.button--danger.button--secondary:focus{background-color:var(--cmc-button-danger-primary-background-color-focus);border-color:var(--cmc-button-danger-primary-border-color-focus)}.button.button--danger.button--primary.button--disabled,.button.button--danger.button--secondary.button--disabled{background-color:var(--cmc-button-danger-primary-background-color-disabled);border-color:var(--cmc-button-danger-primary-border-color-disabled)}.button--small{padding:10px 16px;font-size:12px}.button--medium{padding:11px 20px;font-size:14px}.button--large{padding:12px 24px;font-size:16px}.heading{font-family:var(--cmc-heading-font-family);margin:0}.heading.heading-h1{color:var(--cmc-heading-h1-color);font-weight:var(--cmc-heading-h1-font-weight);line-height:var(--cmc-heading-h1-line-height);font-size:var(--cmc-heading-h1-font-size)}.heading.heading-h2{color:var(--cmc-heading-h2-color);font-weight:var(--cmc-heading-h2-font-weight);line-height:var(--cmc-heading-h2-line-height);font-size:var(--cmc-heading-h2-font-size)}.heading.heading-h3{color:var(--cmc-heading-h3-color);font-weight:var(--cmc-heading-h3-font-weight);line-height:var(--cmc-heading-h3-line-height);font-size:var(--cmc-heading-h3-font-size)}.heading.heading-h4{color:var(--cmc-heading-h4-color);font-weight:var(--cmc-heading-h4-font-weight);line-height:var(--cmc-heading-h4-line-height);font-size:var(--cmc-heading-h4-font-size)}.heading.heading-h5{color:var(--cmc-heading-h5-color);font-weight:var(--cmc-heading-h5-font-weight);line-height:var(--cmc-heading-h5-line-height);font-size:var(--cmc-heading-h5-font-size)}.heading.heading-h6{color:var(--cmc-heading-h6-color);font-weight:var(--cmc-heading-h6-font-weight);line-height:var(--cmc-heading-h6-line-height);font-size:var(--cmc-heading-h6-font-size)}:root{--cmc-title-separator-height: 3px;--cmc-title-separator-width: 50px}hr{margin-top:var(--cmc-spacing-20);border:none;background-color:var(--cmc-title-separator-color);height:var(--cmc-title-separator-height);width:var(--cmc-title-separator-width);margin-right:auto;margin-left:0}
+/*$vite$:1*/`,document.head.appendChild(l);const m={primary:"primary"},u={default:"default"},h={medium:"medium"},b=["disabled"],f=c.defineComponent({name:"CmcButton",__name:"CmcButton",props:{kind:{default:m.primary},variant:{default:u.default},size:{default:h.medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(n,{emit:r}){const o=n,t=r,i=c.computed(()=>({button:!0,[`button--${o.variant}`]:!0,[`button--${o.kind}`]:!0,[`button--${o.size}`]:!0,"button--disabled":o.disabled})),g=()=>{o.disabled||t("click",1)};return(p,v)=>(c.openBlock(),c.createElementBlock("button",{type:"button",class:c.normalizeClass(i.value),onClick:g,disabled:o.disabled},[c.renderSlot(p.$slots,"default")],10,b))}}),a={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},d=c.defineComponent({name:"CmcHeading",__name:"CmcHeading",props:{level:{}},setup(n){const r=n,o=c.computed(()=>({heading:!0,[`heading-${r.level}`]:!0}));return(t,i)=>(c.openBlock(),c.createElementBlock(c.Fragment,null,[c.unref(a).h1===r.level?(c.openBlock(),c.createElementBlock("h1",{key:0,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(a).h2===r.level?(c.openBlock(),c.createElementBlock("h2",{key:1,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(a).h3===r.level?(c.openBlock(),c.createElementBlock("h3",{key:2,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(a).h4===r.level?(c.openBlock(),c.createElementBlock("h4",{key:3,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(a).h5===r.level?(c.openBlock(),c.createElementBlock("h5",{key:4,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(a).h6===r.level?(c.openBlock(),c.createElementBlock("h6",{key:5,class:c.normalizeClass(o.value)},[c.renderSlot(t.$slots,"default")],2)):c.createCommentVNode("",!0)],64))}}),s=c.defineComponent({name:"CmcTitle",__name:"CmcTitle",setup(n){return(r,o)=>(c.openBlock(),c.createElementBlock(c.Fragment,null,[c.createVNode(d,{level:c.unref(a).h1},{default:c.withCtx(()=>[c.renderSlot(r.$slots,"default")]),_:3},8,["level"]),o[0]||(o[0]=c.createElementVNode("hr",null,null,-1))],64))}});e.CmcButton=f,e.CmcHeading=d,e.CmcTitle=s,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,21 +1,24 @@
 {
   "name": "@choosemycompany/ui",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "private": false,
   "type": "module",
   "files": [
     "dist"
   ],
-  "main": "./dist/cmc-ui.umd.js",
-  "module": "./dist/cmc-ui.es.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.umd.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/cmc-ui.es.js",
-      "require": "./dist/cmc-ui.umd.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.umd.js"
     },
-    "./dist/ui.css": "./dist/ui.css"
+    "./dist/assets/index.css": "./dist/assets/index.css"
   },
+  "sideEffects": [
+    "**/*.css"
+  ],
   "dependencies": {
     "glob": "^11.0.3",
     "lodash": "^4.17.21",
@@ -50,6 +53,7 @@
     "typescript-eslint": "^8.37.0",
     "vite": "^7.0.4",
     "vite-plugin-dts": "^4.5.4",
+    "vite-plugin-lib-inject-css": "^2.2.2",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.1"
   },

package/dist/README.md

@@ -1,81 +0,0 @@
-# ChooseMyCompany UI
-
-ChooseMyCompany UI is a UI component library that implements [<FIND A NAME>](https://design.choosemycompany.com/), our
-design system. ChooseMyCompany UI is written in [Vue.js](https://vuejs.org) and its objectives are to:
-
-- Create reusable UI components to accelerate frontend development.
-- Create UI consistency for all components within ChooseMyCompany.
-
-## Usage
-
-1. To use ChooseMyCompany UI in your project, add it as a dependency:
-
-   ```sh
-   pnpm add @choosemycompany/ui
-   ```
-
-   > **Note:** Make sure to also install ChooseMyCompany UI's peer dependencies. Refer to the
-   > [`package.json`](./package.json) for the list of peer dependencies and their expected versions.
-
-1. In your main entrypoint **before** importing or using any component:
-
-   ```javascript
-   import setConfigs from "@choosemycompany/ui/dist/config";
-
-   setConfigs();
-   ```
-
-   This will set the global configs used by ChooseMyCompany UI.
-
-1. Include the required stylesheets in your app.
-
-   ```css
-   @import "@choosemycompany/ui/dist/index.css";
-   ```
-
-1. Import the components as desired:
-
-   ```javascript
-   import { CmcButton } from "@choosemycompany/ui";
-   ```
-
-   > **Note:** ChooseMyCompany UI is compatible with tree-shaking, you may enable this in your project to
-   > reduce bundle sizes.
-
-## Quick start - development
-
-Make sure you have [Node](https://nodejs.org/en/) 16.x (LTS) and [pnpm](https://pnpm.io/) 10.12 or newer.
-
-```sh
-# Clone the project
-git clone git@github.com:choosemycompany/cmc-ui.git
-
-# Navigate to the root of the project
-cd cmc-ui
-
-# Install all the dependencies of the project
-pnpm install
-
-# Build and launch storybook to see the components in the browser
-pnpm storybook
-```
-
-Go to <http://localhost:9001/>
-
-## Testing
-
-### Unit tests
-
-Components’ unit tests live in the `tests/components`. The tests are organized following the same
-directory structure used to organize components.
-
-- `pnpm test:unit` runs all unit tests.
-
-- `pnpm test:unit:watch` runs all unit tests in watch mode.
-
-- `pnpm test:unit:debug` runs all unit tests and allow to attach a debugger to the test runner process.
-
-### Design tokens
-
-ChooseMyCompany UI uses design tokens to maintain a single source of truth that, through automation,
-can be formatted for different uses. Read more about design tokens on the [Design Tokens Community Group](https://www.designtokens.org/).

package/dist/cmc-ui.umd.js

@@ -1 +0,0 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["cmc-ui"]={},n.Vue))})(this,function(n,e){"use strict";const d={primary:"primary"},i={default:"default"},m={medium:"medium"},f=["disabled"],p=e.defineComponent({name:"CmcButton",__name:"CmcButton",props:{kind:{default:d.primary},variant:{default:i.default},size:{default:m.medium},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1}},emits:["click"],setup(s,{emit:l}){const t=s,o=l,c=e.computed(()=>({button:!0,[`button--${t.variant}`]:!0,[`button--${t.kind}`]:!0,[`button--${t.size}`]:!0,"button--disabled":t.disabled})),u=()=>{t.disabled||o("click",1)};return(k,C)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(c.value),onClick:u,disabled:t.disabled},[e.renderSlot(k.$slots,"default")],10,f))}}),a={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},r=e.defineComponent({name:"CmcHeading",__name:"CmcHeading",props:{level:{}},setup(s){const l=s,t=e.computed(()=>({heading:!0,[`heading-${l.level}`]:!0}));return(o,c)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.unref(a).h1===l.level?(e.openBlock(),e.createElementBlock("h1",{key:0,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(a).h2===l.level?(e.openBlock(),e.createElementBlock("h2",{key:1,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(a).h3===l.level?(e.openBlock(),e.createElementBlock("h3",{key:2,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(a).h4===l.level?(e.openBlock(),e.createElementBlock("h4",{key:3,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(a).h5===l.level?(e.openBlock(),e.createElementBlock("h5",{key:4,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0),e.unref(a).h6===l.level?(e.openBlock(),e.createElementBlock("h6",{key:5,class:e.normalizeClass(t.value)},[e.renderSlot(o.$slots,"default")],2)):e.createCommentVNode("",!0)],64))}}),h=e.defineComponent({name:"CmcTitle",__name:"CmcTitle",setup(s){return(l,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(r,{level:e.unref(a).h1},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},8,["level"]),t[0]||(t[0]=e.createElementVNode("hr",null,null,-1))],64))}});n.CmcButton=p,n.CmcHeading=r,n.CmcTitle=h,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/src/components/Atoms/CmcButton/CmcButton.constants.d.ts

@@ -1,15 +0,0 @@
-export declare const buttonKindOptions: {
-    readonly primary: "primary";
-    readonly secondary: "secondary";
-};
-export type ButtonKind = keyof typeof buttonKindOptions;
-export declare const buttonVariantOptions: {
-    readonly default: "default";
-    readonly danger: "danger";
-};
-export type ButtonVariant = keyof typeof buttonVariantOptions;
-export declare const buttonSizeOptions: {
-    readonly small: "small";
-    readonly medium: "medium";
-};
-export type ButtonSize = keyof typeof buttonSizeOptions;

package/dist/src/components/Atoms/CmcButton/CmcButton.vue.d.ts

@@ -1,35 +0,0 @@
-import { ButtonKind, ButtonSize, ButtonVariant } from './CmcButton.constants.ts';
-type __VLS_Props = {
-    kind: ButtonKind;
-    variant: ButtonVariant;
-    size: ButtonSize;
-    disabled: boolean;
-    loading: boolean;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLButtonElement;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    click: (id: number) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: ((id: number) => any) | undefined;
-}>, {
-    kind: ButtonKind;
-    variant: ButtonVariant;
-    size: ButtonSize;
-    disabled: boolean;
-    loading: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/src/components/Atoms/CmcHeading/CmcHeading.constants.d.ts

@@ -1,9 +0,0 @@
-export declare const headingLevelOptions: {
-    readonly h1: "h1";
-    readonly h2: "h2";
-    readonly h3: "h3";
-    readonly h4: "h4";
-    readonly h5: "h5";
-    readonly h6: "h6";
-};
-export type HeadingLevels = keyof typeof headingLevelOptions;

package/dist/src/components/Atoms/CmcHeading/CmcHeading.vue.d.ts

@@ -1,26 +0,0 @@
-import { HeadingLevels } from './CmcHeading.constants.ts';
-type __VLS_Props = {
-    level: HeadingLevels;
-};
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/src/components/Molecules/CmcTitle/CmcTitle.vue.d.ts

@@ -1,17 +0,0 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/ui.css

@@ -1 +0,0 @@
-.button{display:inline-block;cursor:pointer;border:var(--cmc-button-border-width) solid transparent;border-radius:var(--cmc-button-border-radius);font-weight:700;line-height:1;font-family:var(--cmc-button-font-family)}.button.button--disabled{cursor:not-allowed}.button--primary{background-color:var(--cmc-button-default-primary-background-color-default);color:var(--cmc-button-default-primary-text-color-default);border-color:var(--cmc-button-default-primary-border-color-default)}.button--primary:hover{background-color:var(--cmc-button-default-primary-background-color-hover);color:var(--cmc-button-default-primary-text-color-hover);border-color:var(--cmc-button-default-primary-border-color-hover)}.button--primary:focus{background-color:var(--cmc-button-default-primary-background-color-focus);color:var(--cmc-button-default-primary-text-color-focus);border-color:var(--cmc-button-default-primary-border-color-focus)}.button--primary.button--disabled{background-color:var(--cmc-button-default-primary-background-color-disabled);color:var(--cmc-button-default-primary-text-color-disabled);border-color:var(--cmc-button-default-primary-border-color-disabled)}.button--secondary{background-color:var( --cmc-button-default-secondary-background-color-default );color:var(--cmc-button-default-secondary-text-color-default);border-color:var(--cmc-button-default-secondary-border-color-default)}.button--secondary:hover{background-color:var(--cmc-button-default-secondary-background-color-hover);color:var(--cmc-button-default-secondary-text-color-hover);border-color:var(--cmc-button-default-secondary-border-color-hover)}.button--secondary:focus{background-color:var(--cmc-button-default-secondary-background-color-focus);color:var(--cmc-button-default-secondary-text-color-focus);border-color:var(--cmc-button-default-secondary-border-color-focus)}.button--secondary.button--disabled{background-color:var(--cmc-button-default-secondary-background-color-disabled);color:var(--cmc-button-default-secondary-text-color-disabled);border-color:var(--cmc-button-default-secondary-border-color-disabled)}.button.button--danger.button--primary,.button.button--danger.button--secondary{color:var(--cmc-button-danger-primary-text-color-default);background-color:var(--cmc-button-danger-primary-background-color-default);border-color:var(--cmc-button-danger-primary-border-color-default)}.button.button--danger.button--primary:hover,.button.button--danger.button--secondary:hover{background-color:var(--cmc-button-danger-primary-background-color-hover);border-color:var(--cmc-button-danger-primary-border-color-hover)}.button.button--danger.button--primary:focus,.button.button--danger.button--secondary:focus{background-color:var(--cmc-button-danger-primary-background-color-focus);border-color:var(--cmc-button-danger-primary-border-color-focus)}.button.button--danger.button--primary.button--disabled,.button.button--danger.button--secondary.button--disabled{background-color:var(--cmc-button-danger-primary-background-color-disabled);border-color:var(--cmc-button-danger-primary-border-color-disabled)}.button--small{padding:10px 16px;font-size:12px}.button--medium{padding:11px 20px;font-size:14px}.button--large{padding:12px 24px;font-size:16px}.heading{font-family:var(--cmc-heading-font-family);margin:0}.heading.heading-h1{color:var(--cmc-heading-h1-color);font-weight:var(--cmc-heading-h1-font-weight);line-height:var(--cmc-heading-h1-line-height);font-size:var(--cmc-heading-h1-font-size)}.heading.heading-h2{color:var(--cmc-heading-h2-color);font-weight:var(--cmc-heading-h2-font-weight);line-height:var(--cmc-heading-h2-line-height);font-size:var(--cmc-heading-h2-font-size)}.heading.heading-h3{color:var(--cmc-heading-h3-color);font-weight:var(--cmc-heading-h3-font-weight);line-height:var(--cmc-heading-h3-line-height);font-size:var(--cmc-heading-h3-font-size)}.heading.heading-h4{color:var(--cmc-heading-h4-color);font-weight:var(--cmc-heading-h4-font-weight);line-height:var(--cmc-heading-h4-line-height);font-size:var(--cmc-heading-h4-font-size)}.heading.heading-h5{color:var(--cmc-heading-h5-color);font-weight:var(--cmc-heading-h5-font-weight);line-height:var(--cmc-heading-h5-line-height);font-size:var(--cmc-heading-h5-font-size)}.heading.heading-h6{color:var(--cmc-heading-h6-color);font-weight:var(--cmc-heading-h6-font-weight);line-height:var(--cmc-heading-h6-line-height);font-size:var(--cmc-heading-h6-font-size)}:root{--cmc-title-separator-height: 3px;--cmc-title-separator-width: 50px}hr{margin-top:var(--cmc-spacing-20);border:none;background-color:var(--cmc-title-separator-color);height:var(--cmc-title-separator-height);width:var(--cmc-title-separator-width);margin-right:auto;margin-left:0}