@scania/tegel 1.29.0 → 1.30.0-beta-enhance-focus-dropdown.0

package/dist/types/components.d.ts

@@ -342,6 +342,10 @@ export namespace Components {
           * Label text for the component
          */
         "label": string;
+        /**
+          * Position of the label
+         */
+        "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
           * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
@@ -355,7 +359,7 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Name property
+          * Name property. Uses a unique ID as fallback if not specified.
          */
         "name": string;
         /**
@@ -575,6 +579,10 @@ export namespace Components {
           * Enables sorting on that column
          */
         "sortable": boolean;
+        /**
+          * Aria label for the sort button, providing an accessible description
+         */
+        "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
@@ -1378,6 +1386,10 @@ export namespace Components {
           * ID for the table row. Randomly generated if not specified.
          */
         "rowId": string;
+        /**
+          * Aria label for the expand button, providing an accessible description
+         */
+        "tdsAriaLabelExpandButton": string;
     }
     interface TdsTableFooter {
         /**
@@ -1439,6 +1451,10 @@ export namespace Components {
           * Adds title to the Table
          */
         "tableTitle": string;
+        /**
+          * Aria label for the search input, providing an accessible description
+         */
+        "tdsSearchAriaLabel": string;
     }
     interface TdsTextField {
         /**
@@ -3205,6 +3221,10 @@ declare namespace LocalJSX {
           * Label text for the component
          */
         "label"?: string;
+        /**
+          * Position of the label
+         */
+        "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
           * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
@@ -3218,7 +3238,7 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Name property
+          * Name property. Uses a unique ID as fallback if not specified.
          */
         "name"?: string;
         /**
@@ -3468,6 +3488,10 @@ declare namespace LocalJSX {
           * Enables sorting on that column
          */
         "sortable"?: boolean;
+        /**
+          * Aria label for the sort button, providing an accessible description
+         */
+        "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
@@ -4276,6 +4300,10 @@ declare namespace LocalJSX {
           * ID for the table row. Randomly generated if not specified.
          */
         "rowId"?: string;
+        /**
+          * Aria label for the expand button, providing an accessible description
+         */
+        "tdsAriaLabelExpandButton"?: string;
     }
     interface TdsTableFooter {
         /**
@@ -4360,6 +4388,10 @@ declare namespace LocalJSX {
           * Adds title to the Table
          */
         "tableTitle"?: string;
+        /**
+          * Aria label for the search input, providing an accessible description
+         */
+        "tdsSearchAriaLabel"?: string;
     }
     interface TdsTextField {
         /**

package/dist/types/types/Icons.d.ts

@@ -1 +1,3 @@
-export type IconNames = '24v_battery_inactive' | '24v_battery' | 'acceleration_inactive' | 'acceleration' | 'adblue_inactive' | 'adblue' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'audio' | 'award' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'bug_inactive' | 'bug' | 'burger' | 'bus_inactive' | 'bus' | 'calendar_inactive' | 'calendar' | 'camera_inactive' | 'camera' | 'card' | 'cart' | 'charging_complete' | 'charging_failed' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'cookie_inactive' | 'cookie' | 'coolant_level_inactive' | 'coolant_level' | 'copy' | 'cross' | 'cup_inactive' | 'cup' | 'dashboard' | 'department_inactive' | 'department' | 'departure_scheduling_inactive' | 'departure_scheduling' | 'diamond_inactive' | 'diamond' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_plus_inactive' | 'document_plus' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'driving_licence_inactive' | 'driving_licence' | 'drop_inactive' | 'drop' | 'edit_inactive' | 'edit' | 'email' | 'engine_inactive' | 'engine' | 'environment_inactive' | 'environment' | 'error' | 'exit' | 'expand_inactive' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'factory_inactive' | 'factory' | 'ferry_inactive' | 'ferry' | 'filters_inactive' | 'filters' | 'flash_inactive' | 'flash' | 'folder' | 'forward_inactive' | 'forward' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'fuel_inactive' | 'fuel' | 'gift inactive' | 'gift' | 'global' | 'guided_tour_inactive' | 'guided_tour' | 'hatch_open_1' | 'hatch_open_2' | 'hatch_open_inactive' | 'hatch_open' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'idea_inactive' | 'idea' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'key_inactive' | 'key' | 'layer_inactive' | 'layer' | 'link_broken' | 'link' | 'list_inactive' | 'list' | 'lock_inactive' | 'lock' | 'map_cursor_inactive' | 'map_cursor' | 'maximize_fullscreen' | 'meatballs' | 'merge_inactive' | 'merge' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'navigate_inactive' | 'navigate' | 'notification_inactive' | 'notification' | 'oil_level_inactive' | 'oil_level' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'placeholder' | 'play_inactive' | 'play' | 'plus' | 'powerplug_inactive' | 'powerplug' | 'print_inactive' | 'print' | 'privacy_inactive' | 'privacy' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'repeat' | 'report_inactive' | 'report' | 'route_inactive' | 'route' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'temperature_inactive' | 'temperature' | 'text_inactive' | 'text' | 'thumbs_down' | 'thumbs_up' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer_inactive' | 'trailer' | 'trash_inactive' | 'trash' | 'truck_inactive' | 'truck' | 'undo_inactive' | 'undo' | 'unlock' | 'upload' | 'video_inactive' | 'video' | 'wallet' | 'warning' | 'weight_inactive' | 'weight' | 'wifi_inactive' | 'wifi' | 'windscreen_heating_inactive' | 'windscreen_heating';
+import { ScaniaIconNames } from './ScaniaIcons';
+import { TratonIconNames } from './TratonIcons';
+export type IconNames = ScaniaIconNames | TratonIconNames;

package/dist/types/types/ScaniaIcons.d.ts

@@ -0,0 +1 @@
+export type ScaniaIconNames = '24v_battery_inactive' | '24v_battery' | 'acceleration_inactive' | 'acceleration' | 'adblue_inactive' | 'adblue' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'audio' | 'award' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'bug_inactive' | 'bug' | 'burger' | 'bus_inactive' | 'bus' | 'calendar_inactive' | 'calendar' | 'camera_inactive' | 'camera' | 'card' | 'cart' | 'charging_complete' | 'charging_failed' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'cookie_inactive' | 'cookie' | 'coolant_level_inactive' | 'coolant_level' | 'copy' | 'cross' | 'cup_inactive' | 'cup' | 'dashboard' | 'department_inactive' | 'department' | 'departure_scheduling_inactive' | 'departure_scheduling' | 'diamond_inactive' | 'diamond' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_plus_inactive' | 'document_plus' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'driving_licence_inactive' | 'driving_licence' | 'drop_inactive' | 'drop' | 'edit_inactive' | 'edit' | 'email' | 'engine_inactive' | 'engine' | 'environment_inactive' | 'environment' | 'error' | 'exit' | 'expand_inactive' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'factory_inactive' | 'factory' | 'ferry_inactive' | 'ferry' | 'filters_inactive' | 'filters' | 'flash_inactive' | 'flash' | 'folder' | 'forward_inactive' | 'forward' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'fuel_inactive' | 'fuel' | 'gift inactive' | 'gift' | 'global' | 'guided_tour_inactive' | 'guided_tour' | 'hatch_open_1' | 'hatch_open_2' | 'hatch_open_inactive' | 'hatch_open' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'idea_inactive' | 'idea' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'key_inactive' | 'key' | 'layer_inactive' | 'layer' | 'link_broken' | 'link' | 'list_inactive' | 'list' | 'lock_inactive' | 'lock' | 'map_cursor_inactive' | 'map_cursor' | 'maximize_fullscreen' | 'meatballs' | 'merge_inactive' | 'merge' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'navigate_inactive' | 'navigate' | 'notification_inactive' | 'notification' | 'oil_level_inactive' | 'oil_level' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'placeholder' | 'play_inactive' | 'play' | 'plus' | 'powerplug_inactive' | 'powerplug' | 'print_inactive' | 'print' | 'privacy_inactive' | 'privacy' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'repeat' | 'report_inactive' | 'report' | 'route_inactive' | 'route' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'temperature_inactive' | 'temperature' | 'text_inactive' | 'text' | 'thumbs_down' | 'thumbs_up' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer_inactive' | 'trailer' | 'trash_inactive' | 'trash' | 'truck_inactive' | 'truck' | 'undo_inactive' | 'undo' | 'unlock' | 'upload' | 'video_inactive' | 'video' | 'wallet' | 'warning' | 'weight_inactive' | 'weight' | 'wifi_inactive' | 'wifi' | 'windscreen_heating_inactive' | 'windscreen_heating';

package/dist/types/types/TratonIcons.d.ts

@@ -0,0 +1 @@
+export type TratonIconNames = 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'bento' | 'burger' | 'calendar' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'cross' | 'edit' | 'error' | 'info' | 'minus' | 'notification' | 'plus' | 'print' | 'refresh' | 'search' | 'share' | 'sorting' | 'star' | 'tick' | 'truck' | 'warning';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.29.0",
+  "version": "1.30.0-beta-enhance-focus-dropdown.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -369,6 +369,10 @@
   },
   "scripts": {
     "build": "stencil build && stencil build --docs",
+    "build:tegel-light": "npm run compile:scss && npm run update:tegel-light-exports && npm run copy:assets-tegel-light",
+    "compile:scss": "node scripts/compile-tegel-light-components.js",
+    "update:tegel-light-exports": "node scripts/update-tegel-light-exports.js",
+    "copy:assets-tegel-light": "node scripts/copy-tegel-light-assets.js",
     "_comment": "Due to stencil bug with types creation, we need to run build two times!",
     "start": "stencil build --dev --watch --serve",
     "start:dev": "stencil build --dev --watch --serve",
@@ -414,6 +418,7 @@
     "concurrently": "8.0.1",
     "highlight.js": "11.8.0",
     "prettier": "2.7.1",
+    "sass": "^1.87.0",
     "serve": "14.2.1",
     "stencil-playwright": "0.3.0",
     "storybook-addon-designs": "6.3.1",