@aboutbits/react-ui - npm Package Compare versions

Comparing version 0.0.17 to 0.0.18

components/button/Button.js

@@ -44,3 +44,3 @@ "use strict";
     var button = framework_1.useTheme().button;
-    return (jsx_runtime_1.jsx(LinkComponent, tslib_1.__assign({}, props, { internal: internal, ref: ref, className: classnames_1.default(button.button.base, button.button.variantTone[variant].base, !props.disabled
+    return (jsx_runtime_1.jsx(LinkComponent, tslib_1.__assign({}, props, { internal: internal, ref: ref, className: classnames_1.default(button.buttonLink.base, button.button.base, button.button.variantTone[variant].base, !props.disabled
             /* eslint-disable */
@@ -47,0 +47,0 @@ ? // @ts-ignore

components/menu/Menu.js

@@ -9,6 +9,6 @@ "use strict";
 var classnames_1 = tslib_1.__importDefault(require("classnames"));
-var ThemeContext_1 = require("../../framework/theme/ThemeContext");
+var framework_1 = require("../../framework");
 var Menu = function (_a) {
     var menuLabel = _a.menuLabel, className = _a.className, menuButtonContent = _a.menuButtonContent, children = _a.children, menuButtonId = _a.menuButtonId;
-    var menu = ThemeContext_1.useTheme().menu;
+    var menu = framework_1.useTheme().menu;
     return (jsx_runtime_1.jsx(menu_button_1.Menu, { children: function (_a) {
@@ -15,0 +15,0 @@ var isExpanded = _a.isExpanded;

components/section/index.d.ts

@@ -8,1 +8,2 @@ export * from './Section/Section';
 export * from './SectionItem/SectionDescriptionItem';
+export * from './SectionFooter';

components/section/index.js

@@ -11,1 +11,2 @@ "use strict";
 tslib_1.__exportStar(require("./SectionItem/SectionDescriptionItem"), exports);
+tslib_1.__exportStar(require("./SectionFooter"), exports);

framework/theme/theme.d.ts

@@ -199,2 +199,6 @@ export declare type Theme = typeof defaultTheme;
         };
+        footer: {
+            base: string;
+            normal: string;
+        };
     };
@@ -321,2 +325,5 @@ pagination: {
         };
+        buttonLink: {
+            base: string;
+        };
         withIcon: {
@@ -323,0 +330,0 @@ iconContainer: {

framework/theme/theme.js

@@ -99,6 +99,6 @@ "use strict";
             base: 'md:my-20 mx-auto md:w-full md:max-w-3xl',
-            normal: 'bg-white md:bg-transparent rounded-md overflow-hidden',
+            normal: 'bg-white md:bg-transparent md:rounded-md overflow-hidden',
             header: {
                 base: 'p-0 lg:p-4',
-                normal: 'bg-white border-b border-gray-600',
+                normal: 'bg-gray-300 border-b border-gray-600',
             },
@@ -182,6 +182,10 @@ },
         },
+        footer: {
+            base: 'lg:p-4 py-4 px-3',
+            normal: 'bg-gray-300 border-t border-gray',
+        },
     },
     pagination: {
         container: {
-            base: 'flex justify-between lg:p-4 py-4 px-3',
+            base: 'flex justify-between',
         },
@@ -288,2 +292,5 @@ prevNext: {
         },
+        buttonLink: {
+            base: 'text-center',
+        },
         withIcon: {
@@ -307,9 +314,9 @@ iconContainer: {
         navigation: {
-            base: 'flex flex-col flex-1',
+            base: 'flex flex-col flex-1 space-y-1',
         },
         item: {
-            base: 'flex flex-row items-center w-full py-3 lg:py-4 px-4 lg:px-5 outline-none',
-            normal: 'text-gray-700 hover:bg-gray-100 focus:bg-primary-50',
+            base: 'flex flex-row items-center w-full py-2 lg:py-3 px-4 lg:px-5 outline-none',
+            normal: 'text-gray-800 hover:text-black hover:bg-gray-100 focus:text-black focus:bg-gray-100 focus:ring',
             disabled: 'text-gray',
-            active: 'text-white from-primary bg-gradient-to-r to-primary-700',
+            active: 'text-primary bg-primary-50',
             icon: { base: 'mr-4 w-6 h-6 fill-current' },
@@ -321,3 +328,3 @@ content: { base: 'flex-1 text-left' },
                 base: 'flex flex-row items-stretch min-h-screen relative mr-14 w-full max-w-sm',
-                normal: 'bg-gradient-to-b from-primary-100 to-white',
+                normal: 'bg-white',
                 closeButton: {
@@ -333,3 +340,3 @@ base: 'absolute right-0 p-4',
         menuButton: {
-            base: 'flex items-center hover:opacity-60 active:opacity-60',
+            base: 'flex items-center underline focus:no-underline focus:outline-none focus:ring',
             icon: {
@@ -344,3 +351,3 @@ base: 'w-6 h-6 fill-current',
         menuList: {
-            base: 'py-3 mb-1 w-32 shadow-sm focus:outline-none',
+            base: 'py-2 mb-1 w-32 shadow focus:outline-none',
             normal: 'bg-white',
@@ -347,0 +354,0 @@ },

framework/theme/ThemeContext.d.ts

@@ -186,2 +186,6 @@ /// <reference types="react" />
         };
+        footer: {
+            base: string;
+            normal: string;
+        };
     };
@@ -308,2 +312,5 @@ pagination: {
         };
+        buttonLink: {
+            base: string;
+        };
         withIcon: {
@@ -310,0 +317,0 @@ iconContainer: {

package.json

 {
   "name": "@aboutbits/react-ui",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "main": "index.js",
@@ -5,0 +5,0 @@ "types": "index.d.ts",

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

164363

increased by0.87%

Number of package files

207

increased by0.98%

Lines of code

3596

increased by1.15%

No dependency changes