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

Comparing version 1.0.0-alpha.15 to 1.0.0-alpha.16

index.js

@@ -23,3 +23,3 @@ export const attention = {
 export const ribbon = {
-  base: 'py-4 px-8 border rounded-4 inline-flex last-child:mb-0',
+  base: 'py-4 px-8 border rounded-4 inline-flex last:mb-0',
   info: 'border-aqua-50 bg-aqua-50',
@@ -55,3 +55,3 @@ success: 'border-green-100 bg-green-100',
   content:
-    'block overflow-y-auto overflow-x-hidden last-child:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative',
+    'block overflow-y-auto overflow-x-hidden last:mb-0 flex-grow flex-shrink px-16 sm:px-32 relative',
   footer: 'flex justify-end flex-shrink-0 px-16 sm:px-32',
@@ -69,3 +69,3 @@ transitionTitle: 'transition-all duration-300',
 export const box = {
-  box: 'group block relative break-words last-child:mb-0 p-16 rounded-8', // relative here enables f-clickable
+  box: 'group block relative break-words last:mb-0 p-16 rounded-8', // relative here enables f-clickable
   bleed: '-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8', // we target L and R separately because of TW's rules-order
@@ -100,3 +100,3 @@ };
 
-  content: 'last-child:mb-0',
+  content: 'last:mb-0',
   contentVertical: 'row-span-2 pb-32',
@@ -158,3 +158,3 @@ contentHorizontal: 'col-span-3 px-16 row-start-1 text-center',
   toastIconLoading: 'animate-bounce',
-  toastContent: 'self-center mr-8 py-4 last-child:mb-0',
+  toastContent: 'self-center mr-8 py-4 last:mb-0',
   toastClose: 'ml-auto p-8',
@@ -173,3 +173,3 @@ };
 export const tab = {
-  tab: 'grid f-grid items-center gap-8 focus-ring font-normal antialias p-16 pb-4 hover:underline f-tab',
+  tab: 'grid f-grid items-center gap-8 focusable font-normal antialias p-16 pb-4 hover:underline f-tab',
   tabActive: 'active-tab',
@@ -207,3 +207,3 @@ tabContained: 'rounded-t-8',
 const prefixSuffixWrapperBase =
-  'absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focus-ring ';
+  'absolute top-0 bottom-0 hover:text-aqua-400 flex justify-center items-center focusable ';
 
@@ -274,2 +274,16 @@ export const suffix = {
   infoIcon: "i-text-$color-alert-info-icon"
-}
+}
+
+export const input = {
+  default: 'block text-16 mb-0 leading-22 i-text-$color-input-text-filled i-bg-$color-input-background i-border-$color-input-border hover:i-border-$color-input-border-hover active:i-border-$color-input-border-active rounded-4 py-12 px-8 block border-1 w-full focusable',
+  optional: 'pl-8 font-normal text-14 i-text-$color-label-optional-text',
+  disabled: 'i-bg-$color-input-background-disabled i-border-$color-input-border-disabled i-text-$color-input-text-disabled pointer-events-none',
+  invalid: 'focusable i-border-$color-input-border-error i-text-$color-input-text-error',
+  readOnly: 'pl-0 bg-transparent border-0 pointer-events-none i-text-$color-input-text-read-only',
+  label: 'antialiased block relative text-14 font-bold pb-4 cursor-pointer',
+  labelValid: 'i-text-$color-label-text',
+  labelInvalid: 'i-text-$color-helptext-error-text',
+  helpText: 'text-12 mt-4 block',
+  helpTextValid: 'i-text-$color-helptext-text',
+  helpTextInvalid: 'i-text-$color-helptext-error-text'
+}

package.json

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

43852

increased by5.78%

Lines of code

329

increased by6.47%

No dependency changes