@justfixnyc/component-library 0.58.0 → 0.60.1

package/dist/src/assets/index.css

@@ -542,8 +542,8 @@
   color: #676565;
 }
 .jfcl-link .jfcl-link__icon {
-  margin-left: 2px;
-  height: 0.9em;
+  margin-left: 0.125em;
+  height: 0.85em;
 }
 @keyframes spin {
   from {
@@ -657,16 +657,18 @@
   padding: 0.75rem;
   cursor: pointer;
 }
-.jfcl-select-button__label:hover, .jfcl-select-button__label:active {
+.jfcl-select-button__label:active {
   border: 2px solid #242323;
   padding: 0.6875rem;
-}
-.jfcl-select-button__label:hover {
-  background-color: #efe9dc;
-}
-.jfcl-select-button__label:active {
   background-color: #edf3ff;
 }
+@media (hover: hover) and (pointer: fine) {
+  .jfcl-select-button__label:hover {
+    border: 2px solid #242323;
+    padding: 0.6875rem;
+    background-color: #efe9dc;
+  }
+}
 
 .jfcl-select-button__input:checked + .jfcl-select-button__label {
   background-color: #c6d8ff;

package/dist/src/assets/index.es.css

@@ -542,8 +542,8 @@
   color: #676565;
 }
 .jfcl-link .jfcl-link__icon {
-  margin-left: 2px;
-  height: 0.9em;
+  margin-left: 0.125em;
+  height: 0.85em;
 }
 @keyframes spin {
   from {
@@ -657,16 +657,18 @@
   padding: 0.75rem;
   cursor: pointer;
 }
-.jfcl-select-button__label:hover, .jfcl-select-button__label:active {
+.jfcl-select-button__label:active {
   border: 2px solid #242323;
   padding: 0.6875rem;
-}
-.jfcl-select-button__label:hover {
-  background-color: #efe9dc;
-}
-.jfcl-select-button__label:active {
   background-color: #edf3ff;
 }
+@media (hover: hover) and (pointer: fine) {
+  .jfcl-select-button__label:hover {
+    border: 2px solid #242323;
+    padding: 0.6875rem;
+    background-color: #efe9dc;
+  }
+}
 
 .jfcl-select-button__input:checked + .jfcl-select-button__label {
   background-color: #c6d8ff;

package/package.json

@@ -2,7 +2,7 @@
   "name": "@justfixnyc/component-library",
   "description": "JustFix Component Library",
   "license": "MIT",
-  "version": "0.58.0",
+  "version": "0.60.1",
   "main": "dist/src/index.js",
   "module": "dist/src/index.es.js",
   "files": [

package/dist/typings/stories/Button.d.ts

@@ -1,28 +0,0 @@
-import './button.css';
-interface ButtonProps {
-    /**
-     * Is this the principal call to action on the page?
-     */
-    primary?: boolean;
-    /**
-     * What background color to use
-     */
-    backgroundColor?: string;
-    /**
-     * How large should the button be?
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Button contents
-     */
-    label: string;
-    /**
-     * Optional click handler
-     */
-    onClick?: () => void;
-}
-/**
- * Primary UI component for user interaction
- */
-export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/typings/stories/Header.d.ts

@@ -1,12 +0,0 @@
-import './header.css';
-type User = {
-    name: string;
-};
-interface HeaderProps {
-    user?: User;
-    onLogin: () => void;
-    onLogout: () => void;
-    onCreateAccount: () => void;
-}
-export declare const Header: ({ user, onLogin, onLogout, onCreateAccount, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/typings/stories/Page.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import './page.css';
-export declare const Page: React.FC;