@c8y/style 1023.37.0 → 1023.43.2

package/styles/icons/_dlt-c8y-icons.less

@@ -1,3 +1,17 @@
+
+@import "../../variables/_dlt-c8y-icons-vars.less";
+@import "./_c8y-icons.less";
+
+/**
+ * DLT C8Y Icons - Main DLT icon font definitions
+ *
+ * Note: Contains @font-face definition and thousands of icon class definitions.
+ *
+ * Intentionally hardcoded values:
+ * - Line-height (1): Unitless for proper icon alignment
+ * - Unicode content values: Icon font character codes
+ */
+
 @font-face {
   font-weight: normal;
   font-style: normal;

package/styles/icons/_marker-icons.less

@@ -1,3 +1,13 @@
+
+/**
+ * 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');
 

package/styles/index.less

@@ -3,236 +3,262 @@
  *
  * 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 '_mixins.less';
 
 // ====================
 // BASE / FOUNDATION
 // ====================
-@import 'base/_normalize.less';
-@import 'base/_scaffolding.less';
-@import 'base/_type.less';
-@import 'base/_print.less';
+@import 'base/_normalize';
+@import 'base/_scaffolding';
+@import 'base/_type';
+@import 'base/_print';
 
 // ====================
 // 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';
+@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.less';
-@import 'core/forms/_input-groups.less';
-@import 'core/forms/_c8y-switch.less';
-@import 'core/forms/_file-picker.less';
+@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.less';
-@import 'core/buttons/_button-groups.less';
+@import 'core/buttons/_buttons';
+@import 'core/buttons/_button-groups';
 
 // ====================
 // 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';
+@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.less';
-@import 'core/overlays/_dropdowns.less';
-@import 'core/overlays/_popovers.less';
-@import 'core/overlays/_c8y-wizard.less';
-@import 'core/overlays/_c8y-dashboard-modal.less';
+@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.less';
-@import 'components/data-display-and-visualization/lists/_c8y-list-group.less';
+@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.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';
+@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.less';
-@import 'components/data-display-and-visualization/tables/_data-grid.less';
-@import 'components/data-display-and-visualization/tables/_resizable-grid.less';
+@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.less';
-@import 'components/data-display-and-visualization/_timelines-chart.less';
+@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.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';
+@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.less';
+@import 'components/data-input/_c8y-ai-chat';
 
 // ====================
 // 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';
+@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.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';
+@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.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';
+@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.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';
+@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.less';
-@import 'components/_markdown-content.less';
+@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.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';
+@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.less';
-@import 'icons/_dlt-c8y-icons.less';
-@import 'icons/_dlt-c8y-icons-stroke.less';
-@import 'icons/_c8y-glyphs.less';
-@import 'icons/_marker-icons.less';
+@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.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';
+@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.less';
-@import 'vendor/angular/_loading-bar.less';
-@import 'vendor/angular/_ui-sortable.less';
-@import 'vendor/angular/angular-ui-select/select.less';
+@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.less';
-@import 'vendor/leaflet/_c8y-map-internal.less';
+@import 'vendor/leaflet/_leaflet';
+@import 'vendor/leaflet/_c8y-map-internal';
 
 // ====================
 // VENDOR - Date/Time
 // ====================
-@import 'vendor/datepicker/_uib-datepicker.less';
-@import 'vendor/datepicker/_bs-datepicker.less';
+@import 'vendor/datepicker/_uib-datepicker';
+@import 'vendor/datepicker/_bs-datepicker';
 
 // ====================
 // VENDOR - Form Enhancements
 // ====================
-@import 'vendor/selectize/_c8y-selectize.less';
+@import 'vendor/selectize/_c8y-selectize';
 
 // ====================
 // VENDOR - Code Editor
 // ====================
-@import 'vendor/ace-editor/_ace-editor.less';
+@import 'vendor/ace-editor/_ace-editor';
 
 // ====================
 // VENDOR - CDK
 // ====================
-@import 'vendor/cdk/_cdk-tree.less';
-@import 'vendor/cdk/_cdk-drag.less';
-@import 'vendor/cdk/_cdk-virtual-scroll-window.less';
+@import 'vendor/cdk/_cdk-tree';
+@import 'vendor/cdk/_cdk-drag';
+@import 'vendor/cdk/_cdk-virtual-scroll-window';
 
 // ====================
 // VENDOR - Other
 // ====================
-@import 'vendor/other/_colorpicker.less';
+@import 'vendor/other/_colorpicker';
 
 // ====================
 // UTILITIES
 // ====================
-@import 'utilities.less';
+@import '_utilities.less';

package/styles/index.scss

@@ -3,7 +3,6 @@
  *
  * This file imports all styles in the correct order.
  * Files are now organized into logical subdirectories.
- * See REORGANIZATION_PLAN.md for details.
  */
 
 // ====================
@@ -72,7 +71,7 @@
 // Deprecated: Migrate to c8y-list-group. Still used in 2 files (AngularJS).
 @use 'components/data-display-and-visualization/lists/timeline-list';
 @use 'components/data-display-and-visualization/lists/_c8y-empty-state';
-@use 'components/data-display-and-visualization/lists/_cards-layout';
+// NOTE: _cards-layout moved after _card to preserve CSS cascade order
 @use 'components/data-display-and-visualization/lists/_c8y-data-point-list';
 @use 'components/data-display-and-visualization/lists/_smart-rules-template-list';
 // Tables
@@ -82,6 +81,7 @@
 // Ranges & Timelines
 @use 'components/data-display-and-visualization/_range-display';
 @use 'components/data-display-and-visualization/_timelines-chart';
+@use 'components/data-display-and-visualization/_boxed-label';
 
 // ====================
 // COMPONENTS - Data Input
@@ -121,33 +121,51 @@
 @use 'components/navigation-and-layout/navigation/_navs';
 
 // ====================
-// COMPONENTS - Specialized (Cumulocity-specific)
-// ====================
-@use 'components/specialized/_c8y-stepper';
-@use 'components/specialized/_c8y-countdown-interval';
-@use 'components/specialized/_c8y-datapoint-pill';
-@use 'components/specialized/_c8y-user-roles';
-@use 'components/specialized/_c8y-role-card';
-@use 'components/specialized/_c8y-schema-form';
-@use 'components/specialized/_device-software-tab';
-@use 'components/specialized/_c8y-message-banner';
-@use 'components/specialized/_c8y-cookie-banner';
-@use 'components/specialized/_c8y-scrollbar';
-@use 'components/specialized/_code';
-@use 'components/specialized/_boxed-label';
-@use 'components/specialized/_smart-list-icon-label';
-@use 'components/specialized/_c8y-data-explorer';
-@use 'components/specialized/_c8y-smart-rest-tab';
-@use 'components/specialized/_measurements-time-control';
-@use 'components/specialized/_c8y-range';
-@use 'components/specialized/_search-header';
-@use 'components/specialized/_static-assets-file-picker';
-@use 'components/specialized/_dtm-icon-selector';
-@use 'components/specialized/_c8y-pulse';
-@use 'components/specialized/_status';
-@use 'components/specialized/_statusContainer';
-@use 'components/specialized/_c8y-login';
-@use 'components/specialized/_c8y-utils';
+// COMPONENTS - Application & System
+// ====================
+@use 'components/application-and-system/_c8y-login';
+@use 'components/application-and-system/_c8y-cookie-banner';
+
+// ====================
+// COMPONENTS - Forms
+// ====================
+@use 'components/forms/_c8y-schema-form';
+
+// ====================
+// COMPONENTS - Status, Feedback & Notifications
+// ====================
+@use 'components/status-feedback-and-notifications/_c8y-message-banner';
+@use 'components/status-feedback-and-notifications/_code';
+
+// ====================
+// COMPONENTS - Additional Data Display & Visualization
+// ====================
+@use 'components/data-display-and-visualization/_c8y-data-explorer';
+@use 'components/data-display-and-visualization/_c8y-datapoint-pill';
+@use 'components/data-display-and-visualization/_c8y-pulse';
+@use 'components/data-display-and-visualization/_status';
+@use 'components/data-display-and-visualization/_statusContainer';
+@use 'components/data-display-and-visualization/_smart-list-icon-label';
+
+// ====================
+// COMPONENTS - Additional Data Input
+// ====================
+@use 'components/data-input/_c8y-range';
+@use 'components/data-input/_c8y-countdown-interval';
+@use 'components/data-input/_measurements-time-control';
+@use 'components/data-input/_search-header';
+@use 'components/data-input/_static-assets-file-picker';
+@use 'components/data-input/_dtm-icon-selector';
+
+// ====================
+// COMPONENTS - Additional Navigation & Layout
+// ====================
+@use 'components/navigation-and-layout/_c8y-stepper';
+@use 'components/navigation-and-layout/_c8y-scrollbar';
+@use 'components/navigation-and-layout/_c8y-role-card';
+@use 'components/navigation-and-layout/_c8y-smart-rest-tab';
+@use 'components/navigation-and-layout/_device-software-tab';
+@use 'components/navigation-and-layout/_c8y-user-roles';
 
 // ====================
 // COMPONENTS - Standalone
@@ -155,6 +173,12 @@
 @use 'components/_smartrules';
 @use 'components/_markdown-content';
 
+// ====================
+// CARDS LAYOUT (must come after _smartrules)
+// ====================
+// Cards Layout - imported after smartrules to preserve CSS cascade order from original
+@use 'components/data-display-and-visualization/lists/_cards-layout';
+
 // ====================
 // LAYOUT
 // ====================

package/styles/layout/_bottom-drawer.less

@@ -1,29 +1,43 @@
+
+@import "../mixins/_shadows-helper.less";
+
+/**
+ * Bottom Drawer - Fixed bottom panel
+ *
+ * Note: Uses design tokens for spacing (@size-*) and layout vars.
+ *
+ * Intentionally hardcoded values:
+ * - 6px: Off-grid positioning offset
+ * - 100vh: Full viewport height for transform
+ * - Z-index calculations: Stacking order
+ */
+
 .bottom-drawer {
   position: fixed;
   top: calc(@header-bar-height + 6px);
-  right: 10px;
+  right: @size-10;
   bottom: 0;
   z-index: @zindex-navbar-fixed + 5;
   overflow-y: auto;
-  width: calc(100vw - 20px);
+  width: calc(100vw - @size-20);
   background-color: @component-background-default;
   transition:
     transform @open-menu-time-type,
     width @open-menu-time-type;
 
-  .translate(0, 100vh);
+  transform: translate(0, 100vh);
 
   .drawerOpen & {
-    .translate(0, 0);
+    transform: translate(0, 0);
     .boxShadowHelper(md, top);
   }
 
   @media (min-width: @grid-float-breakpoint) {
-    right: 24px;
-    width: calc(100vw - 48px);
+    right: @size-24;
+    width: calc(100vw - @size-48);
 
     .open & {
-      width: calc(100vw - @navigatorWidth - 48px);
+      width: calc(100vw - @navigatorWidth - @size-48);
     }
   }
 }