@zohodesk/components 1.6.1 → 1.6.2

package/lib/TextBox/TextBox.module.css

@@ -5,9 +5,9 @@
   --textbox_border_width: 0;
   --textbox_border_style: solid;
   --textbox_border_color: var(--zdt_textbox_default_border);
-  --textbox_font_size: var(--zd_font_size14);
+  --textbox_font_size: 14px;
   --textbox_width: 100%;
-  --textbox_height: var(--zd_size35);
+  --textbox_height: 35px;
   --textbox_border_radius: none;
   --textbox_font_weight: var(--zd-fw-normal);
   /*  Variable:Ignore  */
@@ -137,28 +137,28 @@
 /* Size */
 .xmedium,
 .medium {
-  --textbox_font_size: var(--zd_font_size14);
+  --textbox_font_size: 14px;
 }
 
 .xmedium {
-  --textbox_height: var(--zd_size28);
+  --textbox_height: 28px;
   --textbox_line_height: 2;
 }
 
 .medium {
-  --textbox_height: var(--zd_size35);
+  --textbox_height: 35px;
   --textbox_line_height: 2.5;
 }
 
 .small {
-  --textbox_font_size: var(--zd_font_size12);
-  --textbox_height: var(--zd_size28);
+  --textbox_font_size: 12px;
+  --textbox_height: 28px;
   --textbox_line_height: 2.3334;
 }
 
 .xsmall {
-  --textbox_font_size: var(--zd_font_size13);
-  --textbox_height: var(--zd_size25);
+  --textbox_font_size: 13px;
+  --textbox_height: 25px;
   --textbox_line_height: 1.9231;
 }
 

package/lib/TextBoxIcon/TextBoxIcon.module.css

@@ -1,6 +1,6 @@
 .varClass {
   /* textboxicon icon default variables */
-  --textboxicon_icon_margin: 0 var(--zd_size5);
+  --textboxicon_icon_margin: 0 5px;
   --textboxicon_icon_cursor: pointer;
   --textboxicon_icon_color: var(--zdt_textboxicon_default_icon);
 }

package/lib/Textarea/Textarea.module.css

@@ -4,9 +4,9 @@
   --textarea_border_color: none;
   --textarea_cursor: text;
   --textarea_text_color: var(--zdt_textarea_default_text);
-  --textarea_font_size: var(--zd_font_size14);
+  --textarea_font_size: 14px;
   --textarea_line_height: 1.5712;
-  --textarea_padding: var(--zd_size2) 0;
+  --textarea_padding: 2px 0;
   --textarea_height: auto;
   --textarea_width: auto;
 
@@ -94,7 +94,7 @@
 }
 
 .defaultHeight{
-  --textarea_height: var(--zd_size30);
+  --textarea_height: 30px;
 } 
 .defaultWidth {
   --textarea_width: 100%;
@@ -104,39 +104,39 @@
   vertical-align: middle;
 }
 .xsmall {
-  --textarea_font_size: var(--zd_font_size14);
-  --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
-  --textarea_height: var(--zd_size28);
+  --textarea_font_size: 14px;
+  --textarea_padding: 4px 0 2px;
+  --textarea_height: 28px;
   --textarea_line_height: 1.3572;
 }
 .xmedium {
-  --textarea_font_size: var(--zd_font_size13);
-  --textarea_padding: var(--zd_size4) 0 var(--zd_size2);
-  --textarea_height: var(--zd_size25);
+  --textarea_font_size: 13px;
+  --textarea_padding: 4px 0 2px;
+  --textarea_height: 25px;
   --textarea_line_height: 1.3077;
 }
  .small{
-  --textarea_height: var(--zd_size30);
-  --textarea_padding: var(--zd_size2) 0;
+  --textarea_height: 30px;
+  --textarea_padding: 2px 0;
 }
 .smallanimated:focus,
 .xsmallanimated:focus,
 .xmediumanimated:focus {
-  --textarea_height: var(--zd_size70);
+  --textarea_height: 70px;
 }
 .medium {
-  --textarea_height: var(--zd_size88);
-  --textarea_padding: var(--zd_size2);
+  --textarea_height: 88px;
+  --textarea_padding: 2px;
 }
 .large {
-  --textarea_height: var(--zd_size45);
-  --textarea_padding: var(--zd_size2);
+  --textarea_height: 45px;
+  --textarea_padding: 2px;
 }
 .largeanimated:focus {
-  --textarea_height: var(--zd_size220);
+  --textarea_height: 220px;
 }
 .xlarge {
-  --textarea_height: var(--zd_size184);
+  --textarea_height: 184px;
 }
 .default {
   font-weight: var(--zd-fw-normal);

package/lib/common/avatarsizes.module.css

@@ -1,8 +1,8 @@
 /*Avatar common Sizes*/
 .varClass {
   /* avatar size default variables */
-  --avatar_width: var(--zd_size34);
-  --avatar_height: var(--zd_size34);
+  --avatar_width: 34px;
+  --avatar_height: 34px;
 }
 .small,
 .xsmall,
@@ -16,34 +16,34 @@
   height: var(--avatar_height);
 }
 .small {
-  --avatar_height: var(--zd_size22);
-  --avatar_width: var(--zd_size22);
+  --avatar_height: 22px;
+  --avatar_width: 22px;
 }
 .xxsmall {
-  --avatar_height: var(--zd_size18);
-  --avatar_width: var(--zd_size18);
+  --avatar_height: 18px;
+  --avatar_width: 18px;
 }
 .xsmall {
-  --avatar_height: var(--zd_size30);
-  --avatar_width: var(--zd_size30);
+  --avatar_height: 30px;
+  --avatar_width: 30px;
 }
 
 .medium {
-  --avatar_height: var(--zd_size34);
-  --avatar_width: var(--zd_size34);
+  --avatar_height: 34px;
+  --avatar_width: 34px;
 }
 
 .xmedium {
-  --avatar_height: var(--zd_size40);
-  --avatar_width: var(--zd_size40);
+  --avatar_height: 40px;
+  --avatar_width: 40px;
 }
 
 .large {
-  --avatar_height: var(--zd_size60);
-  --avatar_width: var(--zd_size60);
+  --avatar_height: 60px;
+  --avatar_width: 60px;
 }
 
 .xlarge {
-  --avatar_height: var(--zd_size80);
-  --avatar_width: var(--zd_size80);
+  --avatar_height: 80px;
+  --avatar_width: 80px;
 }

package/lib/common/common.module.css

@@ -526,12 +526,12 @@
 
 .fitContWidth {
   width: fit-content ;
-  width: -moz-fit-content ;
+  width: undefined ;
 }
 
 .fitContHeight {
   height: fit-content ;
-  height: -moz-fit-content ;
+  height: undefined ;
 }
 
 .whiteSpace_normal {

package/lib/shared/InputFieldLine/InputFieldLine.module.css

@@ -59,12 +59,12 @@
 
 .padding_small,
 .padding_xmedium {
-    --local_padding: var(--zd_size3);
+    --local_padding: 3px;
 }
 
 .padding_medium,
 .padding_large {
-    --local_padding: var(--zd_size8);
+    --local_padding: 8px;
 }
 
 .xmedium {

package/lib/v1/Label/__tests__/__snapshots__/Label.spec.js.snap

@@ -88,6 +88,40 @@ exports[`Label - Snapshot Render with default props 1`] = `
 </DocumentFragment>
 `;
 
+exports[`Label - Snapshot Render with fontWeight=regular 1`] = `
+<DocumentFragment>
+  <div
+    class="inlineFlex row alignItems_center container default"
+    data-id="flex"
+    data-test-id="flex"
+  >
+    <label
+      class="size14 font_regular label"
+      data-title="Label text"
+    >
+      Label text
+    </label>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Label - Snapshot Render with fontWeight=semibold 1`] = `
+<DocumentFragment>
+  <div
+    class="inlineFlex row alignItems_center container default"
+    data-id="flex"
+    data-test-id="flex"
+  >
+    <label
+      class="size14 font_semibold label"
+      data-title="Label text"
+    >
+      Label text
+    </label>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Label - Snapshot Render with htmlFor 1`] = `
 <DocumentFragment>
   <div
@@ -121,6 +155,7 @@ exports[`Label - Snapshot Render with i18nKeys 1`] = `
       <span
         aria-hidden="true"
         class="size14 font_regular requiredCommon flexshrink requiredText"
+        data-title=""
       >
         (Custom Required)
       </span>
@@ -195,6 +230,7 @@ exports[`Label - Snapshot Render with isRequired=true 1`] = `
       <span
         aria-hidden="true"
         class="size14 font_regular requiredCommon flexshrink asterisk"
+        data-title=""
       >
         *
       </span>
@@ -219,6 +255,7 @@ exports[`Label - Snapshot Render with isRequired=true isClipped=true 1`] = `
     <span
       aria-hidden="true"
       class="size14 font_regular requiredCommon flexshrink asterisk"
+      data-title=""
     >
       *
     </span>
@@ -309,6 +346,7 @@ exports[`Label - Snapshot Render with requiredType=asterisk 1`] = `
       <span
         aria-hidden="true"
         class="size14 font_regular requiredCommon flexshrink asterisk"
+        data-title=""
       >
         *
       </span>
@@ -332,6 +370,7 @@ exports[`Label - Snapshot Render with requiredType=text 1`] = `
       <span
         aria-hidden="true"
         class="size14 font_regular requiredCommon flexshrink requiredText"
+        data-title=""
       >
         (Required)
       </span>
@@ -355,6 +394,7 @@ exports[`Label - Snapshot Render with shouldHighlightRequired=true 1`] = `
       <span
         aria-hidden="true"
         class="size14 font_regular requiredCommon flexshrink asterisk"
+        data-title=""
       >
         *
       </span>
@@ -415,37 +455,3 @@ exports[`Label - Snapshot Render with tag attributes 1`] = `
   </div>
 </DocumentFragment>
 `;
-
-exports[`Label - Snapshot Render with fontWeight=regular 1`] = `
-<DocumentFragment>
-  <div
-    class="inlineFlex row alignItems_center container default"
-    data-id="flex"
-    data-test-id="flex"
-  >
-    <label
-      class="size14 font_regular label"
-      data-title="Label text"
-    >
-      Label text
-    </label>
-  </div>
-</DocumentFragment>
-`;
-
-exports[`Label - Snapshot Render with fontWeight=semibold 1`] = `
-<DocumentFragment>
-  <div
-    class="inlineFlex row alignItems_center container default"
-    data-id="flex"
-    data-test-id="flex"
-  >
-    <label
-      class="size14 font_semibold label"
-      data-title="Label text"
-    >
-      Label text
-    </label>
-  </div>
-</DocumentFragment>
-`;

package/lib/v1/Switch/css/Switch_v1.module.css

@@ -4,47 +4,47 @@
     gap: var(--zd_size6) ;
 }
 .small {
-    --local-switch-track-width: var(--zd_size22);
-    --local-switch-track-height: var(--zd_size12);
+    --local-switch-track-width: 22px;
+    --local-switch-track-height: 12px;
     --local-switch-track-border-radius: 8px;
-    --local-switch-thumb-size: var(--zd_size10);
-    --local-switch-onLabel-height: var(--zd_size6);
-    --local-switch-onLabel-left: var(--zd_size5);
-    --local-switch-offLabel-size: var(--zd_size7);
-    --local-switch-offLabel-right: var(--zd_size2);
+    --local-switch-thumb-size: 10px;
+    --local-switch-onLabel-height: 6px;
+    --local-switch-onLabel-left: 5px;
+    --local-switch-offLabel-size: 7px;
+    --local-switch-offLabel-right: 2px;
     --local-switch-onLabel-scaleX: 1.2;
 }
 .medium {
-    --local-switch-track-width: var(--zd_size28);
-    --local-switch-track-height: var(--zd_size16);
+    --local-switch-track-width: 28px;
+    --local-switch-track-height: 16px;
     --local-switch-track-border-radius: 16px;
-    --local-switch-thumb-size: var(--zd_size14);
-    --local-switch-onLabel-height: var(--zd_size8);
-    --local-switch-onLabel-left: var(--zd_size6);
-    --local-switch-offLabel-size: var(--zd_size8);
-    --local-switch-offLabel-right: var(--zd_size3);
+    --local-switch-thumb-size: 14px;
+    --local-switch-onLabel-height: 8px;
+    --local-switch-onLabel-left: 6px;
+    --local-switch-offLabel-size: 8px;
+    --local-switch-offLabel-right: 3px;
     --local-switch-onLabel-scaleX: 1.4;
 }
 .large {
-    --local-switch-track-width: var(--zd_size34);
-    --local-switch-track-height: var(--zd_size20);
+    --local-switch-track-width: 34px;
+    --local-switch-track-height: 20px;
     --local-switch-track-border-radius: 10px;
-    --local-switch-thumb-size: var(--zd_size18);
-    --local-switch-onLabel-height: var(--zd_size10);
-    --local-switch-onLabel-left: var(--zd_size7);
-    --local-switch-offLabel-size: var(--zd_size9);
-    --local-switch-offLabel-right: var(--zd_size4);
+    --local-switch-thumb-size: 18px;
+    --local-switch-onLabel-height: 10px;
+    --local-switch-onLabel-left: 7px;
+    --local-switch-offLabel-size: 9px;
+    --local-switch-offLabel-right: 4px;
     --local-switch-onLabel-scaleX: 1.6;
 }
 .xlarge {
-    --local-switch-track-width: var(--zd_size40);
-    --local-switch-track-height: var(--zd_size24);
+    --local-switch-track-width: 40px;
+    --local-switch-track-height: 24px;
     --local-switch-track-border-radius: 12px;
-    --local-switch-thumb-size: var(--zd_size22);
-    --local-switch-onLabel-height: var(--zd_size12);
-    --local-switch-onLabel-left: var(--zd_size8);
-    --local-switch-offLabel-size: var(--zd_size10);
-    --local-switch-offLabel-right: var(--zd_size5);
+    --local-switch-thumb-size: 22px;
+    --local-switch-onLabel-height: 12px;
+    --local-switch-onLabel-left: 8px;
+    --local-switch-offLabel-size: 10px;
+    --local-switch-offLabel-right: 5px;
     --local-switch-onLabel-scaleX: 1.8;
 }
 .disabled, .readonly {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -17,26 +17,20 @@
     "LIBRARY"
   ],
   "scripts": {
-    "build:docs": "react-cli build:docs",
     "_lint": "react-cli lint",
     "lintAll": "react-cli lint ./src",
     "lintAllFix": "npm run lintAll --eslint:fix=true",
     "lint": "npx eslint ./src",
     "clean": "react-cli clean build unittest coverage es lib assets && mkdir assets",
     "dubCheck": "node ./node_modules/@zohodesk-private/node-plugins/es/dublication_css_file_finder  node_modules/@zohodesk/icons/es node_modules/@zohodesk/variables/es",
-    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components && npm run build:variables",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
+    "init": "npm run clean && cd ../assets && npm run componentsassets && cd ../components",
     "common_package_build": "cd ../common && npm run build && cd ../components",
-    "start": "react-cli start",
-    "docs": "npm run css:review && react-cli docs",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
+    "build:lib": "cbt build:lib src,assets lib,assets",
+    "build:es": "cbt build:es src,assets es,assets",
+    "build:es:watch": "cbt build:es src es",
     "build": "npm run theme:validate && npm run build:lib && npm run build:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
-    "build:watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "build:css:umd": "npm run clean &&  npm run init && react-cli build:css:umd",
+    "build:local": "npm run build",
+    "build:watch": "npm run build:es:watch --module:mode=dev -- -w",
     "coverage": "react-cli coverage",
     "prepare": "npm run init &&  npm run css:build ",
     "prepublishOnly": "node prePublish.js && npm run download_only && npm run css:review && npm run review:props ",
@@ -47,12 +41,11 @@
     "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib &&  react-cli clean ./package-lock.json &&  react-cli clean ./result.json ",
     "snap-update": "npm run test-clean && npm run test -- -u",
     "sstest": "npm run init && react-cli sstest",
-    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy && react-cli build:component:umd && npm run externalDocHTMLChange",
+    "build:external": "npm run clean &&  npm run init  && npm run docsjs:build && npm run build:externalDocCopy  && npm run externalDocHTMLChange",
     "download": "npm run download_only && cd ../ && npm run download",
     "download_only": "react-cli clean ./node_modules ./package-lock.json && npm install  --legacy-peer-deps",
     "expublish": "npm publish --tag experimental-version",
     "css:lineheight:validate": "node ./node_modules/@zohodesk-private/node-plugins/es/lineheight_automation/lineHeightErrorCheck.js ./src/",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
     "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
@@ -66,11 +59,12 @@
     "css:layer_wrap_lib": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/write_layer_in_css.js ./lib ./assets css_layer_config.json --rewrite=src=lib  --rewrite=assets=assets --skip-existing-layer",
     "css:layer_generate_order": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/generate_layer_order.js  css_layer_config.json ./src/components_layer.module.css",
     "css:layer_config_validate": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/validate.js  css_layer_config.json ./src/ ./assets",
-    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build && npm run rtl && npm run cssVariableConvert  ",
+    "css:build": "npm run css:layer_config_validate && npm run css:layer_generate_order && npm run build",
     "css:layer_remove": "node ./node_modules/@zohodesk-private/node-plugins/es/css_layer_generator/remove_layer.js ./es ./assets css_layer_config.json --rewrite=src=es  --rewrite=assets=assets",
     "css:audit": "npx css-audit  --common-css=common/common.module.css --dir src  --port 8085  --report "
   },
   "devDependencies": {
+    "postcss-discard-comments": "^7.0.5",
     "@testing-library/jest-dom": "^5.11.9",
     "@testing-library/react": "^11.2.5",
     "@testing-library/react-hooks": "^7.0.2",
@@ -84,15 +78,16 @@
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/dotkit": "1.0.7",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/icons": "1.1.7",
+    "@zohodesk/icons": "1.2.1",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
     "react-sortable-hoc": "^0.8.3",
     "velocity-react": "1.4.3",
     "@zohodesk/react-cli": "1.1.27",
+    "@zohodesk/client_build_tool": "0.0.20",
     "color": "4.2.3"
   },
   "dependencies": {
@@ -102,9 +97,9 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.1.7",
+    "@zohodesk/icons": "1.2.1",
     "@zohodesk/variables": "1.2.0",
-    "@zohodesk/svg": "1.3.1",
+    "@zohodesk/svg": "1.3.2",
     "@zohodesk/virtualizer": "1.0.13",
     "velocity-react": "1.4.3",
     "react-sortable-hoc": "^0.8.3",

package/es/v1/Accordion/Accordion.js

@@ -1,66 +0,0 @@
-import React, { useState } from 'react';
-import { useEffectCallOnlyAfterState } from '@zohodesk/hooks';
-import { Accordion_defaultProps } from "./props/defaultProps";
-import { Accordion_propTypes } from "./props/propTypes";
-export default function Accordion(props) {
-  const {
-    className,
-    height,
-    unMount,
-    disableInternalState,
-    selectedItem: propSelectedItem,
-    a11y,
-    dataId,
-    dataSelectorId,
-    onSelect,
-    children
-  } = props;
-  const {
-    role,
-    ariaExpanded,
-    ariaHaspopup
-  } = a11y;
-  const [selectedItem, setSelectedItem] = useState(propSelectedItem);
-
-  function selectMenu(selectedItem) {
-    if (onSelect) {
-      onSelect(selectedItem);
-    }
-
-    !disableInternalState && setSelectedItem(selectedItem);
-  }
-
-  useEffectCallOnlyAfterState(() => {
-    if (!disableInternalState) {
-      setSelectedItem(propSelectedItem);
-    }
-  }, [propSelectedItem]);
-  let renderChildren = React.Children.map(children, child => {
-    if (child) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        selectedItem: disableInternalState ? propSelectedItem : selectedItem,
-        selectMenu: selectMenu,
-        unMount: unMount
-      });
-    }
-  });
-  return /*#__PURE__*/React.createElement("div", {
-    className: className ? className : '',
-    style: {
-      height
-    },
-    role: role,
-    "aria-expanded": ariaExpanded,
-    "aria-haspopup": ariaHaspopup,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-selector-id": dataSelectorId
-  }, renderChildren);
-}
-Accordion.propTypes = Accordion_propTypes;
-Accordion.defaultProps = Accordion_defaultProps; // if (__DOCS__) {
-//   Accordion.docs = {
-//     componentGroup: 'Animation',
-//     folderName: 'Style Guide'
-//   };
-// }

package/es/v1/Accordion/AccordionItem.js

@@ -1,57 +0,0 @@
-import React from 'react';
-import { AccordionItem_defaultProps } from "./props/defaultProps";
-import { AccordionItem_propTypes } from "./props/propTypes";
-import VelocityAnimation from "../VelocityAnimation/VelocityAnimation/VelocityAnimation";
-import VelocityAnimationGroup from "../VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup";
-export default function AccordionItem(props) {
-  let {
-    id,
-    selectMenu,
-    className,
-    children,
-    dataId,
-    dataSelectorId,
-    unMount,
-    unMountItem,
-    a11y,
-    innerClass,
-    equalityCheck,
-    selectedItem
-  } = props;
-  unMountItem = unMountItem !== undefined ? unMountItem : unMount;
-  let {
-    role
-  } = a11y;
-
-  function equalityChecking() {
-    return equalityCheck ? equalityCheck(id, selectedItem) : selectedItem == id;
-  }
-
-  function handleSelectMenu() {
-    selectMenu(id);
-  }
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: className ? className : '',
-    "data-id": dataId,
-    "data-test-id": dataId,
-    role: role,
-    "data-selector-id": dataSelectorId
-  }, /*#__PURE__*/React.createElement("div", {
-    className: innerClass ? innerClass : '',
-    onClick: handleSelectMenu
-  }, children[0]), unMountItem ? /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
-    name: "slideDown",
-    isActive: equalityChecking()
-  }, children[1]) : /*#__PURE__*/React.createElement(VelocityAnimation, {
-    name: "slideDown",
-    isActive: equalityChecking()
-  }, children[1]));
-}
-AccordionItem.propTypes = AccordionItem_propTypes;
-AccordionItem.defaultProps = AccordionItem_defaultProps; // if (__DOCS__) {
-//   AccordionItem.docs = {
-//     componentGroup: 'Animation',
-//     folderName: 'Style Guide'
-//   };
-// }

package/es/v1/Accordion/index.js

@@ -1,2 +0,0 @@
-export { default as Accordion } from "./Accordion";
-export { default as AccordionItem } from "./AccordionItem";