@c8y/style 1024.10.8 → 1024.14.0

package/styles/icons/_marker-icons.less

@@ -1,32 +0,0 @@
-
-/**
- * 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/layout/_bottom-drawer.less

@@ -1,70 +0,0 @@
-
-@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: @size-10;
-  bottom: 0;
-  z-index: @zindex-navbar-fixed + 5;
-  overflow-y: auto;
-  width: calc(100vw - @size-20);
-  background-color: @component-background-default;
-  transition:
-    transform @open-menu-time-type,
-    width @open-menu-time-type;
-
-  transform: translate(0, 100vh);
-
-  .drawerOpen & {
-    transform: translate(0, 0);
-    .boxShadowHelper(md, top);
-  }
-
-  @media (min-width: @grid-float-breakpoint) {
-    right: @size-24;
-    width: calc(100vw - @size-48);
-
-    .open & {
-      width: calc(100vw - @navigatorWidth - @size-48);
-    }
-  }
-}
-
-.drawerOpen {
-  &:has(.bottom-drawer.has-backdrop) {
-    &:before {
-      content: '';
-      position: fixed;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: @zindex-navbar-fixed + 4;
-      cursor: not-allowed;
-    }
-  }
-}
-
-// for when there are two bottom drawers open
-c8y-bottom-drawer + c8y-bottom-drawer {
-  .bottom-drawer {
-    margin-top: 40px;
-  }
-}
-c8y-bottom-drawer + c8y-bottom-drawer + c8y-bottom-drawer {
-  .bottom-drawer {
-    margin-top: 80px;
-  }
-}

package/styles/layout/_group-info.less

@@ -1,26 +0,0 @@
-
-/**
- * Group Info - Information display component
- *
- * Note: Uses @size-20 for padding.
- *
- * Intentionally hardcoded values:
- * - 30px/-30px: Specific horizontal spacing for layout
- * - Transition duration (0.25s): Animation timing
- * - Z-index: Stacking order
- */
-
-.group-info {
-  margin: 0 -30px 0;
-  padding: 0 30px @size-20;
-
-  transition: all 0.25s ease;
-  .form-editable {
-    z-index: 999;
-    align-self: flex-start;
-    padding-top: 0;
-    &.form-read-only {
-      padding-top: 0;
-    }
-  }
-}

package/styles/mixins/_gradients.less

@@ -1,117 +0,0 @@
-
-// Horizontal gradient, from left to right
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-.gradient-horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(
-      left;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(
-      left;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Opera 12
-    background-image: linear-gradient(
-      to right;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#{color.ie-hex-str(@start-color)}', endColorstr='#{color.ie-hex-str(@end-color)}', GradientType=1)"; // IE9 and down
-  }
-
-// Vertical gradient, from top to bottom
-// Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9 and below.
-.gradient-vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-linear-gradient(
-      top;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(
-      top;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Opera 12
-    background-image: linear-gradient(
-      to bottom;
-      @start-color @start-percent;
-      @end-color @end-percent
-); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-    background-repeat: repeat-x;
-    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#{color.ie-hex-str(@start-color)}', endColorstr='#{color.ie-hex-str(@end-color)}', GradientType=0)"; // IE9 and down
-  }
-
-.gradient-directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
-    background-repeat: repeat-x;
-    background-image: -webkit-linear-gradient(
-      @deg;
-      @start-color;
-      @end-color
-); // Safari 5.1-6, Chrome 10+
-    background-image: -o-linear-gradient(@deg; @start-color; @end-color); // Opera 12
-    background-image: linear-gradient(
-      @deg;
-      @start-color;
-      @end-color
-); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+
-  }
-.gradient-horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(
-      left;
-      @start-color;
-      @mid-color @color-stop;
-      @end-color
-);
-    background-image: -o-linear-gradient(left; @start-color; @mid-color @color-stop; @end-color);
-    background-image: linear-gradient(to right; @start-color; @mid-color @color-stop; @end-color);
-    background-repeat: no-repeat;
-    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#{color.ie-hex-str(@start-color)}', endColorstr='#{color.ie-hex-str(@end-color)}', GradientType=1)"; // IE9 and down, gets no color-stop at all for proper fallback
-  }
-.gradient-vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-linear-gradient(@start-color; @mid-color @color-stop; @end-color);
-    background-image: -o-linear-gradient(@start-color; @mid-color @color-stop; @end-color);
-    background-image: linear-gradient(@start-color; @mid-color @color-stop; @end-color);
-    background-repeat: no-repeat;
-    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr='#{color.ie-hex-str(@start-color)}', endColorstr='#{color.ie-hex-str(@end-color)}', GradientType=0)"; // IE9 and down, gets no color-stop at all for proper fallback
-  }
-.gradient-radial(@inner-color: #555; @outer-color: #333) {
-    background-image: -webkit-radial-gradient(circle; @inner-color; @outer-color);
-    background-image: radial-gradient(circle; @inner-color; @outer-color);
-    background-repeat: no-repeat;
-  }
-.gradient-striped(@color: rgba(255,255,255,0.15); @angle: 45deg) {
-    background-image: -webkit-linear-gradient(
-      @angle;
-      @color 25%,
-      transparent 25%,
-      transparent 50%;
-      @color 50%;
-      @color 75%,
-      transparent 75%,
-      transparent
-);
-    background-image: -o-linear-gradient(
-      @angle;
-      @color 25%,
-      transparent 25%,
-      transparent 50%;
-      @color 50%;
-      @color 75%,
-      transparent 75%,
-      transparent
-);
-    background-image: linear-gradient(
-      @angle;
-      @color 25%,
-      transparent 25%,
-      transparent 50%;
-      @color 50%;
-      @color 75%,
-      transparent 75%,
-      transparent
-);
-}

package/styles/mixins/_icon-base.less

@@ -1,29 +0,0 @@
-
-// Icon font base styles
-// These mixins replace @extend for better performance
-
-.c8y-glyph() {
-  display: inline-block;
-  text-decoration: inherit;
-  text-transform: none;
-  font-weight: normal;
-  font-style: normal;
-  font-variant: normal;
-  font-family: 'c8y-glyphs' !important;
-  line-height: 1;
-  text-rendering: optimizeLegibility;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-font-smoothing: antialiased;
-}
-
-.dlt-c8y-icon() {
-  display: inline-block;
-  text-transform: none;
-  font-weight: normal;
-  font-style: normal;
-  font-variant: normal;
-  font-family: 'dlt-c8y-icons' !important;
-  line-height: 1;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}

package/styles/mixins/_vendor-prefixes.less

@@ -1,131 +0,0 @@
-
-// Vendor prefixes are now handled automatically by Autoprefixer.
-// These mixins remain for backward compatibility but no longer add vendor prefixes.
-
-// Animations
-.animation(@animation) {
-  animation: @animation;
-}
-.animation-name(@name) {
-  animation-name: @name;
-}
-.animation-duration(@duration) {
-  animation-duration: @duration;
-}
-.animation-timing-function(@timing-function) {
-  animation-timing-function: @timing-function;
-}
-.animation-delay(@delay) {
-  animation-delay: @delay;
-}
-.animation-iteration-count(@iteration-count) {
-  animation-iteration-count: @iteration-count;
-}
-.animation-direction(@direction) {
-  animation-direction: @direction;
-}
-.animation-fill-mode(@fill-mode) {
-  animation-fill-mode: @fill-mode;
-}
-
-// Backface visibility
-// Prevent browsers from flickering when using CSS 3D transforms.
-// Default value is `visible`, but can be changed to `hidden`
-
-.backface-visibility(@visibility) {
-  backface-visibility: @visibility;
-}
-
-// Drop shadows
-.box-shadow(@shadow) {
-  box-shadow: @shadow;
-}
-
-// Box sizing
-.box-sizing(@boxmodel) {
-  box-sizing: @boxmodel;
-}
-
-// CSS3 Content Columns
-.content-columns(@column-count; @column-gap: @grid-gutter-width) {
-  column-count: @column-count;
-  column-gap: @column-gap;
-}
-
-// Optional hyphenation
-.hyphens(@mode: auto) {
-  overflow-wrap: break-word;
-  hyphens: @mode;
-}
-
-// Placeholder text - REMOVED: Duplicate mixin, use placeholder() from _forms.scss instead
-
-// Transformations
-.scale(@ratioX) {
-  transform: scale(@ratioX);
-}
-.scale(@ratioX; @ratioY) {
-  transform: scale(@ratioX; @ratioY);
-}
-.scaleX(@ratio) {
-  transform: scaleX(@ratio);
-}
-.scaleY(@ratio) {
-  transform: scaleY(@ratio);
-}
-.skew(@x; @y) {
-  transform: skewX(@x) skewY(@y);
-}
-.translate(@x:0; @y:0) {
-  transform: translate(@x, @y);
-}
-.translate3d(@x; @y; @z) {
-  transform: translate3d(@x, @y, @z);
-}
-.rotate(@degrees) {
-  transform: rotate(@degrees);
-}
-.rotateX(@degrees) {
-  transform: rotateX(@degrees);
-}
-.rotateY(@degrees) {
-  transform: rotateY(@degrees);
-}
-.perspective(@perspective) {
-  perspective: @perspective;
-}
-.perspective-origin(@perspective) {
-  perspective-origin: @perspective;
-}
-.transform-origin(@origin) {
-  transform-origin: @origin;
-}
-
-// Transitions
-.transition(@transition) {
-  transition: @transition;
-}
-.transition-property(@transition-property) {
-  transition-property: @transition-property;
-}
-.transition-delay(@transition-delay) {
-  transition-delay: @transition-delay;
-}
-.transition-duration(@transition-duration) {
-  transition-duration: @transition-duration;
-}
-.transition-timing-function(@timing-function) {
-  transition-timing-function: @timing-function;
-}
-.transition-transform(@transition) {
-  transition: transform @transition;
-}
-
-// User select for selecting text on the page
-.user-select(@select) {
-  user-select: @select;
-}
-
-.filter(@filter) {
-  filter: @filter;
-}

package/variables/_color-defaults.less

@@ -1,110 +0,0 @@
-/**
- * ⚠️ DEPRECATED: SCSS/LESS Variable Defaults
- *
- * This file is DEPRECATED and no longer functionally used in the branding system.
- * It is kept only for backward compatibility and will be removed in a future major release.
- *
- * WHY DEPRECATED:
- * - The LESS/SCSS variable override system has been replaced with CSS custom properties
- * - Values defined here are immediately overwritten in _color-vars.scss (line 26)
- * - The conditional guards that used these "-default" values are now disabled
- *
- * MIGRATION PATH:
- * Use CSS custom properties instead:
- *
- * ```css
- * :root {
- *   --brand-primary: #8e9de1;
- *   --navigator-bg-color: #2c3e50;
- * }
- * ```
- *
- * Or use application options at runtime:
- * ```typescript
- * export const options: ApplicationOptions = {
- *   brandingCssVars: {
- *     '--brand-primary': '#8e9de1'
- *   }
- * };
- * ```
- *
- * See README.md for more information.
- *
- * DO NOT ADD NEW VARIABLES TO THIS FILE.
- * DO NOT RELY ON THESE VALUES - they are not used in the compiled output.
- */
-
-/* Palette defaults - these match the design tokens */
-@palette-blue-40-default: #559ae3;
-@palette-green-10-default: #084708;
-@palette-green-20-default: #0a5c0a;
-@palette-green-30-default: #0f880f;
-@palette-green-40-default: #119d11;
-@palette-green-50-default: #6ac26a;
-@palette-green-60-default: #a5daa5;
-@palette-green-70-default: #d1ecd1;
-@palette-green-80-default: #eff9ef;
-@palette-gray-10-default: #212121;
-@palette-gray-20-default: #2A3846;
-@palette-gray-40-default: #657381;
-@palette-yellow-60-default: #ffbe00;
-@palette-yellow-10-default: #4e3a00;
-@palette-yellow-80-default: #fff6db;
-@palette-orange-50-default: #ff8800;
-
-/* Brand defaults - can be overridden by users */
-@brand-primary-default: @palette-green-40-default;
-@brand-primary-light-default: @palette-green-60-default;
-@brand-primary-dark-default: @palette-gray-20-default;
-@brand-complementary-default: @palette-blue-40-default;
-@brand-10-default: @palette-green-10-default;
-@brand-20-default: @palette-green-20-default;
-@brand-30-default: @palette-green-30-default;
-@brand-40-default: @palette-green-40-default;
-@brand-50-default: @palette-green-50-default;
-@brand-60-default: @palette-green-60-default;
-@brand-70-default: @palette-green-70-default;
-@brand-80-default: @palette-green-80-default;
-
-@brand-accent-default: @palette-yellow-60-default;
-@brand-accent-dark-default: @palette-yellow-10-default;
-@brand-accent-light-default: @palette-yellow-80-default;
-
-/* Status defaults */
-@status-success-default: #71A112;
-@status-info-default: #056ad6;
-@status-danger-default: #d70f0f;
-@status-warning-default: @palette-orange-50-default;
-
-/*
- * Variable initialization with conditional guard system
- * Users can override by defining @brand-primary etc. AFTER importing extend.less
- *
- * How it works:
- * 1. These variables are defined with default values
- * 2. Users import extend.less, then override: @brand-primary: #yourcolor;
- * 3. Conditional guards in _color-vars.less detect overrides (value != default)
- * 4. CSS custom properties are generated with the overridden values
- */
-
-@brand-primary: @brand-primary-default;
-@brand-primary-light: @brand-primary-light-default;
-@brand-primary-dark: @brand-primary-dark-default;
-@brand-complementary: @brand-complementary-default;
-@brand-10: @brand-10-default;
-@brand-20: @brand-20-default;
-@brand-30: @brand-30-default;
-@brand-40: @brand-40-default;
-@brand-50: @brand-50-default;
-@brand-60: @brand-60-default;
-@brand-70: @brand-70-default;
-@brand-80: @brand-80-default;
-
-@brand-accent: @brand-accent-default;
-@brand-accent-dark: @brand-accent-dark-default;
-@brand-accent-light: @brand-accent-light-default;
-
-@status-success: @status-success-default;
-@status-info: @status-info-default;
-@status-danger: @status-danger-default;
-@status-warning: @status-warning-default;