@scania/tegel 1.56.0 → 1.58.0

package/dist/collection/assets/icons/traton/export_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M26.6 28 4 5.5l1.4-1.5L28 26.6zM7.4 13.6 6 12l1-1 1.4 1.5zM6 30V20h2v8h15.8l2 2zm18.6-16.5L17 5.9v6.9l-2-2v-5l-2.4 2.5L11.2 7 16 2l10 10zM15 24v-4.8l2 2V24zm9.2-4H26v1.8z"/></svg>

package/dist/collection/assets/icons/traton/eye.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 11a5 5 0 1 1 0 10 5 5 0 0 1 0-10m0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M16 6c7.7 0 12.5 5 14 10-1.5 5-6.3 10-14 10S3.5 21 2 16C3.5 11 8.3 6 16 6m0 2C9.6 8 5.6 12 4.1 16c1.5 4 5.5 8 11.9 8s10.4-4 11.9-8c-1.5-4-5.5-8-11.9-8" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/eye_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m27.7 26-1.4 1.4-22-22L5.7 4z"/><path fill="#001d21" d="m27.7 26-1.4 1.4-22-22L5.7 4zM7.1 11a12 12 0 0 0-3 4.7c1.5 4 5.5 8 11.9 8q1.8 0 3.4-.4L21 25q-2.3.8-5 .8c-7.7 0-12.5-5-14-10a14 14 0 0 1 3.7-6z"/><path fill="#001d21" d="M7.1 11a12 12 0 0 0-3 4.7c1.5 4 5.5 8 11.9 8q1.8 0 3.4-.4L21 25q-2.3.8-5 .8c-7.7 0-12.5-5-14-10a14 14 0 0 1 3.7-6zM16 5.7c7.7 0 12.5 5 14 10a14 14 0 0 1-3.7 6l-1.4-1.4a12 12 0 0 0 3-4.6c-1.5-4-5.5-8-11.9-8q-1.8 0-3.4.4L11 6.5q2.3-.8 5-.8"/><path fill="#001d21" d="M16 5.7c7.7 0 12.5 5 14 10a14 14 0 0 1-3.7 6l-1.4-1.4a12 12 0 0 0 3-4.6c-1.5-4-5.5-8-11.9-8q-1.8 0-3.4.4L11 6.5q2.3-.8 5-.8M16.7 20.7H16a5 5 0 0 1-5-5.7z"/><path fill="#001d21" d="M16.7 20.7H16a5 5 0 0 1-5-5.7zM16 10.7a5 5 0 0 1 5 5.7l-5.7-5.6z"/><path fill="#001d21" d="M16 10.7a5 5 0 0 1 5 5.7l-5.7-5.6z"/></svg>

package/dist/collection/assets/icons/traton/face_dissatisfied.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M14.5 19c2.6-.4 5.4.3 8.2 3.3l-1.4 1.4c-2.4-2.6-4.6-3-6.4-2.7a7 7 0 0 0-4.1 2.6l-1.6-1.2c1-1.3 3-2.9 5.3-3.4M12 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4M20 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/><path fill="#001d21" fill-rule="evenodd" d="M16 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/face_neutral.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M23 22H9v-2h14zM12 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4M20 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/><path fill="#001d21" fill-rule="evenodd" d="M16 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/face_satisfied.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M14.5 23.5c2.6.5 5.4-.2 8.2-3.2l-1.4-1.4c-2.4 2.6-4.6 3-6.4 2.7a7 7 0 0 1-4.1-2.6l-1.6 1.2c1 1.3 3 2.9 5.3 3.3M12 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4M20 12a2 2 0 1 1 0 4 2 2 0 0 1 0-4"/><path fill="#001d21" fill-rule="evenodd" d="M16 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/filters.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 28 24"><path fill="#001d21" d="M6 20H0v2h6v2h6v-2h16v-2H12v-2H6zm4 2H8v-2h2zm7-13v2H0v2h17v2h6v-2h5v-2h-5V9zm4 2v2h-2v-2zM6 2H0v2h6v2h6V4h16V2H12V0H6zm4 2H8V2h2z"/></svg>

package/dist/collection/assets/icons/traton/filters_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M4 5.4 26.6 28l1.4-1.4L5.4 4zM8 24H2v2h6v2h6v-2h7.8l-2-2H14v-2H8zm4 2h-2v-2h2zm18-.1V24h-1.8zm-11-11 2 2V15h2v2h-1.8l2 2H25v-2h5v-2h-5v-2h-6zM2 17h10.8l-2-2H2zm8.2-11H12V8l2 2V8.1h16V6H14V4H8.2zM2 8h1.8L2 6.4z"/></svg>

package/dist/collection/assets/icons/traton/folder.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m14.1 6 1.5 3H30v17H2V6zM4 24h24V11H14.4l-1.5-3H4z"/></svg>

package/dist/collection/assets/icons/traton/fuel_gauge.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="m19.2 4.6.6 1.2.1.2v8h3.3l.8 1.7.1.2v9.7l.2.4h1.5l.2-.4v-9.5l-2-4V8.7h1.4l-1.7-3.5 1.8-.9 2.4 5v17L27 28h-4l-.8-1.7v-9.9l-.3-.4h-2v12H4V6l.1-.2.6-1.2L5 4h14zM6 26h12V12H6zM6 6.5V10h12V6.5l-.3-.5H6.3z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/fuel_gauge_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M7.7 12H6v14h12v-3.8l2 2V28H4V8.3zM28 26.6 26.6 28 4 5.4 5.4 4zM27.9 9.2v14.6l-2-2V16l-1.8-4V12l-.2-3.2h1.5l-1.7-3.5 1.8-.9zM19.2 4.6l.6 1.2.1.2v8h3.3l.8 1.7.1.2v4l-2-2v-1.5L22 16h-1.7L18 13.7V12h-1.7l-2-2H18V6.5l-.2-.5h-7.5l-2-2h10.7z"/></svg>

package/dist/collection/assets/icons/traton/global.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 2a14 14 0 1 0 0 28 14 14 0 0 0 0-28m5.2 20-2.8 5.8-1.4.2v-6zM15 22v6l-1.4-.2-2.8-5.8zm11.4 0a12 12 0 0 1-5.4 4.9l2.4-4.9zM8.6 22l2.4 4.9A12 12 0 0 1 5.6 22zm18.7-10a12 12 0 0 1 0 8h-3.5v-8zm-5.5 8H17v-8h4.8zM15 20h-4.8v-8H15zm-6.8 0H4.7a12 12 0 0 1 0-8h3.5zm13-14.9q3.3 1.6 5.2 4.9h-3zm-4.2-1q.8 0 1.5.2l2.7 5.7H17zM15 10h-4.2l2.7-5.7L15 4zm-6.4 0h-3A12 12 0 0 1 11 5.1z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/heart.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 11.7A6 6 0 0 0 22.3 6H22a6 6 0 0 0-4.5 2L16 9.9 14.5 8a6 6 0 0 0-4.2-2L10 6a6 6 0 0 0-6 5.7v.3q0 2.5 1.6 4.2L16 27l10.4-11a6 6 0 0 0 1.6-4zm2 .3a8 8 0 0 1-2.2 5.5L16 30 4.2 17.5A8 8 0 0 1 10 4a8 8 0 0 1 6 2.7A8 8 0 0 1 22 4a8 8 0 0 1 8 8"/></svg>

package/dist/collection/assets/icons/traton/heart_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M4.8 9a6 6 0 0 0-.8 2.7v.3q0 2.5 1.6 4.2L16 27l3.3-3.5 1.5 1.4-4.8 5L4.2 17.5a8 8 0 0 1-.9-10zm23.1 17.5L26.5 28 4 5.4 5.4 4zM22 4a8 8 0 0 1 5.8 13.5l-3 3.2-1.3-1.5 2.9-3A6 6 0 0 0 28 12v-.3A6 6 0 0 0 22.3 6H22a6 6 0 0 0-4.5 2L16 9.9 14.5 8a6 6 0 0 0-4.2-2l-2-2A8 8 0 0 1 16 6.8 8 8 0 0 1 22 4"/></svg>

package/dist/collection/assets/icons/traton/home.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 10v18H18v-9h-4v9H4V10l12-6zM6 11.2V26h6v-9h8v9h6V11.2l-10-5z"/></svg>

package/dist/collection/assets/icons/traton/home_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m6.7 10.9-.7.3V26h6v-9h.8l2 2H14v9H4V10l1.2-.6zM20 24.2V26h1.8l2 2H18v-5.8zm8 2.4L26.6 28 4 5.4 5.4 4zM28 10v13.8l-2-2V11.2l-10-5-3.7 1.9-1.5-1.5L16 4z"/></svg>

package/dist/collection/assets/icons/traton/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M30 26H2V6h28zm-16-4.6-3-3L5.4 24H28v-2.6l-7-7zM4 22.6l7-7 3 3 7-7 7 7V8H4z"/></svg>

package/dist/collection/assets/icons/traton/image_add.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#000" d="M16 8H4v14.6l7-7 3 3 7-7 7 7V12h2v14H2V6h14zm-2 13.4-3-3L5.4 24H28v-2.6l-7-7zM26 6h4v2h-4v4h-2V8h-4V6h4V2h2z"/></svg>

package/dist/collection/assets/icons/traton/image_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#000" d="M4 5.4 26.6 28l1.4-1.4L5.4 4zM2 26h19.8l-2-2H5.4l5.6-5.6 3 3 1.6-1.6-1.4-1.4-.2.2-3-3-7 7V8.2l-2-2zM12.2 8H28v10.6l-7-7-2.6 2.6 1.4 1.4 1.2-1.2 7 7v2.4l2 2V6H10.2z"/></svg>

package/dist/collection/assets/icons/traton/image_set.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#000" d="M6 10.2H2V26h24v-4h4V6H6zM6 22h18v2H4V12.2h2zm22-4.3V20H8.5l5-5 2.5 2.6 6-6zm0-2.8-6-6-6 5.8-2.5-2.5L8 17.7V8h20z"/></svg>

package/dist/collection/assets/icons/traton/kebab.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M18 26h-4v-4h4zm0-8h-4v-4h4zm0-8h-4V6h4z"/></svg>

package/dist/collection/assets/icons/traton/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m10.7 15.8-5.3 5.3 5.7 5.6 5.2-5.2 1.5 1.4-6.7 6.7L2.6 21l6.7-6.7zm12.2-5-12.1 12-1.4-1.3 12-12.1zm6.7.3-6.7 6.7-1.4-1.5 5.2-5.2-5.6-5.7-5.3 5.3-1.4-1.4 6.7-6.7z"/></svg>

package/dist/collection/assets/icons/traton/link_broken.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m20.6 29.2-2 .6-1-4 1.9-.6zm-9.9-13.4-5.3 5.3 5.7 5.7 5.2-5.3 1.5 1.4-6.7 6.7-8.5-8.5 6.7-6.7zm15.9 9.4L25 26.6l-2.9-3 1.4-1.4zm3.1-6.5-.5 1.9-4-1.1.5-2zm-.1-7.6-6.7 6.7-1.4-1.4 5.2-5.3-5.6-5.7-5.3 5.3-1.4-1.4 6.7-6.7zM6.8 12.5l-.5 2-4-1.2.5-2zm3-4L8.3 9.7l-2.8-3 1.4-1.4zm4.6-2.2-1.9.5-1-4 1.9-.5z"/></svg>

package/dist/collection/assets/icons/traton/lock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M22 4.8V14h4v16H6V14h4V4.8L11.4 2h9.2zM8 28h16V16H8zm4-22.8V14h8V5.2L19.4 4h-6.8z" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M22 4.8V14h4v16H6V14h4V4.8L11.4 2h9.2zM8 28h16V16H8zm4-22.8V14h8V5.2L19.4 4h-6.8z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/meatballs.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M6 18v-4h4v4zm8 0v-4h4v4zm8 0v-4h4v4z"/></svg>

package/dist/collection/assets/icons/traton/message.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M30 4v19.3H11.7L2 28V4zM4 24.8l7.2-3.5H28V6.1H4z"/></svg>

package/dist/collection/assets/icons/traton/message_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 26.6 26.6 28 4 5.4 5.4 4zM4 8.2v16.2l7.2-3.4h5.6l2 2h-7.1L2 27.6V6.2zm26-4.1v19h-2.8l-2-2H28V6H10.2l-2-2z"/></svg>

package/dist/collection/assets/icons/traton/mileage.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M23 23H9v-6h14zm-12-2h10v-2H11z" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M16 4a14 14 0 0 1 9.8 24H6.2A14 14 0 0 1 16 4m1 5h-2V6a12 12 0 0 0-6.7 2.8l2 2-1.5 1.4-2-2A12 12 0 0 0 4 17h3v2H4a12 12 0 0 0 3 7h18a12 12 0 0 0 3-7h-3v-2h3a12 12 0 0 0-2.8-6.7l-2 2-1.4-1.5 2-2A12 12 0 0 0 17 6z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/mileage_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M6.5 10.7A12 12 0 0 0 4 17h3v2H4a12 12 0 0 0 3 7h14.8l2 2H6.2A14 14 0 0 1 5 9.3z"/><path fill="#001d21" d="M6.5 10.7A12 12 0 0 0 4 17h3v2H4a12 12 0 0 0 3 7h14.8l2 2H6.2A14 14 0 0 1 5 9.3zM27.7 26.3l-1.4 1.4-22-22 1.4-1.4z"/><path fill="#001d21" d="m27.7 26.3-1.4 1.4-22-22 1.4-1.4zM16 4a14 14 0 0 1 12.5 20.3L27 22.8a12 12 0 0 0 1-3.8h-3v-2h3a12 12 0 0 0-2.8-6.7l-2 2-1.4-1.5 2-2A12 12 0 0 0 17 6v3h-2V6q-2 .3-3.8 1L9.7 5.5Q12.7 4 16 4"/><path fill="#001d21" d="M16 4a14 14 0 0 1 12.5 20.3L27 22.8a12 12 0 0 0 1-3.8h-3v-2h3a12 12 0 0 0-2.8-6.7l-2 2-1.4-1.5 2-2A12 12 0 0 0 17 6v3h-2V6q-2 .3-3.8 1L9.7 5.5Q12.7 4 16 4M14.8 19H11v2h5.8l2 2H9v-6h3.8z"/><path fill="#001d21" d="M14.8 19H11v2h5.8l2 2H9v-6h3.8zM23 18.8 21.2 17H23z"/><path fill="#001d21" d="M23 18.8 21.2 17H23z"/></svg>

package/dist/collection/assets/icons/traton/notification_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M20 30h-8v-2h8zM28 26.6 26.6 28 4 5.4 5.4 4zM9 13.2v7.4L7 22v2h12.8l2 2H5v-5l2-1.5V13l.1-1.6zM17 4a9 9 0 0 1 8 9v6.5l2 1.5v1.8l-4-4V13a7 7 0 0 0-11.3-5.5L10.3 6A9 9 0 0 1 15 4V2h2z"/></svg>

package/dist/collection/assets/icons/traton/phone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="m14.9 10.5-.8.4-1.5.7h-.2q.5 2.5 2.7 4.8 2.3 2.5 5.2 3.2l.1-.3.8-1.5.3-.7 6.5 1.7V28h-2c-9 0-14.6-3.9-18-8.7C4.8 14.5 4 8.8 4 4.9V4h9.1zM5.9 6c0 3.4 1 8.2 3.8 12.2 3 4.3 8 7.8 16.3 7.8v-5.6l-3.4-1-.4.8-.7 1.5c-3 0-5.8-1.8-7.9-3.9-2-2.1-3.4-4.9-3.4-7.3l2.3-1-1-3.5z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/phone_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 26.6 26.6 28 4 5.4 5.4 4zM6.5 10.8q.9 3.7 3.2 7.4c2.4 3.4 6 6.3 11.6 7.4l2.3 2.3a20 20 0 0 1-15.5-8.6A24 24 0 0 1 4.2 8.5zM28 18.8v5l-2-2v-1.4l-1.9-.5-2.6-2.7v-.1zM14.9 10.5h-.1L12 7.9 11.6 6h-1.3l-2-2H13z"/></svg>

package/dist/collection/assets/icons/traton/pin.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 8a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11m0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M16.6 2c6 .3 10.9 5.3 10.9 11.5v.3C27.3 20 20.7 25.3 16 30l-.8-.8C10.9 25 4.7 19.6 4.5 13.8v-.3C4.5 7 9.6 2 16 2zM16 4a9.5 9.5 0 0 0-9.5 9.5q.1 3.6 3.7 7.7 2.8 3.2 5.8 6 3.2-3 6-6.2 3.4-3.8 3.5-7.5C25.5 8.2 21.2 4 16 4" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/pin_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M6.8 11q-.3 1.2-.3 2.5.1 3.6 3.7 7.7 2.8 3.2 5.8 6l3.5-3.4 1.4 1.4L16 30l-.8-.8C10.9 25 4.7 19.6 4.5 13.8v-.3q0-2.1.7-4zM28 26.6 26.6 28 4 5.4 5.4 4zM16.6 2c6 .3 10.9 5.3 10.9 11.5v.3q-.2 3.6-2.6 6.8l-1.5-1.4q2-3 2.1-5.7A9.5 9.5 0 0 0 10.2 6L8.8 4.5q3-2.4 7.2-2.5z"/><path fill="#001d21" d="M16 8a5.5 5.5 0 0 1 4.7 8.4L19.2 15q.3-.6.3-1.4a3.5 3.5 0 0 0-5-3.2l-1.4-1.5Q14.3 8 16 8"/></svg>

package/dist/collection/assets/icons/traton/placeholder.svg

@@ -1,3 +1 @@
-<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M2 4C2 2.89543 2.89543 2 4 2H6V4H4V6H2V4ZM14 4H10V2H14V4ZM22 4H18V2H22V4ZM28 4H26V2H28C29.1046 2 30 2.89543 30 4V6H28V4ZM4 10V14H2V10H4ZM28 14V10H30V14H28ZM4 18V22H2V18H4ZM28 22V18H30V22H28ZM4 26V28H6V30H4C2.89543 30 2 29.1046 2 28V26H4ZM28 28V26H30V28C30 29.1046 29.1046 30 28 30H26V28H28ZM10 28H14V30H10V28ZM18 28H22V30H18V28Z" fill="#0D0F13"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M4 10H2v4h2zM4 18H2v4h2zM30 10h-2v4h2zM30 18h-2v4h2zM14 28h-4v2h4zM22 28h-4v2h4zM14 2h-4v2h4zM22 2h-4v2h4zM2 6h2V4h2V2H2zM4 26H2v4h4v-2H4zM28 28h-2v2h4v-4h-2zM26 2v2h2v2h2V2z"/></svg>

package/dist/collection/assets/icons/traton/print_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M7.7 12H5.2L4 14.4V22h3v-5h5.7l2 2H9v9h14v-.8l2 2v.8H7v-6H2V14l2-4h1.7zM28 26.6 26.6 28 4 5.4 5.4 4zM25 10h3l2 4v10h-2.1l.1-.2-1.8-1.8H28v-7.6L26.8 12H16.2l-2-2H23V6H10.2l-2-2H25zm0 10.8L21.2 17H25z"/></svg>

package/dist/collection/assets/icons/traton/profile.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m25.7 18 .3.6 1.9 3.8.1.2V28h-2v-4.9L24.4 20H7.6L6 23.1V28H4v-5.4l.1-.2L6.3 18zM16 2a7 7 0 1 1 0 14 7 7 0 0 1 0-14m0 2a5 5 0 1 0 0 10 5 5 0 0 0 0-10"/></svg>

package/dist/collection/assets/icons/traton/profile_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M15.8 20H7.6L6 23.1V28H4v-5.4l.1-.2L6.3 18h7.5zM28 26.6 26.6 28 4 5.4 5.4 4zM27.9 22.4l.1.2v1.2l-3.4-3.4-.2-.4h-.2l-2-2h3.5zM16 2a7 7 0 0 1 3.4 13.1l-1.5-1.5a5 5 0 1 0-6.5-6.5L9.9 5.6A7 7 0 0 1 16 2"/></svg>

package/dist/collection/assets/icons/traton/proportions.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 28H4V4h24zM6 26h20V6H6zm4-8.7V22h5.1v2h-7v-6.7zm14-2.6h-2V10H17V8H24z"/></svg>

package/dist/collection/assets/icons/traton/proportions_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M4 5.5 26.7 28l1.4-1.4L5.5 4zM4 28h19.8l-2-2H6V10.2l-2-2zm4-4h7.1v-2H10v-4.7H8zm2.2-18H26v15.8l2 2V4H8.2zm6.7 4H22v4.7h2V8H17z"/></svg>

package/dist/collection/assets/icons/traton/redirect.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M10 8H6v18h18v-4h2v6H4V6h6zm18 8h-2V7.4L13.7 19.7l-1.4-1.4L24.6 6H16V4h12z"/></svg>

package/dist/collection/assets/icons/traton/report.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M10 28H4V14h6zm9 0h-6V9h6zm9 0h-6V4h6zM6 26h2V16H6zm9 0h2V11h-2zm9 0h2V6h-2z"/></svg>

package/dist/collection/assets/icons/traton/report_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 26.6 26.6 28 4 5.4 5.4 4zM10 14.2V28H4V14h5.8zm5 5V26h2v-4.8l2 2V28h-6V17.2zm8.8 8.8H22v-1.8zM6 26h2V16H6zm22-2.2-2-2V6h-2v13.8l-2-2V4h6zm-9-9-2-2V11h-1.8l-2-2H19z"/></svg>

package/dist/collection/assets/icons/traton/save.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 9.6V28H4V4h18.4zM6 26h4v-8h12v8h4V10.4l-4-4V11H10V6H6zm6 0h8v-6h-8zm0-17h8V6h-8z"/></svg>

package/dist/collection/assets/icons/traton/save_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 26.6 26.6 28 4 5.4 5.4 4zM6 10.2V26h4v-8h3.8l2 2H12v6h8v-1.8l3.8 3.8H4V8.2zm22-.6v14.2l-2-2V10.4l-4-4V11h-6.8l-2-2H20V6h-8v1.8L8.2 4h14.2z"/></svg>

package/dist/collection/assets/icons/traton/send.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M4 5.3 9 16 4 26.7 5.4 28 28 17v-2L5.4 4zM25.3 16 7 25l3.7-8H16v-2h-5.2L7.1 7z"/></svg>

package/dist/collection/assets/icons/traton/send_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m3.3 4.7 24 24 .7-.7.8-.7-24.1-24zM9 16l-5 10.6L5.3 28l12.3-6-1.5-1.6L7 25l3.8-7.9h1.9l-6.1-6zm6.4-4.8 9.8 4.8-3.4 1.7 1.5 1.5 4.6-2.3v-1.8L11 7z"/></svg>

package/dist/collection/assets/icons/traton/settings.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 9.9c3.4 0 6.1 2.7 6.1 6.1v.3a6 6 0 0 1-6.1 5.8h-.3A6.1 6.1 0 0 1 16 9.9m0 2a4.1 4.1 0 1 0 0 8.2 4.1 4.1 0 0 0 0-8.2" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="m19.8 5.1.9.4 3.2-1.1 3.4 3.3-1 3 .6 1.6 3 1.4v4.7l-3 1.5-.6 1.3 1 2.9-3.4 3.4-3-1.1-1.1.5-1.4 3h-4.8l-1.4-3-1.1-.5-3 1-3.4-3.3 1-2.9-.5-1.4-3-1.4v-4.7l3-1.4q.2-.8.6-1.6l-1-3L8 4.4l3.2 1.1.9-.4 1.4-3h4.8zm-6.2 1.7L13 7l-.8.3-.7.3-2.8-1L7 8.4l1 2.6-.4.7q-.4.6-.6 1.3l-.3.8-2.5 1.2v2.3l2.6 1.2.2.8.5 1.1.4.8-.9 2.5 1.6 1.6 2.6-1 .7.4.5.2.5.2.7.2 1.3 2.6H17l1.3-2.6.7-.2 1-.4.7-.4 2.6 1 1.6-1.6-1-2.5.5-.8.5-1.1.2-.8 2.6-1.2v-2.3l-2.5-1.2-.3-.8q-.2-.7-.6-1.3L24 11l1-2.6-1.6-1.6-2.8 1-.7-.4q-.4 0-.8-.3l-.7-.2L17 4.2H15z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/skip_backwards.svg

@@ -1 +1 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.41 7.41 23 6 13 16l10 10 1.41-1.41L15.83 16l8.58-8.59ZM8 6H6v20h2V6Z" fill="#001D21"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 24"><path fill="#001d21" d="M2 24H0V0h2zM20 1.5 9.4 12l10.5 10.5-1.4 1.4-12-12 12-12z"/></svg>

package/dist/collection/assets/icons/traton/skip_forward.svg

@@ -1 +1 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.59 7.41 9 6l10 10-10 10-1.41-1.41L16.17 16l-8.58-8.59ZM26 6h-2v20h2V6Z" fill="#001D21"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M24 28h2V4h-2zM6 5.5 16.6 16 6.1 26.6 7.5 28l12-12-12-12z"/></svg>

package/dist/collection/assets/icons/traton/smartphone.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M26 30H6V2h20zM8 28h16V4H8zM18 8h-4V6h4z"/></svg>

package/dist/collection/assets/icons/traton/smartphone_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M8 12.2V28h15.8l2 2H6V10.2zm20 14.4L26.6 28 4 5.4 5.4 4zm-2-4.7-2-2V4H8.1l-2-2h20zM18 8h-4V6h4z"/></svg>

package/dist/collection/assets/icons/traton/speedometer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 4a14 14 0 0 1 9.8 24l-4-1.9.9-1.8 2.6 1.3a12 12 0 0 0 2.6-6.1V19H25v-2h3a12 12 0 0 0-2.8-6.7l-6.5 6.4A3 3 0 0 1 16 21a3 3 0 1 1 1.3-5.7l6.4-6.5a12 12 0 0 0-6.2-2.7H17V9h-2V6a12 12 0 0 0-6.7 2.8l2 2-1.5 1.4-2-2A12 12 0 0 0 4 17h3v2H4a12 12 0 0 0 2.6 6.5l2.7-1.2.9 1.8-4 1.9A14 14 0 0 1 16 4m0 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/speedometer_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M6.5 10.7A12 12 0 0 0 4 17h3v2H4a12 12 0 0 0 2.6 6.5l2.7-1.2.9 1.8-4 1.9A14 14 0 0 1 5 9.3zM28 26.6 26.6 28 4 5.4 5.4 4zM16 4a14 14 0 0 1 12.5 20.3L27 22.8q.7-1.6 1-3.3V19h-3v-2h3a12 12 0 0 0-2.8-6.7l-5.4 5.3-1.4-1.4 5.3-5.4a12 12 0 0 0-6.2-2.7H17V9h-2V6a12 12 0 0 0-3.8 1L9.7 5.5Q12.7 4 16 4M16.7 21a3 3 0 0 1-3.6-3.7z"/></svg>

package/dist/collection/assets/icons/traton/support.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M16.4 18.9q1.4.1 1.5 1.4 0 1.4-1.5 1.5-1.4-.1-1.5-1.5 0-1.3 1.5-1.4M16.2 10.2c2.4 0 4.1 1.1 4.1 3 0 2.6-2.7 2.8-2.7 4.5h-2.4c0-2.2 2.5-2.7 2.5-4q-.1-1.4-1.7-1.4t-2.4 1.2l-1.9-1.1q1.3-2 4.5-2.2"/><path fill="#001d21" fill-rule="evenodd" d="M16 2a14 14 0 1 1 0 28 14 14 0 0 1 0-28m0 2a12 12 0 1 0 0 24 12 12 0 0 0 0-24" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/timer.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M23.5 15.5 19 17.7v.3a3 3 0 1 1-.9-2.1l4.5-2.2zM16 17a1 1 0 1 0 0 2 1 1 0 0 0 0-2" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M20 4h-3v2a12 12 0 1 1-2 0V4h-3V2h8zm-4 4a10 10 0 1 0 0 20 10 10 0 0 0 0-20" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/tool.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M12.8 6.8c2.5-2.4 6.6-3.7 10.1-1.5L24 6l-6.5 6.5-.3.3 2 2 .4-.3L26 8l.7 1c2.2 3.6 1 7.7-1.5 10.2-2.3 2.4-5.8 3.7-9 2l-7 6.6H7.5l-1-1-2.2-2.2v-1.9l6.6-6.9c-1.7-3.2-.4-6.8 2-9m7.8-.4c-2.3-.7-4.7.2-6.4 1.8-2.2 2-3 4.9-1.3 7.2l.5.6-7.2 7.5v.2l1.6 1.7.4.4h.2l7.5-7.2.7.5c2.3 1.6 5.1.9 7.2-1.2 1.6-1.8 2.5-4.2 1.8-6.4L21 15.9l-1 .9h-1.6l-.3-.3-.3-.3-2.6-2.6V12z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/tool_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m12.7 16.7-6.7 7v.1l1.6 1.7.5.5h.2l7-6.7L18 22l-1.9-.7-7 6.7H7.2l-1-1.1L4 24.7v-1.9l6.7-7-.6-1.8zM28 26.6 26.6 28 4 5.4 5.4 4zM26.8 9c2.2 3.6 1 7.7-1.5 10.3l-.8.7-1.4-1.4.7-.7q2.7-2.9 1.9-6.5L21 16l-.3.3-1.4-1.4.3-.3L26 7.9zM12.7 6.7C15.3 4.2 19.4 3 23 5.2l1 .7-6.5 6.5-.3.3-1.4-1.4 4.8-5Q17 5.5 14 8.2l-.7.7L12 7.5z"/></svg>

package/dist/collection/assets/icons/traton/trash.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="m19.9 3 1 2.2.1.2v1.7h9v2h-2.3l-3.4 17v.3L23 29H9l-1.3-2.6v-.2L4.3 9H2V7h9V5.4l.1-.2 1-2.2zM9.6 25.7l.6 1.3h11.6l.6-1.3L25.6 9H6.4zM13 5.9V7h6V5.9l-.4-.9h-5.2z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/trash_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="m7 12.2 2.6 13.5.6 1.3h11.5l1.5 1.5-.2.5H9l-1.3-2.6v-.2L4.5 9.7zM28 27.6 26.6 29 4 6.4 5.4 5z"/><path fill="#001d21" fill-rule="evenodd" d="M21 5.2v1.9h9v2h-2.3l-2.5 12.8-1.7-1.7 2.1-11.1H12.3l-2-2h.7V5.4l.1-.2 1-2.2H20zm-8 .7V7h6V5.9l-.4-.9h-5.2z" clip-rule="evenodd"/><path fill="#001d21" d="M3.8 9H2V7.4z"/></svg>

package/dist/collection/assets/icons/traton/unlock.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M22 4.8V9h-2V5.2L19.4 4h-6.8L12 5.2V14h14v16H6V14h4V4.8L11.4 2h9.2zM8 28h16V16H8z" clip-rule="evenodd"/><path fill="#001d21" fill-rule="evenodd" d="M22 4.8V9h-2V5.2L19.4 4h-6.8L12 5.2V14h14v16H6V14h4V4.8L11.4 2h9.2zM8 28h16V16H8z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M26.2 2h-20v2h20zm-9 28V9.8l7.6 7.6 1.4-1.4-10-10-10 10 1.4 1.4 7.6-7.6V30z"/></svg>

package/dist/collection/assets/icons/traton/wallet.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M19.3 11H28v17H4V11.4L19.3 4zM6 13v13h20V13zm16 5.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3M9.4 11h8V7.2z"/></svg>

package/dist/collection/assets/icons/traton/warning.svg

@@ -1 +1 @@
-<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.68 23 18 4h-4L4.32 23l-.32.62V28h24v-4.38l-.32-.62ZM6 26v-1.9L15.22 6h1.56L26 24.1V26H6Z" fill="#001D21"/><path d="M17 11h-2v9h2v-9ZM17 22h-2v2h2v-2Z" fill="#001D21"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M27.7 23 18 4h-4L4.3 23l-.3.6V28h24v-4.4zM6 26v-1.9l9.2-18h1.6L26 24v2z"/><path fill="#001d21" d="M17 11h-2v9h2zM17 22h-2v2h2z"/></svg>

package/dist/collection/assets/icons/traton/wifi.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" fill-rule="evenodd" d="M16 22a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2c0-1 .9-2 2-2m-6.4-2.3a9 9 0 0 1 12.8 0L21 21a7 7 0 0 0-10 0zm-3.8-4a14.4 14.4 0 0 1 20.4 0l-1.4 1.5a12.4 12.4 0 0 0-17.6 0zM2 12a19.7 19.7 0 0 1 28 0l-1.4 1.4c-7-7-18.2-7-25.2 0z" clip-rule="evenodd"/></svg>

package/dist/collection/assets/icons/traton/wifi_inactive.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32"><path fill="#001d21" d="M28 26.6 26.4 28 4.1 5.4 5.5 4zM16 22a2 2 0 0 1 2 2 2 2 0 0 1-2 2 2 2 0 0 1-2-2q.2-1.8 2-2m-1.2-3a7 7 0 0 0-3.8 2l-1.4-1.4a9 9 0 0 1 3.6-2.2zm-4.3-4.3q-1.8.9-3.3 2.4l-1.4-1.4q1.4-1.5 3.3-2.5zm5.1-3.3c3.8 0 7.7 1.4 10.6 4.3l-1.4 1.4q-3.1-3-7-3.5zm-9-.7q-1.7 1-3.2 2.6L2 11.9q1.5-1.5 3.1-2.6zm4.3-4c6.6-1.8 14 0 19.1 5.2l-1.4 1.4c-4.4-4.4-10.4-6-16-5z"/></svg>

package/dist/collection/components/checkbox/checkbox.css

@@ -1,3 +1,4 @@
+/* Typography Usage mixins */
 :host {
   align-items: center;
   position: relative;
@@ -6,7 +7,12 @@
 
 .tds-checkbox {
   box-sizing: border-box;
-  font: var(--tds-detail-02);
+  font-family: var(--detail-02-font-family);
+  font-size: var(--detail-02-font-size);
+  line-height: var(--detail-02-line-height);
+  font-weight: var(--detail-02-font-weight);
+  letter-spacing: var(--detail-02-letter-spacing);
+  text-transform: var(--detail-02-text-transform);
   letter-spacing: var(--tds-detail-02-ls);
   color: var(--tds-checkbox-text);
   display: flex;
@@ -21,7 +27,6 @@
   outline: none;
   margin: 0;
   border: 0;
-  border-radius: 2px;
   width: 24px;
   height: 24px;
   position: relative;
@@ -30,7 +35,7 @@
   align-self: flex-start;
 }
 .tds-checkbox input[type=checkbox] + label {
-  color: var(--tds-checkbox-color);
+  color: var(--tds-checkbox-text);
   padding-left: var(--tds-spacing-element-4);
   padding-top: var(--tds-spacing-element-4);
   padding-bottom: var(--tds-spacing-element-4);
@@ -50,84 +55,91 @@
   content: "";
   position: absolute;
   box-sizing: border-box;
-}
-.tds-checkbox input[type=checkbox]::before {
-  width: 20px;
-  height: 20px;
-  left: 2px;
-  top: 2px;
-  border-radius: 4px;
-}
-.tds-checkbox input[type=checkbox]::after {
-  border: 1px solid var(--tds-checkbox-interaction-01);
-  background-color: var(--tds-checkbox-interaction-02);
   width: 16px;
   height: 16px;
   left: 4px;
   top: 4px;
-  border-radius: 2px;
+}
+.tds-checkbox input[type=checkbox]::before {
+  border: 1px solid var(--tds-checkbox-border);
+  background-color: var(--tds-checkbox-background);
+  border-radius: var(--tds-checkbox-border-radius);
+  box-shadow: 0 0 0 2px var(--tds-checkbox-indicator);
+  transition: box-shadow 0.2s ease-in-out;
+}
+.tds-checkbox input[type=checkbox]::after {
+  background-color: var(--tds-checkbox-icon-selected);
+  mask: var(--tds-checkbox-icon-mask) no-repeat center;
+  -webkit-mask: var(--tds-checkbox-icon-mask) no-repeat center;
+  opacity: 0;
+  z-index: 1;
 }
 .tds-checkbox input[type=checkbox]:hover::before {
+  border-color: var(--tds-checkbox-border-hover);
   background-color: var(--tds-checkbox-background-hover);
-  opacity: var(--tds-checkbox-background-opacity-hover);
+  box-shadow: 0 0 0 2px var(--tds-checkbox-indicator-hover);
 }
 .tds-checkbox input[type=checkbox]:focus-visible::before {
-  background-color: var(--tds-checkbox-background-focus);
-  opacity: var(--tds-checkbox-background-opacity-focus);
-  transition: opacity 0.2s ease-in-out;
+  outline: 2px solid var(--component--focus-ring-color-strong);
+  box-shadow: 0 0 0 1px var(--component--focus-ring-color-discrete);
+  outline-offset: 1px;
+  z-index: 1;
+  border-radius: var(--tds-checkbox-focus-ring-radius);
 }
-.tds-checkbox input[type=checkbox]:disabled, .tds-checkbox input[type=checkbox].disabled {
-  cursor: not-allowed;
-}
-.tds-checkbox input[type=checkbox]:disabled::after, .tds-checkbox input[type=checkbox].disabled::after {
-  border-color: var(--tds-checkbox-border-color-disabled-after);
-}
-.tds-checkbox input[type=checkbox]:disabled + label, .tds-checkbox input[type=checkbox].disabled + label {
-  color: var(--tds-checkbox-disabled);
-  cursor: not-allowed;
-}
-.tds-checkbox input[type=checkbox]:disabled:hover::before, .tds-checkbox input[type=checkbox].disabled:hover::before {
-  display: none;
+.tds-checkbox input[type=checkbox]:checked::before {
+  border-color: var(--tds-checkbox-border-selected);
+  background-color: var(--tds-checkbox-background-selected);
 }
 .tds-checkbox input[type=checkbox]:checked::after {
-  background-image: var(--tds-checkbox-background-img);
-  background-color: var(--tds-checkbox-interaction-01);
-  background-repeat: no-repeat;
-  background-position: center;
+  background-color: var(--tds-checkbox-icon-selected);
+  opacity: 1;
 }
 .tds-checkbox input[type=checkbox]:checked:hover::before {
-  background-color: var(--tds-checkbox-background-hover);
-  opacity: var(--tds-checkbox-background-opacity-hover);
+  border-color: var(--tds-checkbox-border-selected-hover);
+  background-color: var(--tds-checkbox-background-selected-hover);
 }
-.tds-checkbox input[type=checkbox]:checked:disabled:hover::before, .tds-checkbox input[type=checkbox]:checked:disabled::before, .tds-checkbox input[type=checkbox]:checked.disabled:hover::before, .tds-checkbox input[type=checkbox]:checked.disabled::before {
-  display: block;
-  width: 16px;
-  height: 16px;
-  left: 4px;
-  top: 4px;
-  border: 1px solid #b0b7c4;
+.tds-checkbox input[type=checkbox]:checked:hover::after {
+  background-color: var(--tds-checkbox-icon-selected-hover);
 }
-.tds-checkbox input[type=checkbox]:checked:disabled::after, .tds-checkbox input[type=checkbox]:checked.disabled::after {
-  background-image: var(--tds-checkbox-background-img-disabled);
-  background-color: var(--tds-checkbox-interaction-02);
-  color: var(--tds-checkbox-color-disabled-after);
+.tds-checkbox input[type=checkbox]:indeterminate::before {
+  border-color: var(--tds-checkbox-border-indeterminate);
+  background-color: var(--tds-checkbox-background-indeterminate);
 }
 .tds-checkbox input[type=checkbox]:indeterminate::after {
-  background-image: var(--tds-checkbox-background-img-indeterminate);
-  background-color: var(--tds-checkbox-interaction-01);
-  background-repeat: no-repeat;
-  background-position: center;
+  background-color: var(--tds-checkbox-icon-indeterminate);
+  mask: var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;
+  -webkit-mask: var(--tds-checkbox-icon-mask-indeterminate) no-repeat center;
+  opacity: 1;
 }
-.tds-checkbox input[type=checkbox]:indeterminate:disabled:hover::before, .tds-checkbox input[type=checkbox]:indeterminate:disabled::before {
-  display: block;
-  width: 16px;
-  height: 16px;
-  left: 4px;
-  top: 4px;
-  border: 1px solid #b0b7c4;
+.tds-checkbox input[type=checkbox]:indeterminate:hover::before {
+  border-color: var(--tds-checkbox-border-indeterminate-hover);
+  background-color: var(--tds-checkbox-background-indeterminate-hover);
+}
+.tds-checkbox input[type=checkbox]:indeterminate:hover::after {
+  background-color: var(--tds-checkbox-icon-indeterminate-hover);
 }
-.tds-checkbox input[type=checkbox]:indeterminate:disabled::after {
-  background-image: var(--tds-checkbox-background-img-indeterminate-disabled);
-  background-color: var(--tds-checkbox-interaction-02);
-  color: var(--tds-checkbox-color-disabled-after);
+.tds-checkbox input[type=checkbox]:hover + label {
+  color: var(--tds-checkbox-text-hover);
+}
+.tds-checkbox input[type=checkbox]:disabled, .tds-checkbox input[type=checkbox].disabled {
+  cursor: not-allowed;
+  opacity: var(--tds-checkbox-opacity-disabled);
+}
+.tds-checkbox input[type=checkbox]:disabled:hover::before, .tds-checkbox input[type=checkbox].disabled:hover::before {
+  border-color: var(--tds-checkbox-border);
+  background-color: var(--tds-checkbox-background);
+  box-shadow: none;
+}
+.tds-checkbox input[type=checkbox]:disabled:checked:hover::before, .tds-checkbox input[type=checkbox].disabled:checked:hover::before {
+  border-color: var(--tds-checkbox-border-selected);
+  background-color: var(--tds-checkbox-background-selected);
+}
+.tds-checkbox input[type=checkbox]:disabled:indeterminate:hover::before, .tds-checkbox input[type=checkbox].disabled:indeterminate:hover::before {
+  border-color: var(--tds-checkbox-border-indeterminate);
+  background-color: var(--tds-checkbox-background-indeterminate);
+}
+.tds-checkbox input[type=checkbox]:disabled + label, .tds-checkbox input[type=checkbox].disabled + label {
+  color: var(--tds-checkbox-text);
+  opacity: var(--tds-checkbox-opacity-disabled);
+  cursor: not-allowed;
 }