@sebgroup/green-react 3.5.3 → 3.5.5

package/README.md

@@ -22,7 +22,7 @@ yarn add @sebgroup/green-react
 import { Button } from '@sebgroup/green-react'
 
 // Use in your JSX
-<Button>A Green React Button!</Button>
+;<Button>A Green React Button!</Button>
 ```
 
 ### Components

package/index.esm.js

@@ -2,9 +2,13 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState, useEffect, useRef, useLayoutEffect, useMemo, forwardRef, useCallback, useId } from 'react';
 import { randomId, validateClassName, debounce, delay, sliderColors, getSliderTrackBackground } from '@sebgroup/extract';
 import { createComponent } from '@lit/react';
-import { getScopedTagName, GdsDatepicker, GdsContextMenu, GdsMenuItem, GdsMenuHeading, GdsDropdown, GdsOption, GdsGroupedList } from '@sebgroup/green-core';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
 import { registerTransitionalStyles } from '@sebgroup/green-core/transitional-styles';
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown';
+import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu';
 import classNames from 'classnames';
+import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1739,6 +1743,69 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
+const BankId = _a => {
+  var {
+      fill,
+      focusable,
+      title
+    } = _a,
+    props = __rest(_a, ["fill", "focusable", "title"]);
+  let id;
+  if (title) id = randomId();
+  return jsxs("svg", Object.assign({
+    width: "24",
+    height: "24",
+    version: "1.1",
+    xmlns: "http://www.w3.org/2000/svg",
+    x: "0px",
+    y: "0px",
+    viewBox: "140 265 321 304",
+    "enable-background": "new 140 265 321 304",
+    "aria-hidden": props['aria-hidden'],
+    focusable: focusable,
+    "aria-labelledby": id
+  }, {
+    children: [title && jsx("title", Object.assign({
+      id: id
+    }, {
+      children: title
+    })), jsxs("g", {
+      children: [jsx("path", {
+        fill: fill ? fill : '#479CBE',
+        d: "M241.9,423.6l13.2-83.2c-5.2,0-14.1,0-14.1,0c-6.6,0-15.1-3.7-17.6-10.5c-0.8-2.3-2.7-10.2,8.2-17.9\n\t\tc3.9-2.7,6.4-5.7,6.9-8c0.5-2.4-0.1-4.5-1.8-6.1c-2.4-2.3-7.1-3.6-13.1-3.6c-10.1,0-17.2,5.8-17.9,10c-0.5,3.1,1.9,5.6,4,7.2\n\t\tc6.3,4.7,7.8,11.5,3.9,17.9c-4,6.6-12.7,10.9-22,11c0,0-9.2,0-14.4,0c-1.2,8.1-20.8,132.3-22.3,142.1h78.1\n\t\tc0.7-4.4,4.3-27.9,9.2-58.9H241.9z"
+      }), jsx("path", {
+        fill: fill ? fill : '#00A5C3',
+        d: "M346.5,267.6H267l-10.6,67.3l13.5,0c7.4,0,14.4-3.4,17.4-8.3c1-1.6,1.4-3,1.4-4.3c0-2.8-1.9-4.9-3.8-6.3\n\t\tc-5.2-3.9-6.3-8-6.3-10.9c0-0.6,0-1.1,0.1-1.6c1.1-7.1,10.7-14.8,23.4-14.8c7.6,0,13.4,1.8,16.9,5.1c3.1,2.9,4.3,7,3.4,11.3\n\t\tc-1.1,5.1-6.2,9.3-9.1,11.4c-7.7,5.4-6.7,10.1-6.2,11.5c1.6,4.2,7.7,6.9,12.4,6.9H340c0,0,0,0,0,0.1c28,0.2,43,13.1,38.3,43.1\n\t\tc-4.4,27.9-25.8,39.9-51.3,40.1l-10.1,64.4h14.9c62.9,0,114.3-40.4,124.4-104.2C468.7,299.2,418.5,267.6,346.5,267.6z"
+      }), jsx("path", {
+        fill: fill ? fill : '#235971',
+        d: "M346.5,267.6H267l-10.6,67.3l13.5,0c7.4,0,14.4-3.4,17.4-8.3c1-1.6,1.4-3,1.4-4.3c0-2.8-1.9-4.9-3.8-6.3\n\t\tc-5.2-3.9-6.3-8-6.3-10.9c0-0.6,0-1.1,0.1-1.6c1.1-7.1,10.7-14.8,23.4-14.8c7.6,0,13.4,1.8,16.9,5.1c3.1,2.9,4.3,7,3.4,11.3\n\t\tc-1.1,5.1-6.2,9.3-9.1,11.4c-7.7,5.4-6.7,10.1-6.2,11.5c1.6,4.2,7.7,6.9,12.4,6.9H340c0,0,0,0,0,0.1c28,0.2,43,13.1,38.3,43.1\n\t\tc-4.4,27.9-25.8,39.9-51.3,40.1l-10.1,64.4h14.9c62.9,0,114.3-40.4,124.4-104.2C468.7,299.2,418.5,267.6,346.5,267.6z"
+      }), jsxs("g", {
+        children: [jsx("path", {
+          fill: fill ? fill : '#235971',
+          d: "M150.7,511.2h31.9c13.6,0,16.9,6.9,15.9,13.2c-0.8,5.1-4.3,8.9-10.3,11.4c7.6,2.9,10.6,7.4,9.5,14.5\n\t\t\tc-1.4,8.9-9.1,15.5-19.2,15.5h-36.3L150.7,511.2z M171.8,533.8c6.2,0,9.1-3.3,9.7-7.2c0.6-4.2-1.3-7.1-7.5-7.1h-5.5l-2.2,14.3\n\t\t\tH171.8z M168.4,557.4c6.4,0,10.1-2.6,11-7.9c0.7-4.6-1.9-7.3-8.1-7.3H165l-2.4,15.3H168.4z"
+        }), jsx("path", {
+          fill: fill ? fill : '#235971',
+          d: "M242.4,566.2c-8.3,0.6-12.3-0.3-14.3-3.9c-4.4,2.7-9.3,4.1-14.5,4.1c-9.4,0-12.7-4.9-11.8-10.3\n\t\t\tc0.4-2.6,1.9-5.1,4.3-7.2c5.2-4.5,18-5.1,23-8.5c0.4-3.8-1.1-5.2-5.8-5.2c-5.5,0-10.1,1.8-18,7.2l1.9-12.4\n\t\t\tc6.8-4.9,13.4-7.2,21-7.2c9.7,0,18.3,4,16.7,14.6l-1.9,12c-0.7,4.2-0.5,5.5,4.2,5.6L242.4,566.2z M228,547.4\n\t\t\tc-4.4,2.8-12.6,2.3-13.5,8.1c-0.4,2.7,1.3,4.7,4,4.7c2.6,0,5.8-1.1,8.4-2.9c-0.2-1-0.1-2,0.2-3.9L228,547.4z"
+        }), jsx("path", {
+          fill: fill ? fill : '#235971',
+          d: "M257.9,523.5h16.6l-0.9,5.5c5.3-4.5,9.3-6.2,14.5-6.2c9.3,0,13.6,5.7,12.1,15l-4.3,27.9h-16.6l3.6-23.1\n\t\t\tc0.7-4.2-0.6-6.2-3.8-6.2c-2.6,0-5,1.4-7.3,4.5l-3.8,24.7h-16.6L257.9,523.5z"
+        }), jsx("path", {
+          fill: fill ? fill : '#235971',
+          d: "M313.1,511.2h16.6l-4.2,26.8l15.9-14.5h20.5l-20.4,18l16.4,24.2h-20.9l-12.6-19.5h-0.2l-3,19.5h-16.6\n\t\t\tL313.1,511.2z"
+        })]
+      }), jsxs("g", {
+        children: [jsx("path", {
+          fill: fill ? fill : '#479CBE',
+          d: "M371.9,511.2H391l-8.4,54.5h-19.1L371.9,511.2z"
+        }), jsx("path", {
+          fill: fill ? fill : '#479CBE',
+          d: "M400.3,511.2h27.3c21.1,0,27.2,15.3,25.2,28c-1.9,12.4-11.7,26.5-30.2,26.5h-30.8L400.3,511.2z M418,552.7\n\t\t\tc9.3,0,14.4-4.6,15.9-14.3c1.1-7.2-1.1-14.3-11.4-14.3h-5.1l-4.4,28.6H418z"
+        })]
+      })]
+    })]
+  }));
+};
+
 const Check = ({
   focusable: _focusable = false,
   title
@@ -4048,7 +4115,7 @@ const Input = _a => {
   }, props));
   if (showSimpleInput) return input;
   const spanClassName = classNames('form-text', {
-    'disabled': props.disabled
+    disabled: props.disabled
   });
   return jsx(FormItem, Object.assign({
     expandableInfo: expandableInfo,
@@ -4232,7 +4299,7 @@ const RadioGroup = ({
     }, {
       children: React.Children.map(children, radioButton => {
         return /*#__PURE__*/React.isValidElement(radioButton) ? /*#__PURE__*/React.cloneElement(radioButton, {
-          "aria-describedby": describedBy,
+          'aria-describedby': describedBy,
           validator: validator,
           onChange: handleOnChange,
           checked: selected === radioButton.props.value,
@@ -4445,7 +4512,7 @@ const Link = _a => {
     } = _a,
     otherProps = __rest(_a, ["button", "children", "className", "role"]);
   const buttonClassName = classNames(className, {
-    "button": button
+    button: button
   }, button);
   return jsx("a", Object.assign({
     className: buttonClassName,
@@ -6531,4 +6598,4 @@ const Table = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef((_a, ref) =
   }));
 }));
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, Button, ButtonGroup, Card, Checkbox, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, Datepicker, Dropdown, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconButton, InPageWizardStepCard, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Select, Slider, SortDirection, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, Datepicker, Dropdown, Edit, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconButton, InPageWizardStepCard, InfoCircle, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Select, Slider, SortDirection, SquareExclamation, SquareInfo, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, Times, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.5.3",
+  "version": "3.5.5",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.11.0",
-    "@sebgroup/chlorophyll": "^3.3.1",
+    "@sebgroup/green-core": "^1.16.0",
+    "@sebgroup/chlorophyll": "^3.3.4",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
     "classnames": "^2.3.2"

package/src/index.d.ts

@@ -20,4 +20,5 @@ export * from './lib/modal/modal';
 export * from './lib/context-menu/context-menu';
 export * from './types';
 export * from './lib/table/components';
+export * from './lib/icons';
 export { AlertRibbon as Alert } from './lib/alert-ribbon/alert-ribbon';

package/src/lib/context-menu/context-menu.d.ts

@@ -1,4 +1,4 @@
-import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core';
+import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu';
 export declare const ContextMenu: import("@lit/react").ReactWebComponent<GdsContextMenu, {
     onMenuItemClick: string;
     onUiStateChange: string;

package/src/lib/datepicker/datepicker.d.ts

@@ -1,4 +1,4 @@
-import { GdsDatepicker } from '@sebgroup/green-core';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker';
 export declare const CoreDatepicker: import("@lit/react").ReactWebComponent<GdsDatepicker, {
     onchange: string;
 }>;

package/src/lib/dropdown/dropdown.d.ts

@@ -1,4 +1,4 @@
-import { GdsDropdown, GdsOption } from '@sebgroup/green-core';
+import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown';
 export declare type CompareWith<T = any> = (o1: T, o2: T) => boolean;
 export declare type SearchFilter<T = any> = (search: string, value: T) => boolean;
 export declare type DropdownPlacements = 'bottom-start' | 'top-start';

package/src/lib/grouped-list/grouped-list.d.ts

@@ -1,3 +1,3 @@
-import { GdsGroupedList } from '@sebgroup/green-core';
+import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list';
 export declare const GroupedList: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;
 export declare const ListItem: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;

package/src/lib/table/components/parts/TableBody/index.d.ts

@@ -1 +1 @@
-export * from "./TableBody";
+export * from './TableBody';

package/src/lib/table/components/parts/TableCell/index.d.ts

@@ -1 +1 @@
-export * from "./TableCell";
+export * from './TableCell';

package/src/lib/table/components/parts/TableHeader/index.d.ts

@@ -1 +1 @@
-export * from "./TableHeader";
+export * from './TableHeader';

package/src/lib/table/components/parts/helperFunctions/index.d.ts

@@ -1 +1 @@
-export * from "./helperFunctions";
+export * from './helperFunctions';