@sebgroup/green-react 1.0.0-beta.4 → 1.0.0-beta.5

package/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { ModalRole, randomId } from '@sebgroup/extract';
 import React, { useState, useEffect, useMemo, useRef } from 'react';
+import { randomId } from '@sebgroup/extract';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1102,11 +1102,38 @@ const Modal = _a => {
   } = _a,
       props = __rest(_a, ["type", "isOpen"]);
 
-  return isOpen ? jsxs("section", Object.assign({
-    role: ModalRole[type]
-  }, {
-    children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
-  }), void 0) : null;
+  const modalContent = () => {
+    switch (type) {
+      case 'slideout':
+        {
+          return jsxs("aside", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
+          }), void 0);
+        }
+
+      case 'takeover':
+        {
+          return jsxs("main", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
+          }), void 0);
+        }
+
+      default:
+        {
+          return jsxs("section", Object.assign({
+            role: "dialog"
+          }, {
+            children: [jsx(ModalHeader, Object.assign({}, props), void 0), jsx(ModalBody, Object.assign({}, props), void 0), jsx(ModalFooter, Object.assign({}, props), void 0)]
+          }), void 0);
+        }
+    }
+  };
+
+  return isOpen ? modalContent() : null;
 };
 
 var DESCRIPTORS = descriptors;

package/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('@sebgroup/extract'), require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', '@sebgroup/extract', 'react'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.jsxRuntime, global.extract, global.React));
-})(this, (function (exports, jsxRuntime, extract, React) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react/jsx-runtime'), require('react'), require('@sebgroup/extract')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'react/jsx-runtime', 'react', '@sebgroup/extract'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.React = {}, global.jsxRuntime, global.React, global.extract));
+})(this, (function (exports, jsxRuntime, React, extract) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -143,11 +143,38 @@
           isOpen = _a.isOpen,
           props = __rest(_a, ["type", "isOpen"]);
 
-      return isOpen ? jsxRuntime.jsxs("section", __assign({
-        role: extract.ModalRole[type]
-      }, {
-        children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
-      }), void 0) : null;
+      var modalContent = function modalContent() {
+        switch (type) {
+          case 'slideout':
+            {
+              return jsxRuntime.jsxs("aside", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+
+          case 'takeover':
+            {
+              return jsxRuntime.jsxs("main", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+
+          default:
+            {
+              return jsxRuntime.jsxs("section", __assign({
+                role: "dialog"
+              }, {
+                children: [jsxRuntime.jsx(ModalHeader, __assign({}, props), void 0), jsxRuntime.jsx(ModalBody, __assign({}, props), void 0), jsxRuntime.jsx(ModalFooter, __assign({}, props), void 0)]
+              }), void 0);
+            }
+        }
+      };
+
+      return isOpen ? modalContent() : null;
     };
 
     var Flexbox = function Flexbox(_a) {

package/lib/tabs/tabs.d.ts

@@ -1,12 +1,13 @@
 import { ReactNode } from 'react';
-interface IList {
+export interface IList {
     text?: string;
     href?: string;
+    disabled?: boolean;
 }
 interface TabsProps {
     list?: IList[];
-    disabled?: boolean;
+    onTabChange?: (index: number) => void;
     children?: ReactNode[];
 }
-export declare const Tabs: ({ list, disabled, children, ...props }: TabsProps) => JSX.Element;
+export declare const Tabs: ({ list, onTabChange, children }: TabsProps) => JSX.Element;
 export default Tabs;

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0-beta.5",
   "peerDependencies": {
     "react": "^17.0.0",
     "react-dom": "^17.0.0",
+    "body-scroll-lock": "^4.0.0-beta.0",
     "merge": "^2.1.1",
     "@popperjs/core": "^2.11.0",
     "rxjs": "^6.6.7"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.4",
-    "@sebgroup/extract": "^1.0.0-beta.4"
+    "@sebgroup/chlorophyll": "^1.0.0-beta.5",
+    "@sebgroup/extract": "^1.0.0-beta.5"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {