@choosemycompany/ui 0.0.7 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
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}
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: 0;--cmc-radius-4: .125rem;--cmc-radius-full: 9999px;--cmc-spacing-0: 0;--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.umd.js CHANGED
@@ -1,2 +1,2 @@
1
- (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}
1
+ (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: 0;--cmc-radius-4: .125rem;--cmc-radius-full: 9999px;--cmc-spacing-0: 0;--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}
2
2
  /*$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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@choosemycompany/ui",
3
- "version": "0.0.7",
3
+ "version": "0.0.8",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "files": [
@@ -68,7 +68,6 @@
68
68
  "lint:eslint:fix": "yarn eslint --fix",
69
69
  "lint:prettier": "prettier --check '**/*.{js,mjs,ts,vue}'",
70
70
  "lint:prettier:fix": "prettier --write '**/*.{js,mjs,ts,vue}'",
71
- "test:storybook": "vitest run --reporter=verbose",
72
- "test:spec": "vitest run --reporter=verbose src/**/*.spec.ts"
71
+ "test": "vitest run --reporter=verbose"
73
72
  }
74
73
  }