wehub-resource-sync
161 lines
6.6 KiB
CSS
161 lines
6.6 KiB
CSS
/* ------------------------------------------------------------------------------------------------
|
|
* Component Styles
|
|
* ------------------------------------------------------------------------------------------------
|
|
* CRITICAL: Import order matters for CSS specificity and style overrides.
|
|
*
|
|
* General Rule: Shared/primitive components MUST be imported FIRST, before components that use them.
|
|
* This ensures that parent component styles can properly override shared component defaults.
|
|
*
|
|
* Organization: Components are grouped by their Storybook categories (Components/Category/Name)
|
|
* to maintain consistency between documentation and implementation.
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Shared Components - MUST Import FIRST
|
|
* ------------------------------------------------------------------------------------------------
|
|
* These are used by multiple components and must be imported early to allow proper overrides.
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./close-button.css";
|
|
@import "./description.css";
|
|
@import "./error-message.css";
|
|
@import "./field-error.css";
|
|
@import "./label.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Navigation
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./accordion.css";
|
|
@import "./breadcrumbs.css";
|
|
@import "./disclosure-group.css";
|
|
@import "./disclosure.css";
|
|
@import "./link.css";
|
|
@import "./pagination.css";
|
|
@import "./tabs.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Buttons
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./button.css";
|
|
@import "./button-group.css";
|
|
@import "./toggle-button.css";
|
|
@import "./toggle-button-group.css";
|
|
@import "./toolbar.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Collections
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./dropdown.css";
|
|
@import "./list-box-item.css";
|
|
@import "./list-box-section.css";
|
|
@import "./list-box.css";
|
|
@import "./menu-item.css";
|
|
@import "./menu-section.css";
|
|
@import "./menu.css";
|
|
@import "./tag-group.css";
|
|
@import "./tag.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Colors
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./color-area.css";
|
|
@import "./color-picker.css";
|
|
@import "./color-slider.css";
|
|
@import "./color-swatch.css";
|
|
@import "./color-swatch-picker.css";
|
|
@import "./color-input-group.css";
|
|
@import "./color-field.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Controls
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./slider.css";
|
|
@import "./switch.css";
|
|
@import "./switch-group.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* DataDisplay
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./badge.css";
|
|
@import "./chip.css";
|
|
@import "./table.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Feedback
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./alert.css";
|
|
@import "./empty-state.css";
|
|
@import "./skeleton.css";
|
|
@import "./meter.css";
|
|
@import "./progress-bar.css";
|
|
@import "./progress-circle.css";
|
|
@import "./spinner.css";
|
|
@import "./toast.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Forms
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./checkbox-group.css";
|
|
@import "./checkbox.css";
|
|
@import "./fieldset.css";
|
|
@import "./input-otp.css";
|
|
@import "./input.css";
|
|
@import "./input-group.css";
|
|
@import "./number-field.css";
|
|
@import "./radio-group.css";
|
|
@import "./radio.css";
|
|
@import "./textfield.css";
|
|
@import "./search-field.css";
|
|
@import "./textarea.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Date & Time
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./calendar.css";
|
|
@import "./range-calendar.css";
|
|
@import "./calendar-year-picker.css";
|
|
@import "./date-field.css";
|
|
@import "./time-field.css";
|
|
@import "./date-input-group.css";
|
|
@import "./date-picker.css";
|
|
@import "./date-range-picker.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Layout
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./card.css";
|
|
@import "./header.css";
|
|
@import "./separator.css";
|
|
@import "./surface.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Media
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./avatar.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Overlays
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./alert-dialog.css";
|
|
@import "./drawer.css";
|
|
@import "./modal.css";
|
|
@import "./popover.css";
|
|
@import "./tooltip.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Pickers
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./combo-box.css";
|
|
@import "./select.css";
|
|
@import "./autocomplete.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Typography
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./kbd.css";
|
|
@import "./typography.css";
|
|
|
|
/* ------------------------------------------------------------------------------------------------
|
|
* Utilities
|
|
* ------------------------------------------------------------------------------------------------ */
|
|
@import "./scroll-shadow.css";
|