@adamjanicki/ui 1.4.8 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui",
-  "version": "1.4.8",
+  "version": "1.5.0",
   "description": "Basic UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",

package/style.css

@@ -107,11 +107,11 @@ a:focus:not(:focus-visible) {
   outline: none;
 }
 
-a:not([disabled]):focus-visible,
-button:not([disabled]):focus-visible {
-  outline: 3px solid var(--ajui-link-color);
-  outline-offset: 0;
+a,
+button {
+  outline-color: var(--ajui-link-color);
 }
+
 .ajui-input-default:not([disabled]):focus-within,
 .ajui-select-container:not([disabled]):focus-within {
   outline: 3px solid var(--ajui-focus-ring-color);
@@ -243,14 +243,14 @@ a {
 }
 
 @media (hover: hover) {
-  .ajui-button--primary:not([disabled]):is(:hover, :focus-visible),
-  .ajui-icon-button:not([disabled]):is(:hover, :focus-visible),
-  .ajui-link-default:is(:hover, :focus-visible) {
+  .ajui-button--primary:not([disabled]):hover,
+  .ajui-icon-button:not([disabled]):hover,
+  .ajui-link-default:hover {
     opacity: var(--ajui-default-opacity-dim);
   }
 
-  .ajui-button--transparent:not([disabled]):is(:hover, :focus-visible),
-  .ajui-button--secondary:not([disabled]):is(:hover, :focus-visible) {
+  .ajui-button--transparent:not([disabled]):hover,
+  .ajui-button--secondary:not([disabled]):hover {
     box-shadow: inset 0 0 0 1px var(--ajui-button-secondary-border-hover);
   }
 }
@@ -316,7 +316,7 @@ a {
   outline: none;
   box-shadow: none;
   cursor: pointer;
-  background-color: inherit;
+  background-color: transparent;
   padding: 0.75rem 1.75rem 0.75rem 0.5rem;
   font-size: 1rem;
   font-weight: 400;