@authpack/theme - npm Package Compare versions

Comparing version 0.6.7 to 0.6.8

lib/components/Input.js

@@ -31,2 +31,3 @@ "use strict";
                 color: theme.input.value,
+                pointerEvents: disabled ? 'none' : 'initial',
                 'input::placeholder': {
@@ -33,0 +34,0 @@ color: theme.input.placeholder,

lib/components/Menu.js

@@ -20,2 +20,3 @@ "use strict";
             maxheight: 320,
+            borderleft: true,
             children: options.map(({ label, helper, icon, prefix, click }) => {
@@ -22,0 +23,0 @@ return react_1.createElement('div', {

lib/components/Page.js

@@ -27,2 +27,3 @@ "use strict";
                 disable: hidden,
+                borderleft: true,
                 children: [
@@ -37,19 +38,13 @@ react_1.createElement(Header, {
                         key: 'children',
-                        children: react_1.createElement(Scroller_1.Scroller, {
-                            key: 'scroller',
-                            disable: hidden,
-                            xaxis: true,
-                            yaxis: false,
-                            children: [
-                                react_1.createElement(react_1.Fragment, {
-                                    key: 'children',
-                                    children,
-                                }),
-                                react_1.createElement(Branding, {
-                                    key: 'branding',
-                                    url: 'https://authpack.io',
-                                    text: `Authpack`,
-                                }),
-                            ],
-                        }),
+                        children: [
+                            react_1.createElement(react_1.Fragment, {
+                                key: 'children',
+                                children,
+                            }),
+                            react_1.createElement(Branding, {
+                                key: 'branding',
+                                url: 'https://authpack.io',
+                                text: `Authpack`,
+                            }),
+                        ],
                         className: emotion_1.css({
@@ -56,0 +51,0 @@ display: 'flex',

lib/components/Scroller.d.ts

@@ -9,2 +9,4 @@ import { ReactNode, FC } from 'react';
     yaxis?: boolean;
+    bordertop?: boolean;
+    borderleft?: boolean;
 }>;

lib/components/Scroller.js

@@ -6,3 +6,3 @@ "use strict";
 const useTheme_1 = require("../hooks/useTheme");
-exports.Scroller = ({ children, disable, maxheight, always, xaxis, yaxis = true }) => {
+exports.Scroller = ({ children, disable, maxheight, always, xaxis, yaxis = true, bordertop, borderleft, }) => {
     const theme = useTheme_1.useTheme();
@@ -50,4 +50,4 @@ return react_1.createElement('div', {
                 background: theme.scroller.underneath,
-                borderLeft: theme.scroller.border,
-                borderTop: theme.scroller.border,
+                borderLeft: borderleft ? theme.scroller.border : undefined,
+                borderTop: bordertop ? theme.scroller.border : undefined,
             },
@@ -58,4 +58,4 @@ '&::-webkit-scrollbar-thumb': {
                 background: theme.scroller.background,
-                borderLeft: theme.scroller.border,
-                borderTop: theme.scroller.border,
+                borderLeft: borderleft ? theme.scroller.border : undefined,
+                borderTop: bordertop ? theme.scroller.border : undefined,
             },
@@ -62,0 +62,0 @@ '&::-webkit-scrollbar-thumb:hover': {

lib/components/SearchBar.js

@@ -13,2 +13,3 @@ "use strict";
         xaxis: true,
+        bordertop: true,
         children: react_1.createElement('div', {
@@ -15,0 +16,0 @@ className: emotion_1.css({

lib/components/SideBar.js

@@ -48,2 +48,3 @@ "use strict";
                 children: react_1.createElement(Scroller_1.Scroller, {
+                    borderleft: true,
                     children: [
@@ -50,0 +51,0 @@ react_1.createElement(Title, {

lib/components/Snippet.js

@@ -66,4 +66,4 @@ "use strict";
             }),
-            Boolean(options.length || click) &&
-                react_1.createElement('div', {
+            !!options.length
+                ? react_1.createElement('div', {
                     key: 'arrow',
@@ -99,3 +99,8 @@ onClick: () => options.length && openChange(true),
                         ],
-                }),
+                })
+                : click &&
+                    react_1.createElement(Icon_1.Icon, {
+                        key: 'click',
+                        icon: 'angle-right',
+                    }),
         ],
@@ -102,0 +107,0 @@ });

lib/components/Table.js

@@ -7,37 +7,43 @@ "use strict";
 const Icon_1 = require("./Icon");
+const Scroller_1 = require("./Scroller");
 exports.Table = ({ header, rows }) => {
-    return react_1.createElement('table', {
-        className: emotion_1.css({
-            all: 'unset',
-            display: 'table',
-            width: '100%',
-            whiteSpace: 'nowrap',
-            flexGrow: 1,
-        }),
-        children: [
-            react_1.createElement('thead', {
-                key: 'header',
-                className: emotion_1.css({
-                    all: 'unset',
-                    display: 'table-header-group',
-                }),
-                children: react_1.createElement(Header, {
-                    header,
-                }),
+    return react_1.createElement(Scroller_1.Scroller, {
+        key: 'scroller',
+        xaxis: true,
+        yaxis: false,
+        children: react_1.createElement('table', {
+            className: emotion_1.css({
+                all: 'unset',
+                display: 'table',
+                width: '100%',
+                whiteSpace: 'nowrap',
+                flexGrow: 1,
             }),
-            react_1.createElement('tbody', {
-                key: 'body',
-                className: emotion_1.css({
-                    all: 'unset',
-                    display: 'table-row-group',
+            children: [
+                react_1.createElement('thead', {
+                    key: 'header',
+                    className: emotion_1.css({
+                        all: 'unset',
+                        display: 'table-header-group',
+                    }),
+                    children: react_1.createElement(Header, {
+                        header,
+                    }),
                 }),
-                children: rows.map(({ id, click, cells }) => {
-                    return react_1.createElement(Row, {
-                        key: id,
-                        click,
-                        cells,
-                    });
+                react_1.createElement('tbody', {
+                    key: 'body',
+                    className: emotion_1.css({
+                        all: 'unset',
+                        display: 'table-row-group',
+                    }),
+                    children: rows.map(({ id, click, cells }) => {
+                        return react_1.createElement(Row, {
+                            key: id,
+                            click,
+                            cells,
+                        });
+                    }),
                 }),
-            }),
-        ],
+            ],
+        }),
     });
@@ -136,4 +142,3 @@ };
                 display: 'flex',
-                alignItems: 'flex-start',
-                overflow: 'hidden',
+                alignItems: 'center',
                 textOverflow: 'ellipsis',
@@ -140,0 +145,0 @@ minWidth: 140,

package.json

 {
   "name": "@authpack/theme",
-  "version": "0.6.7",
+  "version": "0.6.8",
   "private": false,
@@ -5,0 +5,0 @@ "description": "Theme for Authpack.",

No alert changes

Improved metrics

Total package byte prevSize

276308

increased by0.32%

Lines of code

4783

increased by0.23%

No dependency changes