@c8y/style 1023.14.33 → 1023.14.36

package/styles/icons/_marker-icons.less

@@ -0,0 +1,22 @@
+// Local path definition for correct relative path from styles/icons/
+@marker-icon-path: if(@use-relative-paths, '../../img', 'img');
+
+.normal-marker-icon {
+  background-image: url('@{marker-icon-path}/normal-marker-icon.png');
+}
+
+.critical-marker-icon {
+  background-image: url('@{marker-icon-path}/critical-marker-icon.png');
+}
+
+.major-marker-icon {
+  background-image: url('@{marker-icon-path}/major-marker-icon.png');
+}
+
+.minor-marker-icon {
+  background-image: url('@{marker-icon-path}/minor-marker-icon.png');
+}
+
+.warning-marker-icon {
+  background-image: url('@{marker-icon-path}/warning-marker-icon.png');
+}

package/styles/icons/_marker-icons.scss

@@ -0,0 +1,33 @@
+@use "../../variables/index" as *;
+
+/**
+ * Marker Icons - Map marker icon styles for different severity levels
+ *
+ * Note: Defines background images for normal, critical, major, minor, and warning markers.
+ *
+ * Intentionally hardcoded values:
+ * - None - only contains background-image URLs
+ */
+
+// Local path definition for correct relative path from styles/icons/
+$marker-icon-path: if($use-relative-paths, '../../img', 'img');
+
+.normal-marker-icon {
+  background-image: url('#{$marker-icon-path}/normal-marker-icon.png');
+}
+
+.critical-marker-icon {
+  background-image: url('#{$marker-icon-path}/critical-marker-icon.png');
+}
+
+.major-marker-icon {
+  background-image: url('#{$marker-icon-path}/major-marker-icon.png');
+}
+
+.minor-marker-icon {
+  background-image: url('#{$marker-icon-path}/minor-marker-icon.png');
+}
+
+.warning-marker-icon {
+  background-image: url('#{$marker-icon-path}/warning-marker-icon.png');
+}

package/styles/index.less

@@ -1,157 +1,238 @@
+/**
+ * @c8y/style - Main Entry Point
+ *
+ * This file imports all styles in the correct order.
+ * Files are now organized into logical subdirectories.
+ * See REORGANIZATION_PLAN.md for details.
+ */
+
+// ====================
+// VARIABLES & MIXINS
+// ====================
 @import 'mixins.less';
-@import '_normalize.less';
-@import '_print.less';
-
-// TRANSITIONS & ANIMATION
-@import '_component-animations.less';
-@import '_animate.less';
-
-// 3RD PARTY
-@import '_c8y-selectize.less';
-
-// CORE CSS
-@import '_scaffolding.less';
-@import '_alerts.less';
-@import '_badges.less';
-@import '_buttons.less';
-@import '_button-groups.less';
-@import '_code.less';
-@import '_labels.less'; /* Remove after Codex launch. will be replaced by Tag */
-@import '_tag.less';
-@import '_forms.less';
-@import '_c8y-switch.less';
-@import '_type.less';
-
-@import '_tables.less';
-@import '_input-groups.less';
-@import '_c8y-scrollbar.less';
-@import '_data-grid.less';
 
-// LAYOUT
-@import '_mcontainer.less';
-@import '_page-tabs.less';
-@import '_grid.less';
-@import '_group-info.less';
-@import '_split-scroll.less';
-@import '_card-grid.less';
-@import 'welcome-widget.less'; // Review with the new illustrations
-@import '_layouts.less';
-@import '_bottom-drawer.less';
-@import '_c8y-message-banner.less';
-@import '_c8y-top-drawer.less';
-@import '_split-view.less';
-@import '_markdown-content.less';
-
-// UI COMPONENTS
-@import '_ace-editor.less';
-@import '_breadcrumbs.less';
-@import '_card.less';
-@import '_modals.less';
-@import '_dropdowns.less';
-@import '_range-display.less';
-@import '_close.less';
-@import '_tooltip.less';
-@import '_card-flip.less';
-@import '_card-dashboard.less';
-@import '_c8y-pulse.less';
-@import '_popovers.less';
-@import '_progress-bars.less';
-@import '_search-header.less';
-@import '_static-assets-file-picker.less';
-@import '_asset-property-list.less';
-@import '_resizable-grid.less';
-@import '_c8y-ai-chat.less';
-
-@import '_panels.less';
-@import '_asset-table.less';
-@import '_c8y-gauges.less';
-@import '_dashboard-widgets.less';
-@import '_quick-links-widget.less';
-@import 'timeline-list.less'; // deprecated - remove when all instances are upgraded to Angular
-@import '_c8y-user-roles.less';
-@import '_c8y-role-card.less';
-@import '_availability-pie.less';
-@import '_file-picker.less';
-@import '_uib-accordion.less';
-@import '_info-gauge.less';
-@import '_colorpicker.less';
-@import '_c8y-schema-form.less';
-@import '_timelines-chart.less';
-@import '_ui-sortable.less';
-@import '_spinner-snake.less';
-@import '_browser-mock.less';
-@import '_cdk-tree.less';
-@import '_cdk-drag.less';
-@import '_bs-datepicker.less';
-@import '_c8y-stepper.less';
-@import '_c8y-list-group.less';
-@import '_pagination.less';
-@import '_bulk-operation-details-tab.less';
-@import '_cdk-virtual-scroll-window.less';
-@import '_c8y-asset-selector-miller.less';
-@import '_c8y-asset-selector.less';
-@import '_device-software-tab.less';
-@import '_c8y-datapoint-pill.less';
-@import '_dtm-icon-selector.less';
-
-// NAVIGATION, NAVBAR, TABS & TOOLBARS
-@import '_main-header.less';
-@import '_navigator.less';
-@import '_navs.less';
-@import '_navbar.less';
-@import '_c8y-action-bar.less';
-@import '_c8y-right-drawer.less';
-@import '_c8y-help-drawer.less';
-@import '_tabs.less';
-@import '_c8y-nav-stacked.less';
-@import '_spinner.less';
-@import '_loading-bar.less';
-@import '_app-switcher.less';
-@import 'steps-navbar.less'; // deprecated - remove when all instances are upgraded to Angular
-@import '_c8y-cookie-banner.less';
-
-// COMPONENTS
-@import '_c8y-asset-notes.less';
-@import '_c8y-countdown-interval.less';
-
-@import '_boxed-label.less';
-
-// UI TEMPLATES
-@import '_c8y-login.less';
-@import '_datepicker.less';
-@import '_c8y-smart-rest-tab.less';
-@import '_statusContainer.less';
-@import '_c8y-data-explorer.less';
-@import '_measurements-time-control.less';
-@import '_smartrules.less';
-@import '_c8y-range.less';
-
-// LISTS
-@import '_c8y-empty-state.less';
-@import '_cards-layout.less';
-@import '_c8y-child-assets-selector.less';
-@import '_list-group.less';
-@import '_c8y-data-point-list.less';
-@import '_smart-list-icon-label.less';
+// ====================
+// BASE / FOUNDATION
+// ====================
+@import 'base/_normalize.less';
+@import 'base/_scaffolding.less';
+@import 'base/_type.less';
+@import 'base/_print.less';
+
+// ====================
+// ANIMATIONS
+// ====================
+@import 'animations/_component-animations.less';
+@import 'animations/_animate.less';
+@import 'animations/_spinner-snake.less';
+@import 'animations/_realtime-animation-list.less';
+@import 'animations/_spinner.less';
+
+// ====================
+// CORE - Forms
+// ====================
+@import 'core/forms/_forms.less';
+@import 'core/forms/_input-groups.less';
+@import 'core/forms/_c8y-switch.less';
+@import 'core/forms/_file-picker.less';
+
+// ====================
+// CORE - Buttons
+// ====================
+@import 'core/buttons/_buttons.less';
+@import 'core/buttons/_button-groups.less';
+
+// ====================
+// CORE - Feedback
+// ====================
+@import 'core/feedback/_alerts.less';
+@import 'core/feedback/_badges.less';
+@import 'core/feedback/_labels.less'; /* Deprecated: To be replaced by Tag component. Still used in 572 places. */
+@import 'core/feedback/_tag.less';
+@import 'core/feedback/_tooltip.less';
+@import 'core/feedback/_close.less';
+@import 'core/feedback/_progress-bars.less';
+
+// ====================
+// CORE - Overlays
+// ====================
+@import 'core/overlays/_modals.less';
+@import 'core/overlays/_dropdowns.less';
+@import 'core/overlays/_popovers.less';
+@import 'core/overlays/_c8y-wizard.less';
+@import 'core/overlays/_c8y-dashboard-modal.less';
+
+// ====================
+// COMPONENTS - Data Display & Visualization
+// ====================
+// Lists
+@import 'components/data-display-and-visualization/lists/_list-group.less';
+@import 'components/data-display-and-visualization/lists/_c8y-list-group.less';
+// 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.less';
+@import 'components/data-display-and-visualization/lists/_cards-layout.less';
+@import 'components/data-display-and-visualization/lists/_c8y-data-point-list.less';
+@import 'components/data-display-and-visualization/lists/_smart-rules-template-list.less';
+// Tables
+@import 'components/data-display-and-visualization/tables/_tables.less';
+@import 'components/data-display-and-visualization/tables/_data-grid.less';
+@import 'components/data-display-and-visualization/tables/_resizable-grid.less';
+// Ranges & Timelines
+@import 'components/data-display-and-visualization/_range-display.less';
+@import 'components/data-display-and-visualization/_timelines-chart.less';
+
+// ====================
+// COMPONENTS - Data Input
+// ====================
+// Assets
+@import 'components/data-input/assets/_c8y-asset-selector.less';
+@import 'components/data-input/assets/_c8y-asset-selector-miller.less';
+@import 'components/data-input/assets/_c8y-asset-notes.less';
+@import 'components/data-input/assets/_asset-property-list.less';
+@import 'components/data-input/assets/_asset-table.less';
+@import 'components/data-input/assets/_c8y-child-assets-selector.less';
+// Chat
+@import 'components/data-input/_c8y-ai-chat.less';
+
+// ====================
+// COMPONENTS - Navigation & Layout
+// ====================
+// Action Bars
+@import 'components/navigation-and-layout/action-bars/_c8y-action-bar.less';
+@import 'components/navigation-and-layout/action-bars/_app-switcher.less';
+// Cards
+@import 'components/navigation-and-layout/cards/_card.less';
+@import 'components/navigation-and-layout/cards/_panels.less';
+@import 'components/navigation-and-layout/cards/_card-grid.less';
+@import 'components/navigation-and-layout/cards/_card-flip.less';
+@import 'components/navigation-and-layout/cards/_card-dashboard.less';
+// Navigation
+@import 'components/navigation-and-layout/navigation/_navbar.less';
+@import 'components/navigation-and-layout/navigation/_main-header.less';
+@import 'components/navigation-and-layout/navigation/_breadcrumbs.less';
+@import 'components/navigation-and-layout/navigation/_tabs.less';
+@import 'components/navigation-and-layout/navigation/_pagination.less';
+@import 'components/navigation-and-layout/navigation/_c8y-nav-stacked.less';
+@import 'components/navigation-and-layout/navigation/_navigator.less';
+// 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.less';
+
+// ====================
+// COMPONENTS - Specialized
+// ====================
+@import 'components/specialized/_c8y-stepper.less';
+@import 'components/specialized/_c8y-countdown-interval.less';
+@import 'components/specialized/_c8y-datapoint-pill.less';
+@import 'components/specialized/_c8y-user-roles.less';
+@import 'components/specialized/_c8y-role-card.less';
+@import 'components/specialized/_c8y-schema-form.less';
+@import 'components/specialized/_device-software-tab.less';
+@import 'components/specialized/_c8y-message-banner.less';
+@import 'components/specialized/_c8y-cookie-banner.less';
+@import 'components/specialized/_c8y-scrollbar.less';
+@import 'components/specialized/_code.less';
+@import 'components/specialized/_boxed-label.less';
+@import 'components/specialized/_smart-list-icon-label.less';
+@import 'components/specialized/_c8y-data-explorer.less';
+@import 'components/specialized/_c8y-smart-rest-tab.less';
+@import 'components/specialized/_measurements-time-control.less';
+@import 'components/specialized/_c8y-range.less';
+@import 'components/specialized/_search-header.less';
+@import 'components/specialized/_static-assets-file-picker.less';
+@import 'components/specialized/_dtm-icon-selector.less';
+@import 'components/specialized/_c8y-pulse.less';
+@import 'components/specialized/_status.less';
+@import 'components/specialized/_statusContainer.less';
+@import 'components/specialized/_c8y-login.less';
+@import 'components/specialized/_c8y-utils.less';
 
+// ====================
+// COMPONENTS - Standalone
+// ====================
+@import 'components/_smartrules.less';
+@import 'components/_markdown-content.less';
+
+// ====================
 // LAYOUT
-@import '_smart-rules-template-list.less';
-@import '_c8y-map-internal.less';
-// Modals
-@import '_c8y-wizard.less';
-@import '_c8y-dashboard-modal.less';
-
-// Utility classes
-@import '_status.less';
-@import '_leaflet.less';
-@import '_c8y-utils.less';
-@import '_realtime-animation-list.less';
-@import '_c8y-icons.less';
-@import '_dlt-c8y-icons.less';
-@import '_dlt-c8y-icons-stroke.less';
-@import '_c8y-glyphs.less';
-@import '_baseline-grid.less';
-@import '_marker-icons.less';
-
-@import '_c8y-dashboard-style.less';
+// ====================
+@import 'layout/_grid.less';
+@import 'layout/_layouts.less';
+@import 'layout/_mcontainer.less';
+@import 'layout/_page-tabs.less';
+@import 'layout/_split-view.less';
+@import 'layout/_split-scroll.less'; // Deprecated
+@import 'layout/_bottom-drawer.less';
+@import 'layout/_c8y-top-drawer.less';
+@import 'layout/_group-info.less';
+@import 'layout/_c8y-right-drawer.less';
+@import 'layout/_c8y-help-drawer.less';
+
+// ====================
+// ICONS
+// ====================
+@import 'icons/_c8y-icons.less';
+@import 'icons/_dlt-c8y-icons.less';
+@import 'icons/_dlt-c8y-icons-stroke.less';
+@import 'icons/_c8y-glyphs.less';
+@import 'icons/_marker-icons.less';
+
+// ====================
+// DASHBOARD
+// ====================
+@import 'dashboard/_c8y-dashboard-style.less';
+@import 'dashboard/_dashboard-widgets.less';
+@import 'dashboard/_quick-links-widget.less';
+@import 'dashboard/_c8y-gauges.less';
+@import 'dashboard/_info-gauge.less';
+@import 'dashboard/welcome.less';
+@import 'dashboard/welcome-widget.less';
+@import 'dashboard/_availability-pie.less';
+
+// ====================
+// VENDOR - Angular/AngularJS
+// ====================
+@import 'vendor/angular/_uib-accordion.less';
+@import 'vendor/angular/_loading-bar.less';
+@import 'vendor/angular/_ui-sortable.less';
+@import 'vendor/angular/angular-ui-select/select.less';
+
+// ====================
+// VENDOR - Maps
+// ====================
+@import 'vendor/leaflet/_leaflet.less';
+@import 'vendor/leaflet/_c8y-map-internal.less';
+
+// ====================
+// VENDOR - Date/Time
+// ====================
+@import 'vendor/datepicker/_uib-datepicker.less';
+@import 'vendor/datepicker/_bs-datepicker.less';
+
+// ====================
+// VENDOR - Form Enhancements
+// ====================
+@import 'vendor/selectize/_c8y-selectize.less';
+
+// ====================
+// VENDOR - Code Editor
+// ====================
+@import 'vendor/ace-editor/_ace-editor.less';
+
+// ====================
+// VENDOR - CDK
+// ====================
+@import 'vendor/cdk/_cdk-tree.less';
+@import 'vendor/cdk/_cdk-drag.less';
+@import 'vendor/cdk/_cdk-virtual-scroll-window.less';
+
+// ====================
+// VENDOR - Other
+// ====================
+@import 'vendor/other/_colorpicker.less';
+
+// ====================
+// UTILITIES
+// ====================
 @import 'utilities.less';