@stories-js/vue/css/core.css

Vue 3 Stories renderer and wrapper for custom elements of Stories to be used as first-class Vue 3 components

:root {
  --gr-color-primary: #1079b2;
  --gr-color-primary-rgb: 16, 121, 178;
  --gr-color-primary-contrast: #ffffff;
  --gr-color-primary-contrast-rgb: 255, 255, 255;
  --gr-color-primary-shade: #0d6696;
  --gr-color-primary-tint: #1499e1;
  --gr-color-secondary: #051f2c;
  --gr-color-secondary-rgb: 5, 31, 44;
  --gr-color-secondary-contrast: #ffffff;
  --gr-color-secondary-contrast-rgb: 255, 255, 255;
  --gr-color-secondary-shade: #000000;
  --gr-color-secondary-tint: #0a415c;
  --gr-color-tertiary: #0c4a6e;
  --gr-color-tertiary-rgb: 12, 74, 110;
  --gr-color-tertiary-contrast: #ffffff;
  --gr-color-tertiary-contrast-rgb: 255, 255, 255;
  --gr-color-tertiary-shade: #083249;
  --gr-color-tertiary-tint: #106393;
  --gr-color-success: #0fbe78;
  --gr-color-success-rgb: 15, 190, 120;
  --gr-color-success-contrast: #000000;
  --gr-color-success-contrast-rgb: 0, 0, 0;
  --gr-color-success-shade: #057f4e;
  --gr-color-success-tint: #12e28f;
  --gr-color-warning: #fbbc4e;
  --gr-color-warning-rgb: 251, 188, 78;
  --gr-color-warning-contrast: #051f2c;
  --gr-color-warning-contrast-rgb: 5, 31, 44;
  --gr-color-warning-shade: #9e6400;
  --gr-color-warning-tint: #fdd187;
  --gr-color-danger: #e60017;
  --gr-color-danger-rgb: 230, 0, 23;
  --gr-color-danger-contrast: #ffffff;
  --gr-color-danger-contrast-rgb: 255, 255, 255;
  --gr-color-danger-shade: #cc0014;
  --gr-color-danger-tint: #ff1f35;
  --gr-color-light: #f4f5f8;
  --gr-color-light-rgb: 244, 245, 248;
  --gr-color-light-contrast: #051f2c;
  --gr-color-light-contrast-rgb: 5, 31, 44;
  --gr-color-light-shade: #d7d8da;
  --gr-color-light-tint: #f9fafb;
  --gr-color-medium: #5e6c78;
  --gr-color-medium-rgb: 94, 108, 120;
  --gr-color-medium-contrast: #ffffff;
  --gr-color-medium-contrast-rgb: 255, 255, 255;
  --gr-color-medium-shade: #48535b;
  --gr-color-medium-tint: #81909c;
  --gr-color-dark: #02131b;
  --gr-color-dark-rgb: 2, 19, 27;
  --gr-color-dark-contrast: #ffffff;
  --gr-color-dark-contrast-rgb: 255, 255, 255;
  --gr-color-dark-shade: #000000;
  --gr-color-dark-tint: #222428;
  --gr-color-white: #ffffff;
  --gr-color-black: #000000;
  --gr-border-radius-small: 0.125rem;
  --gr-border-radius-medium: 0.25rem;
  --gr-border-radius-large: 0.5rem;
  --gr-border-radius-x-large: 1rem;
  --gr-shadow-x-small: 0 1px 0 #0d131e0d;
  --gr-shadow-small: 0 1px 2px #0d131e1a;
  --gr-shadow-medium: 0 2px 4px #0d131e1a;
  --gr-shadow-large: 0 2px 8px #0d131e1a;
  --gr-shadow-x-large: 0 4px 16px #0d131e1a;
  --gr-spacing-xxx-small: 0.125rem;
  --gr-spacing-xx-small: 0.25rem;
  --gr-spacing-x-small: 0.5rem;
  --gr-spacing-small: 0.75rem;
  --gr-spacing-medium: 1rem;
  --gr-spacing-large: 1.25rem;
  --gr-spacing-x-large: 1.75rem;
  --gr-spacing-xx-large: 2.25rem;
  --gr-spacing-xxx-large: 3rem;
  --gr-spacing-xxxx-large: 4.5rem;
  --gr-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
    sans-serif;
  --gr-letter-spacing-dense: -0.015em;
  --gr-letter-spacing-normal: normal;
  --gr-letter-spacing-loose: 0.075em;
  --gr-line-height-dense: 1.4;
  --gr-line-height-normal: 1.8;
  --gr-line-height-loose: 2.2;
  --gr-font-size-xx-small: 0.625rem;
  --gr-font-size-x-small: 0.75rem;
  --gr-font-size-small: 0.875rem;
  --gr-font-size-medium: 1rem;
  --gr-font-size-large: 1.25rem;
  --gr-font-size-x-large: 1.5rem;
  --gr-font-size-xx-large: 2.25rem;
  --gr-font-size-xxx-large: 3rem;
  --gr-font-size-xxxx-large: 4.5rem;
  --gr-font-weight-thin: 100;
  --gr-font-weight-extra-light: 200;
  --gr-font-weight-light: 300;
  --gr-font-weight-normal: 400;
  --gr-font-weight-medium: 500;
  --gr-font-weight-semi-bold: 600;
  --gr-font-weight-bold: 700;
  --gr-font-weight-extra-bold: 800;
  --gr-font-weight-black: 900;
  --gr-form-element-font-size-x-small: var(--gr-font-size-x-small);
  --gr-form-element-font-size-small: var(--gr-font-size-small);
  --gr-form-element-font-size-medium: var(--gr-font-size-medium);
  --gr-form-element-font-size-large: var(--gr-font-size-large);
  --gr-form-element-height-small: 2.188rem;
  --gr-form-element-height-medium: 3.125rem;
  --gr-form-element-height-large: 4.063rem;
  --gr-form-element-border-radius-small: var(--gr-border-radius-medium);
  --gr-form-element-border-radius-medium: var(--gr-border-radius-medium);
  --gr-form-element-border-radius-large: var(--gr-border-radius-medium);
  --gr-focus-ring-width: 2px;
  --gr-form-element-label-font-size-small: var(--gr-font-size-small);
  --gr-form-element-label-font-size-medium: var(--gr-font-size-medium);
  --gr-form-element-label-font-size-large: var(--gr-font-size-large);
  --gr-form-element-label-color: inherit;
  --gr-form-element-help-text-font-size-small: var(--gr-font-size-x-small);
  --gr-form-element-help-text-font-size-medium: var(--gr-font-size-small);
  --gr-form-element-help-text-font-size-large: var(--gr-font-size-medium);
  --gr-form-element-help-text-color: var(--gr-color-medium);
  --gr-form-element-invalid-text-font-size-small: var(--gr-font-size-x-small);
  --gr-form-element-invalid-text-font-size-medium: var(--gr-font-size-small);
  --gr-form-element-invalid-text-font-size-large: var(--gr-font-size-medium);
  --gr-form-element-invalid-text-color: var(--gr-color-danger);
  --gr-toggle-size: 1rem;
  --gr-panel-border-color: var(--gr-color-light-shade);
  --gr-z-index-dropdown: 900;
}

/*# sourceMappingURL=core.css.map */