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

Comparing version 1.0.0-alpha.89 to 1.0.0-alpha.90

index.js

@@ -17,3 +17,3 @@ export const attention = {
   arrowPopover: 'i-bg-$color-popover-background i-border-$color-popover-background',
-  content: 'last:mb-0',
+  content: 'last-child:mb-0',
 };
@@ -29,3 +29,3 @@
 export const ribbon = {
-  base: 'py-4 px-8 border rounded-4 inline-flex last:mb-0',
+  base: 'py-4 px-8 border rounded-4 inline-flex last-child:mb-0',
   info: 'border-aqua-50 bg-aqua-50',
@@ -60,3 +60,3 @@ success: 'border-green-100 bg-green-100',
 export const box = {
-  box: 'group block relative break-words last:mb-0 p-16 rounded-8', // Relative here enables w-clickable
+  box: 'group block relative break-words last-child:mb-0 p-16 rounded-8', // Relative here enables w-clickable
   bleed: '-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8', // We target L and R to override the default rounded-8
@@ -73,3 +73,3 @@ info: 'i-bg-$color-box-info-background',
   pill: 'flex items-center',
-  button: 'inline-flex items-center focus:focusable:focus text-12 transition-all',
+  button: 'inline-flex items-center focusable text-12 transition-all',
   suggestion: 'i-bg-$color-pill-suggestion-background hover:i-bg-$color-pill-suggestion-background-hover active:i-bg-$color-pill-suggestion-background-active i-text-$color-pill-suggestion-text font-bold',
@@ -168,3 +168,3 @@ filter: 'i-bg-$color-pill-filter-background hover:i-bg-$color-pill-filter-background-hover active:i-bg-$color-pill-filter-background-active i-text-$color-pill-filter-text',
   toastIconLoading: 'animate-bounce',
-  toastContent: 'self-center mr-8 py-4 last:mb-0',
+  toastContent: 'self-center mr-8 py-4 last-child:mb-0',
   toastClose: 'ml-auto p-[8px]',
@@ -252,3 +252,3 @@ };
   buttonIsDisabled:
-    'py-10 px-14 font-bold leading-24 max-w-max focusable justify-center transition-colors ease-in-out i-bg-$color-button-disabled-background! i-text-$color-button-disabled-text cursor-default pointer-events-none', // .button:disabled, .button--is-disabled
+    'py-10 px-14 font-bold leading-24 max-w-max justify-center transition-colors ease-in-out i-bg-$color-button-disabled-background! i-text-$color-button-disabled-text cursor-default pointer-events-none', // .button:disabled, .button--is-disabled
   // Progress indicator
@@ -286,5 +286,5 @@ buttonInProgress:
   modal:
-    'sm:pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
+    'pb-safe-[32] i-shadow-$shadow-modal max-h-[--w-modal-max-height] min-h-[--w-modal-min-height] w-[--w-modal-width] h-[--w-modal-height] relative transition-300 ease-in-out backface-hidden will-change-height rounded-8 mx-0 sm:mx-16 i-bg-$color-modal-background flex flex-col overflow-hidden outline-none space-y-16 pt-8 sm:pt-32 sm:pb-32 rounded-b-0 sm:rounded-b-8',
   content:
-    'block overflow-y-auto overflow-x-hidden last:mb-0 flex-grow shrink px-16 sm:px-32 relative',
+    'block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow shrink px-16 sm:px-32 relative',
   footer: 'flex justify-end shrink-0 px-16 sm:px-32',
@@ -383,4 +383,4 @@ transitionTitle: 'transition-all duration-300',
   inputDisabled: 'pointer-events-none',
-  focusable: 'peer-focus:focusable:focus peer-focus-visible:focusable:focus-visible peer-not-focus-visible:focusable:focus:not(:focus-visible)',
-  focusableWithin: 'focus-within:focusable:focus focus-within:focusable:focus-visible',
+  focusable: 'peer-focus:focusable',
+  focusableWithin: 'focus-within:focusable',
   label: 'cursor-pointer text-16 i-text-$color-label-text py-2 pl-28 select-none relative block before:block before:border before:absolute before:transition-all before:left-0 before:w-20 before:h-20 before:top-2',
@@ -414,5 +414,5 @@ deadToggleLabel: '-mt-2',
 export const clickable = {
-  clickable: 'absolute inset-0 h-full w-full appearance-none cursor-pointer',
+  clickable: 'absolute inset-0 h-full w-full appearance-none cursor-pointer focusable focusable-inset',
   clickableNotToggle: 'inset-0 absolute',
-  label: `px-12 ${label.label} py-8! cursor-pointer`, 
+  label: `px-12 ${label.label} py-8! cursor-pointer focusable focusable-inset`, 
 }
@@ -419,0 +419,0 @@

package.json

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

Worsened metrics

Total package byte prevSize

83609

decreased by-0.57%

Lines of code

572

decreased by-0.17%

No dependency changes