@warp-ds/component-classes - npm Package Compare versions

Comparing version 1.0.0-alpha.28 to 1.0.0-alpha.29

index.js

@@ -72,9 +72,9 @@ export const attention = {
 export const step = {
-  stepVertical: 'step-v grid f-grid grid-flow-col gap-x-16',
-  stepVerticalLeft: 'step-v-l',
-  stepVerticalRight: 'step-v-r text-right',
-  stepHorizontal: 'step-h flex-1 grid f-grid gap-y-16 items-center',
+  step: 'group/step',
+  stepVertical: 'group/stepv grid-rows-[20px_auto] grid grid-flow-col gap-x-16',
+  stepVerticalLeft: 'grid-cols-[20px_1fr]',
+  stepVerticalRight: 'grid-cols-[1fr_20px] text-right',
+  stepHorizontal: ' group/steph grid-rows-[auto_20px] grid-cols-[1fr_20px_1fr] flex-1 grid gap-y-16 items-center',
 
-  stepDot:
-    'rounded-full border-2 h-20 w-20 transition-colors duration-300',
+  stepDot: 'rounded-full border-2 h-20 w-20 transition-colors duration-300',
   stepDotVertical: '',
@@ -85,7 +85,7 @@ stepDotVerticalLeft: '',
 
-  stepDotActive: 'border-blue-600 bg-blue-600 text-blue-600',
-  stepDotComplete: 'border-blue-600 bg-blue-600 text-white',
-  stepDotIncomplete: 'border-bluegray-300 bg-white text-white',
+  stepDotActive: 'i-border-$color-step-indicator-handle-border-active i-bg-$color-step-indicator-handle-background-active i-text-$color-step-indicator-handle-background-active',
+  stepDotComplete: 'i-border-$color-step-indicator-handle-border-active i-bg-$color-step-indicator-handle-background-active i-text-$color-step-indicator-icon',
+  stepDotIncomplete: 'i-border-$color-step-indicator-handle-border i-bg-$color-step-indicator-handle-background i-text-$color-step-indicator-icon',
 
-  stepLine: 'step-line transition-colors duration-300',
+  stepLine: 'group-last/stepv:hidden transition-colors duration-300',
   stepLineVertical: 'w-2 h-full justify-self-center',
@@ -95,7 +95,9 @@ stepLineVerticalLeft: '',
   stepLineHorizontal: 'h-2 w-full row-start-2',
+  stepLineHorizontalRight: 'group-last/steph:bg-transparent',
+  stepLineHorizontalLeft: 'group-first/steph:bg-transparent',
 
-  stepLineIncomplete: 'bg-bluegray-300',
-  stepLineComplete: 'bg-blue-600',
+  stepLineIncomplete: 'i-bg-$color-step-indicator-track-background',
+  stepLineComplete: 'i-bg-$color-step-indicator-track-background-active',
 
-  content: 'last:mb-0',
+  content: 'last:mb-0 group-last/step:last:pb-0',
   contentVertical: 'row-span-2 pb-32',
@@ -264,3 +266,3 @@ contentHorizontal: 'col-span-3 px-16 row-start-1 text-center',
     labelValid: 'i-text-$color-label-text',
-    labelInvalid: 'i-text-$color-label-text-negative',  
+    labelInvalid: 'i-text-$color-label-text-negative',
 }
@@ -267,0 +269,0 @@

package.json

 {
   "name": "@warp-ds/component-classes",
   "repository": "[e-mail]:warp-ds/component-classes.git",
-  "version": "1.0.0-alpha.28",
+  "version": "1.0.0-alpha.29",
   "description": "WARP component classes",
@@ -6,0 +6,0 @@ "type": "module",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

47713

increased by4.51%

Lines of code

344

increased by2.08%

No dependency changes