@c8y/style/styles/index.less

Styles for Cumulocity IoT applications

/**
 * @c8y/style - Main Entry Point
 *
 * This file imports all styles in the correct order.
 * Files are now organized into logical subdirectories.
 */

// ====================
// VARIABLES & MIXINS
// ====================
@import '_mixins.less';

// ====================
// BASE / FOUNDATION
// ====================
@import 'base/_normalize';
@import 'base/_scaffolding';
@import 'base/_type';
@import 'base/_print';

// ====================
// ANIMATIONS
// ====================
@import 'animations/_component-animations';
@import 'animations/_animate';
@import 'animations/_spinner-snake';
@import 'animations/_realtime-animation-list';
@import 'animations/_spinner';

// ====================
// CORE - Forms
// ====================
@import 'core/forms/_forms';
@import 'core/forms/_input-groups';
@import 'core/forms/_c8y-switch';
@import 'core/forms/_file-picker';

// ====================
// CORE - Buttons
// ====================
@import 'core/buttons/_buttons';
@import 'core/buttons/_button-groups';

// ====================
// CORE - Feedback
// ====================
@import 'core/feedback/_alerts';
@import 'core/feedback/_badges';
/* Deprecated: To be replaced by Tag component. Still used in 572 places. */
@import 'core/feedback/_labels';
@import 'core/feedback/_tag';
@import 'core/feedback/_tooltip';
@import 'core/feedback/_close';
@import 'core/feedback/_progress-bars';

// ====================
// CORE - Overlays
// ====================
@import 'core/overlays/_modals';
@import 'core/overlays/_dropdowns';
@import 'core/overlays/_popovers';
@import 'core/overlays/_c8y-wizard';
@import 'core/overlays/_c8y-dashboard-modal';

// ====================
// COMPONENTS - Data Display & Visualization
// ====================
// Lists
@import 'components/data-display-and-visualization/lists/_list-group';
@import 'components/data-display-and-visualization/lists/_c8y-list-group';
// Deprecated: Migrate to c8y-list-group. Still used in 2 files (AngularJS).
@import 'components/data-display-and-visualization/lists/_timeline-list.less';
@import 'components/data-display-and-visualization/lists/_c8y-empty-state';
// NOTE: _cards-layout moved after _card to preserve CSS cascade order
@import 'components/data-display-and-visualization/lists/_c8y-data-point-list';
@import 'components/data-display-and-visualization/lists/_smart-rules-template-list';
// Tables
@import 'components/data-display-and-visualization/tables/_tables';
@import 'components/data-display-and-visualization/tables/_data-grid';
@import 'components/data-display-and-visualization/tables/_resizable-grid';
// Ranges & Timelines
@import 'components/data-display-and-visualization/_range-display';
@import 'components/data-display-and-visualization/_timelines-chart';
@import 'components/data-display-and-visualization/_boxed-label';

// ====================
// COMPONENTS - Data Input
// ====================
// Assets
@import 'components/data-input/assets/_c8y-asset-selector';
@import 'components/data-input/assets/_c8y-asset-selector-miller';
@import 'components/data-input/assets/_c8y-asset-notes';
@import 'components/data-input/assets/_asset-property-list';
@import 'components/data-input/assets/_asset-table';
@import 'components/data-input/assets/_c8y-child-assets-selector';
// Chat
@import 'components/data-input/_c8y-ai-chat';

// ====================
// COMPONENTS - Navigation & Layout
// ====================
// Action Bars
@import 'components/navigation-and-layout/action-bars/_c8y-action-bar';
@import 'components/navigation-and-layout/action-bars/_app-switcher';
// Cards
@import 'components/navigation-and-layout/cards/_card';
@import 'components/navigation-and-layout/cards/_panels';
@import 'components/navigation-and-layout/cards/_card-grid';
@import 'components/navigation-and-layout/cards/_card-flip';
@import 'components/navigation-and-layout/cards/_card-dashboard';
// Navigation
@import 'components/navigation-and-layout/navigation/_navbar';
@import 'components/navigation-and-layout/navigation/_main-header';
@import 'components/navigation-and-layout/navigation/_breadcrumbs';
@import 'components/navigation-and-layout/navigation/_tabs';
@import 'components/navigation-and-layout/navigation/_pagination';
@import 'components/navigation-and-layout/navigation/_c8y-nav-stacked';
@import 'components/navigation-and-layout/navigation/_navigator';
// Deprecated: Remove when wizard migrated. Used in 8 files.
@import 'components/navigation-and-layout/navigation/_steps-navbar.less';
@import 'components/navigation-and-layout/navigation/_navs';

// ====================
// COMPONENTS - Application & System
// ====================
@import 'components/application-and-system/_c8y-login';
@import 'components/application-and-system/_c8y-cookie-banner';

// ====================
// COMPONENTS - Forms
// ====================
@import 'components/forms/_c8y-schema-form';

// ====================
// COMPONENTS - Status, Feedback & Notifications
// ====================
@import 'components/status-feedback-and-notifications/_c8y-message-banner';
@import 'components/status-feedback-and-notifications/_code';

// ====================
// COMPONENTS - Additional Data Display & Visualization
// ====================
@import 'components/data-display-and-visualization/_c8y-data-explorer';
@import 'components/data-display-and-visualization/_c8y-datapoint-pill';
@import 'components/data-display-and-visualization/_c8y-pulse';
@import 'components/data-display-and-visualization/_status';
@import 'components/data-display-and-visualization/_statusContainer';
@import 'components/data-display-and-visualization/_smart-list-icon-label';

// ====================
// COMPONENTS - Additional Data Input
// ====================
@import 'components/data-input/_c8y-range';
@import 'components/data-input/_c8y-countdown-interval';
@import 'components/data-input/_measurements-time-control';
@import 'components/data-input/_search-header';
@import 'components/data-input/_static-assets-file-picker';
@import 'components/data-input/_dtm-icon-selector';

// ====================
// COMPONENTS - Additional Navigation & Layout
// ====================
@import 'components/navigation-and-layout/_c8y-stepper';
@import 'components/navigation-and-layout/_c8y-scrollbar';
@import 'components/navigation-and-layout/_c8y-role-card';
@import 'components/navigation-and-layout/_c8y-smart-rest-tab';
@import 'components/navigation-and-layout/_device-software-tab';
@import 'components/navigation-and-layout/_c8y-user-roles';

// ====================
// COMPONENTS - Standalone
// ====================
@import 'components/_smartrules';
@import 'components/_markdown-content';

// ====================
// CARDS LAYOUT (must come after _smartrules)
// ====================
// Cards Layout - imported after smartrules to preserve CSS cascade order from original
@import 'components/data-display-and-visualization/lists/_cards-layout';

// ====================
// LAYOUT
// ====================
@import 'layout/_grid';
@import 'layout/_layouts';
@import 'layout/_mcontainer';
@import 'layout/_page-tabs';
@import 'layout/_split-view';
// Deprecated
@import 'layout/_split-scroll';
@import 'layout/_bottom-drawer';
@import 'layout/_c8y-top-drawer';
@import 'layout/_group-info';
@import 'layout/_c8y-right-drawer';
@import 'layout/_c8y-help-drawer';

// ====================
// ICONS
// ====================
@import 'icons/_c8y-icons';
@import 'icons/_dlt-c8y-icons';
@import 'icons/_dlt-c8y-icons-stroke';
@import 'icons/_c8y-glyphs';
@import 'icons/_marker-icons';

// ====================
// DASHBOARD
// ====================
@import 'dashboard/_c8y-dashboard-style';
@import 'dashboard/_dashboard-widgets';
@import 'dashboard/_quick-links-widget';
@import 'dashboard/_c8y-gauges';
@import 'dashboard/_info-gauge';
@import 'dashboard/_welcome.less';
@import 'dashboard/_welcome-widget.less';
@import 'dashboard/_availability-pie';

// ====================
// VENDOR - Angular/AngularJS
// ====================
@import 'vendor/angular/_uib-accordion';
@import 'vendor/angular/_loading-bar';
@import 'vendor/angular/_ui-sortable';
@import 'vendor/angular/angular-ui-select/_select.less';

// ====================
// VENDOR - Maps
// ====================
@import 'vendor/leaflet/_leaflet';
@import 'vendor/leaflet/_c8y-map-internal';

// ====================
// VENDOR - Date/Time
// ====================
@import 'vendor/datepicker/_uib-datepicker';
@import 'vendor/datepicker/_bs-datepicker';

// ====================
// VENDOR - Form Enhancements
// ====================
@import 'vendor/selectize/_c8y-selectize';

// ====================
// VENDOR - Code Editor
// ====================
@import 'vendor/ace-editor/_ace-editor';

// ====================
// VENDOR - CDK
// ====================
@import 'vendor/cdk/_cdk-tree';
@import 'vendor/cdk/_cdk-drag';
@import 'vendor/cdk/_cdk-virtual-scroll-window';

// ====================
// VENDOR - Other
// ====================
@import 'vendor/other/_colorpicker';

// ====================
// UTILITIES
// ====================
@import '_utilities.less';