@scania/tegel-lite 1.5.0 → 1.7.0-table-vars-beta.0

package/dist/traton-variables.css

@@ -593,7 +593,7 @@
 
 /* Traton typography tokens */
 /**
- * Do not edit directly, this file was auto-generated.
+ * Do not edit directly, this file was auto-generated by build-tokens.mjs script.
  */
 .traton {
   --type-display-01-font-size: 216;
@@ -729,6 +729,7 @@
  * Do not edit directly, this file was auto-generated with ./scripts/icon-token-generation.mts
  */
 :root {
+  --traton-icon-agent-svg: url(./assets/icons/traton/agent.svg);
   --traton-icon-arrow_diagonal-svg: url(./assets/icons/traton/arrow_diagonal.svg);
   --traton-icon-arrow_down-svg: url(./assets/icons/traton/arrow_down.svg);
   --traton-icon-arrow_left-svg: url(./assets/icons/traton/arrow_left.svg);
@@ -756,8 +757,8 @@
   --traton-icon-document_doc-svg: url(./assets/icons/traton/document_doc.svg);
   --traton-icon-document_eye-svg: url(./assets/icons/traton/document_eye.svg);
   --traton-icon-document_pdf-svg: url(./assets/icons/traton/document_pdf.svg);
+  --traton-icon-document_ppt-svg: url(./assets/icons/traton/document_ppt.svg);
   --traton-icon-document_tool-svg: url(./assets/icons/traton/document_tool.svg);
-  --traton-icon-document_word-svg: url(./assets/icons/traton/document_word.svg);
   --traton-icon-document_wrong-svg: url(./assets/icons/traton/document_wrong.svg);
   --traton-icon-document_xls-svg: url(./assets/icons/traton/document_xls.svg);
   --traton-icon-dollar-svg: url(./assets/icons/traton/dollar.svg);
@@ -791,19 +792,27 @@
   --traton-icon-image_set-svg: url(./assets/icons/traton/image_set.svg);
   --traton-icon-info-svg: url(./assets/icons/traton/info.svg);
   --traton-icon-kebab-svg: url(./assets/icons/traton/kebab.svg);
+  --traton-icon-line_chart-svg: url(./assets/icons/traton/line_chart.svg);
   --traton-icon-link-svg: url(./assets/icons/traton/link.svg);
   --traton-icon-link_broken-svg: url(./assets/icons/traton/link_broken.svg);
   --traton-icon-lock-svg: url(./assets/icons/traton/lock.svg);
   --traton-icon-meatballs-svg: url(./assets/icons/traton/meatballs.svg);
   --traton-icon-message-svg: url(./assets/icons/traton/message.svg);
+  --traton-icon-message_ai-svg: url(./assets/icons/traton/message_ai.svg);
   --traton-icon-message_inactive-svg: url(./assets/icons/traton/message_inactive.svg);
+  --traton-icon-microphone-svg: url(./assets/icons/traton/microphone.svg);
+  --traton-icon-microphone_ai-svg: url(./assets/icons/traton/microphone_ai.svg);
+  --traton-icon-microphone_inactive-svg: url(./assets/icons/traton/microphone_inactive.svg);
   --traton-icon-mileage-svg: url(./assets/icons/traton/mileage.svg);
   --traton-icon-mileage_inactive-svg: url(./assets/icons/traton/mileage_inactive.svg);
   --traton-icon-minus-svg: url(./assets/icons/traton/minus.svg);
   --traton-icon-notification-svg: url(./assets/icons/traton/notification.svg);
   --traton-icon-notification_inactive-svg: url(./assets/icons/traton/notification_inactive.svg);
+  --traton-icon-notification_snooze-svg: url(./assets/icons/traton/notification_snooze.svg);
+  --traton-icon-paperclip-svg: url(./assets/icons/traton/paperclip.svg);
   --traton-icon-phone-svg: url(./assets/icons/traton/phone.svg);
   --traton-icon-phone_inactive-svg: url(./assets/icons/traton/phone_inactive.svg);
+  --traton-icon-pie_chart-svg: url(./assets/icons/traton/pie_chart.svg);
   --traton-icon-pin-svg: url(./assets/icons/traton/pin.svg);
   --traton-icon-pin_inactive-svg: url(./assets/icons/traton/pin_inactive.svg);
   --traton-icon-placeholder-svg: url(./assets/icons/traton/placeholder.svg);
@@ -820,6 +829,7 @@
   --traton-icon-report_inactive-svg: url(./assets/icons/traton/report_inactive.svg);
   --traton-icon-save-svg: url(./assets/icons/traton/save.svg);
   --traton-icon-save_inactive-svg: url(./assets/icons/traton/save_inactive.svg);
+  --traton-icon-scissor-svg: url(./assets/icons/traton/scissor.svg);
   --traton-icon-search-svg: url(./assets/icons/traton/search.svg);
   --traton-icon-send-svg: url(./assets/icons/traton/send.svg);
   --traton-icon-send_inactive-svg: url(./assets/icons/traton/send_inactive.svg);
@@ -830,10 +840,14 @@
   --traton-icon-smartphone-svg: url(./assets/icons/traton/smartphone.svg);
   --traton-icon-smartphone_inactive-svg: url(./assets/icons/traton/smartphone_inactive.svg);
   --traton-icon-sorting-svg: url(./assets/icons/traton/sorting.svg);
+  --traton-icon-sparkle-svg: url(./assets/icons/traton/sparkle.svg);
   --traton-icon-speedometer-svg: url(./assets/icons/traton/speedometer.svg);
   --traton-icon-speedometer_inactive-svg: url(./assets/icons/traton/speedometer_inactive.svg);
   --traton-icon-star-svg: url(./assets/icons/traton/star.svg);
   --traton-icon-support-svg: url(./assets/icons/traton/support.svg);
+  --traton-icon-table-svg: url(./assets/icons/traton/table.svg);
+  --traton-icon-thumbs_down-svg: url(./assets/icons/traton/thumbs_down.svg);
+  --traton-icon-thumbs_up-svg: url(./assets/icons/traton/thumbs_up.svg);
   --traton-icon-tick-svg: url(./assets/icons/traton/tick.svg);
   --traton-icon-timer-svg: url(./assets/icons/traton/timer.svg);
   --traton-icon-tool-svg: url(./assets/icons/traton/tool.svg);
@@ -854,6 +868,7 @@
  * Do not edit directly, this file was auto-generated with ./scripts/icon-token-generation.mts
  */
 .traton {
+  --icon-agent-svg: var(--traton-icon-agent-svg);
   --icon-arrow_diagonal-svg: var(--traton-icon-arrow_diagonal-svg);
   --icon-arrow_down-svg: var(--traton-icon-arrow_down-svg);
   --icon-arrow_left-svg: var(--traton-icon-arrow_left-svg);
@@ -881,8 +896,8 @@
   --icon-document_doc-svg: var(--traton-icon-document_doc-svg);
   --icon-document_eye-svg: var(--traton-icon-document_eye-svg);
   --icon-document_pdf-svg: var(--traton-icon-document_pdf-svg);
+  --icon-document_ppt-svg: var(--traton-icon-document_ppt-svg);
   --icon-document_tool-svg: var(--traton-icon-document_tool-svg);
-  --icon-document_word-svg: var(--traton-icon-document_word-svg);
   --icon-document_wrong-svg: var(--traton-icon-document_wrong-svg);
   --icon-document_xls-svg: var(--traton-icon-document_xls-svg);
   --icon-dollar-svg: var(--traton-icon-dollar-svg);
@@ -916,19 +931,27 @@
   --icon-image_set-svg: var(--traton-icon-image_set-svg);
   --icon-info-svg: var(--traton-icon-info-svg);
   --icon-kebab-svg: var(--traton-icon-kebab-svg);
+  --icon-line_chart-svg: var(--traton-icon-line_chart-svg);
   --icon-link-svg: var(--traton-icon-link-svg);
   --icon-link_broken-svg: var(--traton-icon-link_broken-svg);
   --icon-lock-svg: var(--traton-icon-lock-svg);
   --icon-meatballs-svg: var(--traton-icon-meatballs-svg);
   --icon-message-svg: var(--traton-icon-message-svg);
+  --icon-message_ai-svg: var(--traton-icon-message_ai-svg);
   --icon-message_inactive-svg: var(--traton-icon-message_inactive-svg);
+  --icon-microphone-svg: var(--traton-icon-microphone-svg);
+  --icon-microphone_ai-svg: var(--traton-icon-microphone_ai-svg);
+  --icon-microphone_inactive-svg: var(--traton-icon-microphone_inactive-svg);
   --icon-mileage-svg: var(--traton-icon-mileage-svg);
   --icon-mileage_inactive-svg: var(--traton-icon-mileage_inactive-svg);
   --icon-minus-svg: var(--traton-icon-minus-svg);
   --icon-notification-svg: var(--traton-icon-notification-svg);
   --icon-notification_inactive-svg: var(--traton-icon-notification_inactive-svg);
+  --icon-notification_snooze-svg: var(--traton-icon-notification_snooze-svg);
+  --icon-paperclip-svg: var(--traton-icon-paperclip-svg);
   --icon-phone-svg: var(--traton-icon-phone-svg);
   --icon-phone_inactive-svg: var(--traton-icon-phone_inactive-svg);
+  --icon-pie_chart-svg: var(--traton-icon-pie_chart-svg);
   --icon-pin-svg: var(--traton-icon-pin-svg);
   --icon-pin_inactive-svg: var(--traton-icon-pin_inactive-svg);
   --icon-placeholder-svg: var(--traton-icon-placeholder-svg);
@@ -945,6 +968,7 @@
   --icon-report_inactive-svg: var(--traton-icon-report_inactive-svg);
   --icon-save-svg: var(--traton-icon-save-svg);
   --icon-save_inactive-svg: var(--traton-icon-save_inactive-svg);
+  --icon-scissor-svg: var(--traton-icon-scissor-svg);
   --icon-search-svg: var(--traton-icon-search-svg);
   --icon-send-svg: var(--traton-icon-send-svg);
   --icon-send_inactive-svg: var(--traton-icon-send_inactive-svg);
@@ -955,10 +979,14 @@
   --icon-smartphone-svg: var(--traton-icon-smartphone-svg);
   --icon-smartphone_inactive-svg: var(--traton-icon-smartphone_inactive-svg);
   --icon-sorting-svg: var(--traton-icon-sorting-svg);
+  --icon-sparkle-svg: var(--traton-icon-sparkle-svg);
   --icon-speedometer-svg: var(--traton-icon-speedometer-svg);
   --icon-speedometer_inactive-svg: var(--traton-icon-speedometer_inactive-svg);
   --icon-star-svg: var(--traton-icon-star-svg);
   --icon-support-svg: var(--traton-icon-support-svg);
+  --icon-table-svg: var(--traton-icon-table-svg);
+  --icon-thumbs_down-svg: var(--traton-icon-thumbs_down-svg);
+  --icon-thumbs_up-svg: var(--traton-icon-thumbs_up-svg);
   --icon-tick-svg: var(--traton-icon-tick-svg);
   --icon-timer-svg: var(--traton-icon-timer-svg);
   --icon-tool-svg: var(--traton-icon-tool-svg);
@@ -980,7 +1008,7 @@
  */
 :root,
 .scania {
-  --icon-document_word-svg: var(--scania-icon-placeholder-svg);
+  /* No fallbacks needed: this brand defines every icon name. */
 }
 
 .traton {
@@ -1023,11 +1051,12 @@
   --icon-diamond_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-document_plus-svg: var(--traton-icon-placeholder-svg);
   --icon-document_plus_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-document_ppt-svg: var(--traton-icon-placeholder-svg);
+  --icon-driver-svg: var(--traton-icon-placeholder-svg);
   --icon-driving_licence-svg: var(--traton-icon-placeholder-svg);
   --icon-driving_licence_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-drop-svg: var(--traton-icon-placeholder-svg);
   --icon-drop_inactive-svg: var(--traton-icon-placeholder-svg);
+  --icon-employee-svg: var(--traton-icon-placeholder-svg);
   --icon-engine-svg: var(--traton-icon-placeholder-svg);
   --icon-engine_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-environment-svg: var(--traton-icon-placeholder-svg);
@@ -1066,24 +1095,19 @@
   --icon-layer_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-list-svg: var(--traton-icon-placeholder-svg);
   --icon-list_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-lock_inactive-svg: var(--traton-icon-placeholder-svg);
+  --icon-manager-svg: var(--traton-icon-placeholder-svg);
   --icon-map_cursor-svg: var(--traton-icon-placeholder-svg);
   --icon-map_cursor_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-maximize_fullscreen-svg: var(--traton-icon-placeholder-svg);
   --icon-merge-svg: var(--traton-icon-placeholder-svg);
   --icon-merge_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-microphone-svg: var(--traton-icon-placeholder-svg);
-  --icon-microphone_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-minimize_fullscreen-svg: var(--traton-icon-placeholder-svg);
   --icon-navigate-svg: var(--traton-icon-placeholder-svg);
   --icon-navigate_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-notification_snooze-svg: var(--traton-icon-placeholder-svg);
   --icon-oil_level-svg: var(--traton-icon-placeholder-svg);
   --icon-oil_level_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-paperclip-svg: var(--traton-icon-placeholder-svg);
   --icon-pause-svg: var(--traton-icon-placeholder-svg);
   --icon-pause_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-pie_chart-svg: var(--traton-icon-placeholder-svg);
   --icon-play-svg: var(--traton-icon-placeholder-svg);
   --icon-play_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-powerplug-svg: var(--traton-icon-placeholder-svg);
@@ -1100,14 +1124,13 @@
   --icon-route-svg: var(--traton-icon-placeholder-svg);
   --icon-route_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-shuffle-svg: var(--traton-icon-placeholder-svg);
+  --icon-split-svg: var(--traton-icon-placeholder-svg);
   --icon-target-svg: var(--traton-icon-placeholder-svg);
   --icon-target_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-temperature-svg: var(--traton-icon-placeholder-svg);
   --icon-temperature_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-text-svg: var(--traton-icon-placeholder-svg);
   --icon-text_inactive-svg: var(--traton-icon-placeholder-svg);
-  --icon-thumbs_down-svg: var(--traton-icon-placeholder-svg);
-  --icon-thumbs_up-svg: var(--traton-icon-placeholder-svg);
   --icon-trailer-svg: var(--traton-icon-placeholder-svg);
   --icon-trailer_inactive-svg: var(--traton-icon-placeholder-svg);
   --icon-truck_inactive-svg: var(--traton-icon-placeholder-svg);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel-lite",
-  "version": "1.5.0",
+  "version": "1.7.0-table-vars-beta.0",
   "description": "Styles-only library for Tegel Design System (Beta)",
   "type": "module",
   "keywords": [
@@ -37,6 +37,7 @@
     "./tl-chip.css": "./dist/tl-chip.css",
     "./tl-datetime.css": "./dist/tl-datetime.css",
     "./tl-divider.css": "./dist/tl-divider.css",
+    "./tl-dropdown.css": "./dist/tl-dropdown.css",
     "./tl-folder-tabs.css": "./dist/tl-folder-tabs.css",
     "./tl-footer.css": "./dist/tl-footer.css",
     "./tl-header.css": "./dist/tl-header.css",
@@ -50,6 +51,8 @@
     "./tl-popover-menu.css": "./dist/tl-popover-menu.css",
     "./tl-radio-button.css": "./dist/tl-radio-button.css",
     "./tl-side-menu.css": "./dist/tl-side-menu.css",
+    "./tl-stepper.css": "./dist/tl-stepper.css",
+    "./tl-table.css": "./dist/tl-table.css",
     "./tl-text-field.css": "./dist/tl-text-field.css",
     "./tl-textarea.css": "./dist/tl-textarea.css",
     "./tl-toast.css": "./dist/tl-toast.css",
@@ -66,14 +69,13 @@
   "files": [
     "dist/"
   ],
-  "scripts": {
-    "prepublishOnly": "echo 'Warning: Run npm run build:tegel-lite from root before publishing'",
-    "test": "npx playwright test"
-  },
   "devDependencies": {
-    "@playwright/test": "1.60.0",
-    "@types/node": "^24.3.1",
+    "@playwright/test": "1.63.0",
+    "@types/node": "22.20.3",
     "serve": "^14.2.5"
   },
-  "license": "MIT"
-}
+  "license": "MIT",
+  "scripts": {
+    "test": "playwright test"
+  }
+}

package/dist/assets/icons/scania/lock_inactive.svg

@@ -1,4 +0,0 @@
-<svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M16 4a4 4 0 0 0-4 4v7a1 1 0 1 1-2 0V8a6 6 0 0 1 12 0 1 1 0 1 1-2 0 4 4 0 0 0-4-4Z" fill="currentColor"/>
-  <path fill-rule="evenodd" clip-rule="evenodd" d="M6 16a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V16Zm18 0H8v12h16V16Z" fill="currentColor"/>
-</svg>

package/dist/assets/icons/traton/document_word.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M8.6 22.4q1 0 1.8.3.7.4 1.1 1t.4 1.5q0 .8-.4 1.4-.3.7-1.1 1-.7.3-1.8.3H7.1V30H5.3v-7.6zm8 0q1 0 1.7.3.7.4 1.1 1t.4 1.5q0 .8-.4 1.4-.4.7-1.1 1t-1.8.3H15V30h-1.8v-7.6zm10 1.4h-2.4V30h-1.7v-6.2H20v-1.4h6.7zM7.2 26.5h1.4q.9 0 1.2-.4.4-.3.4-1t-.4-1q-.3-.2-1.2-.3H7.1zm7.9 0h1.4q.8 0 1.2-.4.4-.3.4-1t-.4-1-1.2-.3H15zm11-15V20h-2v-7h-9V4H8v16H6V2h10.4zm-9-.5h5.6L17 5.4z"/></svg>