@sebgroup/green-react 3.8.0 → 3.9.0

package/index.esm.js

@@ -9,6 +9,8 @@ import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown
 import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
 import classNames from 'classnames';
 import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
+import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/index.js';
+import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/index.js';
 
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -2000,15 +2002,18 @@ var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
 
 var Link = function Link(_a) {
   var button = _a.button,
+    secondary = _a.secondary,
     children = _a.children,
     className = _a.className,
     role = _a.role,
-    otherProps = __rest(_a, ["button", "children", "className", "role"]);
-  var buttonClassName = classNames(className, {
+    otherProps = __rest(_a, ["button", "secondary", "children", "className", "role"]);
+  var linkClassName = classNames(className, {
     button: button
-  }, button);
+  }, button, {
+    'link gds-link-arrow': secondary
+  });
   return jsx("a", Object.assign({
-    className: buttonClassName,
+    className: linkClassName,
     role: button ? 'button' : role
   }, otherProps, {
     children: children
@@ -3285,4 +3290,35 @@ var BreadcrumbItem = function BreadcrumbItem(props) {
   return jsx("li", Object.assign({}, props));
 };
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, 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 };
+registerTransitionalStyles();
+var CoreSegementedControl = createComponent({
+  tagName: getScopedTagName('gds-segmented-control'),
+  elementClass: GdsSegmentedControl,
+  events: {
+    onchange: 'change'
+  },
+  react: React
+});
+var CoreSegment = createComponent({
+  tagName: getScopedTagName('gds-segment'),
+  elementClass: GdsSegment,
+  react: React
+});
+var SegmentedControl = function SegmentedControl(_a) {
+  var onChange = _a.onChange,
+    className = _a.className,
+    props = __rest(_a, ["onChange", "className"]);
+  return jsx(CoreSegementedControl, Object.assign({
+    onchange: onChange,
+    className: classNames(className)
+  }, props));
+};
+var Segment = function Segment(_a) {
+  var className = _a.className,
+    props = __rest(_a, ["className"]);
+  return jsx(CoreSegment, Object.assign({
+    className: classNames(className)
+  }, props));
+};
+
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, CoreSegementedControl, CoreSegment, 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, Segment, SegmentedControl, 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,12 +1,12 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.8.0",
+  "version": "3.9.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.23.0",
+    "@sebgroup/green-core": "^1.29.0",
     "@sebgroup/chlorophyll": "^3.4.1",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",

package/src/index.d.ts

@@ -22,4 +22,5 @@ export * from './types';
 export * from './lib/table/components';
 export * from './lib/icons';
 export * from './lib/breadcrumb/breadcrumb';
+export * from './lib/segmented-control/segmented-control';
 export { AlertRibbon as Alert } from './lib/alert-ribbon/alert-ribbon';

package/src/lib/link/link.d.ts

@@ -2,6 +2,7 @@ import { HTMLProps, PropsWithChildren } from 'react';
 import { ButtonVariant } from '@sebgroup/extract';
 interface LinkProps extends HTMLProps<HTMLAnchorElement> {
     button?: boolean | ButtonVariant;
+    secondary?: boolean;
 }
-export declare const Link: ({ button, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ button, secondary, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
 export default Link;

package/src/lib/segmented-control/segmented-control.d.ts

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/index.js';
+import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/index.js';
+export declare const CoreSegementedControl: import("@lit/react").ReactWebComponent<GdsSegmentedControl<any>, {
+    onchange: string;
+}>;
+export declare const CoreSegment: import("@lit/react").ReactWebComponent<GdsSegment<any>, {}>;
+export interface SegmentedControlProps {
+    value?: string;
+    segMinWidth?: number;
+    size?: 'small' | 'medium';
+    onChange?: (event: Event) => void;
+    className?: string;
+    children?: ReactNode | ReactNode[];
+}
+export interface SegmentProps {
+    value?: string;
+    className?: string;
+    disabled?: boolean;
+    children?: ReactNode | ReactNode[];
+}
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+declare const Segment: React.FC<SegmentProps>;
+export { SegmentedControl, Segment };