@chakra-ui/anatomy - npm Package Compare versions

Comparing version 1.2.0 to 1.2.1

CHANGELOG.md

 # @chakra-ui/anatomy
 
+## 1.2.1
+
+### Patch Changes
+
+- [#5075](https://github.com/chakra-ui/chakra-ui/pull/5075)
+  [`b28142946`](https://github.com/chakra-ui/chakra-ui/commit/b281429462a099b7fd7f9352e837cd28d1a2da0e)
+  Thanks [@cschroeter](https://github.com/cschroeter)! - Update babel config to
+  transpile soruces for older browsers. This fixes issues with CRA and
+  Storybook.
+- Updated dependencies
+  [[`b28142946`](https://github.com/chakra-ui/chakra-ui/commit/b281429462a099b7fd7f9352e837cd28d1a2da0e)]:
+  - @chakra-ui/theme-tools@1.3.1
+
 ## 1.2.0
@@ -4,0 +17,0 @@

dist/chakra-ui-anatomy.cjs.dev.js

@@ -15,3 +15,3 @@ 'use strict';
 
-const accordionAnatomy = themeTools.anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
+var accordionAnatomy = themeTools.anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
 /**
@@ -24,3 +24,3 @@ * **Alert anatomy**
 
-const alertAnatomy = themeTools.anatomy("alert").parts("title", "description", "container").extend("icon");
+var alertAnatomy = themeTools.anatomy("alert").parts("title", "description", "container").extend("icon");
 /**
@@ -35,3 +35,3 @@ * **Avatar anatomy**
 
-const avatarAnatomy = themeTools.anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
+var avatarAnatomy = themeTools.anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
 /**
@@ -45,25 +45,25 @@ * **Breadcrumb anatomy**
 
-const breadcrumbAnatomy = themeTools.anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
-const buttonAnatomy = themeTools.anatomy("button").parts();
-const checkboxAnatomy = themeTools.anatomy("checkbox").parts("control", "icon", "container").extend("label");
-const circularProgressAnatomy = themeTools.anatomy("progress").parts("track", "filledTrack").extend("label");
-const drawerAnatomy = themeTools.anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const editableAnatomy = themeTools.anatomy("editable").parts("preview", "input");
-const formAnatomy = themeTools.anatomy("form").parts("container", "requiredIndicator", "helperText");
-const formErrorAnatomy = themeTools.anatomy("formError").parts("text", "icon");
-const inputAnatomy = themeTools.anatomy("input").parts("addon", "field", "element");
-const listAnatomy = themeTools.anatomy("list").parts("container", "item", "icon");
-const menuAnatomy = themeTools.anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
-const modalAnatomy = themeTools.anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const numberInputAnatomy = themeTools.anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
-const pinInputAnatomy = themeTools.anatomy("pininput").parts("field");
-const popoverAnatomy = themeTools.anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
-const progressAnatomy = themeTools.anatomy("progress").parts("label", "filledTrack", "track");
-const radioAnatomy = themeTools.anatomy("radio").parts("container", "control", "label");
-const selectAnatomy = themeTools.anatomy("select").parts("field", "icon");
-const sliderAnatomy = themeTools.anatomy("slider").parts("container", "track", "thumb", "filledTrack");
-const statAnatomy = themeTools.anatomy("stat").parts("container", "label", "helpText", "number", "icon");
-const switchAnatomy = themeTools.anatomy("switch").parts("container", "track", "thumb");
-const tableAnatomy = themeTools.anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
-const tabsAnatomy = themeTools.anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
+var breadcrumbAnatomy = themeTools.anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
+var buttonAnatomy = themeTools.anatomy("button").parts();
+var checkboxAnatomy = themeTools.anatomy("checkbox").parts("control", "icon", "container").extend("label");
+var circularProgressAnatomy = themeTools.anatomy("progress").parts("track", "filledTrack").extend("label");
+var drawerAnatomy = themeTools.anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var editableAnatomy = themeTools.anatomy("editable").parts("preview", "input");
+var formAnatomy = themeTools.anatomy("form").parts("container", "requiredIndicator", "helperText");
+var formErrorAnatomy = themeTools.anatomy("formError").parts("text", "icon");
+var inputAnatomy = themeTools.anatomy("input").parts("addon", "field", "element");
+var listAnatomy = themeTools.anatomy("list").parts("container", "item", "icon");
+var menuAnatomy = themeTools.anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
+var modalAnatomy = themeTools.anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var numberInputAnatomy = themeTools.anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
+var pinInputAnatomy = themeTools.anatomy("pininput").parts("field");
+var popoverAnatomy = themeTools.anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
+var progressAnatomy = themeTools.anatomy("progress").parts("label", "filledTrack", "track");
+var radioAnatomy = themeTools.anatomy("radio").parts("container", "control", "label");
+var selectAnatomy = themeTools.anatomy("select").parts("field", "icon");
+var sliderAnatomy = themeTools.anatomy("slider").parts("container", "track", "thumb", "filledTrack");
+var statAnatomy = themeTools.anatomy("stat").parts("container", "label", "helpText", "number", "icon");
+var switchAnatomy = themeTools.anatomy("switch").parts("container", "track", "thumb");
+var tableAnatomy = themeTools.anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
+var tabsAnatomy = themeTools.anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
 /**
@@ -76,3 +76,3 @@ * **Tag anatomy**
 
-const tagAnatomy = themeTools.anatomy("tag").parts("container", "label", "closeButton");
+var tagAnatomy = themeTools.anatomy("tag").parts("container", "label", "closeButton");
 
@@ -79,0 +79,0 @@ exports.accordionAnatomy = accordionAnatomy;

dist/chakra-ui-anatomy.cjs.prod.js

@@ -15,3 +15,3 @@ 'use strict';
 
-const accordionAnatomy = themeTools.anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
+var accordionAnatomy = themeTools.anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
 /**
@@ -24,3 +24,3 @@ * **Alert anatomy**
 
-const alertAnatomy = themeTools.anatomy("alert").parts("title", "description", "container").extend("icon");
+var alertAnatomy = themeTools.anatomy("alert").parts("title", "description", "container").extend("icon");
 /**
@@ -35,3 +35,3 @@ * **Avatar anatomy**
 
-const avatarAnatomy = themeTools.anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
+var avatarAnatomy = themeTools.anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
 /**
@@ -45,25 +45,25 @@ * **Breadcrumb anatomy**
 
-const breadcrumbAnatomy = themeTools.anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
-const buttonAnatomy = themeTools.anatomy("button").parts();
-const checkboxAnatomy = themeTools.anatomy("checkbox").parts("control", "icon", "container").extend("label");
-const circularProgressAnatomy = themeTools.anatomy("progress").parts("track", "filledTrack").extend("label");
-const drawerAnatomy = themeTools.anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const editableAnatomy = themeTools.anatomy("editable").parts("preview", "input");
-const formAnatomy = themeTools.anatomy("form").parts("container", "requiredIndicator", "helperText");
-const formErrorAnatomy = themeTools.anatomy("formError").parts("text", "icon");
-const inputAnatomy = themeTools.anatomy("input").parts("addon", "field", "element");
-const listAnatomy = themeTools.anatomy("list").parts("container", "item", "icon");
-const menuAnatomy = themeTools.anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
-const modalAnatomy = themeTools.anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const numberInputAnatomy = themeTools.anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
-const pinInputAnatomy = themeTools.anatomy("pininput").parts("field");
-const popoverAnatomy = themeTools.anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
-const progressAnatomy = themeTools.anatomy("progress").parts("label", "filledTrack", "track");
-const radioAnatomy = themeTools.anatomy("radio").parts("container", "control", "label");
-const selectAnatomy = themeTools.anatomy("select").parts("field", "icon");
-const sliderAnatomy = themeTools.anatomy("slider").parts("container", "track", "thumb", "filledTrack");
-const statAnatomy = themeTools.anatomy("stat").parts("container", "label", "helpText", "number", "icon");
-const switchAnatomy = themeTools.anatomy("switch").parts("container", "track", "thumb");
-const tableAnatomy = themeTools.anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
-const tabsAnatomy = themeTools.anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
+var breadcrumbAnatomy = themeTools.anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
+var buttonAnatomy = themeTools.anatomy("button").parts();
+var checkboxAnatomy = themeTools.anatomy("checkbox").parts("control", "icon", "container").extend("label");
+var circularProgressAnatomy = themeTools.anatomy("progress").parts("track", "filledTrack").extend("label");
+var drawerAnatomy = themeTools.anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var editableAnatomy = themeTools.anatomy("editable").parts("preview", "input");
+var formAnatomy = themeTools.anatomy("form").parts("container", "requiredIndicator", "helperText");
+var formErrorAnatomy = themeTools.anatomy("formError").parts("text", "icon");
+var inputAnatomy = themeTools.anatomy("input").parts("addon", "field", "element");
+var listAnatomy = themeTools.anatomy("list").parts("container", "item", "icon");
+var menuAnatomy = themeTools.anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
+var modalAnatomy = themeTools.anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var numberInputAnatomy = themeTools.anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
+var pinInputAnatomy = themeTools.anatomy("pininput").parts("field");
+var popoverAnatomy = themeTools.anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
+var progressAnatomy = themeTools.anatomy("progress").parts("label", "filledTrack", "track");
+var radioAnatomy = themeTools.anatomy("radio").parts("container", "control", "label");
+var selectAnatomy = themeTools.anatomy("select").parts("field", "icon");
+var sliderAnatomy = themeTools.anatomy("slider").parts("container", "track", "thumb", "filledTrack");
+var statAnatomy = themeTools.anatomy("stat").parts("container", "label", "helpText", "number", "icon");
+var switchAnatomy = themeTools.anatomy("switch").parts("container", "track", "thumb");
+var tableAnatomy = themeTools.anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
+var tabsAnatomy = themeTools.anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
 /**
@@ -76,3 +76,3 @@ * **Tag anatomy**
 
-const tagAnatomy = themeTools.anatomy("tag").parts("container", "label", "closeButton");
+var tagAnatomy = themeTools.anatomy("tag").parts("container", "label", "closeButton");
 
@@ -79,0 +79,0 @@ exports.accordionAnatomy = accordionAnatomy;

dist/chakra-ui-anatomy.esm.js

@@ -11,3 +11,3 @@ import { anatomy } from '@chakra-ui/theme-tools';
 
-const accordionAnatomy = anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
+var accordionAnatomy = anatomy("accordion").parts("container", "item", "button", "panel").extend("icon");
 /**
@@ -20,3 +20,3 @@ * **Alert anatomy**
 
-const alertAnatomy = anatomy("alert").parts("title", "description", "container").extend("icon");
+var alertAnatomy = anatomy("alert").parts("title", "description", "container").extend("icon");
 /**
@@ -31,3 +31,3 @@ * **Avatar anatomy**
 
-const avatarAnatomy = anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
+var avatarAnatomy = anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
 /**
@@ -41,25 +41,25 @@ * **Breadcrumb anatomy**
 
-const breadcrumbAnatomy = anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
-const buttonAnatomy = anatomy("button").parts();
-const checkboxAnatomy = anatomy("checkbox").parts("control", "icon", "container").extend("label");
-const circularProgressAnatomy = anatomy("progress").parts("track", "filledTrack").extend("label");
-const drawerAnatomy = anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const editableAnatomy = anatomy("editable").parts("preview", "input");
-const formAnatomy = anatomy("form").parts("container", "requiredIndicator", "helperText");
-const formErrorAnatomy = anatomy("formError").parts("text", "icon");
-const inputAnatomy = anatomy("input").parts("addon", "field", "element");
-const listAnatomy = anatomy("list").parts("container", "item", "icon");
-const menuAnatomy = anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
-const modalAnatomy = anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
-const numberInputAnatomy = anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
-const pinInputAnatomy = anatomy("pininput").parts("field");
-const popoverAnatomy = anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
-const progressAnatomy = anatomy("progress").parts("label", "filledTrack", "track");
-const radioAnatomy = anatomy("radio").parts("container", "control", "label");
-const selectAnatomy = anatomy("select").parts("field", "icon");
-const sliderAnatomy = anatomy("slider").parts("container", "track", "thumb", "filledTrack");
-const statAnatomy = anatomy("stat").parts("container", "label", "helpText", "number", "icon");
-const switchAnatomy = anatomy("switch").parts("container", "track", "thumb");
-const tableAnatomy = anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
-const tabsAnatomy = anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
+var breadcrumbAnatomy = anatomy("breadcrumb").parts("link", "item", "container").extend("separator");
+var buttonAnatomy = anatomy("button").parts();
+var checkboxAnatomy = anatomy("checkbox").parts("control", "icon", "container").extend("label");
+var circularProgressAnatomy = anatomy("progress").parts("track", "filledTrack").extend("label");
+var drawerAnatomy = anatomy("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var editableAnatomy = anatomy("editable").parts("preview", "input");
+var formAnatomy = anatomy("form").parts("container", "requiredIndicator", "helperText");
+var formErrorAnatomy = anatomy("formError").parts("text", "icon");
+var inputAnatomy = anatomy("input").parts("addon", "field", "element");
+var listAnatomy = anatomy("list").parts("container", "item", "icon");
+var menuAnatomy = anatomy("menu").parts("button", "list", "item").extend("groupTitle", "command", "divider");
+var modalAnatomy = anatomy("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var numberInputAnatomy = anatomy("numberinput").parts("root", "field", "stepperGroup", "stepper");
+var pinInputAnatomy = anatomy("pininput").parts("field");
+var popoverAnatomy = anatomy("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
+var progressAnatomy = anatomy("progress").parts("label", "filledTrack", "track");
+var radioAnatomy = anatomy("radio").parts("container", "control", "label");
+var selectAnatomy = anatomy("select").parts("field", "icon");
+var sliderAnatomy = anatomy("slider").parts("container", "track", "thumb", "filledTrack");
+var statAnatomy = anatomy("stat").parts("container", "label", "helpText", "number", "icon");
+var switchAnatomy = anatomy("switch").parts("container", "track", "thumb");
+var tableAnatomy = anatomy("table").parts("table", "thead", "tbody", "tr", "th", "td", "tfoot", "caption");
+var tabsAnatomy = anatomy("tabs").parts("root", "tab", "tablist", "tabpanel", "tabpanels", "indicator");
 /**
@@ -72,4 +72,4 @@ * **Tag anatomy**
 
-const tagAnatomy = anatomy("tag").parts("container", "label", "closeButton");
+var tagAnatomy = anatomy("tag").parts("container", "label", "closeButton");
 
 export { accordionAnatomy, alertAnatomy, avatarAnatomy, breadcrumbAnatomy, buttonAnatomy, checkboxAnatomy, circularProgressAnatomy, drawerAnatomy, editableAnatomy, formAnatomy, formErrorAnatomy, inputAnatomy, listAnatomy, menuAnatomy, modalAnatomy, numberInputAnatomy, pinInputAnatomy, popoverAnatomy, progressAnatomy, radioAnatomy, selectAnatomy, sliderAnatomy, statAnatomy, switchAnatomy, tableAnatomy, tabsAnatomy, tagAnatomy };

dist/declarations/src/index.d.ts

@@ -62,1 +62,2 @@ /**
 export declare const tagAnatomy: Omit<import("@chakra-ui/theme-tools").Anatomy<"container" | "label" | "closeButton">, "parts">;
+//# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@chakra-ui/anatomy",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "The anatony of all chakra components",
@@ -19,3 +19,4 @@ "keywords": [
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
@@ -34,4 +35,4 @@ "publishConfig": {
   "dependencies": {
-    "@chakra-ui/theme-tools": "^1.3.0"
+    "@chakra-ui/theme-tools": "^1.3.1"
   }
 }

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

28750

increased by23.32%

Number of package files

11

increased by22.22%

Lines of code

448

increased by42.68%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updated@chakra-ui/theme-tools@^1.3.1