@genesislcap/rapid-design-system 14.482.1-FUI-2575.1 → 14.482.1-FUI-2575.2
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/dist/custom-elements.json +987 -960
- package/dist/dts/modal-theme/modal-theme.d.ts +13 -0
- package/dist/dts/modal-theme/modal-theme.d.ts.map +1 -1
- package/dist/dts/react.d.ts +17 -17
- package/dist/esm/modal-theme/modal-theme.js +7 -0
- package/dist/react.cjs +11 -11
- package/dist/react.mjs +9 -9
- package/package.json +11 -11
|
@@ -4,6 +4,12 @@ export interface ModalTheme extends CompilableTheme {
|
|
|
4
4
|
id?: string;
|
|
5
5
|
defaultMode?: string;
|
|
6
6
|
colorStrategy?: 'adaptive' | 'explicit';
|
|
7
|
+
/**
|
|
8
|
+
* Whether the app should offer a mode toggle. Omit to infer from the mode count
|
|
9
|
+
* (a toggle only makes sense with >1 mode); set explicitly to force it — e.g. ship
|
|
10
|
+
* two modes but launch single-mode (`false`), keeping the second mode for later.
|
|
11
|
+
*/
|
|
12
|
+
showModeToggle?: boolean;
|
|
7
13
|
shared?: ThemeSection & {
|
|
8
14
|
design_tokens?: Record<string, unknown>;
|
|
9
15
|
};
|
|
@@ -21,6 +27,13 @@ export declare const resolveInitialMode: (theme: ModalTheme) => string;
|
|
|
21
27
|
* @public
|
|
22
28
|
*/
|
|
23
29
|
export declare const nextMode: (theme: ModalTheme, current: string) => string;
|
|
30
|
+
/**
|
|
31
|
+
* Whether the app should offer a mode toggle. Defaults to "more than one mode exists";
|
|
32
|
+
* a `showModeToggle` on the theme overrides the inference. Use to set the header's
|
|
33
|
+
* toggle-button visibility.
|
|
34
|
+
* @public
|
|
35
|
+
*/
|
|
36
|
+
export declare const isModeToggleEnabled: (theme: ModalTheme) => boolean;
|
|
24
37
|
/**
|
|
25
38
|
* Compile the theme to a single mode-agnostic sheet and adopt it into the scope
|
|
26
39
|
* that actually contains the provider. The sheet contains every mode; switching
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-theme.d.ts","sourceRoot":"","sources":["../../../src/modal-theme/modal-theme.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAgB,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE/E,2FAA2F;AAC3F,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CACnF;AAgDD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,UAAU,KAAG,MAGtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,UAAU,EAAE,SAAS,MAAM,KAAG,MAI7D,CAAC;
|
|
1
|
+
{"version":3,"file":"modal-theme.d.ts","sourceRoot":"","sources":["../../../src/modal-theme/modal-theme.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAgB,eAAe,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE/E,2FAA2F;AAC3F,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACxC;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,MAAM,CAAC,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC;IACpE,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG;QAAE,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE,CAAC,CAAC;CACnF;AAgDD;;;GAGG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,UAAU,KAAG,MAGtD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,QAAQ,GAAI,OAAO,UAAU,EAAE,SAAS,MAAM,KAAG,MAI7D,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,UAAU,KAAG,OACH,CAAC;AAUtD;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,iBAAiB,GAAI,UAAU,WAAW,EAAE,OAAO,UAAU,KAAG,IAW5E,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,UAAU,KAAG,IAIhD,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS,GAAI,UAAU,WAAW,EAAE,OAAO,UAAU,EAAE,MAAM,MAAM,KAAG,IA2ClF,CAAC"}
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -115,23 +115,23 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
115
115
|
onInput?(e: Event): void;
|
|
116
116
|
}
|
|
117
117
|
|
|
118
|
-
export declare const
|
|
118
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
119
119
|
React.PropsWithChildren<
|
|
120
|
-
Omit<PublicOf<
|
|
120
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
121
121
|
HTMLWCProps & {
|
|
122
122
|
}
|
|
123
|
-
> & React.RefAttributes<
|
|
123
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
124
124
|
>;
|
|
125
|
-
export type
|
|
125
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
126
126
|
|
|
127
|
-
export declare const
|
|
127
|
+
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
128
128
|
React.PropsWithChildren<
|
|
129
|
-
Omit<PublicOf<
|
|
129
|
+
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
130
130
|
HTMLWCProps & {
|
|
131
131
|
}
|
|
132
|
-
> & React.RefAttributes<
|
|
132
|
+
> & React.RefAttributes<AccordionWC>
|
|
133
133
|
>;
|
|
134
|
-
export type
|
|
134
|
+
export type AccordionRef = AccordionWC;
|
|
135
135
|
|
|
136
136
|
export declare const ActionsMenu: React.ForwardRefExoticComponent<
|
|
137
137
|
React.PropsWithChildren<
|
|
@@ -650,6 +650,15 @@ export declare const SearchBar: React.ForwardRefExoticComponent<
|
|
|
650
650
|
>;
|
|
651
651
|
export type SearchBarRef = SearchBarWC;
|
|
652
652
|
|
|
653
|
+
export declare const SegmentedControl: React.ForwardRefExoticComponent<
|
|
654
|
+
React.PropsWithChildren<
|
|
655
|
+
Omit<PublicOf<SegmentedControlWC>, 'children' | 'style'> &
|
|
656
|
+
HTMLWCProps & {
|
|
657
|
+
}
|
|
658
|
+
> & React.RefAttributes<SegmentedControlWC>
|
|
659
|
+
>;
|
|
660
|
+
export type SegmentedControlRef = SegmentedControlWC;
|
|
661
|
+
|
|
653
662
|
export declare const SectionNavigator: React.ForwardRefExoticComponent<
|
|
654
663
|
React.PropsWithChildren<
|
|
655
664
|
Omit<PublicOf<SectionNavigatorWC>, 'children' | 'style'> &
|
|
@@ -663,15 +672,6 @@ export declare const SectionNavigator: React.ForwardRefExoticComponent<
|
|
|
663
672
|
>;
|
|
664
673
|
export type SectionNavigatorRef = SectionNavigatorWC;
|
|
665
674
|
|
|
666
|
-
export declare const SegmentedControl: React.ForwardRefExoticComponent<
|
|
667
|
-
React.PropsWithChildren<
|
|
668
|
-
Omit<PublicOf<SegmentedControlWC>, 'children' | 'style'> &
|
|
669
|
-
HTMLWCProps & {
|
|
670
|
-
}
|
|
671
|
-
> & React.RefAttributes<SegmentedControlWC>
|
|
672
|
-
>;
|
|
673
|
-
export type SegmentedControlRef = SegmentedControlWC;
|
|
674
|
-
|
|
675
675
|
export declare const SegmentedItem: React.ForwardRefExoticComponent<
|
|
676
676
|
React.PropsWithChildren<
|
|
677
677
|
Omit<PublicOf<SegmentedItemWC>, 'children' | 'style'> &
|
|
@@ -72,6 +72,13 @@ export const nextMode = (theme, current) => {
|
|
|
72
72
|
const index = names.indexOf(current);
|
|
73
73
|
return names[(index + 1) % names.length];
|
|
74
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* Whether the app should offer a mode toggle. Defaults to "more than one mode exists";
|
|
77
|
+
* a `showModeToggle` on the theme overrides the inference. Use to set the header's
|
|
78
|
+
* toggle-button visibility.
|
|
79
|
+
* @public
|
|
80
|
+
*/
|
|
81
|
+
export const isModeToggleEnabled = (theme) => { var _a; return (_a = theme.showModeToggle) !== null && _a !== void 0 ? _a : modeNames(theme).length > 1; };
|
|
75
82
|
// --- application ------------------------------------------------------------
|
|
76
83
|
// Live references to the adopted sheet and the last-applied provider/mode, so a
|
|
77
84
|
// hot theme edit (see reapplyTheme) can update in place and re-run the current mode.
|
package/dist/react.cjs
CHANGED
|
@@ -97,14 +97,14 @@ function _mergeRefs(...refs) {
|
|
|
97
97
|
};
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
const
|
|
100
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
101
101
|
const { children, ...rest } = props;
|
|
102
|
-
return React.createElement(customElements.getName(
|
|
102
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
103
103
|
});
|
|
104
104
|
|
|
105
|
-
const
|
|
105
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
106
106
|
const { children, ...rest } = props;
|
|
107
|
-
return React.createElement(customElements.getName(
|
|
107
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
108
108
|
});
|
|
109
109
|
|
|
110
110
|
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -684,6 +684,11 @@ const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
|
|
684
684
|
return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
685
685
|
});
|
|
686
686
|
|
|
687
|
+
const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
|
|
688
|
+
const { children, ...rest } = props;
|
|
689
|
+
return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
|
|
690
|
+
});
|
|
691
|
+
|
|
687
692
|
const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
|
|
688
693
|
const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
|
|
689
694
|
const _innerRef = React.useRef(null);
|
|
@@ -716,11 +721,6 @@ const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref)
|
|
|
716
721
|
return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
717
722
|
});
|
|
718
723
|
|
|
719
|
-
const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
|
|
720
|
-
const { children, ...rest } = props;
|
|
721
|
-
return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
|
|
722
|
-
});
|
|
723
|
-
|
|
724
724
|
const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
|
|
725
725
|
const { children, ...rest } = props;
|
|
726
726
|
return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);
|
|
@@ -922,8 +922,8 @@ const SystemHealthOverlay = React.forwardRef(function SystemHealthOverlay(props,
|
|
|
922
922
|
});
|
|
923
923
|
|
|
924
924
|
module.exports = {
|
|
925
|
-
Accordion,
|
|
926
925
|
AccordionItem,
|
|
926
|
+
Accordion,
|
|
927
927
|
ActionsMenu,
|
|
928
928
|
AiCriteriaSearch,
|
|
929
929
|
AiIndicator,
|
|
@@ -977,8 +977,8 @@ module.exports = {
|
|
|
977
977
|
SchedulerTimezone,
|
|
978
978
|
SearchBarCombobox,
|
|
979
979
|
SearchBar,
|
|
980
|
-
SectionNavigator,
|
|
981
980
|
SegmentedControl,
|
|
981
|
+
SectionNavigator,
|
|
982
982
|
SegmentedItem,
|
|
983
983
|
Select,
|
|
984
984
|
Skeleton,
|
package/dist/react.mjs
CHANGED
|
@@ -95,14 +95,14 @@ function _mergeRefs(...refs) {
|
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
97
|
|
|
98
|
-
export const
|
|
98
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
99
99
|
const { children, ...rest } = props;
|
|
100
|
-
return React.createElement(customElements.getName(
|
|
100
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-accordion-item', { ...rest, ref }, children);
|
|
101
101
|
});
|
|
102
102
|
|
|
103
|
-
export const
|
|
103
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
104
104
|
const { children, ...rest } = props;
|
|
105
|
-
return React.createElement(customElements.getName(
|
|
105
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-accordion', { ...rest, ref }, children);
|
|
106
106
|
});
|
|
107
107
|
|
|
108
108
|
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -682,6 +682,11 @@ export const SearchBar = React.forwardRef(function SearchBar(props, ref) {
|
|
|
682
682
|
return React.createElement(customElements.getName(SearchBarWC) ?? '%%prefix%%-search-bar', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
683
683
|
});
|
|
684
684
|
|
|
685
|
+
export const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
|
|
686
|
+
const { children, ...rest } = props;
|
|
687
|
+
return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
|
|
688
|
+
});
|
|
689
|
+
|
|
685
690
|
export const SectionNavigator = React.forwardRef(function SectionNavigator(props, ref) {
|
|
686
691
|
const { onSectionNavigatorSetState, onSectionNavigatorSetStates, onSectionNavigatorClearState, onSectionNavigatorClearAllStates, children, ...rest } = props;
|
|
687
692
|
const _innerRef = React.useRef(null);
|
|
@@ -714,11 +719,6 @@ export const SectionNavigator = React.forwardRef(function SectionNavigator(props
|
|
|
714
719
|
return React.createElement(customElements.getName(SectionNavigatorWC) ?? '%%prefix%%-section-navigator', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
715
720
|
});
|
|
716
721
|
|
|
717
|
-
export const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
|
|
718
|
-
const { children, ...rest } = props;
|
|
719
|
-
return React.createElement(customElements.getName(SegmentedControlWC) ?? '%%prefix%%-segmented-control', { ...rest, ref }, children);
|
|
720
|
-
});
|
|
721
|
-
|
|
722
722
|
export const SegmentedItem = React.forwardRef(function SegmentedItem(props, ref) {
|
|
723
723
|
const { children, ...rest } = props;
|
|
724
724
|
return React.createElement(customElements.getName(SegmentedItemWC) ?? '%%prefix%%-segmented-item', { ...rest, ref }, children);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/rapid-design-system",
|
|
3
3
|
"description": "Rapid Design System",
|
|
4
|
-
"version": "14.482.1-FUI-2575.
|
|
4
|
+
"version": "14.482.1-FUI-2575.2",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -36,12 +36,12 @@
|
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
39
|
-
"@genesislcap/genx": "14.482.1-FUI-2575.
|
|
40
|
-
"@genesislcap/rollup-builder": "14.482.1-FUI-2575.
|
|
41
|
-
"@genesislcap/ts-builder": "14.482.1-FUI-2575.
|
|
42
|
-
"@genesislcap/uvu-playwright-builder": "14.482.1-FUI-2575.
|
|
43
|
-
"@genesislcap/vite-builder": "14.482.1-FUI-2575.
|
|
44
|
-
"@genesislcap/webpack-builder": "14.482.1-FUI-2575.
|
|
39
|
+
"@genesislcap/genx": "14.482.1-FUI-2575.2",
|
|
40
|
+
"@genesislcap/rollup-builder": "14.482.1-FUI-2575.2",
|
|
41
|
+
"@genesislcap/ts-builder": "14.482.1-FUI-2575.2",
|
|
42
|
+
"@genesislcap/uvu-playwright-builder": "14.482.1-FUI-2575.2",
|
|
43
|
+
"@genesislcap/vite-builder": "14.482.1-FUI-2575.2",
|
|
44
|
+
"@genesislcap/webpack-builder": "14.482.1-FUI-2575.2",
|
|
45
45
|
"flexlayout-react": "^0.8.19"
|
|
46
46
|
},
|
|
47
47
|
"peerDependencies": {
|
|
@@ -53,9 +53,9 @@
|
|
|
53
53
|
}
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
|
-
"@genesislcap/foundation-logger": "14.482.1-FUI-2575.
|
|
57
|
-
"@genesislcap/foundation-ui": "14.482.1-FUI-2575.
|
|
58
|
-
"@genesislcap/foundation-utils": "14.482.1-FUI-2575.
|
|
56
|
+
"@genesislcap/foundation-logger": "14.482.1-FUI-2575.2",
|
|
57
|
+
"@genesislcap/foundation-ui": "14.482.1-FUI-2575.2",
|
|
58
|
+
"@genesislcap/foundation-utils": "14.482.1-FUI-2575.2",
|
|
59
59
|
"@microsoft/fast-colors": "5.3.1",
|
|
60
60
|
"@microsoft/fast-components": "2.30.6",
|
|
61
61
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -83,5 +83,5 @@
|
|
|
83
83
|
"require": "./dist/react.cjs"
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
|
-
"gitHead": "
|
|
86
|
+
"gitHead": "b08148bbdf959ad9b315296a21ce8d7895054ef6"
|
|
87
87
|
}
|