@c8y/style 1024.10.8 → 1024.14.0

package/helper-scripts/convert-stroke-icons-to-less.js

@@ -1,115 +0,0 @@
-#!/usr/bin/env node
-
-/**
- * Convert SCSS stroke icons file to LESS
- *
- * The SCSS version uses SCSS maps and map.get() which LESS doesn't support.
- * This script converts it to direct LESS class definitions.
- */
-
-const fs = require('fs');
-const path = require('path');
-
-const scssFile = path.join(__dirname, 'styles/icons/_dlt-c8y-icons-stroke.scss');
-const lessFile = path.join(__dirname, 'styles/icons/_dlt-c8y-icons-stroke.less');
-
-console.log('Converting SCSS stroke icons to LESS...');
-
-// Read SCSS file
-const scssContent = fs.readFileSync(scssFile, 'utf8');
-
-// Extract the icon map
-const mapMatch = scssContent.match(/\$dlt-c8y-icons:\s*\(([\s\S]*?)\);/);
-if (!mapMatch) {
-  console.error('Could not find icon map in SCSS file');
-  process.exit(1);
-}
-
-// Parse the map entries
-const mapContent = mapMatch[1];
-const iconEntries = [];
-const lines = mapContent.split('\n');
-
-for (const line of lines) {
-  const match = line.match(/['"]([^'"]+)['"]\s*:\s*["']([^"']+)["']/);
-  if (match) {
-    iconEntries.push({
-      name: match[1],
-      unicode: match[2]
-    });
-  }
-}
-
-console.log(`Found ${iconEntries.length} icon entries in map`);
-
-// Extract all icon-stroke mixin calls to get the complete list
-const mixinCalls = [];
-const mixinCallRegex = /@include icon-stroke\(['"]([^'"]+)['"]\);/g;
-let match;
-while ((match = mixinCallRegex.exec(scssContent)) !== null) {
-  mixinCalls.push(match[1]);
-}
-
-console.log(`Found ${mixinCalls.length} mixin calls`);
-
-// Create a map for quick lookup
-const iconMap = new Map();
-for (const entry of iconEntries) {
-  iconMap.set(entry.name, entry.unicode);
-}
-
-// Generate LESS content
-let lessContent = `@import "../../variables/index.less";
-
-/**
- * DLT C8Y Icons Stroke - Stroked icon definitions (GENERATED FILE)
- *
- * Note: This file is auto-generated from the SCSS version by convert-stroke-icons-to-less.js
- *       DO NOT EDIT MANUALLY - Changes will be overwritten
- *
- * Intentionally hardcoded values:
- * - Stroke width (2px): Icon stroke rendering
- * - Unicode icon codes: Icon font character mappings
- */
-
-// Stroked icon styles - CONVERTED FROM SCSS
-// Auto-converted from _dlt-c8y-icons-stroke.scss
-// DO NOT EDIT MANUALLY - Run 'node convert-stroke-icons-to-less.js' to regenerate
-
-// Base stroked-icon styles (applies to all icons with .stroked-icon class)
-[class^='dlt-c8y-icon-'],
-[class*=' dlt-c8y-icon-'] {
-  &.stroked-icon {
-    position: relative;
-    z-index: 0;
-
-    &::before {
-      position: absolute;
-      -webkit-text-stroke-width: 2px;
-      -webkit-text-stroke-color: var(--c8y-icon-stroke-color, @component-background-default);
-    }
-
-    &::after {
-      position: relative;
-    }
-  }
-}
-
-// Individual icon definitions
-`;
-
-// Generate class definitions for each icon
-for (const iconName of mixinCalls) {
-  const unicode = iconMap.get(iconName);
-  if (unicode) {
-    lessContent += `.${iconName}.stroked-icon::after {\n  content: "${unicode}";\n}\n\n`;
-  } else {
-    console.warn(`Warning: No unicode value found for ${iconName}`);
-  }
-}
-
-// Write LESS file
-fs.writeFileSync(lessFile, lessContent, 'utf8');
-
-console.log(`✅ Successfully converted to ${lessFile}`);
-console.log(`   Generated ${mixinCalls.length} icon class definitions`);

package/helper-scripts/remove-redundant-variable-imports.sh

@@ -1,80 +0,0 @@
-#!/bin/bash
-
-# Remove redundant variable imports from LESS files
-# Variables are imported at entry points (main.less, branding.less, login.less),
-# so component files don't need to import them due to LESS's global scope.
-
-set -e
-
-cd "$(dirname "$0")/.."
-
-echo "=============================================="
-echo "Removing Redundant Variable Imports"
-echo "=============================================="
-echo ""
-echo "LESS uses global scope, so variables imported at entry points"
-echo "are available to all subsequent imports. This is different from"
-echo "SCSS's @use module system which requires explicit imports."
-echo ""
-
-# Find all LESS files with variable imports (excluding entry points)
-FILES=$(grep -rl '@import.*variables/index\.less' styles --include="*.less" 2>/dev/null || true)
-
-# Exclude entry points that SHOULD keep variable imports
-FILES=$(echo "$FILES" | grep -v "^styles/login-app\.less$" || true)
-FILES=$(echo "$FILES" | grep -v "^styles/_login-app\.less$" || true)
-
-if [ -z "$FILES" ]; then
-  echo "✅ No redundant variable imports found!"
-  exit 0
-fi
-
-COUNT=$(echo "$FILES" | wc -l | tr -d ' ')
-echo "Found $COUNT file(s) with redundant variable imports:"
-echo ""
-echo "$FILES" | sed 's/^/  - /'
-echo ""
-
-read -p "Remove redundant imports from these files? [y/N] " -n 1 -r
-echo ""
-
-if [[ ! $REPLY =~ ^[Yy]$ ]]; then
-  echo "Cancelled - no changes made"
-  exit 0
-fi
-
-echo ""
-echo "Removing redundant variable imports..."
-echo ""
-
-UPDATED=0
-
-while IFS= read -r file; do
-  if [ -z "$file" ]; then
-    continue
-  fi
-
-  # Remove variable import lines
-  sed -i.bak -E '/@import[[:space:]]+.*variables\/index\.less/d' "$file"
-
-  # Check if file changed
-  if ! diff -q "$file" "$file.bak" >/dev/null 2>&1; then
-    echo "  ✅ Updated: $file"
-    UPDATED=$((UPDATED + 1))
-    rm "$file.bak"
-  else
-    echo "  ⏭️  Skipped (no changes): $file"
-    rm "$file.bak"
-  fi
-done <<< "$FILES"
-
-echo ""
-echo "=============================================="
-echo "✅ Updated $UPDATED file(s)"
-echo "=============================================="
-echo ""
-echo "Next steps:"
-echo "1. Run: npm test (to verify LESS/SCSS compilation)"
-echo "2. Review changes: git diff"
-echo "3. Commit if all looks good"
-echo ""

package/helper-scripts/scss-to-less-skip

@@ -1,20 +0,0 @@
-# Files to skip during automatic SCSS to LESS conversion
-# These files require manual synchronization due to complex syntax patterns
-
-# Complex mixin calls with calc()/var() - converter cannot reliably handle parameter separators
-styles/core/buttons/_buttons.scss
-
-# Transform mixins that output CSS functions - converter confuses CSS function commas with mixin parameter separators
-styles/mixins/_vendor-prefixes.scss
-
-# LESS guard syntax - converter incorrectly changes LESS guards to @if
-styles/components/application-and-system/_c8y-login.scss
-
-# math.div() - converter incorrectly changes LESS division to SCSS math.div()
-styles/components/data-input/_c8y-range.scss
-
-# Non-existent mixin - converter incorrectly re-adds removed mixin calls
-styles/components/data-input/_dtm-icon-selector.scss
-
-# Complex @if/@else conditional logic - converter has basic guard support but may need manual review
-styles/mixins/_shadows-helper.scss

package/helper-scripts/sync-scss-to-less.sh

@@ -1,75 +0,0 @@
-#!/bin/bash
-
-# Enhanced SCSS → LESS sync helper
-
-echo "==================================="
-echo "SCSS → LESS Sync Helper"
-echo "==================================="
-echo ""
-
-# Find modified files (both staged and unstaged)
-SCSS_FILES=$(git diff --name-only HEAD | grep '\.scss$' || true)
-SCSS_STAGED=$(git diff --cached --name-only | grep '\.scss$' || true)
-LESS_FILES=$(git diff --name-only HEAD | grep '\.less$' || true)
-LESS_STAGED=$(git diff --cached --name-only | grep '\.less$' || true)
-ALL_SCSS=$(printf "%s\n%s" "$SCSS_FILES" "$SCSS_STAGED" | sort -u | grep -v '^$' || true)
-ALL_LESS=$(printf "%s\n%s" "$LESS_FILES" "$LESS_STAGED" | sort -u | grep -v '^$' || true)
-
-# Count non-empty lines
-if [ -z "$ALL_SCSS" ]; then
-  SCSS_COUNT=0
-else
-  SCSS_COUNT=$(echo "$ALL_SCSS" | wc -l | tr -d ' ')
-fi
-
-if [ "$SCSS_COUNT" -eq 0 ]; then
-  echo "✅ No SCSS files modified - no sync needed!"
-  exit 0
-fi
-
-echo "Found $SCSS_COUNT modified SCSS file(s):"
-echo ""
-
-NEEDS_SYNC=0
-
-while IFS= read -r file; do
-  if [ -z "$file" ]; then
-    continue
-  fi
-
-  # Strip packages/style/ prefix if present
-  RELATIVE_FILE="${file#packages/style/}"
-  LESS_FILE="${RELATIVE_FILE%.scss}.less"
-
-  if [ -f "$LESS_FILE" ]; then
-    # Check if LESS file also modified
-    LESS_FULL_PATH="${file%.scss}.less"
-    if echo "$ALL_LESS" | grep -q "^${LESS_FULL_PATH}$"; then
-      echo "  ✅ $RELATIVE_FILE (LESS already updated)"
-    else
-      echo "  ⚠️  $RELATIVE_FILE → $LESS_FILE (NEEDS SYNC)"
-      NEEDS_SYNC=1
-    fi
-  else
-    echo "  ⚠️  $RELATIVE_FILE (no corresponding LESS file)"
-  fi
-done <<< "$ALL_SCSS"
-
-if [ $NEEDS_SYNC -eq 1 ]; then
-  echo ""
-  echo "==================================="
-  echo "⚠️  LESS files need syncing!"
-  echo "==================================="
-  echo ""
-  echo "Options:"
-  echo "1. Semi-automated: ./helper-scripts/convert-scss-to-less.sh --all"
-  echo "2. Single file:    ./helper-scripts/convert-scss-to-less.sh path/to/file.scss"
-  echo "3. Manually sync SCSS → LESS"
-  echo "4. Ask Claude to sync for you"
-  echo ""
-  exit 1
-fi
-
-echo ""
-echo "✅ All LESS files are in sync!"
-exit 0

package/markdown-files/MANUAL-SYNC-FILES.md

@@ -1,56 +0,0 @@
-# Files Requiring Manual SCSS/LESS Synchronization
-
-This document lists files that cannot be automatically converted from SCSS to LESS due to complex syntax patterns.
-
-## Files List
-
-### `styles/core/buttons/_buttons.scss` / `_buttons.less`
-
-**Reason**: Complex mixin calls with multiple parameters including CSS functions
-
-**Issues**:
-- `.button-size()` mixin calls have 6 parameters
-- Contains `calc()` expressions as parameters
-- Converter cannot reliably distinguish between:
-  - Parameter separator commas (need →  semicolons for LESS)
-  - calc() function commas (must remain commas)
-  - Selector grouping commas (must remain commas)
-
-**Manual sync required for**:
-- Lines ~60: `.button-size(@btn-padding-vertical; calc(@btn-padding-horizontal * 2); ...)`
-- Lines ~794-797: `.btn-lg { .button-size(...) }`
-- Lines ~800-802: `.btn-sm { .button-size(...) }`
-- Lines ~805-807: `.btn-xs { .button-size(...) }`
-
-**Correct LESS syntax**:
-```less
-.button-size(@param1; @param2; @param3; @param4; @param5; @param6);
-```
-
-**Common mistakes**:
-```less
-// WRONG - mixed separators
-.button-size(@param1, @param2; @param3, @param4; @param5; @param6);
-
-// WRONG - all commas
-.button-size(@param1, @param2, @param3, @param4, @param5, @param6);
-```
-
-## How to Maintain These Files
-
-1. **Edit SCSS first**: Make changes to the `.scss` version
-2. **Manually sync to LESS**: Copy changes to `.less` version, converting:
-   - `$variable` → `@variable`
-   - `@include mixin()` → `.mixin()`
-   - `@mixin name()` → `.name()`
-   - Mixin params: commas → semicolons
-   - Keep calc/var/rgba commas as-is
-3. **Test compilation**: Run `npm test --workspace=@c8y/style` to verify both compile
-
-## Future Improvements
-
-To make these files auto-convertible:
-1. Simplify mixin calls - put all parameters on one line
-2. Extract calc() to variables before passing to mixins
-3. Reduce number of mixin parameters
-

package/styles/_login-app.less

@@ -1,34 +0,0 @@
-@import '_mixins.less';
-@import 'base/_normalize';
-@import 'base/_print';
-
-// TRANSITIONS & ANIMATION
-@import 'animations/_component-animations';
-@import 'animations/_animate';
-
-// CORE CSS
-@import 'base/_scaffolding';
-@import 'core/feedback/_alerts';
-@import 'core/feedback/_badges';
-@import 'core/buttons/_buttons';
-@import 'core/feedback/_close';
-@import 'core/buttons/_button-groups';
-@import 'components/status-feedback-and-notifications/_code';
-@import 'core/feedback/_tag';
-@import 'core/forms/_forms';
-@import 'core/forms/_c8y-switch';
-@import 'base/_type';
-@import 'layout/_grid';
-
-// @import 'layout/_grid';
-
-@import 'core/forms/_input-groups';
-@import 'components/application-and-system/_c8y-cookie-banner';
-
-@import 'icons/_c8y-glyphs';
-@import 'icons/_c8y-icons';
-@import 'icons/_dlt-c8y-icons';
-// @import 'icons/_dlt-c8y-icons-stroke';
-@import '_utilities.less';
-
-@import 'components/navigation-and-layout/action-bars/_app-switcher';

package/styles/_mixins.less

@@ -1,47 +0,0 @@
-// Utilities
-@import 'mixins/_icon-base.less';
-@import 'mixins/_hide-text.less';
-@import 'mixins/_opacity.less';
-@import 'mixins/_image.less';
-/* Remove after Codex launch. will be replaced by Tag */
-@import 'mixins/_labels.less';
-@import 'mixins/_tag.less';
-@import 'mixins/_reset-filter.less';
-@import 'mixins/_resize.less';
-@import 'mixins/_responsive-visibility.less';
-@import 'mixins/_size.less';
-@import 'mixins/_tab-focus.less';
-@import 'mixins/_reset-text.less';
-@import 'mixins/_text-emphasis.less';
-@import 'mixins/_text-overflow.less';
-@import 'mixins/_vendor-prefixes.less';
-@import 'mixins/_color-mixins.less';
-@import 'mixins/_animation.less';
-
-// Components
-@import 'mixins/_buttons.less';
-@import 'mixins/_alert-variant.less';
-@import 'mixins/_panels.less';
-@import 'mixins/_pagination.less';
-@import 'mixins/_list-group.less';
-@import 'mixins/_nav-divider.less';
-@import 'mixins/_forms.less';
-@import 'mixins/_progress-bar.less';
-@import 'mixins/_table-row.less';
-@import 'mixins/_c8y-scrollbar.less';
-
-// Skins
-@import 'mixins/_background-variant.less';
-@import 'mixins/_border-radius.less';
-@import 'mixins/_gradients.less';
-
-// Layout
-@import 'mixins/_clearfix.less';
-@import 'mixins/_center-block.less';
-@import 'mixins/_nav-vertical-align.less';
-@import 'mixins/_grid-framework.less';
-@import 'mixins/_grid.less';
-@import 'mixins/_hide-scrollbars.less';
-@import 'mixins/_shadows-helper.less';
-@import 'mixins/_element-queries.less';
-@import 'mixins/_create-grid.less';

package/styles/_utilities.less

@@ -1,21 +0,0 @@
-// Main utility classes
-
-@import 'utilities/_caret';
-@import 'utilities/_text-utils';
-@import 'utilities/_contextual-colors';
-@import 'utilities/_display';
-@import 'utilities/_quickfloats';
-@import 'utilities/_margins-paddings';
-// Using the grid - mixins/
-@import 'utilities/_flex-containers';
-@import 'utilities/_flex-items';
-
-@import 'utilities/_position';
-@import 'utilities/_overflows';
-@import 'utilities/_separators';
-@import 'utilities/_borders';
-@import 'utilities/_elevation';
-@import 'utilities/_icon-utils';
-@import 'utilities/_container-queries';
-@import 'utilities/_sizing';
-@import 'utilities/_c8y-utils';