@pingux/astro 2.175.1-alpha.0 → 2.176.0-alpha.0

package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js

@@ -38,7 +38,9 @@ var itemArray = [{
 }, {
   key: 't3',
   label: 'Third Accordion',
-  children: (0, _react2.jsx)(_index.TextField, null)
+  children: (0, _react2.jsx)(_index.TextField, {
+    label: "Label"
+  })
 }];
 var itemArrayDisabled = [{
   key: 't1',

package/lib/cjs/components/SearchNav/SearchNav.chromatic.stories.js

@@ -8,7 +8,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = exports.SmallWidth = exports.MediumWidth = exports.Default = void 0;
 var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -48,7 +48,7 @@ var items = [{
   children: (0, _react2.jsx)(_index.Text, null, "Integration")
 }];
 var Default = exports.Default = function Default() {
-  var _items$find, _items$find2, _items$find3;
+  var _items$find;
   var _useState = (0, _react.useState)('Access'),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     selectedKey = _useState2[0],
@@ -70,7 +70,20 @@ var Default = exports.Default = function Default() {
     p: "sm"
   }, (_items$find = (0, _find["default"])(items).call(items, function (item) {
     return item.key === selectedKey;
-  })) === null || _items$find === void 0 ? void 0 : _items$find.children)), (0, _react2.jsx)(_index.Box, {
+  })) === null || _items$find === void 0 ? void 0 : _items$find.children)));
+};
+var MediumWidth = exports.MediumWidth = function MediumWidth() {
+  var _items$find2;
+  var _useState3 = (0, _react.useState)('Access'),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    selectedKey = _useState4[0],
+    setSelectedKey = _useState4[1];
+  var setSelectedKeyCallback = function setSelectedKeyCallback(e) {
+    setSelectedKey(e);
+  };
+  return (0, _react2.jsx)(_index.Box, {
+    gap: "md"
+  }, (0, _react2.jsx)(_index.Box, {
     maxWidth: "400px"
   }, (0, _react2.jsx)(_index.SearchNav, {
     items: items,
@@ -82,7 +95,20 @@ var Default = exports.Default = function Default() {
     p: "sm"
   }, (_items$find2 = (0, _find["default"])(items).call(items, function (item) {
     return item.key === selectedKey;
-  })) === null || _items$find2 === void 0 ? void 0 : _items$find2.children)), (0, _react2.jsx)(_index.Box, {
+  })) === null || _items$find2 === void 0 ? void 0 : _items$find2.children)));
+};
+var SmallWidth = exports.SmallWidth = function SmallWidth() {
+  var _items$find3;
+  var _useState5 = (0, _react.useState)('Access'),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    selectedKey = _useState6[0],
+    setSelectedKey = _useState6[1];
+  var setSelectedKeyCallback = function setSelectedKeyCallback(e) {
+    setSelectedKey(e);
+  };
+  return (0, _react2.jsx)(_index.Box, {
+    gap: "md"
+  }, (0, _react2.jsx)(_index.Box, {
     maxWidth: "200px"
   }, (0, _react2.jsx)(_index.SearchNav, {
     items: items,

package/lib/cjs/components/TextAreaField/TextAreaField.stories.js

@@ -106,7 +106,7 @@ var IconSlot = (0, _react2.jsx)(_index.Box, {
 var Default = exports.Default = function Default(args) {
   return (0, _react2.jsx)(_index.TextAreaField, args);
 };
-var WithSlots = exports.WithSlots = function WithSlots() {
+var WithSlots = exports.WithSlots = function WithSlots(args) {
   return (
     // This is an example of a slot that can be passed into the component
     // const IconSlot = (
@@ -116,11 +116,11 @@ var WithSlots = exports.WithSlots = function WithSlots() {
     //     />
     //   </Box>
     // );
-    (0, _react2.jsx)(_index.TextAreaField, {
+    (0, _react2.jsx)(_index.TextAreaField, (0, _extends2["default"])({}, args, {
       slots: {
         inContainer: IconSlot
       }
-    })
+    }))
   );
 };
 var FloatLabel = exports.FloatLabel = function FloatLabel(args) {

package/lib/cjs/libs/astro/src/components/SearchNav/SearchNav.chromatic.stories.d.ts

@@ -3,3 +3,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => import("react/jsx-runtime").JSX.Element;
+export declare const MediumWidth: () => import("react/jsx-runtime").JSX.Element;
+export declare const SmallWidth: () => import("react/jsx-runtime").JSX.Element;

package/lib/cjs/libs/astro/src/components/TextAreaField/TextAreaField.stories.d.ts

@@ -2,7 +2,7 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta;
 export default _default;
 export declare const Default: (args: any) => import("react/jsx-runtime").JSX.Element;
-export declare const WithSlots: () => import("react/jsx-runtime").JSX.Element;
+export declare const WithSlots: (args: any) => import("react/jsx-runtime").JSX.Element;
 export declare const FloatLabel: (args: any) => import("react/jsx-runtime").JSX.Element;
 export declare const Controlled: () => import("react/jsx-runtime").JSX.Element;
 export declare const Disabled: (args: any) => import("react/jsx-runtime").JSX.Element;