@scania/tegel-lite 0.0.1-beta.7 → 0.0.1-beta.9

package/dist/tl-text-field.css

@@ -1246,13 +1246,24 @@
   position: relative;
   width: 100%;
   min-width: 208px;
+  height: 56px;
+  padding-bottom: 1px;
   border-radius: var(--text-field-border-radius);
   box-sizing: border-box;
 }
 .tl-text-field--no-min-width {
   min-width: auto;
 }
-.tl-text-field--readonly:not(.tl-text-field--disabled):not(.tl-text-field--hide-readonly-icon)::before {
+.tl-text-field--lg {
+  height: 56px;
+}
+.tl-text-field--md {
+  height: 48px;
+}
+.tl-text-field--sm {
+  height: 40px;
+}
+.tl-text-field:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):not(.tl-text-field--hide-readonly-icon)::before {
   content: "";
   position: absolute;
   top: 50%;
@@ -1267,16 +1278,16 @@
   transform: translateY(-50%);
   z-index: 1;
 }
-.tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside).tl-text-field--readonly:not(.tl-text-field--disabled):not(.tl-text-field--hide-readonly-icon)::before {
+.tl-text-field:not(.tl-text-field--label-inside):has(.tl-text-field__label):has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):not(.tl-text-field--hide-readonly-icon)::before {
   top: calc(50% + 24px);
 }
-.tl-text-field--disabled {
-  pointer-events: none;
+.tl-text-field:has(.tl-text-field__input:disabled) {
+  cursor: not-allowed;
 }
 .tl-text-field .tl-icon {
   background-color: var(--text-field-affix);
 }
-.tl-text-field--disabled .tl-text-field .tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field .tl-icon {
   background-color: var(--text-field-affix-disabled);
 }
 
@@ -1320,7 +1331,7 @@
 .tl-text-field__input:focus {
   box-shadow: inset var(--text-field-box-shadow-focus);
 }
-.tl-text-field:hover .tl-text-field__input:not(:focus) {
+.tl-text-field:hover .tl-text-field__input:not(:focus):not(:disabled) {
   box-shadow: inset var(--text-field-box-shadow-hover);
 }
 .tl-text-field--error .tl-text-field__input {
@@ -1329,46 +1340,45 @@
 .tl-text-field--error .tl-text-field__input:focus {
   box-shadow: inset var(--text-field-box-shadow-error-focus);
 }
-.tl-text-field--error:hover .tl-text-field__input:not(:focus) {
+.tl-text-field--error:hover .tl-text-field__input:not(:focus):not(:disabled) {
   box-shadow: inset var(--text-field-box-shadow-error-hover);
 }
-.tl-text-field--success:not(.tl-text-field--readonly):not(.tl-text-field--disabled) .tl-text-field__input:not(:focus) {
+.tl-text-field--success:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input:not(:focus) {
   box-shadow: inset var(--text-field-box-shadow-success);
 }
-.tl-text-field--readonly .tl-text-field__input {
+.tl-text-field__input:disabled {
+  box-shadow: none;
+  background-color: var(--text-field-background-disabled);
+  color: var(--text-field-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input {
   box-shadow: inset var(--text-field-box-shadow);
 }
-.tl-text-field--readonly .tl-text-field__input:focus {
+:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input:focus {
   box-shadow: inset var(--text-field-box-shadow-focus);
 }
-.tl-text-field--readonly:hover .tl-text-field__input:not(:focus) {
+:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):hover .tl-text-field__input:not(:focus) {
   box-shadow: inset var(--text-field-box-shadow-hover);
 }
-.tl-text-field--disabled .tl-text-field__input {
-  box-shadow: none;
-  background-color: var(--text-field-background-disabled);
-  color: var(--text-field-text-disabled);
-}
-.tl-text-field--readonly .tl-text-field__input {
+:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)) .tl-text-field__input {
   user-select: auto;
   caret-color: transparent;
   cursor: default;
   pointer-events: none;
 }
-.tl-text-field--readonly:not(.tl-text-field--disabled):not(.tl-text-field--hide-readonly-icon) .tl-text-field__input {
+.tl-text-field:has(.tl-text-field__input[readonly]):not(:has(.tl-text-field__input:disabled)):not(.tl-text-field--hide-readonly-icon) .tl-text-field__input {
   padding-right: 54px;
 }
 .tl-text-field--lg .tl-text-field__input {
   padding: var(--tds-spacing-element-20) var(--tds-spacing-element-16);
-  height: 56px;
 }
 .tl-text-field--md .tl-text-field__input {
   padding: var(--tds-spacing-element-16);
-  height: 48px;
 }
 .tl-text-field--sm .tl-text-field__input {
   padding: var(--tds-spacing-element-12) var(--tds-spacing-element-16);
-  height: 40px;
 }
 .tl-text-field--label-inside.tl-text-field--lg .tl-text-field__input {
   padding-top: var(--tds-spacing-element-24);
@@ -1456,10 +1466,10 @@
   opacity: 0;
   visibility: hidden;
 }
-.tl-text-field--label-inside.tl-text-field--disabled .tl-text-field__label {
+.tl-text-field--label-inside:has(.tl-text-field__input:disabled) .tl-text-field__label {
   color: var(--text-field-label-disabled);
 }
-.tl-text-field:not(.tl-text-field--label-inside).tl-text-field--disabled .tl-text-field__label {
+.tl-text-field:not(.tl-text-field--label-inside):has(.tl-text-field__input:disabled) .tl-text-field__label {
   color: var(--text-field-label-disabled);
 }
 
@@ -1479,7 +1489,7 @@
   color: var(--text-field-helper);
   position: relative;
 }
-.tl-text-field--disabled .tl-text-field__helper {
+:has(.tl-text-field__input:disabled) .tl-text-field__helper {
   color: var(--color-foreground-text-disabled);
 }
 .tl-text-field--error .tl-text-field__helper {
@@ -1498,16 +1508,16 @@
   mask-repeat: no-repeat;
   mask-position: center;
 }
-.tl-text-field--error.tl-text-field--readonly .tl-text-field__helper {
+.tl-text-field--error:has(.tl-text-field__input[readonly]) .tl-text-field__helper {
   padding-left: 0;
 }
-.tl-text-field--error.tl-text-field--readonly .tl-text-field__helper::before {
+.tl-text-field--error:has(.tl-text-field__input[readonly]) .tl-text-field__helper::before {
   display: none;
 }
-.tl-text-field--error:not(.tl-text-field--readonly):not(.tl-text-field--disabled) .tl-text-field__helper {
+.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__helper {
   color: var(--text-field-error);
 }
-.tl-text-field--error.tl-text-field--disabled .tl-text-field__helper::before {
+.tl-text-field--error:has(.tl-text-field__input:disabled) .tl-text-field__helper::before {
   background-color: var(--color-foreground-text-disabled);
 }
 
@@ -1521,13 +1531,13 @@
   margin-left: auto;
   color: var(--text-field-textcounter);
 }
-.tl-text-field--disabled .tl-text-field__charcounter {
+:has(.tl-text-field__input:disabled) .tl-text-field__charcounter {
   color: var(--color-foreground-text-disabled);
 }
-.tl-text-field--error:not(.tl-text-field--readonly):not(.tl-text-field--disabled) .tl-text-field__charcounter {
+.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__charcounter {
   color: var(--text-field-error);
 }
-.tl-text-field--error:not(.tl-text-field--readonly):not(.tl-text-field--disabled) .tl-text-field__charcounter .tl-text-field__charcounter-divider {
+.tl-text-field--error:not(:has(.tl-text-field__input[readonly])):not(:has(.tl-text-field__input:disabled)) .tl-text-field__charcounter .tl-text-field__charcounter-divider {
   color: var(--text-field-error);
 }
 
@@ -1559,16 +1569,16 @@
 .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__prefix--text, .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__prefix--icon {
   transform: translateY(calc(-50% + 24px));
 }
-.tl-text-field--disabled .tl-text-field__prefix--text, .tl-text-field--disabled .tl-text-field__prefix--icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text, :has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__prefix--text > *, .tl-text-field--disabled .tl-text-field__prefix--icon > * {
+:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text > *, :has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon > * {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__prefix--text .tl-icon, .tl-text-field--disabled .tl-text-field__prefix--icon .tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__prefix--text .tl-icon, :has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon .tl-icon {
   background-color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__prefix--icon.tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__prefix--icon.tl-icon {
   background-color: var(--text-field-affix-disabled);
 }
 
@@ -1596,15 +1606,15 @@
 .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__suffix--text, .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__suffix--icon {
   transform: translateY(calc(-50% + 24px));
 }
-.tl-text-field--disabled .tl-text-field__suffix--text, .tl-text-field--disabled .tl-text-field__suffix--icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__suffix--text > *, .tl-text-field--disabled .tl-text-field__suffix--icon > * {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text > *, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon > * {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__suffix--text .tl-icon,
-.tl-text-field--disabled .tl-text-field__suffix--text > .tl-icon, .tl-text-field--disabled .tl-text-field__suffix--icon .tl-icon,
-.tl-text-field--disabled .tl-text-field__suffix--icon > .tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text .tl-icon,
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text > .tl-icon, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon .tl-icon,
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon > .tl-icon {
   background-color: var(--text-field-affix-disabled) !important;
 }
 
@@ -1628,18 +1638,18 @@
 .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__suffix--text, .tl-text-field:has(.tl-text-field__label):not(.tl-text-field--label-inside) .tl-text-field__suffix--icon {
   transform: translateY(calc(-50% + 24px));
 }
-.tl-text-field--disabled .tl-text-field__suffix--text, .tl-text-field--disabled .tl-text-field__suffix--icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__suffix--text > *, .tl-text-field--disabled .tl-text-field__suffix--icon > * {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text > *, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon > * {
   color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__suffix--text .tl-icon,
-.tl-text-field--disabled .tl-text-field__suffix--text > .tl-icon, .tl-text-field--disabled .tl-text-field__suffix--icon .tl-icon,
-.tl-text-field--disabled .tl-text-field__suffix--icon > .tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text .tl-icon,
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--text > .tl-icon, :has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon .tl-icon,
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon > .tl-icon {
   background-color: var(--text-field-affix-disabled);
 }
-.tl-text-field--disabled .tl-text-field__suffix--icon.tl-icon {
+:has(.tl-text-field__input:disabled) .tl-text-field__suffix--icon.tl-icon {
   background-color: var(--text-field-affix-disabled);
 }
 

package/dist/tl-textarea.css

@@ -61,13 +61,13 @@
 .tl-textarea--no-min-width {
   min-width: auto;
 }
-.tl-textarea--disabled {
-  pointer-events: none;
+.tl-textarea:has(.tl-textarea__input:disabled) {
+  cursor: not-allowed;
 }
-.tl-textarea--readonly:not(.tl-textarea--disabled):not(.tl-textarea--hide-readonly-icon)::before {
+.tl-textarea:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
   content: "";
   position: absolute;
-  top: 19px;
+  top: 18px;
   right: 18px;
   width: 16px;
   height: 16px;
@@ -78,14 +78,27 @@
   mask-position: center;
   z-index: 1;
 }
-.tl-textarea:not(.tl-textarea--label-inside).tl-textarea--readonly:not(.tl-textarea--disabled):not(.tl-textarea--hide-readonly-icon)::before {
+.traton .tl-textarea:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
+  top: 20px;
+  right: 16px;
+}
+.tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__label):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
+  top: 42px;
+}
+.traton .tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__label):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
   top: 44px;
 }
+.tl-textarea:not(.tl-textarea--label-inside):not(:has(.tl-textarea__label)):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
+  top: 17px;
+}
+.traton .tl-textarea:not(.tl-textarea--label-inside):not(:has(.tl-textarea__label)):has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea--hide-readonly-icon)::before {
+  top: 19px;
+}
 .tl-textarea::after {
   content: "";
   position: absolute;
-  bottom: 5px;
-  right: 2px;
+  bottom: 3px;
+  right: 3px;
   width: 12px;
   height: 12px;
   background-color: var(--textarea-resize-icon);
@@ -97,14 +110,14 @@
   z-index: 1;
 }
 .traton .tl-textarea::after {
-  bottom: 7px;
+  bottom: 5px;
   right: 4px;
 }
 .tl-textarea:not(.tl-textarea--label-inside)::after {
-  bottom: 7px;
+  bottom: 5px;
 }
 .traton .tl-textarea:not(.tl-textarea--label-inside)::after {
-  bottom: 9px;
+  bottom: 5px;
 }
 .tl-textarea:has(.tl-textarea__bottom)::after {
   bottom: 25px;
@@ -112,7 +125,7 @@
 .traton .tl-textarea:has(.tl-textarea__bottom)::after {
   bottom: 27px;
 }
-.tl-textarea--disabled::after {
+.tl-textarea :has(.tl-textarea__input:disabled)::after {
   background-color: var(--color-foreground-text-disabled);
 }
 
@@ -165,7 +178,7 @@
 .tl-textarea__input::-webkit-resizer {
   display: none;
 }
-.tl-textarea:hover .tl-textarea__input:not(:focus) {
+.tl-textarea:hover .tl-textarea__input:not(:focus):not(:disabled) {
   box-shadow: inset var(--textarea-box-shadow-hover);
 }
 .tl-textarea--error .tl-textarea__input {
@@ -174,25 +187,27 @@
 .tl-textarea--error .tl-textarea__input:focus {
   box-shadow: inset var(--textarea-box-shadow-error-focus);
 }
-.tl-textarea--error:hover .tl-textarea__input:not(:focus) {
+.tl-textarea--error:hover .tl-textarea__input:not(:focus):not(:disabled) {
   box-shadow: inset var(--textarea-box-shadow-error-hover);
 }
-.tl-textarea--success:not(.tl-textarea--readonly):not(.tl-textarea--disabled) .tl-textarea__input:not(:focus) {
+.tl-textarea--success:not(:has(.tl-textarea__input[readonly])):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input:not(:focus) {
   box-shadow: inset var(--textarea-box-shadow-success);
 }
-.tl-textarea--readonly .tl-textarea__input {
+.tl-textarea__input:disabled {
+  box-shadow: none;
+  color: var(--textarea-text-disabled);
+  cursor: not-allowed;
+  pointer-events: none;
+}
+:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input {
   box-shadow: inset var(--textarea-box-shadow);
 }
-.tl-textarea--readonly .tl-textarea__input:focus {
+:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input:focus {
   box-shadow: inset var(--textarea-box-shadow-focus);
 }
-.tl-textarea--readonly:hover .tl-textarea__input:not(:focus) {
+:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):hover .tl-textarea__input:not(:focus) {
   box-shadow: inset var(--textarea-box-shadow-hover);
 }
-.tl-textarea--disabled .tl-textarea__input {
-  box-shadow: none;
-  color: var(--textarea-text-disabled);
-}
 .tl-textarea--label-inside .tl-textarea__input {
   padding-top: 26px;
   padding-bottom: 15px;
@@ -201,16 +216,16 @@
   color: transparent;
   transform: translateY(1px);
 }
-.tl-textarea--disabled.tl-textarea--label-inside .tl-textarea__input::placeholder {
-  color: var(--textarea-placeholder) !important;
+.tl-textarea--label-inside .tl-textarea__input:disabled::placeholder {
+  color: var(--textarea-placeholder-disabled) !important;
 }
-.tl-textarea--readonly .tl-textarea__input {
+:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)) .tl-textarea__input {
   user-select: auto;
   caret-color: transparent;
   cursor: default;
   pointer-events: none;
 }
-.tl-textarea--readonly:not(.tl-textarea--disabled):not(.tl-textarea--hide-readonly-icon) .tl-textarea__input {
+:has(.tl-textarea__input[readonly]):not(:has(.tl-textarea__input:disabled)):not(.tl-textarea__input--hide-readonly-icon) .tl-textarea__input {
   padding-right: 50px;
 }
 
@@ -242,7 +257,7 @@
   transition: transform 0.15s, font-size 0.15s, color 0.15s, top 0.15s;
   z-index: 1;
 }
-.tl-textarea--label-inside.tl-textarea--disabled .tl-textarea__label {
+.tl-textarea--label-inside:has(.tl-textarea__input:disabled) .tl-textarea__label {
   font-family: var(--detail-07-font-family);
   font-size: var(--detail-07-font-size);
   line-height: var(--detail-07-line-height);
@@ -253,7 +268,7 @@
   color: var(--textarea-label-disabled);
   transform: translateY(0);
 }
-.tl-textarea:not(.tl-textarea--label-inside).tl-textarea--disabled .tl-textarea__label {
+.tl-textarea:not(.tl-textarea--label-inside):has(.tl-textarea__input:disabled) .tl-textarea__label {
   color: var(--textarea-label-disabled);
 }
 
@@ -273,7 +288,7 @@
   color: var(--textarea-helper);
   position: relative;
 }
-.tl-textarea--disabled .tl-textarea__helper {
+:has(.tl-textarea__input:disabled) .tl-textarea__helper {
   color: var(--color-foreground-text-disabled);
 }
 .tl-textarea--error .tl-textarea__helper {
@@ -292,16 +307,16 @@
   mask-repeat: no-repeat;
   mask-position: center;
 }
-.tl-textarea--error.tl-textarea--readonly .tl-textarea__helper {
+.tl-textarea--error:has(.tl-textarea__input[readonly]) .tl-textarea__helper {
   padding-left: 0;
 }
-.tl-textarea--error.tl-textarea--readonly .tl-textarea__helper::before {
+.tl-textarea--error:has(.tl-textarea__input[readonly]) .tl-textarea__helper::before {
   display: none;
 }
-.tl-textarea--error:not(.tl-textarea--readonly):not(.tl-textarea--disabled) .tl-textarea__helper {
+.tl-textarea--error:not(:has(.tl-textarea__input[readonly])):not(:has(.tl-textarea__input:disabled)) .tl-textarea__helper {
   color: var(--textarea-error);
 }
-.tl-textarea--error.tl-textarea--disabled .tl-textarea__helper::before {
+.tl-textarea--error:has(.tl-textarea__input:disabled) .tl-textarea__helper::before {
   background-color: var(--color-foreground-text-disabled);
 }
 
@@ -315,13 +330,13 @@
   margin-left: auto;
   color: var(--textarea-textcounter);
 }
-.tl-textarea--disabled .tl-textarea__charcounter {
+:has(.tl-textarea__input:disabled) .tl-textarea__charcounter {
   color: var(--color-foreground-text-disabled);
 }
-.tl-textarea--error:not(.tl-textarea--readonly):not(.tl-textarea--disabled) .tl-textarea__charcounter {
+.tl-textarea--error:not(:has(.tl-textarea__input[readonly])):not(:has(.tl-textarea__input:disabled)) .tl-textarea__charcounter {
   color: var(--textarea-error);
 }
-.tl-textarea--error:not(.tl-textarea--readonly):not(.tl-textarea--disabled) .tl-textarea__charcounter .tl-textarea__charcounter-divider {
+.tl-textarea--error:not(:has(.tl-textarea__input[readonly])):not(:has(.tl-textarea__input:disabled)) .tl-textarea__charcounter .tl-textarea__charcounter-divider {
   color: var(--textarea-error);
 }
 

package/dist/tl-toggle.css

@@ -8,6 +8,10 @@
   --toggle-border-focus: var(--color-foreground-border-accent-focus);
 }
 
+.tl-toggle:has(input[type=checkbox]:disabled) {
+  cursor: not-allowed;
+}
+
 .tl-toggle__input {
   appearance: initial;
   margin: 0;
@@ -65,6 +69,7 @@
 }
 .tl-toggle__input:disabled {
   pointer-events: none;
+  cursor: not-allowed;
 }
 .tl-toggle__input:disabled::before {
   background-color: var(--toggle-disabled);
@@ -113,9 +118,10 @@
   color: var(--toggle-text);
   margin-bottom: 12px;
 }
-.tl-toggle__headline--disabled {
+:has(input[type=checkbox]:disabled) .tl-toggle__headline {
   color: var(--toggle-disabled);
   user-select: none;
+  cursor: not-allowed;
 }
 
 .tl-toggle__label {
@@ -132,7 +138,8 @@
   vertical-align: middle;
   padding-left: 8px;
 }
-.tl-toggle__label--disabled {
+input[type=checkbox]:disabled ~ .tl-toggle__label {
   color: var(--toggle-disabled);
   pointer-events: none;
+  cursor: not-allowed;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel-lite",
-  "version": "0.0.1-beta.7",
+  "version": "0.0.1-beta.9",
   "description": "Styles-only library for Tegel Design System (Beta)",
   "type": "module",
   "keywords": [
@@ -63,7 +63,11 @@
     "./tl-radiobutton.css": "./dist/tl-radiobutton.css",
     "./tl-folder-tabs.css": "./dist/tl-folder-tabs.css",
     "./tl-inline-tabs.css": "./dist/tl-inline-tabs.css",
-    "./tl-navigation-tabs.css": "./dist/tl-navigation-tabs.css"
+    "./tl-navigation-tabs.css": "./dist/tl-navigation-tabs.css",
+    "./tl-folder-tab.css": "./dist/tl-folder-tab.css",
+    "./tl-inline-tab.css": "./dist/tl-inline-tab.css",
+    "./tl-navigation-tab.css": "./dist/tl-navigation-tab.css",
+    "./tl-textarea-mixins.css": "./dist/tl-textarea-mixins.css"
   },
   "repository": {
     "type": "git",
@@ -72,8 +76,11 @@
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist/"
+  ],
   "scripts": {
-    "prepublishOnly": "echo 'Warning: Run npm run build:lte from root before publishing'",
+    "prepublishOnly": "echo 'Warning: Run npm run build:tegel-lite from root before publishing'",
     "test": "npx playwright test"
   },
   "devDependencies": {