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

Comparing version 1.0.0-alpha.82 to 1.0.0-alpha.83

index.js

@@ -13,3 +13,3 @@ export const attention = {
   arrowDirectionBottom: '-bottom-[8px]',
-  arrowDirectionRight: '-top-[8px]',
+  arrowDirectionTop: '-top-[8px]',
   arrowTooltip: 'i-bg-$color-tooltip-background i-border-$color-tooltip-background',
@@ -149,3 +149,3 @@ arrowCallout: 'i-bg-$color-callout-background i-border-$color-callout-border',
   toaster:
-    'f-toaster grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
+    'grid f-grid auto-rows-auto justify-items-center justify-center mx-auto pointer-events-none',
 };
@@ -156,15 +156,13 @@
   toast:
-    'toast flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
-  toastPositive: 'bg-green-50 border-green-300 text-green-800',
-  toastWarning: 'bg-yellow-50 border-yellow-300 text-yellow-800',
-  toastNegative: 'bg-red-50 border-red-300 text-red-800',
-  toastNeutral: 'bg-gray-50 border-gray-300 text-gray-800',
-  toastIcon: 'flex-shrink-0 rounded-full w-16 h-16 m-8',
-  toastIconPositive: 'bg-green-300',
-  toastIconWarning: 'bg-yellow-300',
-  toastIconNegative: 'bg-red-300',
-  toastIconNeutral: 'bg-gray-300',
+    'flex group p-8 mt-16 rounded-8 border-2 w-full pointer-events-auto transition-all',
+  toastPositive: 'i-bg-$color-toast-positive-background i-border-$color-toast-positive-subtle-border i-text-$color-toast-positive-text',
+  toastWarning: 'i-bg-$color-toast-warning-background i-border-$color-toast-warning-subtle-border i-text-$color-toast-warning-text',
+  toastNegative: 'i-bg-$color-toast-negative-background i-border-$color-toast-negative-subtle-border i-text-$color-toast-negative-text',
+  toastIcon: 'flex-shrink-0 rounded-full w-[16px] h-[16px] m-[8px] text-white',
+  toastIconPositive: 'i-text-$color-toast-positive-icon',
+  toastIconWarning: 'i-text-$color-toast-warning-icon',
+  toastIconNegative: 'i-bg-$color-toast-negative-icon',
   toastIconLoading: 'animate-bounce',
   toastContent: 'self-center mr-8 py-4 last:mb-0',
-  toastClose: 'ml-auto p-8',
+  toastClose: 'ml-auto p-[8px]',
 };
@@ -171,0 +169,0 @@

package.json

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

81736

increased by1.65%

Lines of code

558

increased by0.54%

No dependency changes