npm - @scania/tegel - Versions diffs - 0.0.72 → 1.0.1 - Mend

@scania/tegel 0.0.72 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1402) hide show

package/dist/collection/components/slider/slider.css CHANGED Viewed

@@ -1,181 +1,181 @@
-sdds-slider {
+tds-slider {
   box-sizing: border-box;
   width: 100%;
 }
-sdds-slider * {
+tds-slider * {
   box-sizing: border-box;
 }
-sdds-slider input[type=range].sdds-slider-native-element {
+tds-slider input[type=range].tds-slider-native-element {
   display: none;
 }
-.sdds-slider-wrapper {
+.tds-slider-wrapper {
   width: 100%;
 }
-.sdds-slider-wrapper.read-only {
+.tds-slider-wrapper.read-only {
   pointer-events: none;
 }
-.sdds-slider {
+.tds-slider {
   width: 100%;
   display: flex;
   flex-wrap: nowrap;
   padding-top: 65px;
 }
-.sdds-slider .sdds-slider-inner {
+.tds-slider .tds-slider-inner {
   width: 100%;
   height: 20px;
   position: relative;
 }
-.sdds-slider .sdds-slider__controls {
+.tds-slider .tds-slider__controls {
   position: relative;
   top: -25px;
 }
-.sdds-slider .sdds-slider__controls .sdds-slider__control {
+.tds-slider .tds-slider__controls .tds-slider__control {
   cursor: pointer;
 }
-.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus {
+.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus {
   padding: 18px 18px 18px 0;
 }
-.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus {
+.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus {
   padding: 18px 0 18px 18px;
 }
-.sdds-slider .sdds-slider__input-values {
+.tds-slider .tds-slider__input-values {
   position: relative;
   top: -25px;
   display: flex;
   flex-wrap: nowrap;
   align-items: center;
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-value {
+.tds-slider .tds-slider__input-values .tds-slider__input-value {
   user-select: none;
   padding: 18px;
-  color: var(--sdds-grey-700);
-  font: var(--sdds-detail-02);
-  letter-spacing: var(--sdds-detail-02-ls);
+  color: var(--tds-grey-700);
+  font: var(--tds-detail-02);
+  letter-spacing: var(--tds-detail-02-ls);
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-value.min-value {
+.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value {
   padding-left: 0;
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper {
-  background-color: var(--sdds-slider-inputfield-background);
+.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper {
+  background-color: var(--tds-slider-inputfield-background);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px 4px 0 0;
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field {
-  font: var(--sdds-detail-02);
-  letter-spacing: var(--sdds-detail-02-ls);
-  color: var(--sdds-slider-input-inputfield-color);
+.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field {
+  font: var(--tds-detail-02);
+  letter-spacing: var(--tds-detail-02-ls);
+  color: var(--tds-slider-input-inputfield-color);
   border: 0;
   background-color: transparent;
   text-align: center;
   padding: 12px;
-  box-shadow: inset 0 -1px 0 var(--sdds-slider-inputfield-box-shadow);
+  box-shadow: inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);
   border-radius: 4px 4px 0 0;
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:hover {
-  box-shadow: inset 0 -1px 0 var(--sdds-grey-600);
+.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover {
+  box-shadow: inset 0 -1px 0 var(--tds-grey-600);
 }
-.sdds-slider .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field:focus {
-  box-shadow: inset 0 -2px 0 var(--sdds-blue-400);
+.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus {
+  box-shadow: inset 0 -2px 0 var(--tds-blue-400);
   outline: 0;
 }
-.sdds-slider label {
-  font: var(--sdds-detail-05);
-  letter-spacing: var(--sdds-detail-05-ls);
+.tds-slider label {
+  font: var(--tds-detail-05);
+  letter-spacing: var(--tds-detail-05-ls);
   user-select: none;
   position: absolute;
-  color: var(--sdds-slider-label-color);
+  color: var(--tds-slider-label-color);
   padding-bottom: 16px;
   transform: translateY(-100%);
 }
-.sdds-slider label.offset {
+.tds-slider label.offset {
   padding-bottom: 34px;
 }
-.sdds-slider .sdds-slider__value {
-  font: var(--sdds-detail-01);
-  letter-spacing: var(--sdds-detail-01-ls);
+.tds-slider .tds-slider__value {
+  font: var(--tds-detail-01);
+  letter-spacing: var(--tds-detail-01-ls);
   user-select: none;
   border-radius: 4px;
   padding: 8px;
   position: absolute;
   transform: translate(-50%, -100%);
   top: -24px;
-  background-color: var(--sdds-slider-value-tooltip-background);
-  color: var(--sdds-slider-value-tooltip-color);
+  background-color: var(--tds-slider-value-tooltip-background);
+  color: var(--tds-slider-value-tooltip-color);
 }
-.sdds-slider .sdds-slider__value svg {
-  color: var(--sdds-slider-value-tooltip-background);
+.tds-slider .tds-slider__value svg {
+  color: var(--tds-slider-value-tooltip-background);
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: 34px;
 }
-.sdds-slider .sdds-slider__scrubber {
+.tds-slider .tds-slider__thumb {
   position: absolute;
 }
-.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner {
+.tds-slider .tds-slider__thumb .tds-slider__thumb-inner {
   width: 20px;
   height: 20px;
   border-radius: 100%;
-  background-color: var(--sdds-slider-thumb-color);
+  background-color: var(--tds-slider-thumb-color);
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   cursor: pointer;
 }
-.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner::before {
+.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before {
   content: " ";
   display: none;
   width: 48px;
   height: 48px;
-  background-color: var(--sdds-slider-thumb-color);
+  background-color: var(--tds-slider-thumb-color);
   position: absolute;
   border-radius: 100%;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
 }
-.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner:hover::before {
+.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before {
   display: block;
   opacity: 0.08;
 }
-.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed {
+.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed {
   width: 24px;
   height: 24px;
 }
-.sdds-slider .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed::before {
+.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before {
   display: block;
   opacity: 0.16 !important;
 }
-.sdds-slider .sdds-slider__value-dividers-wrapper {
+.tds-slider .tds-slider__value-dividers-wrapper {
   position: relative;
   width: 100%;
   pointer-events: none;
 }
-.sdds-slider .sdds-slider__value-dividers {
+.tds-slider .tds-slider__value-dividers {
   pointer-events: none;
   position: absolute;
   display: flex;
   justify-content: space-between;
   width: 100%;
 }
-.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider {
+.tds-slider .tds-slider__value-dividers .tds-slider__value-divider {
   transform: translateY(-50%);
   height: 16px;
-  background-color: var(--sdds-slider-divider-color);
-  color: var(--sdds-slider-divider-values-color);
+  background-color: var(--tds-slider-divider-color);
+  color: var(--tds-slider-divider-values-color);
   width: 1px;
 }
-.sdds-slider .sdds-slider__value-dividers .sdds-slider__value-divider span {
+.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span {
   display: block;
   user-select: none;
-  color: var(-sdds-grey-700);
-  font: var(--sdds-detail-05);
-  letter-spacing: var(--sdds-detail-05-ls);
+  color: var(-tds-grey-700);
+  font: var(--tds-detail-05);
+  letter-spacing: var(--tds-detail-05-ls);
   position: relative;
   top: -7px;
   left: 50%;
@@ -183,95 +183,95 @@ sdds-slider input[type=range].sdds-slider-native-element {
   width: 50px;
   text-align: center;
 }
-.sdds-slider .sdds-slider__track {
+.tds-slider .tds-slider__track {
   width: 100%;
   height: 2px;
   border-radius: 1px;
-  background-color: var(--sdds-slider-track-color);
+  background-color: var(--tds-slider-track-color);
   position: relative;
 }
-.sdds-slider .sdds-slider__track:focus {
+.tds-slider .tds-slider__track:focus {
   outline: 0;
 }
-.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner {
+.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner {
   width: 24px;
   height: 24px;
 }
-.sdds-slider .sdds-slider__track:focus .sdds-slider__scrubber .sdds-slider__scrubber-inner::before {
+.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before {
   display: block;
   opacity: 0.08;
 }
-.sdds-slider .sdds-slider__track .sdds-slider__track-fill {
-  background-color: var(--sdds-slider-track-fill-color);
+.tds-slider .tds-slider__track .tds-slider__track-fill {
+  background-color: var(--tds-slider-track-fill-color);
   border-radius: 2px;
   height: 4px;
   position: absolute;
   left: 0;
   top: -1px;
 }
-.sdds-slider.disabled {
+.tds-slider.disabled {
   cursor: not-allowed;
 }
-.sdds-slider.disabled > * {
+.tds-slider.disabled > * {
   pointer-events: none;
 }
-.sdds-slider.disabled label {
-  color: var(--sdds-slider-disabled);
+.tds-slider.disabled label {
+  color: var(--tds-slider-disabled);
 }
-.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control {
+.tds-slider.disabled .tds-slider__controls .tds-slider__control {
   cursor: default;
 }
-.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus svg, .sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus svg {
-  fill: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg, .tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg {
+  fill: var(--tds-slider-disabled);
 }
-.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-value {
-  color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value {
+  color: var(--tds-slider-disabled);
 }
-.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper {
+.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper {
   pointer-events: none;
 }
-.sdds-slider.disabled .sdds-slider__input-values .sdds-slider__input-field-wrapper input.sdds-slider__input-field {
-  color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field {
+  color: var(--tds-slider-disabled);
   pointer-events: none;
 }
-.sdds-slider.disabled .sdds-slider__value {
+.tds-slider.disabled .tds-slider__value {
   display: none;
 }
-.sdds-slider.disabled .sdds-slider__track .sdds-slider__track-fill {
-  background-color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__track .tds-slider__track-fill {
+  background-color: var(--tds-slider-disabled);
 }
-.sdds-slider.disabled .sdds-slider__value-dividers .sdds-slider__value-divider span {
-  color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span {
+  color: var(--tds-slider-disabled);
 }
-.sdds-slider.disabled .sdds-slider__scrubber {
+.tds-slider.disabled .tds-slider__thumb {
   pointer-events: none;
 }
-.sdds-slider.disabled .sdds-slider__scrubber .sdds-slider__scrubber-inner {
-  background-color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner {
+  background-color: var(--tds-slider-disabled);
   cursor: default;
 }
-.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner {
+.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner {
   width: 16px;
   height: 16px;
 }
-.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner::before {
+.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before {
   width: 40px;
   height: 40px;
 }
-.sdds-slider.sdds-slider-small .sdds-slider__scrubber .sdds-slider__scrubber-inner.pressed {
+.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed {
   width: 20px;
   height: 20px;
 }
-.sdds-slider .sdds-slider__controls .sdds-slider__control {
+.tds-slider .tds-slider__controls .tds-slider__control {
   cursor: default;
 }
-.sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus sdds-icon, .sdds-slider .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus sdds-icon {
-  color: var(--sdds-slider-controls-color);
+.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon, .tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon {
+  color: var(--tds-slider-controls-color);
 }
-.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control {
+.tds-slider.disabled .tds-slider__controls .tds-slider__control {
   cursor: default;
 }
-.sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-minus sdds-icon, .sdds-slider.disabled .sdds-slider__controls .sdds-slider__control.sdds-slider__control-plus sdds-icon {
-  color: var(--sdds-slider-disabled);
+.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon, .tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon {
+  color: var(--tds-slider-disabled);
 }