feat(input): make readonly addons styles not looking as disabled

adevinta · Aug 2, 2023 · e6fcd03 · e6fcd03
1 parent 2aabdad
commit e6fcd03
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 18 deletions.
diff --git a/packages/components/input/src/InputAddon.styles.ts b/packages/components/input/src/InputAddon.styles.ts
@@ -22,9 +22,6 @@ export const inputAddonStyles = cva(
       disabled: {
         true: ['pointer-events-none'],
       },
-      readOnly: {
-        true: ['pointer-events-none'],
-      },
       design: {
         text: '',
         solid: '',
@@ -34,10 +31,6 @@ export const inputAddonStyles = cva(
     compoundVariants: [
       {
         disabled: false,
-        design: 'text',
-        class: ['bg-surface', 'text-on-surface'],
-      },
-      {
         readOnly: false,
         design: 'text',
         class: ['bg-surface', 'text-on-surface'],
@@ -47,21 +40,11 @@ export const inputAddonStyles = cva(
         design: 'text',
         class: ['text-on-surface/dim-3'],
       },
-      {
-        readOnly: true,
-        design: 'text',
-        class: ['text-on-surface/dim-3'],
-      },
       {
         disabled: true,
         design: ['solid', 'inline'],
         class: ['opacity-dim-3'],
       },
-      {
-        readOnly: true,
-        design: ['solid', 'inline'],
-        class: ['opacity-dim-3'],
-      },
     ],
     defaultVariants: {
       intent: 'neutral',

diff --git a/packages/components/input/src/InputGroup.styles.ts b/packages/components/input/src/InputGroup.styles.ts
@@ -20,7 +20,6 @@ export const inputGroupStyles = cva(['relative inline-flex w-full'], {
     },
     readOnly: {
       true: [
-        'cursor-not-allowed',
         'relative',
         'after:absolute',
         'after:top-none',