@choosemycompany/ui 0.0.7 → 0.0.9

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.
Files changed (5) hide show
  1. package/dist/assets/index.css +1 -1
  2. package/dist/index.d.ts +4 -4
  3. package/dist/index.js +32 -25
  4. package/dist/index.umd.js +2 -2
  5. package/package.json +2 -3
package/dist/assets/index.css CHANGED
@@ -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.d.ts CHANGED
@@ -89,21 +89,21 @@ declare type __VLS_WithTemplateSlots_3<T, S> = T & {
89
89
 
90
90
  declare type ButtonKind = keyof typeof buttonKindOptions;
91
91
 
92
- declare const buttonKindOptions: {
92
+ export declare const buttonKindOptions: {
93
93
  readonly primary: "primary";
94
94
  readonly secondary: "secondary";
95
95
  };
96
96
 
97
97
  declare type ButtonSize = keyof typeof buttonSizeOptions;
98
98
 
99
- declare const buttonSizeOptions: {
99
+ export declare const buttonSizeOptions: {
100
100
  readonly small: "small";
101
101
  readonly medium: "medium";
102
102
  };
103
103
 
104
104
  declare type ButtonVariant = keyof typeof buttonVariantOptions;
105
105
 
106
- declare const buttonVariantOptions: {
106
+ export declare const buttonVariantOptions: {
107
107
  readonly default: "default";
108
108
  readonly danger: "danger";
109
109
  };
@@ -114,7 +114,7 @@ export declare const CmcHeading: __VLS_WithTemplateSlots_2<typeof __VLS_componen
114
114
 
115
115
  export declare const CmcTitle: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
116
116
 
117
- declare const headingLevelOptions: {
117
+ export declare const headingLevelOptions: {
118
118
  readonly h1: "h1";
119
119
  readonly h2: "h2";
120
120
  readonly h3: "h3";
package/dist/index.js CHANGED
@@ -1,17 +1,20 @@
1
- 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";
2
- import './assets/index.css';const k = {
3
- primary: "primary"
1
+ import { defineComponent as c, computed as h, createElementBlock as l, openBlock as s, normalizeClass as o, renderSlot as n, Fragment as p, createCommentVNode as d, unref as u, createVNode as b, createElementVNode as y, withCtx as C } from "vue";
2
+ import './assets/index.css';const $ = {
3
+ primary: "primary",
4
+ secondary: "secondary"
5
+ }, k = {
6
+ default: "default",
7
+ danger: "danger"
4
8
  }, _ = {
5
- default: "default"
6
- }, y = {
9
+ small: "small",
7
10
  medium: "medium"
8
11
  }, g = ["disabled"], V = /* @__PURE__ */ c({
9
12
  name: "CmcButton",
10
13
  __name: "CmcButton",
11
14
  props: {
12
- kind: { default: k.primary },
13
- variant: { default: _.default },
14
- size: { default: y.medium },
15
+ kind: { default: $.primary },
16
+ variant: { default: k.default },
17
+ size: { default: _.medium },
15
18
  disabled: { type: Boolean, default: !1 },
16
19
  loading: { type: Boolean, default: !1 }
17
20
  },
@@ -28,7 +31,7 @@ import './assets/index.css';const k = {
28
31
  };
29
32
  return (v, z) => (s(), l("button", {
30
33
  type: "button",
31
- class: u(m.value),
34
+ class: o(m.value),
32
35
  onClick: f,
33
36
  disabled: e.disabled
34
37
  }, [
@@ -54,39 +57,39 @@ import './assets/index.css';const k = {
54
57
  [`heading-${t.level}`]: !0
55
58
  }));
56
59
  return (a, m) => (s(), l(p, null, [
57
- o(r).h1 === t.level ? (s(), l("h1", {
60
+ u(r).h1 === t.level ? (s(), l("h1", {
58
61
  key: 0,
59
- class: u(e.value)
62
+ class: o(e.value)
60
63
  }, [
61
64
  n(a.$slots, "default")
62
65
  ], 2)) : d("", !0),
63
- o(r).h2 === t.level ? (s(), l("h2", {
66
+ u(r).h2 === t.level ? (s(), l("h2", {
64
67
  key: 1,
65
- class: u(e.value)
68
+ class: o(e.value)
66
69
  }, [
67
70
  n(a.$slots, "default")
68
71
  ], 2)) : d("", !0),
69
- o(r).h3 === t.level ? (s(), l("h3", {
72
+ u(r).h3 === t.level ? (s(), l("h3", {
70
73
  key: 2,
71
- class: u(e.value)
74
+ class: o(e.value)
72
75
  }, [
73
76
  n(a.$slots, "default")
74
77
  ], 2)) : d("", !0),
75
- o(r).h4 === t.level ? (s(), l("h4", {
78
+ u(r).h4 === t.level ? (s(), l("h4", {
76
79
  key: 3,
77
- class: u(e.value)
80
+ class: o(e.value)
78
81
  }, [
79
82
  n(a.$slots, "default")
80
83
  ], 2)) : d("", !0),
81
- o(r).h5 === t.level ? (s(), l("h5", {
84
+ u(r).h5 === t.level ? (s(), l("h5", {
82
85
  key: 4,
83
- class: u(e.value)
86
+ class: o(e.value)
84
87
  }, [
85
88
  n(a.$slots, "default")
86
89
  ], 2)) : d("", !0),
87
- o(r).h6 === t.level ? (s(), l("h6", {
90
+ u(r).h6 === t.level ? (s(), l("h6", {
88
91
  key: 5,
89
- class: u(e.value)
92
+ class: o(e.value)
90
93
  }, [
91
94
  n(a.$slots, "default")
92
95
  ], 2)) : d("", !0)
@@ -98,19 +101,23 @@ import './assets/index.css';const k = {
98
101
  setup(i) {
99
102
  return (t, e) => (s(), l(p, null, [
100
103
  b(B, {
101
- level: o(r).h1
104
+ level: u(r).h1
102
105
  }, {
103
- default: $(() => [
106
+ default: C(() => [
104
107
  n(t.$slots, "default")
105
108
  ]),
106
109
  _: 3
107
110
  }, 8, ["level"]),
108
- e[0] || (e[0] = C("hr", null, null, -1))
111
+ e[0] || (e[0] = y("hr", null, null, -1))
109
112
  ], 64));
110
113
  }
111
114
  });
112
115
  export {
113
116
  V as CmcButton,
114
117
  B as CmcHeading,
115
- H as CmcTitle
118
+ H as CmcTitle,
119
+ $ as buttonKindOptions,
120
+ _ as buttonSizeOptions,
121
+ k as buttonVariantOptions,
122
+ r as headingLevelOptions
116
123
  };
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}
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"})});
1
+ (function(r,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],c):(r=typeof globalThis<"u"?globalThis:r||self,c(r.CmcUI={},r.Vue))})(this,function(r,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
+ /*$vite$:1*/`,document.head.appendChild(l);const d={primary:"primary",secondary:"secondary"},i={default:"default",danger:"danger"},m={small:"small",medium:"medium"},h=["disabled"],f=c.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(n,{emit:e}){const o=n,a=e,b=c.computed(()=>({button:!0,[`button--${o.variant}`]:!0,[`button--${o.kind}`]:!0,[`button--${o.size}`]:!0,"button--disabled":o.disabled})),g=()=>{o.disabled||a("click",1)};return(p,v)=>(c.openBlock(),c.createElementBlock("button",{type:"button",class:c.normalizeClass(b.value),onClick:g,disabled:o.disabled},[c.renderSlot(p.$slots,"default")],10,h))}}),t={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6"},u=c.defineComponent({name:"CmcHeading",__name:"CmcHeading",props:{level:{}},setup(n){const e=n,o=c.computed(()=>({heading:!0,[`heading-${e.level}`]:!0}));return(a,b)=>(c.openBlock(),c.createElementBlock(c.Fragment,null,[c.unref(t).h1===e.level?(c.openBlock(),c.createElementBlock("h1",{key:0,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(t).h2===e.level?(c.openBlock(),c.createElementBlock("h2",{key:1,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(t).h3===e.level?(c.openBlock(),c.createElementBlock("h3",{key:2,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(t).h4===e.level?(c.openBlock(),c.createElementBlock("h4",{key:3,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(t).h5===e.level?(c.openBlock(),c.createElementBlock("h5",{key:4,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0),c.unref(t).h6===e.level?(c.openBlock(),c.createElementBlock("h6",{key:5,class:c.normalizeClass(o.value)},[c.renderSlot(a.$slots,"default")],2)):c.createCommentVNode("",!0)],64))}}),s=c.defineComponent({name:"CmcTitle",__name:"CmcTitle",setup(n){return(e,o)=>(c.openBlock(),c.createElementBlock(c.Fragment,null,[c.createVNode(u,{level:c.unref(t).h1},{default:c.withCtx(()=>[c.renderSlot(e.$slots,"default")]),_:3},8,["level"]),o[0]||(o[0]=c.createElementVNode("hr",null,null,-1))],64))}});r.CmcButton=f,r.CmcHeading=u,r.CmcTitle=s,r.buttonKindOptions=d,r.buttonSizeOptions=m,r.buttonVariantOptions=i,r.headingLevelOptions=t,Object.defineProperty(r,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.9",
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
  }