@genesislcap/foundation-zero 14.489.1-alpha-519bcd2.0 → 14.489.1-alpha-559fa0f.0
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 +1095 -1499
- package/dist/dts/base-components.d.ts +0 -11
- package/dist/dts/base-components.d.ts.map +1 -1
- package/dist/dts/index.d.ts +0 -1
- package/dist/dts/index.d.ts.map +1 -1
- package/dist/dts/react.d.ts +17 -29
- package/dist/esm/base-components.js +0 -2
- package/dist/esm/index.js +0 -1
- package/dist/react.cjs +11 -35
- package/dist/react.mjs +9 -32
- package/package.json +12 -12
- package/dist/dts/pill/index.d.ts +0 -4
- package/dist/dts/pill/index.d.ts.map +0 -1
- package/dist/dts/pill/pill.d.ts +0 -18
- package/dist/dts/pill/pill.d.ts.map +0 -1
- package/dist/dts/pill/pill.styles.d.ts +0 -3
- package/dist/dts/pill/pill.styles.d.ts.map +0 -1
- package/dist/dts/pill/pill.template.d.ts +0 -2
- package/dist/dts/pill/pill.template.d.ts.map +0 -1
- package/dist/esm/pill/index.js +0 -3
- package/dist/esm/pill/pill.js +0 -10
- package/dist/esm/pill/pill.styles.js +0 -11
- package/dist/esm/pill/pill.template.js +0 -2
|
@@ -216,17 +216,6 @@ export declare const baseComponents: {
|
|
|
216
216
|
}, typeof import("./notification-listener").NotificationListener>;
|
|
217
217
|
zeroNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./number-field").NumberField>;
|
|
218
218
|
zeroOptgroup: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./optgroup").Optgroup>;
|
|
219
|
-
zeroPill: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
220
|
-
baseName: string;
|
|
221
|
-
template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Pill, any>;
|
|
222
|
-
styles: import("@microsoft/fast-element").ElementStyles;
|
|
223
|
-
shadowOptions: ShadowRootInit;
|
|
224
|
-
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
225
|
-
baseName: string;
|
|
226
|
-
template: import("@microsoft/fast-element").ViewTemplate<import("@genesislcap/foundation-ui").Pill, any>;
|
|
227
|
-
styles: import("@microsoft/fast-element").ElementStyles;
|
|
228
|
-
shadowOptions: ShadowRootInit;
|
|
229
|
-
}, typeof import("./pill").Pill>;
|
|
230
219
|
zeroProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./progress").Progress>;
|
|
231
220
|
zeroProgressRing: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressRingOptions>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressRingOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
|
|
232
221
|
zeroRadio: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition>) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./radio").Radio>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"base-components.d.ts","sourceRoot":"","sources":["../../src/base-components.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAsF5D,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBAsFJ,SAAS,WAAW,GAAG,EAAE;CAe/C,CAAC"}
|
package/dist/dts/index.d.ts
CHANGED
package/dist/dts/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAE9D,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAE/C,eAAO,MAAM,wBAAwB,yDAAuD,CAAC;AAE7F,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,2BAA2B,CAAC;AAC1C,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,0BAA0B,CAAC;AACzC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,aAAa,CAAC;AAC5B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}
|
package/dist/dts/react.d.ts
CHANGED
|
@@ -56,7 +56,6 @@ import type { Multiselect as MultiselectWC } from './multiselect/multiselect';
|
|
|
56
56
|
import type { NotificationListener as NotificationListenerWC } from './notification-listener/notification-listener';
|
|
57
57
|
import type { NumberField as NumberFieldWC } from './number-field/number-field';
|
|
58
58
|
import type { Optgroup as OptgroupWC } from './optgroup/optgroup';
|
|
59
|
-
import type { Pill as PillWC } from './pill/pill';
|
|
60
59
|
import type { ProgressRing as ProgressRingWC } from './progress-ring/progress-ring';
|
|
61
60
|
import type { Progress as ProgressWC } from './progress/progress';
|
|
62
61
|
import type { RadioGroup as RadioGroupWC } from './radio-group/radio-group';
|
|
@@ -123,23 +122,23 @@ interface HTMLWCProps extends React.AriaAttributes {
|
|
|
123
122
|
onInput?(e: Event): void;
|
|
124
123
|
}
|
|
125
124
|
|
|
126
|
-
export declare const
|
|
125
|
+
export declare const AccordionItem: React.ForwardRefExoticComponent<
|
|
127
126
|
React.PropsWithChildren<
|
|
128
|
-
Omit<PublicOf<
|
|
127
|
+
Omit<PublicOf<AccordionItemWC>, 'children' | 'style'> &
|
|
129
128
|
HTMLWCProps & {
|
|
130
129
|
}
|
|
131
|
-
> & React.RefAttributes<
|
|
130
|
+
> & React.RefAttributes<AccordionItemWC>
|
|
132
131
|
>;
|
|
133
|
-
export type
|
|
132
|
+
export type AccordionItemRef = AccordionItemWC;
|
|
134
133
|
|
|
135
|
-
export declare const
|
|
134
|
+
export declare const Accordion: React.ForwardRefExoticComponent<
|
|
136
135
|
React.PropsWithChildren<
|
|
137
|
-
Omit<PublicOf<
|
|
136
|
+
Omit<PublicOf<AccordionWC>, 'children' | 'style'> &
|
|
138
137
|
HTMLWCProps & {
|
|
139
138
|
}
|
|
140
|
-
> & React.RefAttributes<
|
|
139
|
+
> & React.RefAttributes<AccordionWC>
|
|
141
140
|
>;
|
|
142
|
-
export type
|
|
141
|
+
export type AccordionRef = AccordionWC;
|
|
143
142
|
|
|
144
143
|
export declare const ActionsMenu: React.ForwardRefExoticComponent<
|
|
145
144
|
React.PropsWithChildren<
|
|
@@ -546,15 +545,6 @@ export declare const GridLayoutItem: React.ForwardRefExoticComponent<
|
|
|
546
545
|
>;
|
|
547
546
|
export type GridLayoutItemRef = GridLayoutItemWC;
|
|
548
547
|
|
|
549
|
-
export declare const Icon: React.ForwardRefExoticComponent<
|
|
550
|
-
React.PropsWithChildren<
|
|
551
|
-
Omit<PublicOf<IconWC>, 'children' | 'style'> &
|
|
552
|
-
HTMLWCProps & {
|
|
553
|
-
}
|
|
554
|
-
> & React.RefAttributes<IconWC>
|
|
555
|
-
>;
|
|
556
|
-
export type IconRef = IconWC;
|
|
557
|
-
|
|
558
548
|
export declare const HorizontalScroll: React.ForwardRefExoticComponent<
|
|
559
549
|
React.PropsWithChildren<
|
|
560
550
|
Omit<PublicOf<HorizontalScrollWC>, 'children' | 'style'> &
|
|
@@ -566,6 +556,15 @@ export declare const HorizontalScroll: React.ForwardRefExoticComponent<
|
|
|
566
556
|
>;
|
|
567
557
|
export type HorizontalScrollRef = HorizontalScrollWC;
|
|
568
558
|
|
|
559
|
+
export declare const Icon: React.ForwardRefExoticComponent<
|
|
560
|
+
React.PropsWithChildren<
|
|
561
|
+
Omit<PublicOf<IconWC>, 'children' | 'style'> &
|
|
562
|
+
HTMLWCProps & {
|
|
563
|
+
}
|
|
564
|
+
> & React.RefAttributes<IconWC>
|
|
565
|
+
>;
|
|
566
|
+
export type IconRef = IconWC;
|
|
567
|
+
|
|
569
568
|
export declare const Listbox: React.ForwardRefExoticComponent<
|
|
570
569
|
React.PropsWithChildren<
|
|
571
570
|
Omit<PublicOf<ListboxWC>, 'children' | 'style'> &
|
|
@@ -651,17 +650,6 @@ export declare const Optgroup: React.ForwardRefExoticComponent<
|
|
|
651
650
|
>;
|
|
652
651
|
export type OptgroupRef = OptgroupWC;
|
|
653
652
|
|
|
654
|
-
export declare const Pill: React.ForwardRefExoticComponent<
|
|
655
|
-
React.PropsWithChildren<
|
|
656
|
-
Omit<PublicOf<PillWC>, 'children' | 'style'> &
|
|
657
|
-
HTMLWCProps & {
|
|
658
|
-
onRemove?: (event: CustomEvent<unknown>) => void;
|
|
659
|
-
onPillClick?: (event: CustomEvent<unknown>) => void;
|
|
660
|
-
}
|
|
661
|
-
> & React.RefAttributes<PillWC>
|
|
662
|
-
>;
|
|
663
|
-
export type PillRef = PillWC;
|
|
664
|
-
|
|
665
653
|
export declare const Progress: React.ForwardRefExoticComponent<
|
|
666
654
|
React.PropsWithChildren<
|
|
667
655
|
Omit<PublicOf<ProgressWC>, 'children' | 'style'> &
|
|
@@ -50,7 +50,6 @@ import { zeroNotificationListener } from './notification-listener';
|
|
|
50
50
|
import { zeroNumberField } from './number-field';
|
|
51
51
|
import { zeroOptgroup } from './optgroup';
|
|
52
52
|
import { zeroSystemHealthOverlay } from './overlays';
|
|
53
|
-
import { zeroPill } from './pill';
|
|
54
53
|
import { zeroProgress } from './progress';
|
|
55
54
|
import { zeroProgressRing } from './progress-ring';
|
|
56
55
|
import { zeroRadio } from './radio';
|
|
@@ -135,7 +134,6 @@ export const baseComponents = {
|
|
|
135
134
|
zeroNotificationListener,
|
|
136
135
|
zeroNumberField,
|
|
137
136
|
zeroOptgroup,
|
|
138
|
-
zeroPill,
|
|
139
137
|
zeroProgress,
|
|
140
138
|
zeroProgressRing,
|
|
141
139
|
zeroRadio,
|
package/dist/esm/index.js
CHANGED
package/dist/react.cjs
CHANGED
|
@@ -58,7 +58,6 @@ const { Multiselect: MultiselectWC } = require('./esm/multiselect/multiselect.js
|
|
|
58
58
|
const { NotificationListener: NotificationListenerWC } = require('./esm/notification-listener/notification-listener.js');
|
|
59
59
|
const { NumberField: NumberFieldWC } = require('./esm/number-field/number-field.js');
|
|
60
60
|
const { Optgroup: OptgroupWC } = require('./esm/optgroup/optgroup.js');
|
|
61
|
-
const { Pill: PillWC } = require('./esm/pill/pill.js');
|
|
62
61
|
const { ProgressRing: ProgressRingWC } = require('./esm/progress-ring/progress-ring.js');
|
|
63
62
|
const { Progress: ProgressWC } = require('./esm/progress/progress.js');
|
|
64
63
|
const { RadioGroup: RadioGroupWC } = require('./esm/radio-group/radio-group.js');
|
|
@@ -103,14 +102,14 @@ function _mergeRefs(...refs) {
|
|
|
103
102
|
};
|
|
104
103
|
}
|
|
105
104
|
|
|
106
|
-
const
|
|
105
|
+
const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
107
106
|
const { children, ...rest } = props;
|
|
108
|
-
return React.createElement(customElements.getName(
|
|
107
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
|
|
109
108
|
});
|
|
110
109
|
|
|
111
|
-
const
|
|
110
|
+
const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
112
111
|
const { children, ...rest } = props;
|
|
113
|
-
return React.createElement(customElements.getName(
|
|
112
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
|
|
114
113
|
});
|
|
115
114
|
|
|
116
115
|
const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -603,11 +602,6 @@ const GridLayoutItem = React.forwardRef(function GridLayoutItem(props, ref) {
|
|
|
603
602
|
return React.createElement(customElements.getName(GridLayoutItemWC) ?? '%%prefix%%-grid-layout-item', { ...rest, ref }, children);
|
|
604
603
|
});
|
|
605
604
|
|
|
606
|
-
const Icon = React.forwardRef(function Icon(props, ref) {
|
|
607
|
-
const { children, ...rest } = props;
|
|
608
|
-
return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
|
|
609
|
-
});
|
|
610
|
-
|
|
611
605
|
const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref) {
|
|
612
606
|
const { onScrollstart, onScrollend, children, ...rest } = props;
|
|
613
607
|
const _innerRef = React.useRef(null);
|
|
@@ -630,6 +624,11 @@ const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref)
|
|
|
630
624
|
return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
631
625
|
});
|
|
632
626
|
|
|
627
|
+
const Icon = React.forwardRef(function Icon(props, ref) {
|
|
628
|
+
const { children, ...rest } = props;
|
|
629
|
+
return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
|
|
630
|
+
});
|
|
631
|
+
|
|
633
632
|
const Listbox = React.forwardRef(function Listbox(props, ref) {
|
|
634
633
|
const { children, ...rest } = props;
|
|
635
634
|
return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
|
|
@@ -709,28 +708,6 @@ const Optgroup = React.forwardRef(function Optgroup(props, ref) {
|
|
|
709
708
|
return React.createElement(customElements.getName(OptgroupWC) ?? '%%prefix%%-optgroup', { ...rest, ref }, children);
|
|
710
709
|
});
|
|
711
710
|
|
|
712
|
-
const Pill = React.forwardRef(function Pill(props, ref) {
|
|
713
|
-
const { onRemove, onPillClick, children, ...rest } = props;
|
|
714
|
-
const _innerRef = React.useRef(null);
|
|
715
|
-
const _onRemoveRef = React.useRef(onRemove);
|
|
716
|
-
_onRemoveRef.current = onRemove;
|
|
717
|
-
const _onPillClickRef = React.useRef(onPillClick);
|
|
718
|
-
_onPillClickRef.current = onPillClick;
|
|
719
|
-
React.useLayoutEffect(() => {
|
|
720
|
-
const el = _innerRef.current;
|
|
721
|
-
if (!el) return;
|
|
722
|
-
const _onRemoveFn = (e) => _onRemoveRef.current?.(e);
|
|
723
|
-
el.addEventListener('remove', _onRemoveFn);
|
|
724
|
-
const _onPillClickFn = (e) => _onPillClickRef.current?.(e);
|
|
725
|
-
el.addEventListener('pill-click', _onPillClickFn);
|
|
726
|
-
return () => {
|
|
727
|
-
el.removeEventListener('remove', _onRemoveFn);
|
|
728
|
-
el.removeEventListener('pill-click', _onPillClickFn);
|
|
729
|
-
};
|
|
730
|
-
}, []);
|
|
731
|
-
return React.createElement(customElements.getName(PillWC) ?? '%%prefix%%-pill', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
732
|
-
});
|
|
733
|
-
|
|
734
711
|
const Progress = React.forwardRef(function Progress(props, ref) {
|
|
735
712
|
const { children, ...rest } = props;
|
|
736
713
|
return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);
|
|
@@ -1045,8 +1022,8 @@ const UrlInput = React.forwardRef(function UrlInput(props, ref) {
|
|
|
1045
1022
|
});
|
|
1046
1023
|
|
|
1047
1024
|
module.exports = {
|
|
1048
|
-
Accordion,
|
|
1049
1025
|
AccordionItem,
|
|
1026
|
+
Accordion,
|
|
1050
1027
|
ActionsMenu,
|
|
1051
1028
|
AiCriteriaSearch,
|
|
1052
1029
|
AiIndicator,
|
|
@@ -1088,8 +1065,8 @@ module.exports = {
|
|
|
1088
1065
|
Flyout,
|
|
1089
1066
|
GridLayout,
|
|
1090
1067
|
GridLayoutItem,
|
|
1091
|
-
Icon,
|
|
1092
1068
|
HorizontalScroll,
|
|
1069
|
+
Icon,
|
|
1093
1070
|
Listbox,
|
|
1094
1071
|
ListboxOption,
|
|
1095
1072
|
Menu,
|
|
@@ -1099,7 +1076,6 @@ module.exports = {
|
|
|
1099
1076
|
NotificationListener,
|
|
1100
1077
|
NumberField,
|
|
1101
1078
|
Optgroup,
|
|
1102
|
-
Pill,
|
|
1103
1079
|
Progress,
|
|
1104
1080
|
ProgressRing,
|
|
1105
1081
|
Radio,
|
package/dist/react.mjs
CHANGED
|
@@ -56,7 +56,6 @@ import { Multiselect as MultiselectWC } from './esm/multiselect/multiselect.js';
|
|
|
56
56
|
import { NotificationListener as NotificationListenerWC } from './esm/notification-listener/notification-listener.js';
|
|
57
57
|
import { NumberField as NumberFieldWC } from './esm/number-field/number-field.js';
|
|
58
58
|
import { Optgroup as OptgroupWC } from './esm/optgroup/optgroup.js';
|
|
59
|
-
import { Pill as PillWC } from './esm/pill/pill.js';
|
|
60
59
|
import { ProgressRing as ProgressRingWC } from './esm/progress-ring/progress-ring.js';
|
|
61
60
|
import { Progress as ProgressWC } from './esm/progress/progress.js';
|
|
62
61
|
import { RadioGroup as RadioGroupWC } from './esm/radio-group/radio-group.js';
|
|
@@ -101,14 +100,14 @@ function _mergeRefs(...refs) {
|
|
|
101
100
|
};
|
|
102
101
|
}
|
|
103
102
|
|
|
104
|
-
export const
|
|
103
|
+
export const AccordionItem = React.forwardRef(function AccordionItem(props, ref) {
|
|
105
104
|
const { children, ...rest } = props;
|
|
106
|
-
return React.createElement(customElements.getName(
|
|
105
|
+
return React.createElement(customElements.getName(AccordionItemWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
|
|
107
106
|
});
|
|
108
107
|
|
|
109
|
-
export const
|
|
108
|
+
export const Accordion = React.forwardRef(function Accordion(props, ref) {
|
|
110
109
|
const { children, ...rest } = props;
|
|
111
|
-
return React.createElement(customElements.getName(
|
|
110
|
+
return React.createElement(customElements.getName(AccordionWC) ?? '%%prefix%%-card', { ...rest, ref }, children);
|
|
112
111
|
});
|
|
113
112
|
|
|
114
113
|
export const ActionsMenu = React.forwardRef(function ActionsMenu(props, ref) {
|
|
@@ -601,11 +600,6 @@ export const GridLayoutItem = React.forwardRef(function GridLayoutItem(props, re
|
|
|
601
600
|
return React.createElement(customElements.getName(GridLayoutItemWC) ?? '%%prefix%%-grid-layout-item', { ...rest, ref }, children);
|
|
602
601
|
});
|
|
603
602
|
|
|
604
|
-
export const Icon = React.forwardRef(function Icon(props, ref) {
|
|
605
|
-
const { children, ...rest } = props;
|
|
606
|
-
return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
|
|
607
|
-
});
|
|
608
|
-
|
|
609
603
|
export const HorizontalScroll = React.forwardRef(function HorizontalScroll(props, ref) {
|
|
610
604
|
const { onScrollstart, onScrollend, children, ...rest } = props;
|
|
611
605
|
const _innerRef = React.useRef(null);
|
|
@@ -628,6 +622,11 @@ export const HorizontalScroll = React.forwardRef(function HorizontalScroll(props
|
|
|
628
622
|
return React.createElement(customElements.getName(HorizontalScrollWC) ?? '%%prefix%%-horizontal-scroll', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
629
623
|
});
|
|
630
624
|
|
|
625
|
+
export const Icon = React.forwardRef(function Icon(props, ref) {
|
|
626
|
+
const { children, ...rest } = props;
|
|
627
|
+
return React.createElement(customElements.getName(IconWC) ?? '%%prefix%%-icon', { ...rest, ref }, children);
|
|
628
|
+
});
|
|
629
|
+
|
|
631
630
|
export const Listbox = React.forwardRef(function Listbox(props, ref) {
|
|
632
631
|
const { children, ...rest } = props;
|
|
633
632
|
return React.createElement(customElements.getName(ListboxWC) ?? '%%prefix%%-listbox', { ...rest, ref }, children);
|
|
@@ -707,28 +706,6 @@ export const Optgroup = React.forwardRef(function Optgroup(props, ref) {
|
|
|
707
706
|
return React.createElement(customElements.getName(OptgroupWC) ?? '%%prefix%%-optgroup', { ...rest, ref }, children);
|
|
708
707
|
});
|
|
709
708
|
|
|
710
|
-
export const Pill = React.forwardRef(function Pill(props, ref) {
|
|
711
|
-
const { onRemove, onPillClick, children, ...rest } = props;
|
|
712
|
-
const _innerRef = React.useRef(null);
|
|
713
|
-
const _onRemoveRef = React.useRef(onRemove);
|
|
714
|
-
_onRemoveRef.current = onRemove;
|
|
715
|
-
const _onPillClickRef = React.useRef(onPillClick);
|
|
716
|
-
_onPillClickRef.current = onPillClick;
|
|
717
|
-
React.useLayoutEffect(() => {
|
|
718
|
-
const el = _innerRef.current;
|
|
719
|
-
if (!el) return;
|
|
720
|
-
const _onRemoveFn = (e) => _onRemoveRef.current?.(e);
|
|
721
|
-
el.addEventListener('remove', _onRemoveFn);
|
|
722
|
-
const _onPillClickFn = (e) => _onPillClickRef.current?.(e);
|
|
723
|
-
el.addEventListener('pill-click', _onPillClickFn);
|
|
724
|
-
return () => {
|
|
725
|
-
el.removeEventListener('remove', _onRemoveFn);
|
|
726
|
-
el.removeEventListener('pill-click', _onPillClickFn);
|
|
727
|
-
};
|
|
728
|
-
}, []);
|
|
729
|
-
return React.createElement(customElements.getName(PillWC) ?? '%%prefix%%-pill', { ...rest, ref: _mergeRefs(_innerRef, ref) }, children);
|
|
730
|
-
});
|
|
731
|
-
|
|
732
709
|
export const Progress = React.forwardRef(function Progress(props, ref) {
|
|
733
710
|
const { children, ...rest } = props;
|
|
734
711
|
return React.createElement(customElements.getName(ProgressWC) ?? '%%prefix%%-progress', { ...rest, ref }, children);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.489.1-alpha-
|
|
4
|
+
"version": "14.489.1-alpha-559fa0f.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -73,18 +73,18 @@
|
|
|
73
73
|
},
|
|
74
74
|
"devDependencies": {
|
|
75
75
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
|
|
76
|
-
"@genesislcap/genx": "14.489.1-alpha-
|
|
77
|
-
"@genesislcap/rollup-builder": "14.489.1-alpha-
|
|
78
|
-
"@genesislcap/ts-builder": "14.489.1-alpha-
|
|
79
|
-
"@genesislcap/uvu-playwright-builder": "14.489.1-alpha-
|
|
80
|
-
"@genesislcap/vite-builder": "14.489.1-alpha-
|
|
81
|
-
"@genesislcap/webpack-builder": "14.489.1-alpha-
|
|
76
|
+
"@genesislcap/genx": "14.489.1-alpha-559fa0f.0",
|
|
77
|
+
"@genesislcap/rollup-builder": "14.489.1-alpha-559fa0f.0",
|
|
78
|
+
"@genesislcap/ts-builder": "14.489.1-alpha-559fa0f.0",
|
|
79
|
+
"@genesislcap/uvu-playwright-builder": "14.489.1-alpha-559fa0f.0",
|
|
80
|
+
"@genesislcap/vite-builder": "14.489.1-alpha-559fa0f.0",
|
|
81
|
+
"@genesislcap/webpack-builder": "14.489.1-alpha-559fa0f.0"
|
|
82
82
|
},
|
|
83
83
|
"dependencies": {
|
|
84
|
-
"@genesislcap/foundation-comms": "14.489.1-alpha-
|
|
85
|
-
"@genesislcap/foundation-logger": "14.489.1-alpha-
|
|
86
|
-
"@genesislcap/foundation-ui": "14.489.1-alpha-
|
|
87
|
-
"@genesislcap/foundation-utils": "14.489.1-alpha-
|
|
84
|
+
"@genesislcap/foundation-comms": "14.489.1-alpha-559fa0f.0",
|
|
85
|
+
"@genesislcap/foundation-logger": "14.489.1-alpha-559fa0f.0",
|
|
86
|
+
"@genesislcap/foundation-ui": "14.489.1-alpha-559fa0f.0",
|
|
87
|
+
"@genesislcap/foundation-utils": "14.489.1-alpha-559fa0f.0",
|
|
88
88
|
"@microsoft/fast-colors": "5.3.1",
|
|
89
89
|
"@microsoft/fast-components": "2.30.6",
|
|
90
90
|
"@microsoft/fast-element": "1.14.0",
|
|
@@ -111,5 +111,5 @@
|
|
|
111
111
|
"require": "./dist/react.cjs"
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
-
"gitHead": "
|
|
114
|
+
"gitHead": "cee812f898f7fcd2a2ca68be2880bbf55a45acf2"
|
|
115
115
|
}
|
package/dist/dts/pill/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/pill/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC"}
|
package/dist/dts/pill/pill.d.ts
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { Pill as FoundationPill } from '@genesislcap/foundation-ui';
|
|
2
|
-
/**
|
|
3
|
-
* @tagname %%prefix%%-pill
|
|
4
|
-
*/
|
|
5
|
-
export declare class Pill extends FoundationPill {
|
|
6
|
-
}
|
|
7
|
-
export declare const zeroPill: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<{
|
|
8
|
-
baseName: string;
|
|
9
|
-
template: import("@microsoft/fast-element").ViewTemplate<FoundationPill, any>;
|
|
10
|
-
styles: import("@microsoft/fast-element").ElementStyles;
|
|
11
|
-
shadowOptions: ShadowRootInit;
|
|
12
|
-
}>) => import("@microsoft/fast-foundation").FoundationElementRegistry<{
|
|
13
|
-
baseName: string;
|
|
14
|
-
template: import("@microsoft/fast-element").ViewTemplate<FoundationPill, any>;
|
|
15
|
-
styles: import("@microsoft/fast-element").ElementStyles;
|
|
16
|
-
shadowOptions: ShadowRootInit;
|
|
17
|
-
}, typeof Pill>;
|
|
18
|
-
//# sourceMappingURL=pill.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pill.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,IAAI,IAAI,cAAc,EACvB,MAAM,4BAA4B,CAAC;AAIpC;;GAEG;AACH,qBAAa,IAAK,SAAQ,cAAc;CAAG;AAE3C,eAAO,MAAM,QAAQ;;;;;;;;;;eAMnB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pill.styles.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAO,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,eAAO,MAAM,cAAc,EAAE,aAO5B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pill.template.d.ts","sourceRoot":"","sources":["../../../src/pill/pill.template.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,gGAAyB,CAAC"}
|
package/dist/esm/pill/index.js
DELETED
package/dist/esm/pill/pill.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { defaultPillConfig, foundationPillShadowOptions, Pill as FoundationPill, } from '@genesislcap/foundation-ui';
|
|
2
|
-
import { zeroPillStyles as styles } from './pill.styles';
|
|
3
|
-
import { zeroPillTemplate as template } from './pill.template';
|
|
4
|
-
/**
|
|
5
|
-
* @tagname %%prefix%%-pill
|
|
6
|
-
*/
|
|
7
|
-
export class Pill extends FoundationPill {
|
|
8
|
-
}
|
|
9
|
-
export const zeroPill = Pill.compose(Object.assign({ baseName: 'pill', template,
|
|
10
|
-
styles, shadowOptions: foundationPillShadowOptions }, defaultPillConfig));
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { pillStyles as foundationPillStyles } from '@genesislcap/foundation-ui';
|
|
2
|
-
import { neutralFillHover, neutralFillRest, neutralForegroundRest, } from '@microsoft/fast-components';
|
|
3
|
-
import { css } from '@microsoft/fast-element';
|
|
4
|
-
export const zeroPillStyles = css `
|
|
5
|
-
${foundationPillStyles}
|
|
6
|
-
:host {
|
|
7
|
-
--pill-fill: ${neutralFillRest};
|
|
8
|
-
--pill-fill-hover: ${neutralFillHover};
|
|
9
|
-
--pill-foreground: ${neutralForegroundRest};
|
|
10
|
-
}
|
|
11
|
-
`;
|