@chakra-ui/theme - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

 # Change Log
 
+## 1.2.1
+
+### Patch Changes
+
+- [`72bbd0db`](https://github.com/chakra-ui/chakra-ui/commit/72bbd0dbb913ba38ee2b9191d12bf73713ae4398)
+  [#2708](https://github.com/chakra-ui/chakra-ui/pull/2708) Thanks
+  [@TimKolberger](https://github.com/TimKolberger)! - Resolved an issue where
+  `DrawerCloseButton` was not receiving its base styles when it was passed other
+  styles through the `__css` property, breaking the button's positioning.
+
 ## 1.2.0
@@ -4,0 +14,0 @@

dist/cjs/components/drawer.js

@@ -66,2 +66,7 @@ "use strict";
 };
+var baseStyleCloseButton = {
+  position: "absolute",
+  top: 2,
+  right: 3
+};
 var baseStyleBody = {
@@ -84,2 +89,3 @@ px: 6,
     header: baseStyleHeader,
+    closeButton: baseStyleCloseButton,
     body: baseStyleBody,
@@ -86,0 +92,0 @@ footer: baseStyleFooter

dist/cjs/components/index.js

@@ -74,2 +74,4 @@ "use strict";
 
+var _table = _interopRequireDefault(require("./table"));
+
 var _tabs = _interopRequireDefault(require("./tabs"));
@@ -122,2 +124,3 @@
   Switch: _switch["default"],
+  Table: _table["default"],
   Tabs: _tabs["default"],
@@ -124,0 +127,0 @@ Tag: _tag["default"],

dist/esm/components/drawer.js

@@ -59,2 +59,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 };
+var baseStyleCloseButton = {
+  position: "absolute",
+  top: 2,
+  right: 3
+};
 var baseStyleBody = {
@@ -76,2 +81,3 @@ px: 6,
   header: baseStyleHeader,
+  closeButton: baseStyleCloseButton,
   body: baseStyleBody,
@@ -78,0 +84,0 @@ footer: baseStyleFooter

dist/esm/components/index.js

@@ -35,2 +35,3 @@ import Accordion from "./accordion";
 import Switch from "./switch";
+import Table from "./table";
 import Tabs from "./tabs";
@@ -76,2 +77,3 @@ import Tag from "./tag";
   Switch,
+  Table,
   Tabs,
@@ -78,0 +80,0 @@ Tag,

dist/esm/components/menu.js

@@ -55,11 +55,9 @@ import { mode } from "@chakra-ui/theme-tools";
 
-var baseStyle = props => {
-  return {
-    list: baseStyleList(props),
-    item: baseStyleItem(props),
-    groupTitle: baseStyleGroupTitle,
-    command: baseStyleCommand,
-    divider: baseStyleDivider
-  };
-};
+var baseStyle = props => ({
+  list: baseStyleList(props),
+  item: baseStyleItem(props),
+  groupTitle: baseStyleGroupTitle,
+  command: baseStyleCommand,
+  divider: baseStyleDivider
+});
 
@@ -66,0 +64,0 @@ export default {

dist/esm/components/number-input.js

@@ -30,9 +30,7 @@ var _Input$baseStyle;
 
-var baseStyle = props => {
-  return {
-    field: baseStyleField,
-    stepperGroup: baseStyleStepperGroup,
-    stepper: baseStyleStepper(props)
-  };
-};
+var baseStyle = props => ({
+  field: baseStyleField,
+  stepperGroup: baseStyleStepperGroup,
+  stepper: baseStyleStepper(props)
+});
 
@@ -39,0 +37,0 @@ function getSize(size) {

dist/esm/components/popover.js

@@ -45,12 +45,10 @@ import { mode } from "@chakra-ui/theme-tools";
 
-var baseStyle = props => {
-  return {
-    popper: baseStylePopper,
-    content: baseStyleContent(props),
-    header: baseStyleHeader,
-    body: baseStyleBody,
-    footer: baseStyleFooter,
-    arrow: baseStyleArrow(props)
-  };
-};
+var baseStyle = props => ({
+  popper: baseStylePopper,
+  content: baseStyleContent(props),
+  header: baseStyleHeader,
+  body: baseStyleBody,
+  footer: baseStyleFooter,
+  arrow: baseStyleArrow(props)
+});
 
@@ -57,0 +55,0 @@ export default {

dist/esm/components/progress.js

@@ -43,9 +43,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var baseStyle = props => {
-  return {
-    label: baseStyleLabel,
-    filledTrack: baseStyleFilledTrack(props),
-    track: baseStyleTrack(props)
-  };
-};
+var baseStyle = props => ({
+  label: baseStyleLabel,
+  filledTrack: baseStyleFilledTrack(props),
+  track: baseStyleTrack(props)
+});
 
@@ -52,0 +50,0 @@ var sizes = {

dist/esm/components/radio.js

@@ -26,8 +26,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var baseStyle = props => {
-  return {
-    label: Checkbox.baseStyle(props).label,
-    control: baseStyleControl(props)
-  };
-};
+var baseStyle = props => ({
+  label: Checkbox.baseStyle(props).label,
+  control: baseStyleControl(props)
+});
 
@@ -34,0 +32,0 @@ var sizes = {

dist/esm/components/skeleton.js

 import { keyframes } from "@chakra-ui/system";
 import { getColor, mode } from "@chakra-ui/theme-tools";
 
-var fade = (startColor, endColor) => {
-  return keyframes({
-    from: {
-      borderColor: startColor,
-      background: startColor
-    },
-    to: {
-      borderColor: endColor,
-      background: endColor
-    }
-  });
-};
+var fade = (startColor, endColor) => keyframes({
+  from: {
+    borderColor: startColor,
+    background: startColor
+  },
+  to: {
+    borderColor: endColor,
+    background: endColor
+  }
+});
 
@@ -17,0 +15,0 @@ var baseStyle = props => {

dist/esm/components/skip-link.js

 import { mode } from "@chakra-ui/theme-tools";
 
-var baseStyle = props => {
-  return {
-    borderRadius: "md",
-    fontWeight: "semibold",
-    _focus: {
-      boxShadow: "outline",
-      padding: "1rem",
-      position: "fixed",
-      top: "1.5rem",
-      left: "1.5rem",
-      bg: mode("white", "gray.700")(props)
-    }
-  };
-};
+var baseStyle = props => ({
+  borderRadius: "md",
+  fontWeight: "semibold",
+  _focus: {
+    boxShadow: "outline",
+    padding: "1rem",
+    position: "fixed",
+    top: "1.5rem",
+    left: "1.5rem",
+    bg: mode("white", "gray.700")(props)
+  }
+});
 
@@ -18,0 +16,0 @@ export default {

dist/esm/components/tabs.js

@@ -47,10 +47,8 @@ import { getColor, mode } from "@chakra-ui/theme-tools";
 
-var baseStyle = props => {
-  return {
-    root: baseStyleRoot(props),
-    tab: baseStyleTab(props),
-    tablist: baseStyleTablist(props),
-    tabpanel: baseStyleTabpanel
-  };
-};
+var baseStyle = props => ({
+  root: baseStyleRoot(props),
+  tab: baseStyleTab(props),
+  tablist: baseStyleTablist(props),
+  tabpanel: baseStyleTabpanel
+});
 
@@ -57,0 +55,0 @@ var sizes = {

dist/types/components/drawer.d.ts

@@ -20,2 +20,7 @@ declare const _default: {
         };
+        closeButton: {
+            position: string;
+            top: number;
+            right: number;
+        };
         body: {
@@ -22,0 +27,0 @@ px: number;

package.json

 {
   "name": "@chakra-ui/theme",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "The default theme for chakra components",
@@ -59,4 +59,4 @@ "keywords": [
   "devDependencies": {
-    "@chakra-ui/system": "1.0.1"
+    "@chakra-ui/system": "1.0.2"
   }
 }

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

729677

increased by5.64%

Number of package files

273

increased by1.87%

Lines of code

16031

increased by5.59%

No dependency changes