@kajabi-ui/styles 1.0.6 → 1.0.7

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 (2) hide show
  1. package/dist/base/_semantic.css +1 -1
  2. package/package.json +1 -1
package/dist/base/_semantic.css CHANGED
@@ -1 +1 @@
1
- :root{--pine-border-width: var(--pine-border-width-thin);--pine-box-shadow: var(--pine-box-shadow-100);--pine-color-accent: var(--pine-color-purple-500);--pine-color-accent-disabled: var(--pine-color-purple-100);--pine-color-accent-hover: var(--pine-color-purple-600);--pine-color-background-app: var(--pine-color-grey-100);--pine-color-background-subtle: var(--pine-color-grey-100);--pine-color-background-muted: var(--pine-color-grey-150);--pine-color-background-inverse-app: var(--pine-color-grey-900);--pine-color-background-inverse-subtle: var(--pine-color-grey-800);--pine-color-background-inverse-muted: var(--pine-color-grey-700);--pine-color-background-inverse-container: var(--pine-color-black);--pine-color-background-inverse-inset: var(--pine-color-grey-950);--pine-color-background-container: var(--pine-color-white);--pine-color-background-container-disabled: var(--pine-color-grey-150);--pine-color-background-container-hover: var(--pine-color-grey-050);--pine-color-background-inset: var(--pine-color-grey-200);--pine-color-background-inset-emphasized: var(--pine-color-grey-300);--pine-color-border: var(--pine-color-grey-300);--pine-color-border-hover: var(--pine-color-grey-400);--pine-color-border-disabled: var(--pine-color-grey-200);--pine-color-border-active: var(--pine-color-grey-400);--pine-color-border-danger: var(--pine-color-red-600);--pine-color-border-danger-hover: var(--pine-color-red-700);--pine-color-border-subtle: var(--pine-color-grey-200);--pine-color-danger: var(--pine-color-red-600);--pine-color-danger-disabled: var(--pine-color-red-100);--pine-color-danger-hover: var(--pine-color-red-700);--pine-color-focus-ring: var(--pine-color-purple-300);--pine-color-focus-ring-danger: var(--pine-color-red-300);--pine-color-info: var(--pine-color-blue-500);--pine-color-info-disabled: var(--pine-color-blue-100);--pine-color-info-hover: var(--pine-color-blue-600);--pine-color-neutral: var(--pine-color-grey-500);--pine-color-neutral-disabled: var(--pine-color-grey-100);--pine-color-neutral-hover: var(--pine-color-grey-600);--pine-color-primary: var(--pine-color-grey-900);--pine-color-primary-disabled: var(--pine-color-grey-150);--pine-color-primary-hover: var(--pine-color-grey-950);--pine-color-secondary: var(--pine-color-white);--pine-color-secondary-disabled: var(--pine-color-white);--pine-color-secondary-hover: var(--pine-color-grey-050);--pine-color-success: var(--pine-color-green-500);--pine-color-success-disabled: var(--pine-color-green-100);--pine-color-success-hover: var(--pine-color-green-600);--pine-color-text: var(--pine-color-grey-900);--pine-color-text-hover: var(--pine-color-grey-950);--pine-color-text-disabled: var(--pine-color-grey-500);--pine-color-text-readonly: var(--pine-color-grey-700);--pine-color-text-active: var(--pine-color-grey-950);--pine-color-text-accent: var(--pine-color-purple-900);--pine-color-text-accent-disabled: var(--pine-color-purple-300);--pine-color-text-accent-hover: var(--pine-color-purple-950);--pine-color-text-danger: var(--pine-color-red-900);--pine-color-text-danger-disabled: var(--pine-color-red-300);--pine-color-text-danger-hover: var(--pine-color-red-950);--pine-color-text-info: var(--pine-color-blue-900);--pine-color-text-info-disabled: var(--pine-color-blue-300);--pine-color-text-info-hover: var(--pine-color-blue-950);--pine-color-text-label: var(--pine-color-grey-950);--pine-color-text-label-disabled: var(--pine-color-grey-500);--pine-color-text-label-readonly: var(--pine-color-grey-700);--pine-color-text-message: var(--pine-color-grey-800);--pine-color-text-message-danger: var(--pine-color-red-600);--pine-color-text-message-disabled: var(--pine-color-grey-600);--pine-color-text-neutral: var(--pine-color-grey-900);--pine-color-text-neutral-disabled: var(--pine-color-grey-600);--pine-color-text-neutral-hover: var(--pine-color-grey-950);--pine-color-text-placeholder: var(--pine-color-grey-600);--pine-color-text-placeholder-disabled: var(--pine-color-grey-400);--pine-color-text-primary: var(--pine-color-white);--pine-color-text-primary-disabled: var(--pine-color-grey-400);--pine-color-text-secondary: var(--pine-color-grey-800);--pine-color-text-secondary-disabled: var(--pine-color-grey-400);--pine-color-text-secondary-hover: var(--pine-color-grey-900);--pine-color-text-tertiary: var(--pine-color-grey-600);--pine-color-text-tertiary-disabled: var(--pine-color-grey-400);--pine-color-text-subtle: var(--pine-color-grey-500);--pine-color-text-subtle-disabled: var(--pine-color-grey-300);--pine-color-text-muted: var(--pine-color-grey-700);--pine-color-text-muted-disabled: var(--pine-color-grey-500);--pine-color-text-strong: var(--pine-color-grey-950);--pine-color-text-strong-disabled: var(--pine-color-grey-600);--pine-color-text-emphasis: var(--pine-color-black);--pine-color-text-inverse: var(--pine-color-grey-100);--pine-color-text-inverse-secondary: var(--pine-color-grey-150);--pine-color-text-inverse-tertiary: var(--pine-color-grey-300);--pine-color-text-inverse-emphasis: var(--pine-color-white);--pine-color-text-success: var(--pine-color-green-900);--pine-color-text-success-disabled: var(--pine-color-green-300);--pine-color-text-success-hover: var(--pine-color-green-950);--pine-color-text-warning: var(--pine-color-yellow-900);--pine-color-text-warning-disabled: var(--pine-color-yellow-300);--pine-color-text-warning-hover: var(--pine-color-yellow-950);--pine-color-warning: var(--pine-color-yellow-500);--pine-color-warning-disabled: var(--pine-color-yellow-100);--pine-color-warning-hover: var(--pine-color-yellow-600);--pine-color-icon: var(--pine-color-grey-700);--pine-color-icon-subtle: var(--pine-color-grey-500);--pine-color-icon-disabled: var(--pine-color-grey-400);--pine-color-icon-inverse: var(--pine-color-white);--pine-color-brand: var(--pine-color-black);--pine-font-family-heading: var(--pine-font-family-greet);--pine-font-family-body: var(--pine-font-family-inter);--pine-font-size: var(--pine-font-size-100);--pine-font-size-body-2xs: var(--pine-font-size-057);--pine-font-size-body-xs: var(--pine-font-size-071);--pine-font-size-body-sm: var(--pine-font-size-085);--pine-font-size-body-md: var(--pine-font-size-100);--pine-font-size-body-lg: var(--pine-font-size-116);--pine-font-size-body-xl: var(--pine-font-size-128);--pine-font-size-body-2xl: var(--pine-font-size-142);--pine-font-size-heading-1: var(--pine-font-size-200);--pine-font-size-heading-2: var(--pine-font-size-185);--pine-font-size-heading-3: var(--pine-font-size-157);--pine-font-size-heading-4: var(--pine-font-size-142);--pine-font-size-heading-5: var(--pine-font-size-128);--pine-font-size-heading-6: var(--pine-font-size-116);--pine-font-size-heading-caption: var(--pine-font-size-085);--pine-font-weight-thin: var(--pine-font-weight-100);--pine-font-weight-extra-light: var(--pine-font-weight-200);--pine-font-weight-light: var(--pine-font-weight-300);--pine-font-weight-regular: var(--pine-font-weight-400);--pine-font-weight-medium: var(--pine-font-weight-500);--pine-font-weight-semi-bold: var(--pine-font-weight-600);--pine-font-weight-bold: var(--pine-font-weight-700);--pine-font-weight-extra-bold: var(--pine-font-weight-800);--pine-font-weight-heavy: var(--pine-font-weight-900);--pine-font-weight-text-message: var(--pine-font-weight-400);--pine-line-height-text-message: var(--pine-line-height-125);--pine-line-height-heading: var(--pine-line-height-125);--pine-line-height-body: 1.425;--pine-dimension-none: var(--pine-dimension-0);--pine-dimension-2xs: var(--pine-dimension-050);--pine-dimension-xs: var(--pine-dimension-100);--pine-dimension-sm: var(--pine-dimension-200);--pine-dimension-md: var(--pine-dimension-300);--pine-dimension-lg: var(--pine-dimension-400);--pine-dimension-xl: var(--pine-dimension-500);--pine-dimension-2xl: var(--pine-dimension-600);--pine-letter-spacing: var(--pine-letter-spacing-114) * -1;--pine-letter-spacing-heading-1: var(--pine-letter-spacing-185);--pine-letter-spacing-heading-2: var(--pine-letter-spacing-171);--pine-letter-spacing-heading-3: var(--pine-letter-spacing-157);--pine-letter-spacing-heading-4: var(--pine-letter-spacing-142);--pine-letter-spacing-heading-5: var(--pine-letter-spacing-128);--pine-letter-spacing-heading-6: var(--pine-letter-spacing-114);--pine-z-index: var(--pine-z-index-0);--pine-z-index-hide: var(--pine-z-index-n1);--pine-z-index-raised: var(--pine-z-index-1);--pine-z-index-alert: var(--pine-z-index-2);--pine-z-index-underlay: var(--pine-z-index-3);--pine-z-index-navigation: var(--pine-z-index-4);--pine-z-index-overlay: var(--pine-z-index-5);--pine-z-index-modal: var(--pine-z-index-6);--pine-z-index-priority: var(--pine-z-index-8);--pine-z-index-nuclear: var(--pine-z-index-9);--pine-border: var(--pine-border-width-thin) solid var(--pine-color-grey-300);--pine-border-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none: var(--pine-border-width-none) solid var(--pine-color-grey-300);--pine-border-radius-full: 9999px;--pine-typography-heading-1: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-1)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-2: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-2)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-3: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-3)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-4: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-4)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-5: var(--pine-font-weight-medium) var(--pine-font-size-heading-5)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-6: var(--pine-font-weight-medium) var(--pine-font-size-heading-6)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-caption: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-caption)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-body: var(--pine-font-weight-regular) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-medium: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-mono: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-semi-bold: var(--pine-font-weight-semi-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-bold: var(--pine-font-weight-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-label: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-brand-text: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-typography-body-sm: var(--pine-font-weight-regular) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-medium: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-mono: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-sm-bold: var(--pine-font-weight-bold) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-label: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-sm-brand-text: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-outline-focus: var(--pine-border-width-thick) solid var(--pine-color-focus-ring);--pine-outline-focus-danger: var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger)}[data-theme=dark]{--pine-color-accent: var(--pine-color-purple-500);--pine-color-accent-disabled: var(--pine-color-purple-100);--pine-color-accent-hover: var(--pine-color-purple-600);--pine-color-background-app: var(--pine-color-grey-900);--pine-color-background-subtle: var(--pine-color-grey-900);--pine-color-background-muted: var(--pine-color-grey-800);--pine-color-background-inverse-app: var(--pine-color-grey-100);--pine-color-background-inverse-subtle: var(--pine-color-grey-150);--pine-color-background-inverse-muted: var(--pine-color-grey-200);--pine-color-background-inverse-container: var(--pine-color-white);--pine-color-background-inverse-inset: var(--pine-color-grey-050);--pine-color-background-container: var(--pine-color-black);--pine-color-background-container-disabled: var(--pine-color-grey-800);--pine-color-background-container-hover: var(--pine-color-grey-950);--pine-color-background-inset: var(--pine-color-grey-700);--pine-color-background-inset-emphasized: var(--pine-color-grey-600);--pine-color-border: var(--pine-color-grey-600);--pine-color-border-hover: var(--pine-color-grey-500);--pine-color-border-disabled: var(--pine-color-grey-700);--pine-color-border-active: var(--pine-color-grey-500);--pine-color-border-danger: var(--pine-color-red-600);--pine-color-border-danger-hover: var(--pine-color-red-700);--pine-color-border-subtle: var(--pine-color-grey-700);--pine-color-danger: var(--pine-color-red-600);--pine-color-danger-disabled: var(--pine-color-red-100);--pine-color-danger-hover: var(--pine-color-red-700);--pine-color-focus-ring: var(--pine-color-purple-300);--pine-color-focus-ring-danger: var(--pine-color-red-300);--pine-color-info: var(--pine-color-blue-500);--pine-color-info-disabled: var(--pine-color-blue-100);--pine-color-info-hover: var(--pine-color-blue-600);--pine-color-neutral: var(--pine-color-grey-400);--pine-color-neutral-disabled: var(--pine-color-grey-900);--pine-color-neutral-hover: var(--pine-color-grey-300);--pine-color-primary: var(--pine-color-grey-100);--pine-color-primary-disabled: var(--pine-color-grey-800);--pine-color-primary-hover: var(--pine-color-white);--pine-color-secondary: var(--pine-color-black);--pine-color-secondary-disabled: var(--pine-color-black);--pine-color-secondary-hover: var(--pine-color-grey-950);--pine-color-success: var(--pine-color-green-500);--pine-color-success-disabled: var(--pine-color-green-100);--pine-color-success-hover: var(--pine-color-green-600);--pine-color-text: var(--pine-color-grey-100);--pine-color-text-hover: var(--pine-color-grey-050);--pine-color-text-disabled: var(--pine-color-grey-400);--pine-color-text-readonly: var(--pine-color-grey-200);--pine-color-text-active: var(--pine-color-grey-050);--pine-color-text-accent: var(--pine-color-purple-900);--pine-color-text-accent-disabled: var(--pine-color-purple-300);--pine-color-text-accent-hover: var(--pine-color-purple-950);--pine-color-text-danger: var(--pine-color-red-900);--pine-color-text-danger-disabled: var(--pine-color-red-300);--pine-color-text-danger-hover: var(--pine-color-red-950);--pine-color-text-info: var(--pine-color-blue-900);--pine-color-text-info-disabled: var(--pine-color-blue-300);--pine-color-text-info-hover: var(--pine-color-blue-950);--pine-color-text-label: var(--pine-color-grey-050);--pine-color-text-label-disabled: var(--pine-color-grey-400);--pine-color-text-label-readonly: var(--pine-color-grey-200);--pine-color-text-message: var(--pine-color-grey-150);--pine-color-text-message-danger: var(--pine-color-red-500);--pine-color-text-message-disabled: var(--pine-color-grey-300);--pine-color-text-neutral: var(--pine-color-grey-100);--pine-color-text-neutral-disabled: var(--pine-color-grey-300);--pine-color-text-neutral-hover: var(--pine-color-grey-050);--pine-color-text-placeholder: var(--pine-color-grey-300);--pine-color-text-placeholder-disabled: var(--pine-color-grey-500);--pine-color-text-primary: var(--pine-color-black);--pine-color-text-primary-disabled: var(--pine-color-grey-500);--pine-color-text-secondary: var(--pine-color-grey-150);--pine-color-text-secondary-disabled: var(--pine-color-grey-500);--pine-color-text-secondary-hover: var(--pine-color-grey-100);--pine-color-text-tertiary: var(--pine-color-grey-300);--pine-color-text-tertiary-disabled: var(--pine-color-grey-500);--pine-color-text-subtle: var(--pine-color-grey-400);--pine-color-text-subtle-disabled: var(--pine-color-grey-600);--pine-color-text-muted: var(--pine-color-grey-200);--pine-color-text-muted-disabled: var(--pine-color-grey-400);--pine-color-text-strong: var(--pine-color-grey-050);--pine-color-text-strong-disabled: var(--pine-color-grey-300);--pine-color-text-emphasis: var(--pine-color-white);--pine-color-text-inverse: var(--pine-color-grey-900);--pine-color-text-inverse-secondary: var(--pine-color-grey-800);--pine-color-text-inverse-tertiary: var(--pine-color-grey-600);--pine-color-text-inverse-emphasis: var(--pine-color-black);--pine-color-text-success: var(--pine-color-green-900);--pine-color-text-success-disabled: var(--pine-color-green-300);--pine-color-text-success-hover: var(--pine-color-green-950);--pine-color-text-warning: var(--pine-color-yellow-900);--pine-color-text-warning-disabled: var(--pine-color-yellow-300);--pine-color-text-warning-hover: var(--pine-color-yellow-950);--pine-color-warning: var(--pine-color-yellow-500);--pine-color-warning-disabled: var(--pine-color-yellow-100);--pine-color-warning-hover: var(--pine-color-yellow-600);--pine-color-icon: var(--pine-color-grey-200);--pine-color-icon-subtle: var(--pine-color-grey-400);--pine-color-icon-disabled: var(--pine-color-grey-500);--pine-color-icon-inverse: var(--pine-color-grey-900);--pine-color-brand: var(--pine-color-black);--pine-border: var(--pine-border-width-thin) solid var(--pine-color-grey-600);--pine-border-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none: var(--pine-border-width-none) solid var(--pine-color-grey-600)}
1
+ :root{--pine-border-width: var(--pine-border-width-thin);--pine-box-shadow: var(--pine-box-shadow-100);--pine-color-accent: var(--pine-color-purple-500);--pine-color-accent-disabled: var(--pine-color-purple-100);--pine-color-accent-hover: var(--pine-color-purple-600);--pine-color-background-app: var(--pine-color-grey-100);--pine-color-background-subtle: var(--pine-color-grey-100);--pine-color-background-muted: var(--pine-color-grey-150);--pine-color-background-inverse-app: var(--pine-color-grey-900);--pine-color-background-inverse-subtle: var(--pine-color-grey-800);--pine-color-background-inverse-muted: var(--pine-color-grey-700);--pine-color-background-inverse-container: var(--pine-color-black);--pine-color-background-inverse-inset: var(--pine-color-grey-950);--pine-color-background-container: var(--pine-color-white);--pine-color-background-container-disabled: var(--pine-color-grey-150);--pine-color-background-container-hover: var(--pine-color-grey-050);--pine-color-background-inset: var(--pine-color-grey-200);--pine-color-background-inset-emphasized: var(--pine-color-grey-300);--pine-color-border: var(--pine-color-grey-300);--pine-color-border-hover: var(--pine-color-grey-400);--pine-color-border-disabled: var(--pine-color-grey-200);--pine-color-border-active: var(--pine-color-grey-400);--pine-color-border-danger: var(--pine-color-red-600);--pine-color-border-danger-hover: var(--pine-color-red-700);--pine-color-border-subtle: var(--pine-color-grey-200);--pine-color-danger: var(--pine-color-red-600);--pine-color-danger-disabled: var(--pine-color-red-100);--pine-color-danger-hover: var(--pine-color-red-700);--pine-color-focus-ring: var(--pine-color-purple-300);--pine-color-focus-ring-danger: var(--pine-color-red-300);--pine-color-info: var(--pine-color-blue-500);--pine-color-info-disabled: var(--pine-color-blue-100);--pine-color-info-hover: var(--pine-color-blue-600);--pine-color-neutral: var(--pine-color-grey-500);--pine-color-neutral-disabled: var(--pine-color-grey-100);--pine-color-neutral-hover: var(--pine-color-grey-600);--pine-color-primary: var(--pine-color-grey-900);--pine-color-primary-disabled: var(--pine-color-grey-150);--pine-color-primary-hover: var(--pine-color-grey-950);--pine-color-secondary: var(--pine-color-white);--pine-color-secondary-disabled: var(--pine-color-white);--pine-color-secondary-hover: var(--pine-color-grey-050);--pine-color-success: var(--pine-color-green-500);--pine-color-success-disabled: var(--pine-color-green-100);--pine-color-success-hover: var(--pine-color-green-600);--pine-color-text: var(--pine-color-grey-900);--pine-color-text-hover: var(--pine-color-grey-950);--pine-color-text-disabled: var(--pine-color-grey-500);--pine-color-text-readonly: var(--pine-color-grey-700);--pine-color-text-active: var(--pine-color-grey-950);--pine-color-text-accent: var(--pine-color-purple-900);--pine-color-text-accent-disabled: var(--pine-color-purple-300);--pine-color-text-accent-hover: var(--pine-color-purple-950);--pine-color-text-danger: var(--pine-color-red-900);--pine-color-text-danger-disabled: var(--pine-color-red-300);--pine-color-text-danger-hover: var(--pine-color-red-950);--pine-color-text-info: var(--pine-color-blue-900);--pine-color-text-info-disabled: var(--pine-color-blue-300);--pine-color-text-info-hover: var(--pine-color-blue-950);--pine-color-text-label: var(--pine-color-grey-950);--pine-color-text-label-disabled: var(--pine-color-grey-500);--pine-color-text-label-readonly: var(--pine-color-grey-700);--pine-color-text-message: var(--pine-color-grey-800);--pine-color-text-message-danger: var(--pine-color-red-600);--pine-color-text-message-disabled: var(--pine-color-grey-600);--pine-color-text-neutral: var(--pine-color-grey-900);--pine-color-text-neutral-disabled: var(--pine-color-grey-600);--pine-color-text-neutral-hover: var(--pine-color-grey-950);--pine-color-text-placeholder: var(--pine-color-grey-600);--pine-color-text-placeholder-disabled: var(--pine-color-grey-400);--pine-color-text-primary: var(--pine-color-white);--pine-color-text-primary-disabled: var(--pine-color-grey-400);--pine-color-text-secondary: var(--pine-color-grey-800);--pine-color-text-secondary-disabled: var(--pine-color-grey-400);--pine-color-text-secondary-hover: var(--pine-color-grey-900);--pine-color-text-tertiary: var(--pine-color-grey-600);--pine-color-text-tertiary-disabled: var(--pine-color-grey-400);--pine-color-text-subtle: var(--pine-color-grey-500);--pine-color-text-subtle-disabled: var(--pine-color-grey-300);--pine-color-text-muted: var(--pine-color-grey-700);--pine-color-text-muted-disabled: var(--pine-color-grey-500);--pine-color-text-strong: var(--pine-color-grey-950);--pine-color-text-strong-disabled: var(--pine-color-grey-600);--pine-color-text-emphasis: var(--pine-color-black);--pine-color-text-inverse: var(--pine-color-grey-100);--pine-color-text-inverse-secondary: var(--pine-color-grey-150);--pine-color-text-inverse-tertiary: var(--pine-color-grey-300);--pine-color-text-inverse-emphasis: var(--pine-color-white);--pine-color-text-success: var(--pine-color-green-900);--pine-color-text-success-disabled: var(--pine-color-green-300);--pine-color-text-success-hover: var(--pine-color-green-950);--pine-color-text-warning: var(--pine-color-yellow-900);--pine-color-text-warning-disabled: var(--pine-color-yellow-300);--pine-color-text-warning-hover: var(--pine-color-yellow-950);--pine-color-warning: var(--pine-color-yellow-500);--pine-color-warning-disabled: var(--pine-color-yellow-100);--pine-color-warning-hover: var(--pine-color-yellow-600);--pine-color-icon: var(--pine-color-grey-700);--pine-color-icon-subtle: var(--pine-color-grey-500);--pine-color-icon-disabled: var(--pine-color-grey-400);--pine-color-icon-inverse: var(--pine-color-white);--pine-color-brand: var(--pine-color-black);--pine-font-family-heading: var(--pine-font-family-greet);--pine-font-family-body: var(--pine-font-family-inter);--pine-font-size: var(--pine-font-size-100);--pine-font-size-body-2xs: var(--pine-font-size-057);--pine-font-size-body-xs: var(--pine-font-size-071);--pine-font-size-body-sm: var(--pine-font-size-085);--pine-font-size-body-md: var(--pine-font-size-100);--pine-font-size-body-lg: var(--pine-font-size-116);--pine-font-size-body-xl: var(--pine-font-size-128);--pine-font-size-body-2xl: var(--pine-font-size-142);--pine-font-size-heading-1: var(--pine-font-size-200);--pine-font-size-heading-2: var(--pine-font-size-185);--pine-font-size-heading-3: var(--pine-font-size-157);--pine-font-size-heading-4: var(--pine-font-size-142);--pine-font-size-heading-5: var(--pine-font-size-128);--pine-font-size-heading-6: var(--pine-font-size-116);--pine-font-size-heading-caption: var(--pine-font-size-085);--pine-font-weight-thin: var(--pine-font-weight-100);--pine-font-weight-extra-light: var(--pine-font-weight-200);--pine-font-weight-light: var(--pine-font-weight-300);--pine-font-weight-regular: var(--pine-font-weight-400);--pine-font-weight-medium: var(--pine-font-weight-500);--pine-font-weight-semi-bold: var(--pine-font-weight-600);--pine-font-weight-bold: var(--pine-font-weight-700);--pine-font-weight-extra-bold: var(--pine-font-weight-800);--pine-font-weight-heavy: var(--pine-font-weight-900);--pine-font-weight-text-message: var(--pine-font-weight-400);--pine-line-height-text-message: var(--pine-line-height-125);--pine-line-height-heading: var(--pine-line-height-125);--pine-line-height-body: 1.425;--pine-dimension-none: var(--pine-dimension-0);--pine-dimension-2xs: var(--pine-dimension-050);--pine-dimension-xs: var(--pine-dimension-100);--pine-dimension-sm: var(--pine-dimension-200);--pine-dimension-md: var(--pine-dimension-300);--pine-dimension-lg: var(--pine-dimension-400);--pine-dimension-xl: var(--pine-dimension-500);--pine-dimension-2xl: var(--pine-dimension-600);--pine-letter-spacing: var(--pine-letter-spacing-114) * -1;--pine-letter-spacing-heading-1: var(--pine-letter-spacing-185);--pine-letter-spacing-heading-2: var(--pine-letter-spacing-171);--pine-letter-spacing-heading-3: var(--pine-letter-spacing-157);--pine-letter-spacing-heading-4: var(--pine-letter-spacing-142);--pine-letter-spacing-heading-5: var(--pine-letter-spacing-128);--pine-letter-spacing-heading-6: var(--pine-letter-spacing-114);--pine-z-index: var(--pine-z-index-0);--pine-z-index-hide: var(--pine-z-index-n1);--pine-z-index-raised: var(--pine-z-index-1);--pine-z-index-alert: var(--pine-z-index-2);--pine-z-index-underlay: var(--pine-z-index-3);--pine-z-index-navigation: var(--pine-z-index-4);--pine-z-index-overlay: var(--pine-z-index-5);--pine-z-index-modal: var(--pine-z-index-6);--pine-z-index-priority: var(--pine-z-index-8);--pine-z-index-nuclear: var(--pine-z-index-9);--pine-border: var(--pine-border-width-thin) solid var(--pine-color-grey-300);--pine-border-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none: var(--pine-border-width-none) solid var(--pine-color-grey-300);--pine-border-radius-full: 9999px;--pine-typography-heading-1: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-1)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-2: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-2)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-3: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-3)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-4: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-4)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-5: var(--pine-font-weight-medium) var(--pine-font-size-heading-5)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-6: var(--pine-font-weight-medium) var(--pine-font-size-heading-6)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-heading-caption: var(--pine-font-weight-semi-bold) var(--pine-font-size-heading-caption)/var(--pine-line-height-heading) var(--pine-font-family-greet);--pine-typography-body: var(--pine-font-weight-regular) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-medium: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-mono: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-semi-bold: var(--pine-font-weight-semi-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-bold: var(--pine-font-weight-bold) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-brand-label: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-brand-text: var(--pine-font-weight-medium) var(--pine-font-size-body-md)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-typography-body-sm: var(--pine-font-weight-regular) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-medium: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-mono: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-monospace);--pine-typography-body-sm-bold: var(--pine-font-weight-bold) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-inter);--pine-typography-body-sm-brand-label: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-greet);--pine-typography-body-sm-brand-text: var(--pine-font-weight-medium) var(--pine-font-size-body-sm)/var(--pine-line-height-body) var(--pine-font-family-faire-sprig);--pine-outline-focus: var(--pine-border-width-thick) solid var(--pine-color-focus-ring);--pine-outline-focus-danger: var(--pine-border-width-thick) solid var(--pine-color-focus-ring-danger)}[data-theme=dark]{--pine-color-accent: var(--pine-color-purple-500);--pine-color-accent-disabled: var(--pine-color-purple-100);--pine-color-accent-hover: var(--pine-color-purple-600);--pine-color-background-app: var(--pine-color-grey-900);--pine-color-background-subtle: var(--pine-color-grey-900);--pine-color-background-muted: var(--pine-color-grey-800);--pine-color-background-inverse-app: var(--pine-color-grey-100);--pine-color-background-inverse-subtle: var(--pine-color-grey-150);--pine-color-background-inverse-muted: var(--pine-color-grey-200);--pine-color-background-inverse-container: var(--pine-color-white);--pine-color-background-inverse-inset: var(--pine-color-grey-050);--pine-color-background-container: var(--pine-color-black);--pine-color-background-container-disabled: var(--pine-color-grey-800);--pine-color-background-container-hover: var(--pine-color-grey-950);--pine-color-background-inset: var(--pine-color-grey-700);--pine-color-background-inset-emphasized: var(--pine-color-grey-600);--pine-color-border: var(--pine-color-grey-600);--pine-color-border-hover: var(--pine-color-grey-500);--pine-color-border-disabled: var(--pine-color-grey-700);--pine-color-border-active: var(--pine-color-grey-500);--pine-color-border-danger: var(--pine-color-red-600);--pine-color-border-danger-hover: var(--pine-color-red-700);--pine-color-border-subtle: var(--pine-color-grey-700);--pine-color-danger: var(--pine-color-red-600);--pine-color-danger-disabled: var(--pine-color-red-100);--pine-color-danger-hover: var(--pine-color-red-700);--pine-color-focus-ring: var(--pine-color-purple-300);--pine-color-focus-ring-danger: var(--pine-color-red-300);--pine-color-info: var(--pine-color-blue-500);--pine-color-info-disabled: var(--pine-color-blue-100);--pine-color-info-hover: var(--pine-color-blue-600);--pine-color-neutral: var(--pine-color-grey-400);--pine-color-neutral-disabled: var(--pine-color-grey-900);--pine-color-neutral-hover: var(--pine-color-grey-300);--pine-color-primary: var(--pine-color-grey-100);--pine-color-primary-disabled: var(--pine-color-grey-800);--pine-color-primary-hover: var(--pine-color-white);--pine-color-secondary: var(--pine-color-black);--pine-color-secondary-disabled: var(--pine-color-black);--pine-color-secondary-hover: var(--pine-color-grey-950);--pine-color-success: var(--pine-color-green-500);--pine-color-success-disabled: var(--pine-color-green-100);--pine-color-success-hover: var(--pine-color-green-600);--pine-color-text: var(--pine-color-grey-100);--pine-color-text-hover: var(--pine-color-grey-050);--pine-color-text-disabled: var(--pine-color-grey-400);--pine-color-text-readonly: var(--pine-color-grey-200);--pine-color-text-active: var(--pine-color-grey-050);--pine-color-text-accent: var(--pine-color-purple-900);--pine-color-text-accent-disabled: var(--pine-color-purple-300);--pine-color-text-accent-hover: var(--pine-color-purple-950);--pine-color-text-danger: var(--pine-color-red-900);--pine-color-text-danger-disabled: var(--pine-color-red-300);--pine-color-text-danger-hover: var(--pine-color-red-950);--pine-color-text-info: var(--pine-color-blue-900);--pine-color-text-info-disabled: var(--pine-color-blue-300);--pine-color-text-info-hover: var(--pine-color-blue-950);--pine-color-text-label: var(--pine-color-grey-050);--pine-color-text-label-disabled: var(--pine-color-grey-400);--pine-color-text-label-readonly: var(--pine-color-grey-200);--pine-color-text-message: var(--pine-color-grey-150);--pine-color-text-message-danger: var(--pine-color-red-500);--pine-color-text-message-disabled: var(--pine-color-grey-300);--pine-color-text-neutral: var(--pine-color-grey-100);--pine-color-text-neutral-disabled: var(--pine-color-grey-300);--pine-color-text-neutral-hover: var(--pine-color-grey-050);--pine-color-text-placeholder: var(--pine-color-grey-300);--pine-color-text-placeholder-disabled: var(--pine-color-grey-500);--pine-color-text-primary: var(--pine-color-black);--pine-color-text-primary-disabled: var(--pine-color-grey-500);--pine-color-text-secondary: var(--pine-color-grey-150);--pine-color-text-secondary-disabled: var(--pine-color-grey-500);--pine-color-text-secondary-hover: var(--pine-color-grey-100);--pine-color-text-tertiary: var(--pine-color-grey-300);--pine-color-text-tertiary-disabled: var(--pine-color-grey-500);--pine-color-text-subtle: var(--pine-color-grey-400);--pine-color-text-subtle-disabled: var(--pine-color-grey-600);--pine-color-text-muted: var(--pine-color-grey-200);--pine-color-text-muted-disabled: var(--pine-color-grey-400);--pine-color-text-strong: var(--pine-color-grey-050);--pine-color-text-strong-disabled: var(--pine-color-grey-300);--pine-color-text-emphasis: var(--pine-color-white);--pine-color-text-inverse: var(--pine-color-grey-900);--pine-color-text-inverse-secondary: var(--pine-color-grey-800);--pine-color-text-inverse-tertiary: var(--pine-color-grey-600);--pine-color-text-inverse-emphasis: var(--pine-color-black);--pine-color-text-success: var(--pine-color-green-900);--pine-color-text-success-disabled: var(--pine-color-green-300);--pine-color-text-success-hover: var(--pine-color-green-950);--pine-color-text-warning: var(--pine-color-yellow-900);--pine-color-text-warning-disabled: var(--pine-color-yellow-300);--pine-color-text-warning-hover: var(--pine-color-yellow-950);--pine-color-warning: var(--pine-color-yellow-500);--pine-color-warning-disabled: var(--pine-color-yellow-100);--pine-color-warning-hover: var(--pine-color-yellow-600);--pine-color-icon: var(--pine-color-grey-200);--pine-color-icon-subtle: var(--pine-color-grey-400);--pine-color-icon-disabled: var(--pine-color-grey-500);--pine-color-icon-inverse: var(--pine-color-grey-900);--pine-color-brand: var(--pine-color-black);--pine-border: var(--pine-border-width-thin) solid var(--pine-color-grey-600);--pine-border-hover: var(--pine-border-width-thin) solid var(--pine-color-grey-400);--pine-border-none: var(--pine-border-width-none) solid var(--pine-color-grey-600)}[data-theme=site]{--pine-color-accent: var(--kj-brand-primary, var(--pine-color-purple-500));--pine-color-accent-disabled: var(--kj-brand-primary, var(--pine-color-purple-100));--pine-color-accent-hover: var(--kj-brand-primary, var(--pine-color-purple-600));--pine-color-focus-ring: var(--kj-brand-primary, var(--pine-color-purple-300))}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@kajabi-ui/styles",
3
3
  "author": "Kajabi Design System Services",
4
4
  "description": "A collection of styles and tokens used within Kajabi",
5
- "version": "1.0.6",
5
+ "version": "1.0.7",
6
6
  "type": "module",
7
7
  "exports": {
8
8
  "./package.json": "./package.json",