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

Comparing version 1.0.0-alpha.72 to 1.0.0-alpha.73

index.js

@@ -98,6 +98,5 @@ export const attention = {
   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',
+  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 i-text-$color-stepindicator-handle-icon',
   stepDotVertical: '',
@@ -108,8 +107,5 @@ stepDotVerticalLeft: '',
 
-  stepDotActive:
-    'i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background-active i-text-$color-stepindicator-handle-icon',
-  stepDotComplete:
-    'i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background-active i-text-$color-stepindicator-handle-icon',
-  stepDotIncomplete:
-    'i-border-$color-stepindicator-handle-border i-bg-$color-stepindicator-handle-background',
+  stepDotActive: 'i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background-active',
+  stepDotComplete: 'i-border-$color-stepindicator-handle-border-active i-bg-$color-stepindicator-handle-background-active',
+  stepDotIncomplete: 'i-border-$color-stepindicator-handle-border i-bg-$color-stepindicator-handle-background',
 
@@ -200,12 +196,21 @@ stepLine: 'group-last/stepv:hidden transition-colors duration-300',
   tabActive: 'i-text-$color-tabs-text-active',
-  icon: 'mx-auto',
-  iconUnderlined: 'i-text-$color-tabs-text',
+  icon: 'mx-auto hover:i-text-$color-tabs-text-hover',
   iconUnderlinedActive: 'i-text-$color-tabs-text-active',
-  iconUnderlinedInactive: '', // missing tokens
   contentUnderlined: 'content-underlined', // content-underlined is a no-op that prevents a quirk in how Vue handles class bindings
-  contentUnderlinedInactive: '', // missing tokens
   contentUnderlinedActive: 'i-text-$color-tabs-text-active',
-  contentContainedActive: '',
 };
 
+// Todo: Handle dynamic classnames
+export const gridLayout = {
+  cols1: 'grid-cols-1',
+  cols2: 'grid-cols-2',
+  cols3: 'grid-cols-3',
+  cols4: 'grid-cols-4',
+  cols5: 'grid-cols-5',
+  cols6: 'grid-cols-6',
+  cols7: 'grid-cols-7',
+  cols8: 'grid-cols-8',
+  cols9: 'grid-cols-9',
+};
+
 export const buttonReset =
@@ -216,3 +221,3 @@ 'focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 p-0 inline-block';
   expandable: 'will-change-height',
-  expandableTitle: 'i-text-$color-expandable-title-text',
+  expandableTitle: 'font-bold i-text-$color-expandable-title-text',
   expandableBox: 'i-bg-$color-expandable-background hover:i-bg-$color-expandable-background-hover py-0 px-0 ' + box.box,
@@ -219,0 +224,0 @@ expandableBleed: box.bleed,

package.json

 {
   "name": "@warp-ds/component-classes",
   "repository": "[e-mail]:warp-ds/component-classes.git",
-  "version": "1.0.0-alpha.72",
+  "version": "1.0.0-alpha.73",
   "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

76318

increased by0.83%

Lines of code

533

increased by1.14%

No dependency changes