@sebgroup/green-react 3.7.0 → 3.8.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js
CHANGED
|
@@ -1025,7 +1025,8 @@ var Dropdown = function Dropdown(_a) {
|
|
|
1025
1025
|
validator = _a.validator,
|
|
1026
1026
|
value = _a.value,
|
|
1027
1027
|
syncPopoverWidth = _a.syncPopoverWidth,
|
|
1028
|
-
|
|
1028
|
+
disableMobileStyles = _a.disableMobileStyles,
|
|
1029
|
+
props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles"]);
|
|
1029
1030
|
var handleOnChange = function handleOnChange(e) {
|
|
1030
1031
|
if ('value' in e.detail) {
|
|
1031
1032
|
onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
|
|
@@ -1059,6 +1060,7 @@ var Dropdown = function Dropdown(_a) {
|
|
|
1059
1060
|
size: props.size,
|
|
1060
1061
|
hideLabel: props.hideLabel,
|
|
1061
1062
|
maxHeight: props.maxHeight,
|
|
1063
|
+
disableMobileStyles: disableMobileStyles,
|
|
1062
1064
|
children: [informationLabel && jsx("span", {
|
|
1063
1065
|
slot: "sub-label",
|
|
1064
1066
|
children: informationLabel
|
|
@@ -1957,7 +1959,6 @@ var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
|
|
|
1957
1959
|
}), jsx("div", {
|
|
1958
1960
|
className: "gds-in-page-wizard-step-card__header__title",
|
|
1959
1961
|
children: jsx("h2", {
|
|
1960
|
-
className: "h4",
|
|
1961
1962
|
children: title
|
|
1962
1963
|
})
|
|
1963
1964
|
}), stepStatus === 'IsComplete' && jsx("div", {
|
|
@@ -1999,15 +2000,18 @@ var InPageWizardStepCard = function InPageWizardStepCard(_ref) {
|
|
|
1999
2000
|
|
|
2000
2001
|
var Link = function Link(_a) {
|
|
2001
2002
|
var button = _a.button,
|
|
2003
|
+
secondary = _a.secondary,
|
|
2002
2004
|
children = _a.children,
|
|
2003
2005
|
className = _a.className,
|
|
2004
2006
|
role = _a.role,
|
|
2005
|
-
otherProps = __rest(_a, ["button", "children", "className", "role"]);
|
|
2006
|
-
var
|
|
2007
|
+
otherProps = __rest(_a, ["button", "secondary", "children", "className", "role"]);
|
|
2008
|
+
var linkClassName = classNames(className, {
|
|
2007
2009
|
button: button
|
|
2008
|
-
}, button
|
|
2010
|
+
}, button, {
|
|
2011
|
+
'link gds-link-arrow': secondary
|
|
2012
|
+
});
|
|
2009
2013
|
return jsx("a", Object.assign({
|
|
2010
|
-
className:
|
|
2014
|
+
className: linkClassName,
|
|
2011
2015
|
role: button ? 'button' : role
|
|
2012
2016
|
}, otherProps, {
|
|
2013
2017
|
children: children
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.8.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": "^17 || ^18",
|
|
6
6
|
"react-dom": "^17 || ^18"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@sebgroup/green-core": "^1.
|
|
10
|
-
"@sebgroup/chlorophyll": "^3.4.
|
|
9
|
+
"@sebgroup/green-core": "^1.25.0",
|
|
10
|
+
"@sebgroup/chlorophyll": "^3.4.1",
|
|
11
11
|
"@sebgroup/extract": "^3.0.1",
|
|
12
12
|
"@lit/react": "^1.0.2",
|
|
13
13
|
"classnames": "^2.3.2"
|
package/src/index.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export * from './lib/layout';
|
|
|
10
10
|
export * from './lib/in-page-wizard';
|
|
11
11
|
export * from './lib/link/link';
|
|
12
12
|
export * from './lib/list';
|
|
13
|
-
export * from './lib/grouped-list
|
|
13
|
+
export * from './lib/grouped-list';
|
|
14
14
|
export * from './lib/navbar/navbar';
|
|
15
15
|
export * from './lib/select';
|
|
16
16
|
export * from './lib/slider';
|
|
@@ -36,6 +36,8 @@ export interface DropdownArgs {
|
|
|
36
36
|
hideLabel?: boolean;
|
|
37
37
|
/** Max height of the dropdown */
|
|
38
38
|
maxHeight?: number;
|
|
39
|
+
/** Whether to disable the mobile styles */
|
|
40
|
+
disableMobileStyles?: boolean;
|
|
39
41
|
}
|
|
40
42
|
export interface DropdownTexts {
|
|
41
43
|
placeholder?: string;
|
|
@@ -54,5 +56,5 @@ export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOptio
|
|
|
54
56
|
export interface DropdownProps extends DropdownArgs {
|
|
55
57
|
onChange?: OnChange;
|
|
56
58
|
}
|
|
57
|
-
export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
58
60
|
export default Dropdown;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './grouped-list';
|
package/src/lib/link/link.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { HTMLProps, PropsWithChildren } from 'react';
|
|
|
2
2
|
import { ButtonVariant } from '@sebgroup/extract';
|
|
3
3
|
interface LinkProps extends HTMLProps<HTMLAnchorElement> {
|
|
4
4
|
button?: boolean | ButtonVariant;
|
|
5
|
+
secondary?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare const Link: ({ button, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const Link: ({ button, secondary, children, className, role, ...otherProps }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export default Link;
|