@nl-rvo/css-progress-tracker 1.3.0 → 1.3.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # `@nl-rvo/css-progress-tracker`
 
+## 1.3.2
+
+### Patch Changes
+
+- 084a230: Ensure package is published with provenance
+
+## 1.3.1
+
+### Patch Changes
+
+- 93fdefc: Use CSS Logical properties, to support both `dir=ltr` and `dir=rtl`.
+
 ## 1.3.0
 
 ### Minor Changes

package/dist/index.css

@@ -230,34 +230,34 @@
   margin-block: var(--rvo-space-5xl);
 }
 .rvo-progress-tracker {
-  max-width: var(--rvo-progress-tracker-max-width);
+  max-inline-size: var(--rvo-progress-tracker-max-width);
 }
 
 .rvo-progress-tracker__step {
-  min-height: var(--rvo-progress-tracker-step-height);
+  min-block-size: var(--rvo-progress-tracker-step-height);
   padding-inline-start: var(--rvo-progress-tracker-step-label-padding);
   position: relative;
 }
 .rvo-progress-tracker__step::after {
   background-position: 0 center;
   background-repeat: no-repeat;
+  block-size: var(--rvo-progress-tracker-step-height);
   content: "";
   display: inline-block;
-  height: var(--rvo-progress-tracker-step-height);
-  left: 0;
+  inline-size: var(--rvo-progress-tracker-step-label-padding);
+  inset-block-start: 0;
+  inset-inline-start: 0;
   position: absolute;
-  top: 0;
-  width: var(--rvo-progress-tracker-step-label-padding);
 }
 .rvo-progress-tracker__step::before {
   background-repeat: no-repeat;
+  block-size: var(--rvo-progress-tracker-step-line-height);
   content: "";
   display: inline-block;
-  height: var(--rvo-progress-tracker-step-line-height);
-  left: var(--rvo-progress-tracker-step-line-left);
+  inline-size: var(--rvo-progress-tracker-step-line-width);
+  inset-block-start: var(--rvo-progress-tracker-step-line-top);
+  inset-inline-start: var(--rvo-progress-tracker-step-line-left);
   position: absolute;
-  top: var(--rvo-progress-tracker-step-line-top);
-  width: var(--rvo-progress-tracker-step-line-width);
 }
 
 .rvo-progress-tracker__step--substep-start {
@@ -270,10 +270,10 @@
 
 .rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight::before,
 .rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end::before {
-  height: var(--rvo-progress-tracker-step-sm-line-height, var(--rvo-progress-tracker-step-line-height));
-  left: var(--rvo-progress-tracker-step-sm-line-left, var(--rvo-progress-tracker-step-line-left));
-  top: var(--rvo-progress-tracker-step-sm-line-top, var(--rvo-progress-tracker-step-line-top));
-  width: var(--rvo-progress-tracker-step-sm-line-width, var(--rvo-progress-tracker-step-line-width));
+  block-size: var(--rvo-progress-tracker-step-sm-line-height, var(--rvo-progress-tracker-step-line-height));
+  inline-size: var(--rvo-progress-tracker-step-sm-line-width, var(--rvo-progress-tracker-step-line-width));
+  inset-block-start: var(--rvo-progress-tracker-step-sm-line-top, var(--rvo-progress-tracker-step-line-top));
+  inset-inline-start: var(--rvo-progress-tracker-step-sm-line-left, var(--rvo-progress-tracker-step-line-left));
 }
 
 .rvo-progress-tracker__step-link {

package/dist/index.min.css

@@ -1 +1 @@
-.rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-progress-tracker__step{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-progress-tracker{max-width:var(--rvo-progress-tracker-max-width)}.rvo-progress-tracker__step{min-height:var(--rvo-progress-tracker-step-height);padding-inline-start:var(--rvo-progress-tracker-step-label-padding);position:relative}.rvo-progress-tracker__step:after{background-position:0;height:var(--rvo-progress-tracker-step-height);left:0;top:0;width:var(--rvo-progress-tracker-step-label-padding)}.rvo-progress-tracker__step:after,.rvo-progress-tracker__step:before{background-repeat:no-repeat;content:"";display:inline-block;position:absolute}.rvo-progress-tracker__step:before{height:var(--rvo-progress-tracker-step-line-height);left:var(--rvo-progress-tracker-step-line-left);top:var(--rvo-progress-tracker-step-line-top);width:var(--rvo-progress-tracker-step-line-width)}.rvo-progress-tracker__step--substep-end,.rvo-progress-tracker__step--substep-start{padding-block-end:var(--rvo-progress-tracker-substep-block-padding)}.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight:before,.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end:before{height:var(--rvo-progress-tracker-step-sm-line-height,var(--rvo-progress-tracker-step-line-height));left:var(--rvo-progress-tracker-step-sm-line-left,var(--rvo-progress-tracker-step-line-left));top:var(--rvo-progress-tracker-step-sm-line-top,var(--rvo-progress-tracker-step-line-top));width:var(--rvo-progress-tracker-step-sm-line-width,var(--rvo-progress-tracker-step-line-width))}.rvo-progress-tracker__step-link{display:inline-block;padding-block-end:var(--rvo-progress-tracker-step-link-padding-block-end);padding-block-start:var(--rvo-progress-tracker-step-link-padding-block-start)}.rvo-progress-tracker__step-link.rvo-link{text-decoration:none}.rvo-progress-tracker__step-link.rvo-link:focus,.rvo-progress-tracker__step-link.rvo-link:hover{text-decoration:underline}.rvo-progress-tracker__step--start{font-size:var(--rvo-progress-tracker-step-start-font-size);font-weight:var(--rvo-progress-tracker-step-start-font-weight)}.rvo-progress-tracker__step--end{font-size:var(--rvo-progress-tracker-step-end-font-size);font-weight:var(--rvo-progress-tracker-step-end-font-weight)}.rvo-progress-tracker__step--sm:after{background-position:var(--rvo-progress-tracker-step-sm-icon-background-position)}
+.rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-progress-tracker__step{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-progress-tracker{max-inline-size:var(--rvo-progress-tracker-max-width)}.rvo-progress-tracker__step{min-block-size:var(--rvo-progress-tracker-step-height);padding-inline-start:var(--rvo-progress-tracker-step-label-padding);position:relative}.rvo-progress-tracker__step:after{background-position:0;block-size:var(--rvo-progress-tracker-step-height);inline-size:var(--rvo-progress-tracker-step-label-padding);inset-block-start:0;inset-inline-start:0}.rvo-progress-tracker__step:after,.rvo-progress-tracker__step:before{background-repeat:no-repeat;content:"";display:inline-block;position:absolute}.rvo-progress-tracker__step:before{block-size:var(--rvo-progress-tracker-step-line-height);inline-size:var(--rvo-progress-tracker-step-line-width);inset-block-start:var(--rvo-progress-tracker-step-line-top);inset-inline-start:var(--rvo-progress-tracker-step-line-left)}.rvo-progress-tracker__step--substep-end,.rvo-progress-tracker__step--substep-start{padding-block-end:var(--rvo-progress-tracker-substep-block-padding)}.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight:before,.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end:before{block-size:var(--rvo-progress-tracker-step-sm-line-height,var(--rvo-progress-tracker-step-line-height));inline-size:var(--rvo-progress-tracker-step-sm-line-width,var(--rvo-progress-tracker-step-line-width));inset-block-start:var(--rvo-progress-tracker-step-sm-line-top,var(--rvo-progress-tracker-step-line-top));inset-inline-start:var(--rvo-progress-tracker-step-sm-line-left,var(--rvo-progress-tracker-step-line-left))}.rvo-progress-tracker__step-link{display:inline-block;padding-block-end:var(--rvo-progress-tracker-step-link-padding-block-end);padding-block-start:var(--rvo-progress-tracker-step-link-padding-block-start)}.rvo-progress-tracker__step-link.rvo-link{text-decoration:none}.rvo-progress-tracker__step-link.rvo-link:focus,.rvo-progress-tracker__step-link.rvo-link:hover{text-decoration:underline}.rvo-progress-tracker__step--start{font-size:var(--rvo-progress-tracker-step-start-font-size);font-weight:var(--rvo-progress-tracker-step-start-font-weight)}.rvo-progress-tracker__step--end{font-size:var(--rvo-progress-tracker-step-end-font-size);font-weight:var(--rvo-progress-tracker-step-end-font-weight)}.rvo-progress-tracker__step--sm:after{background-position:var(--rvo-progress-tracker-step-sm-icon-background-position)}

package/dist/index.mjs

@@ -1 +1 @@
-export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-progress-tracker__step{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-progress-tracker{max-width:var(--rvo-progress-tracker-max-width)}.rvo-progress-tracker__step{min-height:var(--rvo-progress-tracker-step-height);padding-inline-start:var(--rvo-progress-tracker-step-label-padding);position:relative}.rvo-progress-tracker__step:after{background-position:0;height:var(--rvo-progress-tracker-step-height);left:0;top:0;width:var(--rvo-progress-tracker-step-label-padding)}.rvo-progress-tracker__step:after,.rvo-progress-tracker__step:before{background-repeat:no-repeat;content:\"\";display:inline-block;position:absolute}.rvo-progress-tracker__step:before{height:var(--rvo-progress-tracker-step-line-height);left:var(--rvo-progress-tracker-step-line-left);top:var(--rvo-progress-tracker-step-line-top);width:var(--rvo-progress-tracker-step-line-width)}.rvo-progress-tracker__step--substep-end,.rvo-progress-tracker__step--substep-start{padding-block-end:var(--rvo-progress-tracker-substep-block-padding)}.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight:before,.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end:before{height:var(--rvo-progress-tracker-step-sm-line-height,var(--rvo-progress-tracker-step-line-height));left:var(--rvo-progress-tracker-step-sm-line-left,var(--rvo-progress-tracker-step-line-left));top:var(--rvo-progress-tracker-step-sm-line-top,var(--rvo-progress-tracker-step-line-top));width:var(--rvo-progress-tracker-step-sm-line-width,var(--rvo-progress-tracker-step-line-width))}.rvo-progress-tracker__step-link{display:inline-block;padding-block-end:var(--rvo-progress-tracker-step-link-padding-block-end);padding-block-start:var(--rvo-progress-tracker-step-link-padding-block-start)}.rvo-progress-tracker__step-link.rvo-link{text-decoration:none}.rvo-progress-tracker__step-link.rvo-link:focus,.rvo-progress-tracker__step-link.rvo-link:hover{text-decoration:underline}.rvo-progress-tracker__step--start{font-size:var(--rvo-progress-tracker-step-start-font-size);font-weight:var(--rvo-progress-tracker-step-start-font-weight)}.rvo-progress-tracker__step--end{font-size:var(--rvo-progress-tracker-step-end-font-size);font-weight:var(--rvo-progress-tracker-step-end-font-weight)}.rvo-progress-tracker__step--sm:after{background-position:var(--rvo-progress-tracker-step-sm-icon-background-position)}";
+export default ".rvo-layout-column{align-items:stretch;display:flex;flex-direction:column}.rvo-layout-column-inline{align-items:stretch;display:inline-flex;flex-direction:column}.rvo-layout-row,.rvo-progress-tracker__step{align-items:center;display:flex;flex-direction:row}.rvo-layout-row-inline{align-items:stretch;display:inline-flex;flex-direction:row}.rvo-layout-align-items-start{align-items:flex-start}.rvo-layout-align-items-center{align-items:center}.rvo-layout-align-items-end{align-items:flex-end}.rvo-layout-align-content-start{align-content:flex-start}.rvo-layout-align-content-center{align-content:center}.rvo-layout-align-content-end{align-content:flex-end}.rvo-layout-align-content-space-between{align-content:space-between}.rvo-layout-justify-content-start{justify-content:flex-start}.rvo-layout-justify-content-center{justify-content:center}.rvo-layout-justify-content-end{justify-content:flex-end}.rvo-layout-justify-content-space-between{justify-content:space-between}.rvo-layout-justify-items-start{justify-items:flex-start}.rvo-layout-justify-items-center{justify-items:center}.rvo-layout-justify-items-end{justify-items:flex-end}.rvo-layout--wrap{flex-wrap:wrap}.rvo-layout-gap--0{gap:0}.rvo-layout-gap--3xs{gap:var(--rvo-space-3xs)}.rvo-layout-gap--2xs{gap:var(--rvo-space-2xs)}.rvo-layout-gap--xs{gap:var(--rvo-space-xs)}.rvo-layout-gap--sm{gap:var(--rvo-space-sm)}.rvo-layout-gap--md{gap:var(--rvo-space-md)}.rvo-layout-gap--lg{gap:var(--rvo-space-lg)}.rvo-layout-gap--xl{gap:var(--rvo-space-xl)}.rvo-layout-gap--2xl{gap:var(--rvo-space-2xl)}.rvo-layout-gap--3xl{gap:var(--rvo-space-3xl)}.rvo-layout-gap--4xl{gap:var(--rvo-space-4xl)}.rvo-layout-gap--5xl{gap:var(--rvo-space-5xl)}.rvo-layout-margin-horizontal--0{margin-inline:0}.rvo-layout-margin-vertical--0{margin-block:0}.rvo-layout-margin-horizontal--3xs{margin-inline:var(--rvo-space-3xs)}.rvo-layout-margin-vertical--3xs{margin-block:var(--rvo-space-3xs)}.rvo-layout-margin-horizontal--2xs{margin-inline:var(--rvo-space-2xs)}.rvo-layout-margin-vertical--2xs{margin-block:var(--rvo-space-2xs)}.rvo-layout-margin-horizontal--xs{margin-inline:var(--rvo-space-xs)}.rvo-layout-margin-vertical--xs{margin-block:var(--rvo-space-xs)}.rvo-layout-margin-horizontal--sm{margin-inline:var(--rvo-space-sm)}.rvo-layout-margin-vertical--sm{margin-block:var(--rvo-space-sm)}.rvo-layout-margin-horizontal--md{margin-inline:var(--rvo-space-md)}.rvo-layout-margin-vertical--md{margin-block:var(--rvo-space-md)}.rvo-layout-margin-horizontal--lg{margin-inline:var(--rvo-space-lg)}.rvo-layout-margin-vertical--lg{margin-block:var(--rvo-space-lg)}.rvo-layout-margin-horizontal--xl{margin-inline:var(--rvo-space-xl)}.rvo-layout-margin-vertical--xl{margin-block:var(--rvo-space-xl)}.rvo-layout-margin-horizontal--2xl{margin-inline:var(--rvo-space-2xl)}.rvo-layout-margin-vertical--2xl{margin-block:var(--rvo-space-2xl)}.rvo-layout-margin-horizontal--3xl{margin-inline:var(--rvo-space-3xl)}.rvo-layout-margin-vertical--3xl{margin-block:var(--rvo-space-3xl)}.rvo-layout-margin-horizontal--4xl{margin-inline:var(--rvo-space-4xl)}.rvo-layout-margin-vertical--4xl{margin-block:var(--rvo-space-4xl)}.rvo-layout-margin-horizontal--5xl{margin-inline:var(--rvo-space-5xl)}.rvo-layout-margin-vertical--5xl{margin-block:var(--rvo-space-5xl)}.rvo-progress-tracker{max-inline-size:var(--rvo-progress-tracker-max-width)}.rvo-progress-tracker__step{min-block-size:var(--rvo-progress-tracker-step-height);padding-inline-start:var(--rvo-progress-tracker-step-label-padding);position:relative}.rvo-progress-tracker__step:after{background-position:0;block-size:var(--rvo-progress-tracker-step-height);inline-size:var(--rvo-progress-tracker-step-label-padding);inset-block-start:0;inset-inline-start:0}.rvo-progress-tracker__step:after,.rvo-progress-tracker__step:before{background-repeat:no-repeat;content:\"\";display:inline-block;position:absolute}.rvo-progress-tracker__step:before{block-size:var(--rvo-progress-tracker-step-line-height);inline-size:var(--rvo-progress-tracker-step-line-width);inset-block-start:var(--rvo-progress-tracker-step-line-top);inset-inline-start:var(--rvo-progress-tracker-step-line-left)}.rvo-progress-tracker__step--substep-end,.rvo-progress-tracker__step--substep-start{padding-block-end:var(--rvo-progress-tracker-substep-block-padding)}.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight:before,.rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end:before{block-size:var(--rvo-progress-tracker-step-sm-line-height,var(--rvo-progress-tracker-step-line-height));inline-size:var(--rvo-progress-tracker-step-sm-line-width,var(--rvo-progress-tracker-step-line-width));inset-block-start:var(--rvo-progress-tracker-step-sm-line-top,var(--rvo-progress-tracker-step-line-top));inset-inline-start:var(--rvo-progress-tracker-step-sm-line-left,var(--rvo-progress-tracker-step-line-left))}.rvo-progress-tracker__step-link{display:inline-block;padding-block-end:var(--rvo-progress-tracker-step-link-padding-block-end);padding-block-start:var(--rvo-progress-tracker-step-link-padding-block-start)}.rvo-progress-tracker__step-link.rvo-link{text-decoration:none}.rvo-progress-tracker__step-link.rvo-link:focus,.rvo-progress-tracker__step-link.rvo-link:hover{text-decoration:underline}.rvo-progress-tracker__step--start{font-size:var(--rvo-progress-tracker-step-start-font-size);font-weight:var(--rvo-progress-tracker-step-start-font-weight)}.rvo-progress-tracker__step--end{font-size:var(--rvo-progress-tracker-step-end-font-size);font-weight:var(--rvo-progress-tracker-step-end-font-weight)}.rvo-progress-tracker__step--sm:after{background-position:var(--rvo-progress-tracker-step-sm-icon-background-position)}";

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.3.2",
   "author": "Community for NL Design System",
   "license": "CC0-1.0",
   "name": "@nl-rvo/css-progress-tracker",
@@ -17,7 +17,8 @@
   ],
   "main": "dist/index.css",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "repository": {
     "type": "git+ssh",

package/src/index.scss

@@ -5,11 +5,11 @@
 @use "../../layout-flow/src";
 
 .rvo-progress-tracker {
-  max-width: var(--rvo-progress-tracker-max-width);
+  max-inline-size: var(--rvo-progress-tracker-max-width);
 }
 
 .rvo-progress-tracker__step {
-  min-height: var(--rvo-progress-tracker-step-height);
+  min-block-size: var(--rvo-progress-tracker-step-height);
   padding-inline-start: var(--rvo-progress-tracker-step-label-padding);
   position: relative;
 
@@ -18,24 +18,24 @@
   &::after {
     background-position: 0 center;
     background-repeat: no-repeat;
+    block-size: var(--rvo-progress-tracker-step-height);
     content: "";
     display: inline-block;
-    height: var(--rvo-progress-tracker-step-height);
-    left: 0;
+    inline-size: var(--rvo-progress-tracker-step-label-padding);
+    inset-block-start: 0;
+    inset-inline-start: 0;
     position: absolute;
-    top: 0;
-    width: var(--rvo-progress-tracker-step-label-padding);
   }
 
   &::before {
     background-repeat: no-repeat;
+    block-size: var(--rvo-progress-tracker-step-line-height);
     content: "";
     display: inline-block;
-    height: var(--rvo-progress-tracker-step-line-height);
-    left: var(--rvo-progress-tracker-step-line-left);
+    inline-size: var(--rvo-progress-tracker-step-line-width);
+    inset-block-start: var(--rvo-progress-tracker-step-line-top);
+    inset-inline-start: var(--rvo-progress-tracker-step-line-left);
     position: absolute;
-    top: var(--rvo-progress-tracker-step-line-top);
-    width: var(--rvo-progress-tracker-step-line-width);
   }
 }
 
@@ -49,10 +49,10 @@
 
 .rvo-progress-tracker__step--sm.rvo-progress-tracker__step--straight::before,
 .rvo-progress-tracker__step--sm.rvo-progress-tracker__step--substep-end::before {
-  height: var(--rvo-progress-tracker-step-sm-line-height, var(--rvo-progress-tracker-step-line-height));
-  left: var(--rvo-progress-tracker-step-sm-line-left, var(--rvo-progress-tracker-step-line-left));
-  top: var(--rvo-progress-tracker-step-sm-line-top, var(--rvo-progress-tracker-step-line-top));
-  width: var(--rvo-progress-tracker-step-sm-line-width, var(--rvo-progress-tracker-step-line-width));
+  block-size: var(--rvo-progress-tracker-step-sm-line-height, var(--rvo-progress-tracker-step-line-height));
+  inline-size: var(--rvo-progress-tracker-step-sm-line-width, var(--rvo-progress-tracker-step-line-width));
+  inset-block-start: var(--rvo-progress-tracker-step-sm-line-top, var(--rvo-progress-tracker-step-line-top));
+  inset-inline-start: var(--rvo-progress-tracker-step-sm-line-left, var(--rvo-progress-tracker-step-line-left));
 }
 
 .rvo-progress-tracker__step-link {