@xploreu/styles 1.4.2 → 1.4.3

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 (4) hide show
  1. package/dist/v2/_index.css +1 -1
  2. package/dist/v2/color.css +1 -1
  3. package/dist/v2/gradient.css +1 -0
  4. package/package.json +1 -1
package/dist/v2/_index.css CHANGED
@@ -1 +1 @@
1
- @import "./typography.css";@import "./color.css";@import "./spacing.css";@import "./radius.css";@import "./shadow.css";@import "./backdrop-filter.css";
1
+ @import "./typography.css";@import "./color.css";@import "./gradient.css";@import "./spacing.css";@import "./radius.css";@import "./shadow.css";@import "./backdrop-filter.css";
package/dist/v2/color.css CHANGED
@@ -1 +1 @@
1
- @import "./themes/base.theme.css";@import "./themes/light.theme.css";@import "./themes/dark.theme.css";@import "./themes/night.theme.css";@import "./themes/xploreu.theme.css";@import "./themes/xplorehq.theme.css";@theme{--color-text-primary: var(--color-text-primary); --color-text-primary-on-brand: var(--color-text-primary-on-brand); --color-text-secondary: var(--color-text-secondary); --color-text-secondary-inverse: var(--color-text-secondary-inverse); --color-text-secondary-hover: var(--color-text-secondary-hover); --color-text-secondary-on-brand: var(--color-text-secondary-on-brand); --color-text-tertiary: var(--color-text-tertiary); --color-text-tertiary-hover: var(--color-text-tertiary-hover); --color-text-tertiary-on-brand: var(--color-text-tertiary-on-brand); --color-text-quaternary: var(--color-text-quaternary); --color-text-quaternary-on-brand: var(--color-text-quaternary-on-brand); --color-text-white: var(--color-text-white); --color-text-disabled: var(--color-text-disabled); --color-text-placeholder: var(--color-text-placeholder); --color-text-placeholder-subtle: var(--color-text-placeholder-subtle); --color-text-brand-primary: var(--color-text-brand-primary); --color-text-brand-secondary: var(--color-text-brand-secondary); --color-text-brand-secondary-hover: var(--color-text-brand-secondary-hover); --color-text-brand-tertiary: var(--color-text-brand-tertiary); --color-text-brand-tertiary-alt: var(--color-text-brand-tertiary-alt); --color-text-error-primary: var(--color-text-error-primary); --color-text-error-primary-hover: var(--color-text-error-primary-hover); --color-text-warning-primary: var(--color-text-warning-primary); --color-text-success-primary: var(--color-text-success-primary); --color-text-info-primary: var(--color-text-info-primary); --color-text-orange: var(--color-text-orange); --color-border-white: var(--color-border-white); --color-border-primary: var(--color-border-primary); --color-border-primary-icon: var(--color-border-primary-icon); --color-border-secondary: var(--color-border-secondary); --color-border-secondary-alt: var(--color-border-secondary-alt); --color-border-tertiary: var(--color-border-tertiary); --color-border-disabled: var(--color-border-disabled); --color-border-disabled-subtle: var(--color-border-disabled-subtle); --color-border-brand: var(--color-border-brand); --color-border-brand-alt: var(--color-border-brand-alt); --color-border-error: var(--color-border-error); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-success: var(--color-border-success); --color-border-orange: var(--color-border-orange); --color-fg-primary: var(--color-fg-primary); --color-fg-secondary: var(--color-fg-secondary); --color-fg-secondary-hover: var(--color-fg-secondary-hover); --color-fg-tertiary: var(--color-fg-tertiary); --color-fg-tertiary-hover: var(--color-fg-tertiary-hover); --color-fg-quaternary: var(--color-fg-quaternary); --color-fg-quaternary-hover: var(--color-fg-quaternary-hover); --color-fg-white: var(--color-fg-white); --color-fg-disabled: var(--color-fg-disabled); --color-fg-disabled-subtle: var(--color-fg-disabled-subtle); --color-fg-brand-primary: var(--color-fg-brand-primary); --color-fg-brand-primary-alt: var(--color-fg-brand-primary-alt); --color-fg-brand-secondary: var(--color-fg-brand-secondary); --color-fg-brand-secondary-hover: var(--color-fg-brand-secondary-hover); --color-fg-brand-secondary-alt: var(--color-fg-brand-secondary-alt); --color-fg-error-primary: var(--color-fg-error-primary); --color-fg-error-secondary: var(--color-fg-error-secondary); --color-fg-warning-primary: var(--color-fg-warning-primary); --color-fg-warning-secondary: var(--color-fg-warning-secondary); --color-fg-success-primary: var(--color-fg-success-primary); --color-fg-success-secondary: var(--color-fg-success-secondary); --color-fg-info-primary: var(--color-fg-info-primary); --color-fg-info-secondary: var(--color-fg-info-secondary); --color-bg-primary-replace: var(--color-bg-primary-replace); --color-bg-primary: var(--color-bg-primary); --color-bg-primary-alt: var(--color-bg-primary-alt); --color-bg-primary-hover: var(--color-bg-primary-hover); --color-bg-primary-solid: var(--color-bg-primary-solid); --color-bg-secondary: var(--color-bg-secondary); --color-bg-secondary-alt: var(--color-bg-secondary-alt); --color-bg-secondary-hover: var(--color-bg-secondary-hover); --color-bg-secondary-subtle: var(--color-bg-secondary-subtle); --color-bg-secondary-solid: var(--color-bg-secondary-solid); --color-bg-tertiary: var(--color-bg-tertiary); --color-bg-quaternary: var(--color-bg-quaternary); --color-bg-active: var(--color-bg-active); --color-bg-disabled: var(--color-bg-disabled); --color-bg-disabled-subtle: var(--color-bg-disabled-subtle); --color-bg-overlay: var(--color-bg-overlay); --color-bg-brand-primary: var(--color-bg-brand-primary); --color-bg-brand-primary-alt: var(--color-bg-brand-primary-alt); --color-bg-brand-secondary: var(--color-bg-brand-secondary); --color-bg-brand-solid: var(--color-bg-brand-solid); --color-bg-brand-solid-hover: var(--color-bg-brand-solid-hover); --color-bg-brand-section: var(--color-bg-brand-section); --color-bg-brand-section-subtle: var(--color-bg-brand-section-subtle); --color-bg-error-primary: var(--color-bg-error-primary); --color-bg-error-secondary: var(--color-bg-error-secondary); --color-bg-error-solid: var(--color-bg-error-solid); --color-bg-error-solid-hover: var(--color-bg-error-solid-hover); --color-bg-warning-primary: var(--color-bg-warning-primary); --color-bg-warning-secondary: var(--color-bg-warning-secondary); --color-bg-warning-solid: var(--color-bg-warning-solid); --color-bg-success-primary: var(--color-bg-success-primary); --color-bg-success-secondary: var(--color-bg-success-secondary); --color-bg-success-solid: var(--color-bg-success-solid); --color-info-bg-primary: var(--color-info-bg-primary); --color-bg-info-secondary: var(--color-bg-info-secondary); --color-bg-info-solid: var(--color-bg-info-solid); --color-orange-bg-primary: var(--color-orange-bg-primary); --color-shadow-xs: var(--color-shadow-xs); --color-shadow-sm-01: var(--color-shadow-sm-01); --color-shadow-sm-02: var(--color-shadow-sm-02); --color-shadow-md-01: var(--color-shadow-md-01); --color-shadow-md-02: var(--color-shadow-md-02); --color-shadow-lg-01: var(--color-shadow-lg-01); --color-shadow-lg-02: var(--color-shadow-lg-02); --color-shadow-lg-03: var(--color-shadow-lg-03); --color-shadow-xl-01: var(--color-shadow-xl-01); --color-shadow-xl-02: var(--color-shadow-xl-02); --color-shadow-xl-03: var(--color-shadow-xl-03); --color-shadow-2xl-01: var(--color-shadow-2xl-01); --color-shadow-2xl-02: var(--color-shadow-2xl-02); --color-shadow-3xl-01: var(--color-shadow-3xl-01); --color-shadow-3xl-02: var(--color-shadow-3xl-02); --color-shadow-skeumorphic-inner: var(--color-shadow-skeumorphic-inner); --color-shadow-skeumorphic-inner-border: var(--color-shadow-skeumorphic-inner-border); --color-focus-ring: var(--color-focus-ring); --color-focus-ring-error: var(--color-focus-ring-error); --color-focus-ring-success: var(--color-focus-ring-success); --color-focus-ring-orange: var(--color-focus-ring-orange); --color-alpha-white-05: var(--color-alpha-white-05); --color-alpha-white-10: var(--color-alpha-white-10); --color-alpha-white-20: var(--color-alpha-white-20); --color-alpha-white-30: var(--color-alpha-white-30); --color-alpha-white-40: var(--color-alpha-white-40); --color-alpha-white-50: var(--color-alpha-white-50); --color-alpha-white-60: var(--color-alpha-white-60); --color-alpha-white-70: var(--color-alpha-white-70); --color-alpha-white-80: var(--color-alpha-white-80); --color-alpha-white-90: var(--color-alpha-white-90); --color-alpha-white-100: var(--color-alpha-white-100); --color-alpha-black-05: var(--color-alpha-black-05); --color-alpha-black-10: var(--color-alpha-black-10); --color-alpha-black-20: var(--color-alpha-black-20); --color-alpha-black-30: var(--color-alpha-black-30); --color-alpha-black-40: var(--color-alpha-black-40); --color-alpha-black-50: var(--color-alpha-black-50); --color-alpha-black-60: var(--color-alpha-black-60); --color-alpha-black-70: var(--color-alpha-black-70); --color-alpha-black-80: var(--color-alpha-black-80); --color-alpha-black-90: var(--color-alpha-black-90); --color-alpha-black-100: var(--color-alpha-black-100); --color-app-store-badge-border: var(--color-app-store-badge-border); --color-avatar-styles-bg-neutral: var(--color-avatar-styles-bg-neutral); --color-avatar-outline-open-to-work-stop-0: var(--color-avatar-outline-open-to-work-stop-0); --color-avatar-outline-open-to-work-stop-100: var(--color-avatar-outline-open-to-work-stop-100); --color-avatar-outline-open-to-profesional-stop-0: var(--color-avatar-outline-open-to-profesional-stop-0); --color-avatar-outline-open-to-profesional-stop-100: var(--color-avatar-outline-open-to-profesional-stop-100); --color-avatar-outline-open-to-coach-stop-0: var(--color-avatar-outline-open-to-coach-stop-0); --color-avatar-outline-open-to-coach-stop-100: var(--color-avatar-outline-open-to-coach-stop-100); --color-button-primary-icon: var(--color-button-primary-icon); --color-button-primary-icon-hover: var(--color-button-primary-icon-hover); --color-button-destructive-primary-icon: var(--color-button-destructive-primary-icon); --color-button-destructive-primary-icon-hover: var(--color-button-destructive-primary-icon-hover); --color-button-orange-icon: var(--color-button-orange-icon); --color-button-orange-icon-hover: var(--color-button-orange-icon-hover); --color-button-overlay-linear-stop0: var(--color-button-overlay-linear-stop0); --color-button-overlay-linear-stop100: var(--color-button-overlay-linear-stop100); --color-button-linear-stop-0: var(--color-button-linear-stop-0); --color-button-linear-stop-100: var(--color-button-linear-stop-100); --color-footer-button-fg: var(--color-footer-button-fg); --color-footer-button-fg-hover: var(--color-footer-button-fg-hover); --color-icon-fg-brand: var(--color-icon-fg-brand); --color-icon-fg-brand-on-brand: var(--color-icon-fg-brand-on-brand); --color-featured-icon-light-fg-brand: var(--color-featured-icon-light-fg-brand); --color-featured-icon-light-fg-gray: var(--color-featured-icon-light-fg-gray); --color-featured-icon-light-fg-error: var(--color-featured-icon-light-fg-error); --color-featured-icon-light-fg-warning: var(--color-featured-icon-light-fg-warning); --color-featured-icon-light-fg-success: var(--color-featured-icon-light-fg-success); --color-featured-icon-light-fg-info: var(--color-featured-icon-light-fg-info); --color-screen-mockup-border: var(--color-screen-mockup-border); --color-slider-handle-bg: var(--color-slider-handle-bg); --color-slider-handle-border: var(--color-slider-handle-border); --color-toggle-button-fg-disabled: var(--color-toggle-button-fg-disabled); --color-toggle-border: var(--color-toggle-border); --color-toggle-slim-border-pressed: var(--color-toggle-slim-border-pressed); --color-toggle-slim-border-pressed-hover: var(--color-toggle-slim-border-pressed-hover); --color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-indicator-message-sent: var(--color-indicator-message-sent); --color-indicator-message-delivered: var(--color-indicator-message-delivered); --color-indicator-message-seen-outline: var(--color-indicator-message-seen-outline); --color-indicator-message-seen-fill: var(--color-indicator-message-seen-fill); --color-snippet-bg: var(--color-snippet-bg); --color-snippet-border: var(--color-snippet-border); --color-snippet-on-bubble-bg-out: var(--color-snippet-on-bubble-bg-out); --color-snippet-on-bubble-border-out: var(--color-snippet-on-bubble-border-out); --color-snippet-on-bubble-bg-in: var(--color-snippet-on-bubble-bg-in); --color-snippet-on-bubble-border-in: var(--color-snippet-on-bubble-border-in); --color-container-post-bg: var(--color-container-post-bg); --color-utility-gray-50: var(--color-gray-light-mode-50); --color-utility-gray-100: var(--color-gray-light-mode-100); --color-utility-gray-200: var(--color-gray-light-mode-200); --color-utility-gray-300: var(--color-gray-light-mode-300); --color-utility-gray-400: var(--color-gray-light-mode-400); --color-utility-gray-500: var(--color-gray-light-mode-500); --color-utility-gray-600: var(--color-gray-light-mode-600); --color-utility-gray-700: var(--color-gray-light-mode-700); --color-utility-gray-800: var(--color-gray-light-mode-800); --color-utility-gray-900: var(--color-gray-light-mode-900); --color-utility-brand-50: var(--color-brand-light-50); --color-utility-brand-100: var(--color-brand-light-100); --color-utility-brand-200: var(--color-brand-light-200); --color-utility-brand-300: var(--color-brand-light-300); --color-utility-brand-400: var(--color-brand-light-400); --color-utility-brand-500: var(--color-brand-light-500); --color-utility-brand-600: var(--color-brand-light-600); --color-utility-brand-700: var(--color-brand-light-700); --color-utility-brand-800: var(--color-brand-light-800); --color-utility-brand-900: var(--color-brand-light-900); --color-utility-error-50: var(--color-error-50); --color-utility-error-100: var(--color-error-100); --color-utility-error-200: var(--color-error-200); --color-utility-error-300: var(--color-error-300); --color-utility-error-400: var(--color-error-400); --color-utility-error-500: var(--color-error-500); --color-utility-error-600: var(--color-error-600); --color-utility-error-700: var(--color-error-700); --color-utility-warning-50: var(--color-warning-50); --color-utility-warning-100: var(--color-warning-100); --color-utility-warning-200: var(--color-warning-200); --color-utility-warning-300: var(--color-warning-300); --color-utility-warning-400: var(--color-warning-400); --color-utility-warning-500: var(--color-warning-500); --color-utility-warning-600: var(--color-warning-600); --color-utility-warning-700: var(--color-warning-700); --color-utility-success-50: var(--color-success-50); --color-utility-success-100: var(--color-success-100); --color-utility-success-200: var(--color-success-200); --color-utility-success-300: var(--color-success-300); --color-utility-success-400: var(--color-success-400); --color-utility-success-500: var(--color-success-500); --color-utility-success-600: var(--color-success-600); --color-utility-success-700: var(--color-success-700); --color-utility-blue-light-50: var(--color-blue-light-50); --color-utility-blue-light-100: var(--color-blue-light-100); --color-utility-blue-light-200: var(--color-blue-light-200); --color-utility-blue-light-300: var(--color-blue-light-300); --color-utility-blue-light-400: var(--color-blue-light-400); --color-utility-blue-light-500: var(--color-blue-light-500); --color-utility-blue-light-600: var(--color-blue-light-600); --color-utility-blue-light-700: var(--color-blue-light-700); --color-utility-blue-50: var(--color-blue-50); --color-utility-blue-100: var(--color-blue-100); --color-utility-blue-200: var(--color-blue-200); --color-utility-blue-300: var(--color-blue-300); --color-utility-blue-400: var(--color-blue-400); --color-utility-blue-500: var(--color-blue-500); --color-utility-blue-600: var(--color-blue-600); --color-utility-blue-700: var(--color-blue-700); --color-utility-blue-50: var(--color-ultramarine-blue-50); --color-utility-blue-100: var(--color-ultramarine-blue-100); --color-utility-blue-200: var(--color-ultramarine-blue-200); --color-utility-blue-300: var(--color-ultramarine-blue-300); --color-utility-blue-400: var(--color-ultramarine-blue-400); --color-utility-blue-500: var(--color-ultramarine-blue-500); --color-utility-blue-600: var(--color-ultramarine-blue-600); --color-utility-blue-700: var(--color-ultramarine-blue-700); --color-utility-blue-dark-50: var(--color-blue-dark-50); --color-utility-blue-dark-100: var(--color-blue-dark-100); --color-utility-blue-dark-200: var(--color-blue-dark-200); --color-utility-blue-dark-300: var(--color-blue-dark-300); --color-utility-blue-dark-400: var(--color-blue-dark-400); --color-utility-blue-dark-500: var(--color-blue-dark-500); --color-utility-blue-dark-600: var(--color-blue-dark-600); --color-utility-blue-dark-700: var(--color-blue-dark-700); --color-utility-indigo-50: var(--color-indigo-50); --color-utility-indigo-100: var(--color-indigo-100); --color-utility-indigo-200: var(--color-indigo-200); --color-utility-indigo-300: var(--color-indigo-300); --color-utility-indigo-400: var(--color-indigo-400); --color-utility-indigo-500: var(--color-indigo-500); --color-utility-indigo-600: var(--color-indigo-600); --color-utility-indigo-700: var(--color-indigo-700); --color-utility-purple-50: var(--color-purple-50); --color-utility-purple-100: var(--color-purple-100); --color-utility-purple-200: var(--color-purple-200); --color-utility-purple-300: var(--color-purple-300); --color-utility-purple-400: var(--color-purple-400); --color-utility-purple-500: var(--color-purple-500); --color-utility-purple-600: var(--color-purple-600); --color-utility-purple-700: var(--color-purple-700); --color-utility-fuchsia-50: var(--color-fuchsia-50); --color-utility-fuchsia-100: var(--color-fuchsia-100); --color-utility-fuchsia-200: var(--color-fuchsia-200); --color-utility-fuchsia-300: var(--color-fuchsia-300); --color-utility-fuchsia-400: var(--color-fuchsia-400); --color-utility-fuchsia-500: var(--color-fuchsia-500); --color-utility-fuchsia-600: var(--color-fuchsia-600); --color-utility-fuchsia-700: var(--color-fuchsia-700); --color-utility-pink-50: var(--color-pink-50); --color-utility-pink-100: var(--color-pink-100); --color-utility-pink-200: var(--color-pink-200); --color-utility-pink-300: var(--color-pink-300); --color-utility-pink-400: var(--color-pink-400); --color-utility-pink-500: var(--color-pink-500); --color-utility-pink-600: var(--color-pink-600); --color-utility-pink-700: var(--color-pink-700); --color-utility-green-50: var(--color-green-50); --color-utility-green-100: var(--color-green-100); --color-utility-green-200: var(--color-green-200); --color-utility-green-300: var(--color-green-300); --color-utility-green-400: var(--color-green-400); --color-utility-green-500: var(--color-green-500); --color-utility-green-600: var(--color-green-600); --color-utility-green-700: var(--color-green-700); --color-utility-orange-dark-50: var(--color-orange-dark-50); --color-utility-orange-dark-100: var(--color-orange-dark-100); --color-utility-orange-dark-200: var(--color-orange-dark-200); --color-utility-orange-dark-300: var(--color-orange-dark-300); --color-utility-orange-dark-400: var(--color-orange-dark-400); --color-utility-orange-dark-500: var(--color-orange-dark-500); --color-utility-orange-dark-600: var(--color-orange-dark-600); --color-utility-orange-dark-700: var(--color-orange-dark-700); --color-utility-orange-50: var(--color-orange-50); --color-utility-orange-100: var(--color-orange-100); --color-utility-orange-200: var(--color-orange-200); --color-utility-orange-300: var(--color-orange-300); --color-utility-orange-400: var(--color-orange-400); --color-utility-orange-500: var(--color-orange-500); --color-utility-orange-600: var(--color-orange-600); --color-utility-orange-700: var(--color-orange-700); --color-utility-orange-terracotta-50: var(--color-terracotta-orange-50); --color-utility-orange-terracotta-100: var(--color-terracotta-orange-100); --color-utility-orange-terracotta-200: var(--color-terracotta-orange-200); --color-utility-orange-terracotta-300: var(--color-terracotta-orange-300); --color-utility-orange-terracotta-400: var(--color-terracotta-orange-400); --color-utility-orange-terracotta-500: var(--color-terracotta-orange-500); --color-utility-orange-terracotta-600: var(--color-terracotta-orange-600); --color-utility-orange-terracotta-700: var(--color-terracotta-orange-700); --color-utility-yellow-50: var(--color-yellow-50); --color-utility-yellow-100: var(--color-yellow-100); --color-utility-yellow-200: var(--color-yellow-200); --color-utility-yellow-300: var(--color-yellow-300); --color-utility-yellow-400: var(--color-yellow-400); --color-utility-yellow-500: var(--color-yellow-500); --color-utility-yellow-600: var(--color-yellow-600); --color-utility-yellow-700: var(--color-yellow-700); --color-utility-sunset-orange-50: var(--color-sunset-orange-50); --color-utility-sunset-orange-100: var(--color-sunset-orange-100); --color-utility-sunset-orange-200: var(--color-sunset-orange-200); --color-utility-sunset-orange-300: var(--color-sunset-orange-300); --color-utility-sunset-orange-400: var(--color-sunset-orange-400); --color-utility-sunset-orange-500: var(--color-sunset-orange-500); --color-utility-sunset-orange-600: var(--color-sunset-orange-600); --color-utility-sunset-orange-700: var(--color-sunset-orange-700); --color-utility-crimson-red-50: var(--color-gradient-crimson-red-50); --color-utility-crimson-red-100: var(--color-gradient-crimson-red-100); --color-utility-crimson-red-200: var(--color-gradient-crimson-red-200); --color-utility-crimson-red-300: var(--color-gradient-crimson-red-300); --color-utility-crimson-red-400: var(--color-gradient-crimson-red-400); --color-utility-crimson-red-500: var(--color-gradient-crimson-red-500); --color-utility-crimson-red-600: var(--color-gradient-crimson-red-600); --color-utility-crimson-red-700: var(--color-gradient-crimson-red-700); --color-utility-french-lilac-50: var(--color-gradient-french-lilac-50); --color-utility-french-lilac-100: var(--color-gradient-french-lilac-100); --color-utility-french-lilac-200: var(--color-gradient-french-lilac-200); --color-utility-french-lilac-300: var(--color-gradient-french-lilac-300); --color-utility-french-lilac-400: var(--color-gradient-french-lilac-400); --color-utility-french-lilac-500: var(--color-gradient-french-lilac-500); --color-utility-french-lilac-600: var(--color-gradient-french-lilac-600); --color-utility-french-lilac-700: var(--color-gradient-french-lilac-700); --color-utility-persian-green-50: var(--color-gradient-persian-green-50); --color-utility-persian-green-100: var(--color-gradient-persian-green-100); --color-utility-persian-green-200: var(--color-gradient-persian-green-200); --color-utility-persian-green-300: var(--color-gradient-persian-green-300); --color-utility-persian-green-400: var(--color-gradient-persian-green-400); --color-utility-persian-green-500: var(--color-gradient-persian-green-500); --color-utility-persian-green-600: var(--color-gradient-persian-green-600); --color-utility-persian-green-700: var(--color-gradient-persian-green-700); --color-utility-midnight-blue-50: var(--color-gradient-midnight-blue-50); --color-utility-midnight-blue-100: var(--color-gradient-midnight-blue-100); --color-utility-midnight-blue-200: var(--color-gradient-midnight-blue-200); --color-utility-midnight-blue-300: var(--color-gradient-midnight-blue-300); --color-utility-midnight-blue-400: var(--color-gradient-midnight-blue-400); --color-utility-midnight-blue-500: var(--color-gradient-midnight-blue-500); --color-utility-midnight-blue-600: var(--color-gradient-midnight-blue-600); --color-utility-midnight-blue-700: var(--color-gradient-midnight-blue-700); --color-utility-crimson-red-50: var(--color-gradient-crimson-red-50); --color-utility-french-lilac-50: var(--color-gradient-french-lilac-50); --color-utility-persian-green-50: var(--color-gradient-persian-green-50); --color-utility-midnight-blue-50: var(--color-gradient-midnight-blue-50); --color-button-ai-stop-30: var(--color-button-ai-stop-30); --color-button-ai-stop-50: var(--color-button-ai-stop-50); --color-button-ai-stop-75: var(--color-button-ai-stop-75); --color-button-ai-stop-100: var(--color-button-ai-stop-100); --color-bubble-message-out-read-stop-0: var(--color-bubble-message-out-read-stop-0); --color-bubble-message-out-read-stop-100: var(--color-bubble-message-out-read-stop-100); --color-bubble-message-out-unread-stop-0: var(--color-bubble-message-out-unread-stop-0); --color-bubble-message-out-unread-stop-100: var(--color-bubble-message-out-unread-stop-100); --color-bubble-message-in-stop-0: var(--color-bubble-message-in-stop-0); --color-bubble-message-in-stop-100: var(--color-bubble-message-in-stop-100); --color-summary-card-bg-dark-deg0-stop-0: var(--color-summary-card-bg-dark-deg0-stop-0); --color-summary-card-bg-dark-deg0-stop-80: var(--color-summary-card-bg-dark-deg0-stop-80); --color-summary-card-bg-light-deg--52-stop-0: var(--color-summary-card-bg-light-deg--52-stop-0); --color-summary-card-bg-light-deg--52-stop-100: var(--color-summary-card-bg-light-deg--52-stop-100); --color-all-card-bg-dark-deg0-stop-0: var(--color-all-card-bg-dark-deg0-stop-0); --color-all-card-bg-dark-deg0-stop-80: var(--color-all-card-bg-dark-deg0-stop-80); --color-all-card-bg-light-solid: var(--color-all-card-bg-light-solid); --color-border-deg0-stop-0: var(--color-border-deg0-stop-0); --color-border-deg0-stop-68: var(--color-border-deg0-stop-68); --color-border-deg0-stop-100: var(--color-border-deg0-stop-100); --color-heading-fill-stop-0: var(--color-heading-fill-stop-0); --color-heading-fill-stop-50: var(--color-heading-fill-stop-50); --color-radial-deg0-stop-0: var(--color-radial-deg0-stop-0); --color-radial-deg0-stop-100: var(--color-radial-deg0-stop-100); --color-dark-fill-deg90-stop-0: var(--color-dark-fill-deg90-stop-0); --color-dark-fill-deg90-stop-100: var(--color-dark-fill-deg90-stop-100); --color-light-fill-deg90-stop-0: var(--color-light-fill-deg90-stop-0); --color-light-fill-deg90-stop-100: var(--color-light-fill-deg90-stop-100); --color-border-right: var(--color-border-right); --color-chart-fill-area-brand-deg180-stop-0: var(--color-chart-fill-area-brand-deg180-stop-0); --color-chart-fill-area-brand-deg180-stop-58: var(--color-chart-fill-area-brand-deg180-stop-58); --color-chart-fill-bar-brand-vertical-deg0-stop-0: var(--color-chart-fill-bar-brand-vertical-deg0-stop-0); --color-chart-fill-bar-brand-vertical-deg0-stop-100: var(--color-chart-fill-bar-brand-vertical-deg0-stop-100); --color-chart-fill-pie-brand-conic-deg180-stop-0: var(--color-chart-fill-pie-brand-conic-deg180-stop-0); --color-chart-fill-pie-brand-conic-deg180-stop-32: var(--color-chart-fill-pie-brand-conic-deg180-stop-32); --color-chart-fill-pie-brand-conic-deg180-stop-58: var(--color-chart-fill-pie-brand-conic-deg180-stop-58); --color-chart-fill-pie-brand-conic-deg180-stop-100: var(--color-chart-fill-pie-brand-conic-deg180-stop-100); --color-chart-fill-pie-zone-a: var(--color-chart-fill-pie-zone-a); --color-chart-fill-pie-zone-b: var(--color-chart-fill-pie-zone-b); --color-chart-fill-pie-zone-c: var(--color-chart-fill-pie-zone-c); --color-chart-fill-pie-zone-d: var(--color-chart-fill-pie-zone-d); --color-chart-fill-pie-zone-e: var(--color-chart-fill-pie-zone-e); --color-chart-fill-pie-zone-f: var(--color-chart-fill-pie-zone-f); --color-search-bar-general-stop-0: var(--color-search-bar-general-stop-0); --color-search-bar-general-stop-100: var(--color-search-bar-general-stop-100); --image-gradients-message-bg-in-bubble-chat: linear-gradient(90deg,var(--color-bubble-message-in-stop-0)0%,var(--color-bubble-message-in-stop-100)100%); --image-gradients-message-bg-out-read-bubble-chat: linear-gradient(267.7deg,var(--color-bubble-message-out-read-stop-0)1.93%,var(--color-bubble-message-out-read-stop-100)98.07%); --image-gradients-message-bg-out-unread-bubble-chat: linear-gradient(95.4deg,var(--color-bubble-message-out-unread-stop-0)4.32%,var(--color-bubble-message-out-unread-stop-100)95.68%); --image-gradients-avatar-outline-opentowork: linear-gradient(180deg,var(--color-avatar-outline-open-to-work-stop-0)0%,var(--color-avatar-outline-open-to-work-stop-100)100%); --image-gradients-avatar-outline-opentoprofesional: linear-gradient(180deg,var(--color-avatar-outline-open-to-professional-stop-0)0%,var(--color-avatar-outline-open-to-professional-stop-100)100%); --image-gradients-avatar-outline-opentocoach: linear-gradient(180deg,var(--color-avatar-outline-open-to-coach-stop-0)0%,var(--color-avatar-outline-open-to-coach-stop-100)100%); --image-gradients-fill-gradient-bg: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)100%); --image-gradients-buttons-gradient-blue: linear-gradient(101.09deg,var(--color-button-linear-stop-0); 0%,var(--color-button-linear-stop-100); 100%); --image-gradients-buttons-gradient-green: linear-gradient(154.16deg,var(--color-green-500)17.59%,var(--color-green-900)88.2%); --image-gradients-buttons-gradient-orange: linear-gradient(180deg,var(--color-gradient-linear-orange-0)0%,var(--color-gradient-linear-orange-58)57.69%); --image-gradients-buttons-button-action-bg: linear-gradient(94.49deg,var(--color-button-ai-stop-30)0.3%,var(--color-button-ai-stop-50)50%,var(--color-button-ai-stop-75)74.85%,var(--color-button-ai-stop-100)99.7%); --image-gradients-buttons-button-ai: linear-gradient(90.08deg,var(--color-button-ai-stop-30)30.65%,var(--color-button-ai-stop-100)99.92%); --image-gradients-cards-stroke-left: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)57.69%); --image-gradients-cards-card-bg: linear-gradient(180deg,var(--color-all-card-bg-dark-deg0-stop-0)0%,var(--color-all-card-bg-dark-deg0-stop-80)100%),linear-gradient(0deg,var(--color-all-card-bg-light-solid),var(--color-all-card-bg-light-solid)); --image-gradients-cards-summary-card-bg: linear-gradient(180deg,var(--color-summary-card-bg-dark-deg0-stop-0)0%,var(--color-summary-card-bg-dark-deg0-stop-80)100%),linear-gradient(110.05deg,var(--color-summary-card-bg-light-deg--52-stop-0)0%,var(--color-summary-card-bg-light-deg--52-stop-100)44.26%); --image-gradients-charts-area-fill-1: linear-gradient(180deg,var(--color-chart-fill-area-brand-deg180-stop-0)0%,var(--color-chart-fill-area-brand-deg180-stop-58)57.69%); --image-gradients-charts-bar-fill: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)57.69%); --image-gradients-charts-pie-fill: conic-gradient(from 180deg at 48.59% 50%,var(--color-chart-fill-pie-brand-conic-deg180-stop-0)0deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-32).14deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-58)115.96deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-100)209.42deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-0)360deg); --image-gradients-sidebar-bg-sidebar: radial-gradient(96.97% 53.03% at 100% 46.97%,var(--color-radial-deg0-stop-0)0.01%,var(--color-radial-deg0-stop-100)100%); --image-gradients-sidebar-fill-item-sidebar: linear-gradient(270deg,var(--color-light-fill-deg90-stop-0)5.39%,var(--color-light-fill-deg90-stop-100)100%),linear-gradient(270deg,var(--color-dark-fill-deg90-stop-0)5.39%,var(--color-dark-fill-deg90-stop-100)100%); --image-gradients-skuemorphic-gradient-border: linear-gradient(180deg,#ffffff1f 0%,#fff0 100%); --image-gradients-border-card: linear-gradient(180deg,var(--color-border-deg0-stop-0)0%,var(--color-border-deg0-stop-68)68.03%,var(--color-border-deg0-stop-100)100%);}@utility bg-image-*{background-image: --value(--image-gradients-*,[image]);}
1
+ @import "./themes/base.theme.css";@import "./themes/light.theme.css";@import "./themes/dark.theme.css";@import "./themes/night.theme.css";@import "./themes/xploreu.theme.css";@import "./themes/xplorehq.theme.css";@theme{--color-text-primary: var(--color-text-primary); --color-text-primary-on-brand: var(--color-text-primary-on-brand); --color-text-secondary: var(--color-text-secondary); --color-text-secondary-inverse: var(--color-text-secondary-inverse); --color-text-secondary-hover: var(--color-text-secondary-hover); --color-text-secondary-on-brand: var(--color-text-secondary-on-brand); --color-text-tertiary: var(--color-text-tertiary); --color-text-tertiary-hover: var(--color-text-tertiary-hover); --color-text-tertiary-on-brand: var(--color-text-tertiary-on-brand); --color-text-quaternary: var(--color-text-quaternary); --color-text-quaternary-on-brand: var(--color-text-quaternary-on-brand); --color-text-white: var(--color-text-white); --color-text-disabled: var(--color-text-disabled); --color-text-placeholder: var(--color-text-placeholder); --color-text-placeholder-subtle: var(--color-text-placeholder-subtle); --color-text-brand-primary: var(--color-text-brand-primary); --color-text-brand-secondary: var(--color-text-brand-secondary); --color-text-brand-secondary-hover: var(--color-text-brand-secondary-hover); --color-text-brand-tertiary: var(--color-text-brand-tertiary); --color-text-brand-tertiary-alt: var(--color-text-brand-tertiary-alt); --color-text-error-primary: var(--color-text-error-primary); --color-text-error-primary-hover: var(--color-text-error-primary-hover); --color-text-warning-primary: var(--color-text-warning-primary); --color-text-success-primary: var(--color-text-success-primary); --color-text-info-primary: var(--color-text-info-primary); --color-text-orange: var(--color-text-orange); --color-border-white: var(--color-border-white); --color-border-primary: var(--color-border-primary); --color-border-primary-icon: var(--color-border-primary-icon); --color-border-secondary: var(--color-border-secondary); --color-border-secondary-alt: var(--color-border-secondary-alt); --color-border-tertiary: var(--color-border-tertiary); --color-border-disabled: var(--color-border-disabled); --color-border-disabled-subtle: var(--color-border-disabled-subtle); --color-border-brand: var(--color-border-brand); --color-border-brand-alt: var(--color-border-brand-alt); --color-border-error: var(--color-border-error); --color-border-error-subtle: var(--color-border-error-subtle); --color-border-success: var(--color-border-success); --color-border-orange: var(--color-border-orange); --color-fg-primary: var(--color-fg-primary); --color-fg-secondary: var(--color-fg-secondary); --color-fg-secondary-hover: var(--color-fg-secondary-hover); --color-fg-tertiary: var(--color-fg-tertiary); --color-fg-tertiary-hover: var(--color-fg-tertiary-hover); --color-fg-quaternary: var(--color-fg-quaternary); --color-fg-quaternary-hover: var(--color-fg-quaternary-hover); --color-fg-white: var(--color-fg-white); --color-fg-disabled: var(--color-fg-disabled); --color-fg-disabled-subtle: var(--color-fg-disabled-subtle); --color-fg-brand-primary: var(--color-fg-brand-primary); --color-fg-brand-primary-alt: var(--color-fg-brand-primary-alt); --color-fg-brand-secondary: var(--color-fg-brand-secondary); --color-fg-brand-secondary-hover: var(--color-fg-brand-secondary-hover); --color-fg-brand-secondary-alt: var(--color-fg-brand-secondary-alt); --color-fg-error-primary: var(--color-fg-error-primary); --color-fg-error-secondary: var(--color-fg-error-secondary); --color-fg-warning-primary: var(--color-fg-warning-primary); --color-fg-warning-secondary: var(--color-fg-warning-secondary); --color-fg-success-primary: var(--color-fg-success-primary); --color-fg-success-secondary: var(--color-fg-success-secondary); --color-fg-info-primary: var(--color-fg-info-primary); --color-fg-info-secondary: var(--color-fg-info-secondary); --color-bg-primary-replace: var(--color-bg-primary-replace); --color-bg-primary: var(--color-bg-primary); --color-bg-primary-alt: var(--color-bg-primary-alt); --color-bg-primary-hover: var(--color-bg-primary-hover); --color-bg-primary-solid: var(--color-bg-primary-solid); --color-bg-secondary: var(--color-bg-secondary); --color-bg-secondary-alt: var(--color-bg-secondary-alt); --color-bg-secondary-hover: var(--color-bg-secondary-hover); --color-bg-secondary-subtle: var(--color-bg-secondary-subtle); --color-bg-secondary-solid: var(--color-bg-secondary-solid); --color-bg-tertiary: var(--color-bg-tertiary); --color-bg-quaternary: var(--color-bg-quaternary); --color-bg-active: var(--color-bg-active); --color-bg-disabled: var(--color-bg-disabled); --color-bg-disabled-subtle: var(--color-bg-disabled-subtle); --color-bg-overlay: var(--color-bg-overlay); --color-bg-brand-primary: var(--color-bg-brand-primary); --color-bg-brand-primary-alt: var(--color-bg-brand-primary-alt); --color-bg-brand-secondary: var(--color-bg-brand-secondary); --color-bg-brand-solid: var(--color-bg-brand-solid); --color-bg-brand-solid-hover: var(--color-bg-brand-solid-hover); --color-bg-brand-section: var(--color-bg-brand-section); --color-bg-brand-section-subtle: var(--color-bg-brand-section-subtle); --color-bg-error-primary: var(--color-bg-error-primary); --color-bg-error-secondary: var(--color-bg-error-secondary); --color-bg-error-solid: var(--color-bg-error-solid); --color-bg-error-solid-hover: var(--color-bg-error-solid-hover); --color-bg-warning-primary: var(--color-bg-warning-primary); --color-bg-warning-secondary: var(--color-bg-warning-secondary); --color-bg-warning-solid: var(--color-bg-warning-solid); --color-bg-success-primary: var(--color-bg-success-primary); --color-bg-success-secondary: var(--color-bg-success-secondary); --color-bg-success-solid: var(--color-bg-success-solid); --color-info-bg-primary: var(--color-info-bg-primary); --color-bg-info-secondary: var(--color-bg-info-secondary); --color-bg-info-solid: var(--color-bg-info-solid); --color-orange-bg-primary: var(--color-orange-bg-primary); --color-shadow-xs: var(--color-shadow-xs); --color-shadow-sm-01: var(--color-shadow-sm-01); --color-shadow-sm-02: var(--color-shadow-sm-02); --color-shadow-md-01: var(--color-shadow-md-01); --color-shadow-md-02: var(--color-shadow-md-02); --color-shadow-lg-01: var(--color-shadow-lg-01); --color-shadow-lg-02: var(--color-shadow-lg-02); --color-shadow-lg-03: var(--color-shadow-lg-03); --color-shadow-xl-01: var(--color-shadow-xl-01); --color-shadow-xl-02: var(--color-shadow-xl-02); --color-shadow-xl-03: var(--color-shadow-xl-03); --color-shadow-2xl-01: var(--color-shadow-2xl-01); --color-shadow-2xl-02: var(--color-shadow-2xl-02); --color-shadow-3xl-01: var(--color-shadow-3xl-01); --color-shadow-3xl-02: var(--color-shadow-3xl-02); --color-shadow-skeumorphic-inner: var(--color-shadow-skeumorphic-inner); --color-shadow-skeumorphic-inner-border: var(--color-shadow-skeumorphic-inner-border); --color-focus-ring: var(--color-focus-ring); --color-focus-ring-error: var(--color-focus-ring-error); --color-focus-ring-success: var(--color-focus-ring-success); --color-focus-ring-orange: var(--color-focus-ring-orange); --color-alpha-white-05: var(--color-alpha-white-05); --color-alpha-white-10: var(--color-alpha-white-10); --color-alpha-white-20: var(--color-alpha-white-20); --color-alpha-white-30: var(--color-alpha-white-30); --color-alpha-white-40: var(--color-alpha-white-40); --color-alpha-white-50: var(--color-alpha-white-50); --color-alpha-white-60: var(--color-alpha-white-60); --color-alpha-white-70: var(--color-alpha-white-70); --color-alpha-white-80: var(--color-alpha-white-80); --color-alpha-white-90: var(--color-alpha-white-90); --color-alpha-white-100: var(--color-alpha-white-100); --color-alpha-black-05: var(--color-alpha-black-05); --color-alpha-black-10: var(--color-alpha-black-10); --color-alpha-black-20: var(--color-alpha-black-20); --color-alpha-black-30: var(--color-alpha-black-30); --color-alpha-black-40: var(--color-alpha-black-40); --color-alpha-black-50: var(--color-alpha-black-50); --color-alpha-black-60: var(--color-alpha-black-60); --color-alpha-black-70: var(--color-alpha-black-70); --color-alpha-black-80: var(--color-alpha-black-80); --color-alpha-black-90: var(--color-alpha-black-90); --color-alpha-black-100: var(--color-alpha-black-100); --color-app-store-badge-border: var(--color-app-store-badge-border); --color-avatar-styles-bg-neutral: var(--color-avatar-styles-bg-neutral); --color-avatar-outline-open-to-work-stop-0: var(--color-avatar-outline-open-to-work-stop-0); --color-avatar-outline-open-to-work-stop-100: var(--color-avatar-outline-open-to-work-stop-100); --color-avatar-outline-open-to-profesional-stop-0: var(--color-avatar-outline-open-to-profesional-stop-0); --color-avatar-outline-open-to-profesional-stop-100: var(--color-avatar-outline-open-to-profesional-stop-100); --color-avatar-outline-open-to-coach-stop-0: var(--color-avatar-outline-open-to-coach-stop-0); --color-avatar-outline-open-to-coach-stop-100: var(--color-avatar-outline-open-to-coach-stop-100); --color-button-primary-icon: var(--color-button-primary-icon); --color-button-primary-icon-hover: var(--color-button-primary-icon-hover); --color-button-destructive-primary-icon: var(--color-button-destructive-primary-icon); --color-button-destructive-primary-icon-hover: var(--color-button-destructive-primary-icon-hover); --color-button-orange-icon: var(--color-button-orange-icon); --color-button-orange-icon-hover: var(--color-button-orange-icon-hover); --color-button-overlay-linear-stop0: var(--color-button-overlay-linear-stop0); --color-button-overlay-linear-stop100: var(--color-button-overlay-linear-stop100); --color-button-linear-stop-0: var(--color-button-linear-stop-0); --color-button-linear-stop-100: var(--color-button-linear-stop-100); --color-footer-button-fg: var(--color-footer-button-fg); --color-footer-button-fg-hover: var(--color-footer-button-fg-hover); --color-icon-fg-brand: var(--color-icon-fg-brand); --color-icon-fg-brand-on-brand: var(--color-icon-fg-brand-on-brand); --color-featured-icon-light-fg-brand: var(--color-featured-icon-light-fg-brand); --color-featured-icon-light-fg-gray: var(--color-featured-icon-light-fg-gray); --color-featured-icon-light-fg-error: var(--color-featured-icon-light-fg-error); --color-featured-icon-light-fg-warning: var(--color-featured-icon-light-fg-warning); --color-featured-icon-light-fg-success: var(--color-featured-icon-light-fg-success); --color-featured-icon-light-fg-info: var(--color-featured-icon-light-fg-info); --color-screen-mockup-border: var(--color-screen-mockup-border); --color-slider-handle-bg: var(--color-slider-handle-bg); --color-slider-handle-border: var(--color-slider-handle-border); --color-toggle-button-fg-disabled: var(--color-toggle-button-fg-disabled); --color-toggle-border: var(--color-toggle-border); --color-toggle-slim-border-pressed: var(--color-toggle-slim-border-pressed); --color-toggle-slim-border-pressed-hover: var(--color-toggle-slim-border-pressed-hover); --color-tooltip-supporting-text: var(--color-tooltip-supporting-text); --color-text-editor-icon-fg: var(--color-text-editor-icon-fg); --color-text-editor-icon-fg-active: var(--color-text-editor-icon-fg-active); --color-indicator-message-sent: var(--color-indicator-message-sent); --color-indicator-message-delivered: var(--color-indicator-message-delivered); --color-indicator-message-seen-outline: var(--color-indicator-message-seen-outline); --color-indicator-message-seen-fill: var(--color-indicator-message-seen-fill); --color-snippet-bg: var(--color-snippet-bg); --color-snippet-border: var(--color-snippet-border); --color-snippet-on-bubble-bg-out: var(--color-snippet-on-bubble-bg-out); --color-snippet-on-bubble-border-out: var(--color-snippet-on-bubble-border-out); --color-snippet-on-bubble-bg-in: var(--color-snippet-on-bubble-bg-in); --color-snippet-on-bubble-border-in: var(--color-snippet-on-bubble-border-in); --color-container-post-bg: var(--color-container-post-bg); --color-utility-gray-50: var(--color-gray-light-mode-50); --color-utility-gray-100: var(--color-gray-light-mode-100); --color-utility-gray-200: var(--color-gray-light-mode-200); --color-utility-gray-300: var(--color-gray-light-mode-300); --color-utility-gray-400: var(--color-gray-light-mode-400); --color-utility-gray-500: var(--color-gray-light-mode-500); --color-utility-gray-600: var(--color-gray-light-mode-600); --color-utility-gray-700: var(--color-gray-light-mode-700); --color-utility-gray-800: var(--color-gray-light-mode-800); --color-utility-gray-900: var(--color-gray-light-mode-900); --color-utility-brand-50: var(--color-brand-light-50); --color-utility-brand-100: var(--color-brand-light-100); --color-utility-brand-200: var(--color-brand-light-200); --color-utility-brand-300: var(--color-brand-light-300); --color-utility-brand-400: var(--color-brand-light-400); --color-utility-brand-500: var(--color-brand-light-500); --color-utility-brand-600: var(--color-brand-light-600); --color-utility-brand-700: var(--color-brand-light-700); --color-utility-brand-800: var(--color-brand-light-800); --color-utility-brand-900: var(--color-brand-light-900); --color-utility-error-50: var(--color-error-50); --color-utility-error-100: var(--color-error-100); --color-utility-error-200: var(--color-error-200); --color-utility-error-300: var(--color-error-300); --color-utility-error-400: var(--color-error-400); --color-utility-error-500: var(--color-error-500); --color-utility-error-600: var(--color-error-600); --color-utility-error-700: var(--color-error-700); --color-utility-warning-50: var(--color-warning-50); --color-utility-warning-100: var(--color-warning-100); --color-utility-warning-200: var(--color-warning-200); --color-utility-warning-300: var(--color-warning-300); --color-utility-warning-400: var(--color-warning-400); --color-utility-warning-500: var(--color-warning-500); --color-utility-warning-600: var(--color-warning-600); --color-utility-warning-700: var(--color-warning-700); --color-utility-success-50: var(--color-success-50); --color-utility-success-100: var(--color-success-100); --color-utility-success-200: var(--color-success-200); --color-utility-success-300: var(--color-success-300); --color-utility-success-400: var(--color-success-400); --color-utility-success-500: var(--color-success-500); --color-utility-success-600: var(--color-success-600); --color-utility-success-700: var(--color-success-700); --color-utility-blue-light-50: var(--color-blue-light-50); --color-utility-blue-light-100: var(--color-blue-light-100); --color-utility-blue-light-200: var(--color-blue-light-200); --color-utility-blue-light-300: var(--color-blue-light-300); --color-utility-blue-light-400: var(--color-blue-light-400); --color-utility-blue-light-500: var(--color-blue-light-500); --color-utility-blue-light-600: var(--color-blue-light-600); --color-utility-blue-light-700: var(--color-blue-light-700); --color-utility-blue-50: var(--color-blue-50); --color-utility-blue-100: var(--color-blue-100); --color-utility-blue-200: var(--color-blue-200); --color-utility-blue-300: var(--color-blue-300); --color-utility-blue-400: var(--color-blue-400); --color-utility-blue-500: var(--color-blue-500); --color-utility-blue-600: var(--color-blue-600); --color-utility-blue-700: var(--color-blue-700); --color-utility-blue-50: var(--color-ultramarine-blue-50); --color-utility-blue-100: var(--color-ultramarine-blue-100); --color-utility-blue-200: var(--color-ultramarine-blue-200); --color-utility-blue-300: var(--color-ultramarine-blue-300); --color-utility-blue-400: var(--color-ultramarine-blue-400); --color-utility-blue-500: var(--color-ultramarine-blue-500); --color-utility-blue-600: var(--color-ultramarine-blue-600); --color-utility-blue-700: var(--color-ultramarine-blue-700); --color-utility-blue-dark-50: var(--color-blue-dark-50); --color-utility-blue-dark-100: var(--color-blue-dark-100); --color-utility-blue-dark-200: var(--color-blue-dark-200); --color-utility-blue-dark-300: var(--color-blue-dark-300); --color-utility-blue-dark-400: var(--color-blue-dark-400); --color-utility-blue-dark-500: var(--color-blue-dark-500); --color-utility-blue-dark-600: var(--color-blue-dark-600); --color-utility-blue-dark-700: var(--color-blue-dark-700); --color-utility-indigo-50: var(--color-indigo-50); --color-utility-indigo-100: var(--color-indigo-100); --color-utility-indigo-200: var(--color-indigo-200); --color-utility-indigo-300: var(--color-indigo-300); --color-utility-indigo-400: var(--color-indigo-400); --color-utility-indigo-500: var(--color-indigo-500); --color-utility-indigo-600: var(--color-indigo-600); --color-utility-indigo-700: var(--color-indigo-700); --color-utility-purple-50: var(--color-purple-50); --color-utility-purple-100: var(--color-purple-100); --color-utility-purple-200: var(--color-purple-200); --color-utility-purple-300: var(--color-purple-300); --color-utility-purple-400: var(--color-purple-400); --color-utility-purple-500: var(--color-purple-500); --color-utility-purple-600: var(--color-purple-600); --color-utility-purple-700: var(--color-purple-700); --color-utility-fuchsia-50: var(--color-fuchsia-50); --color-utility-fuchsia-100: var(--color-fuchsia-100); --color-utility-fuchsia-200: var(--color-fuchsia-200); --color-utility-fuchsia-300: var(--color-fuchsia-300); --color-utility-fuchsia-400: var(--color-fuchsia-400); --color-utility-fuchsia-500: var(--color-fuchsia-500); --color-utility-fuchsia-600: var(--color-fuchsia-600); --color-utility-fuchsia-700: var(--color-fuchsia-700); --color-utility-pink-50: var(--color-pink-50); --color-utility-pink-100: var(--color-pink-100); --color-utility-pink-200: var(--color-pink-200); --color-utility-pink-300: var(--color-pink-300); --color-utility-pink-400: var(--color-pink-400); --color-utility-pink-500: var(--color-pink-500); --color-utility-pink-600: var(--color-pink-600); --color-utility-pink-700: var(--color-pink-700); --color-utility-green-50: var(--color-green-50); --color-utility-green-100: var(--color-green-100); --color-utility-green-200: var(--color-green-200); --color-utility-green-300: var(--color-green-300); --color-utility-green-400: var(--color-green-400); --color-utility-green-500: var(--color-green-500); --color-utility-green-600: var(--color-green-600); --color-utility-green-700: var(--color-green-700); --color-utility-orange-dark-50: var(--color-orange-dark-50); --color-utility-orange-dark-100: var(--color-orange-dark-100); --color-utility-orange-dark-200: var(--color-orange-dark-200); --color-utility-orange-dark-300: var(--color-orange-dark-300); --color-utility-orange-dark-400: var(--color-orange-dark-400); --color-utility-orange-dark-500: var(--color-orange-dark-500); --color-utility-orange-dark-600: var(--color-orange-dark-600); --color-utility-orange-dark-700: var(--color-orange-dark-700); --color-utility-orange-50: var(--color-orange-50); --color-utility-orange-100: var(--color-orange-100); --color-utility-orange-200: var(--color-orange-200); --color-utility-orange-300: var(--color-orange-300); --color-utility-orange-400: var(--color-orange-400); --color-utility-orange-500: var(--color-orange-500); --color-utility-orange-600: var(--color-orange-600); --color-utility-orange-700: var(--color-orange-700); --color-utility-orange-terracotta-50: var(--color-terracotta-orange-50); --color-utility-orange-terracotta-100: var(--color-terracotta-orange-100); --color-utility-orange-terracotta-200: var(--color-terracotta-orange-200); --color-utility-orange-terracotta-300: var(--color-terracotta-orange-300); --color-utility-orange-terracotta-400: var(--color-terracotta-orange-400); --color-utility-orange-terracotta-500: var(--color-terracotta-orange-500); --color-utility-orange-terracotta-600: var(--color-terracotta-orange-600); --color-utility-orange-terracotta-700: var(--color-terracotta-orange-700); --color-utility-yellow-50: var(--color-yellow-50); --color-utility-yellow-100: var(--color-yellow-100); --color-utility-yellow-200: var(--color-yellow-200); --color-utility-yellow-300: var(--color-yellow-300); --color-utility-yellow-400: var(--color-yellow-400); --color-utility-yellow-500: var(--color-yellow-500); --color-utility-yellow-600: var(--color-yellow-600); --color-utility-yellow-700: var(--color-yellow-700); --color-utility-sunset-orange-50: var(--color-sunset-orange-50); --color-utility-sunset-orange-100: var(--color-sunset-orange-100); --color-utility-sunset-orange-200: var(--color-sunset-orange-200); --color-utility-sunset-orange-300: var(--color-sunset-orange-300); --color-utility-sunset-orange-400: var(--color-sunset-orange-400); --color-utility-sunset-orange-500: var(--color-sunset-orange-500); --color-utility-sunset-orange-600: var(--color-sunset-orange-600); --color-utility-sunset-orange-700: var(--color-sunset-orange-700); --color-utility-crimson-red-50: var(--color-gradient-crimson-red-50); --color-utility-crimson-red-100: var(--color-gradient-crimson-red-100); --color-utility-crimson-red-200: var(--color-gradient-crimson-red-200); --color-utility-crimson-red-300: var(--color-gradient-crimson-red-300); --color-utility-crimson-red-400: var(--color-gradient-crimson-red-400); --color-utility-crimson-red-500: var(--color-gradient-crimson-red-500); --color-utility-crimson-red-600: var(--color-gradient-crimson-red-600); --color-utility-crimson-red-700: var(--color-gradient-crimson-red-700); --color-utility-french-lilac-50: var(--color-gradient-french-lilac-50); --color-utility-french-lilac-100: var(--color-gradient-french-lilac-100); --color-utility-french-lilac-200: var(--color-gradient-french-lilac-200); --color-utility-french-lilac-300: var(--color-gradient-french-lilac-300); --color-utility-french-lilac-400: var(--color-gradient-french-lilac-400); --color-utility-french-lilac-500: var(--color-gradient-french-lilac-500); --color-utility-french-lilac-600: var(--color-gradient-french-lilac-600); --color-utility-french-lilac-700: var(--color-gradient-french-lilac-700); --color-utility-persian-green-50: var(--color-gradient-persian-green-50); --color-utility-persian-green-100: var(--color-gradient-persian-green-100); --color-utility-persian-green-200: var(--color-gradient-persian-green-200); --color-utility-persian-green-300: var(--color-gradient-persian-green-300); --color-utility-persian-green-400: var(--color-gradient-persian-green-400); --color-utility-persian-green-500: var(--color-gradient-persian-green-500); --color-utility-persian-green-600: var(--color-gradient-persian-green-600); --color-utility-persian-green-700: var(--color-gradient-persian-green-700); --color-utility-midnight-blue-50: var(--color-gradient-midnight-blue-50); --color-utility-midnight-blue-100: var(--color-gradient-midnight-blue-100); --color-utility-midnight-blue-200: var(--color-gradient-midnight-blue-200); --color-utility-midnight-blue-300: var(--color-gradient-midnight-blue-300); --color-utility-midnight-blue-400: var(--color-gradient-midnight-blue-400); --color-utility-midnight-blue-500: var(--color-gradient-midnight-blue-500); --color-utility-midnight-blue-600: var(--color-gradient-midnight-blue-600); --color-utility-midnight-blue-700: var(--color-gradient-midnight-blue-700); --color-utility-crimson-red-50: var(--color-gradient-crimson-red-50); --color-utility-french-lilac-50: var(--color-gradient-french-lilac-50); --color-utility-persian-green-50: var(--color-gradient-persian-green-50); --color-utility-midnight-blue-50: var(--color-gradient-midnight-blue-50); --color-button-ai-stop-30: var(--color-button-ai-stop-30); --color-button-ai-stop-50: var(--color-button-ai-stop-50); --color-button-ai-stop-75: var(--color-button-ai-stop-75); --color-button-ai-stop-100: var(--color-button-ai-stop-100); --color-bubble-message-out-read-stop-0: var(--color-bubble-message-out-read-stop-0); --color-bubble-message-out-read-stop-100: var(--color-bubble-message-out-read-stop-100); --color-bubble-message-out-unread-stop-0: var(--color-bubble-message-out-unread-stop-0); --color-bubble-message-out-unread-stop-100: var(--color-bubble-message-out-unread-stop-100); --color-bubble-message-in-stop-0: var(--color-bubble-message-in-stop-0); --color-bubble-message-in-stop-100: var(--color-bubble-message-in-stop-100); --color-summary-card-bg-dark-deg0-stop-0: var(--color-summary-card-bg-dark-deg0-stop-0); --color-summary-card-bg-dark-deg0-stop-80: var(--color-summary-card-bg-dark-deg0-stop-80); --color-summary-card-bg-light-deg--52-stop-0: var(--color-summary-card-bg-light-deg--52-stop-0); --color-summary-card-bg-light-deg--52-stop-100: var(--color-summary-card-bg-light-deg--52-stop-100); --color-all-card-bg-dark-deg0-stop-0: var(--color-all-card-bg-dark-deg0-stop-0); --color-all-card-bg-dark-deg0-stop-80: var(--color-all-card-bg-dark-deg0-stop-80); --color-all-card-bg-light-solid: var(--color-all-card-bg-light-solid); --color-border-deg0-stop-0: var(--color-border-deg0-stop-0); --color-border-deg0-stop-68: var(--color-border-deg0-stop-68); --color-border-deg0-stop-100: var(--color-border-deg0-stop-100); --color-heading-fill-stop-0: var(--color-heading-fill-stop-0); --color-heading-fill-stop-50: var(--color-heading-fill-stop-50); --color-radial-deg0-stop-0: var(--color-radial-deg0-stop-0); --color-radial-deg0-stop-100: var(--color-radial-deg0-stop-100); --color-dark-fill-deg90-stop-0: var(--color-dark-fill-deg90-stop-0); --color-dark-fill-deg90-stop-100: var(--color-dark-fill-deg90-stop-100); --color-light-fill-deg90-stop-0: var(--color-light-fill-deg90-stop-0); --color-light-fill-deg90-stop-100: var(--color-light-fill-deg90-stop-100); --color-border-right: var(--color-border-right); --color-chart-fill-area-brand-deg180-stop-0: var(--color-chart-fill-area-brand-deg180-stop-0); --color-chart-fill-area-brand-deg180-stop-58: var(--color-chart-fill-area-brand-deg180-stop-58); --color-chart-fill-bar-brand-vertical-deg0-stop-0: var(--color-chart-fill-bar-brand-vertical-deg0-stop-0); --color-chart-fill-bar-brand-vertical-deg0-stop-100: var(--color-chart-fill-bar-brand-vertical-deg0-stop-100); --color-chart-fill-pie-brand-conic-deg180-stop-0: var(--color-chart-fill-pie-brand-conic-deg180-stop-0); --color-chart-fill-pie-brand-conic-deg180-stop-32: var(--color-chart-fill-pie-brand-conic-deg180-stop-32); --color-chart-fill-pie-brand-conic-deg180-stop-58: var(--color-chart-fill-pie-brand-conic-deg180-stop-58); --color-chart-fill-pie-brand-conic-deg180-stop-100: var(--color-chart-fill-pie-brand-conic-deg180-stop-100); --color-chart-fill-pie-zone-a: var(--color-chart-fill-pie-zone-a); --color-chart-fill-pie-zone-b: var(--color-chart-fill-pie-zone-b); --color-chart-fill-pie-zone-c: var(--color-chart-fill-pie-zone-c); --color-chart-fill-pie-zone-d: var(--color-chart-fill-pie-zone-d); --color-chart-fill-pie-zone-e: var(--color-chart-fill-pie-zone-e); --color-chart-fill-pie-zone-f: var(--color-chart-fill-pie-zone-f); --color-search-bar-general-stop-0: var(--color-search-bar-general-stop-0); --color-search-bar-general-stop-100: var(--color-search-bar-general-stop-100);}
package/dist/v2/gradient.css ADDED
@@ -0,0 +1 @@
1
+ @theme{--gradient-message-bg-in-bubble-chat: linear-gradient(90deg,var(--color-bubble-message-in-stop-0)0%,var(--color-bubble-message-in-stop-100)100%); --gradient-message-bg-out-read-bubble-chat: linear-gradient(267.7deg,var(--color-bubble-message-out-read-stop-0)1.93%,var(--color-bubble-message-out-read-stop-100)98.07%); --gradient-message-bg-out-unread-bubble-chat: linear-gradient(95.4deg,var(--color-bubble-message-out-unread-stop-0)4.32%,var(--color-bubble-message-out-unread-stop-100)95.68%); --gradient-avatar-outline-opentowork: linear-gradient(180deg,var(--color-avatar-outline-open-to-work-stop-0)0%,var(--color-avatar-outline-open-to-work-stop-100)100%); --gradient-avatar-outline-opentoprofesional: linear-gradient(180deg,var(--color-avatar-outline-open-to-professional-stop-0)0%,var(--color-avatar-outline-open-to-professional-stop-100)100%); --gradient-avatar-outline-opentocoach: linear-gradient(180deg,var(--color-avatar-outline-open-to-coach-stop-0)0%,var(--color-avatar-outline-open-to-coach-stop-100)100%); --gradient-fill-gradient-bg: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)100%); --gradient-buttons-gradient-blue: linear-gradient(101.09deg,var(--color-button-linear-stop-0); 0%,var(--color-button-linear-stop-100); 100%); --gradient-buttons-gradient-green: linear-gradient(154.16deg,var(--color-green-500)17.59%,var(--color-green-900)88.2%); --gradient-buttons-gradient-orange: linear-gradient(180deg,var(--color-gradient-linear-orange-0)0%,var(--color-gradient-linear-orange-58)57.69%); --gradient-buttons-button-action-bg: linear-gradient(94.49deg,var(--color-button-ai-stop-30)0.3%,var(--color-button-ai-stop-50)50%,var(--color-button-ai-stop-75)74.85%,var(--color-button-ai-stop-100)99.7%); --gradient-buttons-button-ai: linear-gradient(90.08deg,var(--color-button-ai-stop-30)30.65%,var(--color-button-ai-stop-100)99.92%); --gradient-cards-stroke-left: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)57.69%); --gradient-cards-card-bg: linear-gradient(180deg,var(--color-all-card-bg-dark-deg0-stop-0)0%,var(--color-all-card-bg-dark-deg0-stop-80)100%),linear-gradient(0deg,var(--color-all-card-bg-light-solid),var(--color-all-card-bg-light-solid)); --gradient-cards-summary-card-bg: linear-gradient(180deg,var(--color-summary-card-bg-dark-deg0-stop-0)0%,var(--color-summary-card-bg-dark-deg0-stop-80)100%),linear-gradient(110.05deg,var(--color-summary-card-bg-light-deg--52-stop-0)0%,var(--color-summary-card-bg-light-deg--52-stop-100)44.26%); --gradient-charts-area-fill-1: linear-gradient(180deg,var(--color-chart-fill-area-brand-deg180-stop-0)0%,var(--color-chart-fill-area-brand-deg180-stop-58)57.69%); --gradient-charts-bar-fill: linear-gradient(180deg,var(--color-chart-fill-bar-brand-vertical-deg0-stop-0)0%,var(--color-chart-fill-bar-brand-vertical-deg0-stop-100)57.69%); --gradient-charts-pie-fill: conic-gradient(from 180deg at 48.59% 50%,var(--color-chart-fill-pie-brand-conic-deg180-stop-0)0deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-32).14deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-58)115.96deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-100)209.42deg,var(--color-chart-fill-pie-brand-conic-deg180-stop-0)360deg); --gradient-sidebar-bg-sidebar: radial-gradient(96.97% 53.03% at 100% 46.97%,var(--color-radial-deg0-stop-0)0.01%,var(--color-radial-deg0-stop-100)100%); --gradient-sidebar-fill-item-sidebar: linear-gradient(270deg,var(--color-light-fill-deg90-stop-0)5.39%,var(--color-light-fill-deg90-stop-100)100%),linear-gradient(270deg,var(--color-dark-fill-deg90-stop-0)5.39%,var(--color-dark-fill-deg90-stop-100)100%); --gradient-skuemorphic-gradient-border: linear-gradient(180deg,#ffffff1f 0%,#fff0 100%); --gradient-border-card: linear-gradient(180deg,var(--color-border-deg0-stop-0)0%,var(--color-border-deg0-stop-68)68.03%,var(--color-border-deg0-stop-100)100%);}@utility bg-gradient-*{background-image: --value(--gradient-*,[image]);}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xploreu/styles",
3
- "version": "1.4.2",
3
+ "version": "1.4.3",
4
4
  "description": "Shared styles for XploreU apps",
5
5
  "keywords": [],
6
6
  "license": "MIT",