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

Comparing version 1.0.0-alpha.38 to 1.0.0-alpha.39

index.js

@@ -259,3 +259,3 @@ export const attention = {
 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',
+  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 caret',
   textArea: 'min-h-[42] sm:min-h-[45]',
@@ -271,2 +271,13 @@ disabled: 'i-bg-$color-input-background-disabled i-border-$color-input-border-disabled hover:i-border-$color-input-border-disabled! i-text-$color-input-text-disabled pointer-events-none',
 
+export const select = {
+  default: 'block text-16 mb-0 leading-22 i-text-$color-select-text i-bg-$color-select-background i-border-$color-select-border hover:i-border-$color-select-border-hover active:i-border-$color-select-border-active rounded-4 py-12 px-8 block border-1 w-full focusable appearance-none pr-32 cursor-pointer caret',
+  disabled: 'i-bg-$color-select-background-disabled i-border-$color-select-border-disabled hover:i-border-$color-select-border-disabled! active:i-border-$color-select-border-disabled! i-text-$color-select-text-disabled pointer-events-none',
+  invalid: 'focusable i-border-$color-select-border-negative',
+  readOnly: 'pl-0 bg-transparent border-0 pointer-events-none before:hidden',
+  wrapper: 'relative',
+  selectWrapper: `relative before:block before:absolute before:right-0 before:bottom-0 before:w-32 before:h-full before:pointer-events-none `,
+  chevron: 'absolute top-[30%] block right-0 bottom-0 w-32 h-full',
+  chevronDisabled: 'opacity-25',
+}
+
 export const label = {
@@ -273,0 +284,0 @@ label: 'antialiased block relative text-14 font-bold pb-4 cursor-pointer',

package.json

 {
   "name": "@warp-ds/component-classes",
   "repository": "[e-mail]:warp-ds/component-classes.git",
-  "version": "1.0.0-alpha.38",
+  "version": "1.0.0-alpha.39",
   "description": "WARP component classes",
@@ -29,3 +29,3 @@ "type": "module",
     "@semantic-release/git": "^10.0.1",
-    "@warp-ds/uno": "^1.0.0-alpha.7",
+    "@warp-ds/uno": "^1.0.0-alpha.8",
     "cz-conventional-changelog": "^3.3.0",
@@ -32,0 +32,0 @@ "semantic-release": "^19.0.5",

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

52359

increased by4.7%

Lines of code

378

increased by4.71%

No dependency changes