@fluentui/react-button 9.0.0-nightly.d730088d7f.0 → 9.0.0-rc.10
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/CHANGELOG.json +864 -27
- package/CHANGELOG.md +375 -181
- package/dist/{react-button.d.ts → index.d.ts} +97 -53
- package/{lib → dist}/tsdoc-metadata.json +0 -0
- package/lib/Button.js.map +1 -1
- package/lib/CompoundButton.js.map +1 -1
- package/lib/MenuButton.js.map +1 -1
- package/lib/SplitButton.js.map +1 -1
- package/lib/ToggleButton.js.map +1 -1
- package/lib/components/Button/Button.js +7 -7
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/Button.types.js.map +1 -1
- package/lib/components/Button/index.js +3 -2
- package/lib/components/Button/index.js.map +1 -1
- package/lib/components/Button/renderButton.js +13 -9
- package/lib/components/Button/renderButton.js.map +1 -1
- package/lib/components/Button/useButton.js +23 -25
- package/lib/components/Button/useButton.js.map +1 -1
- package/lib/components/Button/useButtonStyles.js +248 -162
- package/lib/components/Button/useButtonStyles.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.js +7 -7
- package/lib/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib/components/CompoundButton/index.js +3 -1
- package/lib/components/CompoundButton/index.js.map +1 -1
- package/lib/components/CompoundButton/renderCompoundButton.js +15 -9
- package/lib/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButton.js +13 -8
- package/lib/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib/components/CompoundButton/useCompoundButtonStyles.js +101 -75
- package/lib/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.js +7 -7
- package/lib/components/MenuButton/MenuButton.js.map +1 -1
- package/lib/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib/components/MenuButton/index.js +3 -1
- package/lib/components/MenuButton/index.js.map +1 -1
- package/lib/components/MenuButton/renderMenuButton.js +13 -9
- package/lib/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButton.js +11 -11
- package/lib/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib/components/MenuButton/useMenuButtonStyles.js +44 -17
- package/lib/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.js +7 -7
- package/lib/components/SplitButton/SplitButton.js.map +1 -1
- package/lib/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib/components/SplitButton/index.js +3 -1
- package/lib/components/SplitButton/index.js.map +1 -1
- package/lib/components/SplitButton/renderSplitButton.js +9 -7
- package/lib/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButton.js +58 -49
- package/lib/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib/components/SplitButton/useSplitButtonStyles.js +53 -36
- package/lib/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.js +7 -7
- package/lib/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib/components/ToggleButton/index.js +3 -1
- package/lib/components/ToggleButton/index.js.map +1 -1
- package/lib/components/ToggleButton/renderToggleButton.js +1 -1
- package/lib/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButton.js +5 -41
- package/lib/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib/components/ToggleButton/useToggleButtonStyles.js +114 -85
- package/lib/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib/index.js +11 -5
- package/lib/index.js.map +1 -1
- package/lib/utils/index.js +2 -0
- package/lib/utils/index.js.map +1 -0
- package/lib/utils/useToggleState.js +37 -0
- package/lib/utils/useToggleState.js.map +1 -0
- package/lib-commonjs/Button.js +1 -1
- package/lib-commonjs/Button.js.map +1 -1
- package/lib-commonjs/CompoundButton.js +1 -1
- package/lib-commonjs/CompoundButton.js.map +1 -1
- package/lib-commonjs/MenuButton.js +1 -1
- package/lib-commonjs/MenuButton.js.map +1 -1
- package/lib-commonjs/SplitButton.js +1 -1
- package/lib-commonjs/SplitButton.js.map +1 -1
- package/lib-commonjs/ToggleButton.js +1 -1
- package/lib-commonjs/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/Button/Button.js +8 -8
- package/lib-commonjs/components/Button/Button.js.map +1 -1
- package/lib-commonjs/components/Button/Button.types.js.map +1 -1
- package/lib-commonjs/components/Button/index.js +18 -6
- package/lib-commonjs/components/Button/index.js.map +1 -1
- package/lib-commonjs/components/Button/renderButton.js +17 -14
- package/lib-commonjs/components/Button/renderButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButton.js +27 -29
- package/lib-commonjs/components/Button/useButton.js.map +1 -1
- package/lib-commonjs/components/Button/useButtonStyles.js +251 -163
- package/lib-commonjs/components/Button/useButtonStyles.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.js +8 -8
- package/lib-commonjs/components/CompoundButton/CompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/index.js +18 -4
- package/lib-commonjs/components/CompoundButton/index.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js +19 -14
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js +16 -12
- package/lib-commonjs/components/CompoundButton/useCompoundButton.js.map +1 -1
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js +104 -77
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.js +8 -8
- package/lib-commonjs/components/MenuButton/MenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/MenuButton.types.js.map +1 -1
- package/lib-commonjs/components/MenuButton/index.js +18 -4
- package/lib-commonjs/components/MenuButton/index.js.map +1 -1
- package/lib-commonjs/components/MenuButton/renderMenuButton.js +17 -14
- package/lib-commonjs/components/MenuButton/renderMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButton.js +15 -16
- package/lib-commonjs/components/MenuButton/useMenuButton.js.map +1 -1
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js +48 -19
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.js +8 -8
- package/lib-commonjs/components/SplitButton/SplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/SplitButton.types.js.map +1 -1
- package/lib-commonjs/components/SplitButton/index.js +18 -4
- package/lib-commonjs/components/SplitButton/index.js.map +1 -1
- package/lib-commonjs/components/SplitButton/renderSplitButton.js +13 -12
- package/lib-commonjs/components/SplitButton/renderSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButton.js +62 -54
- package/lib-commonjs/components/SplitButton/useSplitButton.js.map +1 -1
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js +57 -39
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.js +8 -8
- package/lib-commonjs/components/ToggleButton/ToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/index.js +18 -4
- package/lib-commonjs/components/ToggleButton/index.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js +3 -3
- package/lib-commonjs/components/ToggleButton/renderToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.js +7 -45
- package/lib-commonjs/components/ToggleButton/useToggleButton.js.map +1 -1
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js +119 -86
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.js.map +1 -1
- package/lib-commonjs/index.js +204 -6
- package/lib-commonjs/index.js.map +1 -1
- package/lib-commonjs/utils/index.js +10 -0
- package/lib-commonjs/utils/index.js.map +1 -0
- package/lib-commonjs/utils/useToggleState.js +48 -0
- package/lib-commonjs/utils/useToggleState.js.map +1 -0
- package/package.json +22 -27
- package/dist/demo/index.html +0 -71
- package/dist/demo/react-dom.development.js +0 -21413
- package/dist/demo/react.development.js +0 -3155
- package/lib/Button.d.ts +0 -1
- package/lib/CompoundButton.d.ts +0 -1
- package/lib/MenuButton.d.ts +0 -1
- package/lib/SplitButton.d.ts +0 -1
- package/lib/ToggleButton.d.ts +0 -1
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -13
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/Button/Button.d.ts +0 -6
- package/lib/components/Button/Button.types.d.ts +0 -62
- package/lib/components/Button/index.d.ts +0 -5
- package/lib/components/Button/renderButton.d.ts +0 -5
- package/lib/components/Button/useButton.d.ts +0 -8
- package/lib/components/Button/useButtonStyles.d.ts +0 -10
- package/lib/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib/components/CompoundButton/index.d.ts +0 -5
- package/lib/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -2
- package/lib/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib/components/MenuButton/MenuButton.types.d.ts +0 -11
- package/lib/components/MenuButton/index.d.ts +0 -5
- package/lib/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib/components/MenuButton/useMenuButtonStyles.d.ts +0 -2
- package/lib/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib/components/SplitButton/SplitButton.types.d.ts +0 -19
- package/lib/components/SplitButton/index.d.ts +0 -5
- package/lib/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib/components/SplitButton/useSplitButtonStyles.d.ts +0 -2
- package/lib/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib/components/ToggleButton/ToggleButton.types.d.ts +0 -19
- package/lib/components/ToggleButton/index.d.ts +0 -5
- package/lib/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib/components/ToggleButton/useToggleButtonStyles.d.ts +0 -2
- package/lib/index.d.ts +0 -5
- package/lib-commonjs/Button.d.ts +0 -1
- package/lib-commonjs/CompoundButton.d.ts +0 -1
- package/lib-commonjs/MenuButton.d.ts +0 -1
- package/lib-commonjs/SplitButton.d.ts +0 -1
- package/lib-commonjs/ToggleButton.d.ts +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -24
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/Button/Button.d.ts +0 -6
- package/lib-commonjs/components/Button/Button.types.d.ts +0 -62
- package/lib-commonjs/components/Button/index.d.ts +0 -5
- package/lib-commonjs/components/Button/renderButton.d.ts +0 -5
- package/lib-commonjs/components/Button/useButton.d.ts +0 -8
- package/lib-commonjs/components/Button/useButtonStyles.d.ts +0 -10
- package/lib-commonjs/components/CompoundButton/CompoundButton.d.ts +0 -6
- package/lib-commonjs/components/CompoundButton/CompoundButton.types.d.ts +0 -14
- package/lib-commonjs/components/CompoundButton/index.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/renderCompoundButton.d.ts +0 -5
- package/lib-commonjs/components/CompoundButton/useCompoundButton.d.ts +0 -8
- package/lib-commonjs/components/CompoundButton/useCompoundButtonStyles.d.ts +0 -2
- package/lib-commonjs/components/MenuButton/MenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/MenuButton.types.d.ts +0 -11
- package/lib-commonjs/components/MenuButton/index.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/renderMenuButton.d.ts +0 -5
- package/lib-commonjs/components/MenuButton/useMenuButton.d.ts +0 -6
- package/lib-commonjs/components/MenuButton/useMenuButtonStyles.d.ts +0 -2
- package/lib-commonjs/components/SplitButton/SplitButton.d.ts +0 -7
- package/lib-commonjs/components/SplitButton/SplitButton.types.d.ts +0 -19
- package/lib-commonjs/components/SplitButton/index.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/renderSplitButton.d.ts +0 -5
- package/lib-commonjs/components/SplitButton/useSplitButton.d.ts +0 -8
- package/lib-commonjs/components/SplitButton/useSplitButtonStyles.d.ts +0 -2
- package/lib-commonjs/components/ToggleButton/ToggleButton.d.ts +0 -6
- package/lib-commonjs/components/ToggleButton/ToggleButton.types.d.ts +0 -19
- package/lib-commonjs/components/ToggleButton/index.d.ts +0 -5
- package/lib-commonjs/components/ToggleButton/renderToggleButton.d.ts +0 -1
- package/lib-commonjs/components/ToggleButton/useToggleButton.d.ts +0 -9
- package/lib-commonjs/components/ToggleButton/useToggleButtonStyles.d.ts +0 -2
- package/lib-commonjs/index.d.ts +0 -5
package/lib/Button.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Button/index';
|
package/lib/CompoundButton.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/CompoundButton/index';
|
package/lib/MenuButton.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/MenuButton/index';
|
package/lib/SplitButton.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/SplitButton/index';
|
package/lib/ToggleButton.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/ToggleButton/index';
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
2
|
-
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
3
|
-
export function isConformant(testInfo) {
|
4
|
-
var defaultOptions = {
|
5
|
-
asPropHandlesRef: true,
|
6
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
7
|
-
disabledTests: ['has-docblock', 'kebab-aria-attributes'],
|
8
|
-
extraTests: makeStylesTests,
|
9
|
-
skipAsPropTests: true
|
10
|
-
};
|
11
|
-
baseIsConformant(defaultOptions, testInfo);
|
12
|
-
}
|
13
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AAEA,OAAO,eAAP,MAA4B,yCAA5B;AAEA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,EAAiB,uBAAjB,CAH4C;AAI3D,IAAA,UAAU,EAAE,eAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
import { ARIAButtonShorthandProps } from '@fluentui/react-aria';
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
3
|
-
export declare type ButtonSlots = {
|
4
|
-
/**
|
5
|
-
* Root of the component that renders as either a <button> tag.
|
6
|
-
*/
|
7
|
-
root: ARIAButtonShorthandProps;
|
8
|
-
/**
|
9
|
-
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
10
|
-
*/
|
11
|
-
icon?: IntrinsicShorthandProps<'span'>;
|
12
|
-
};
|
13
|
-
export declare type ButtonCommons = {
|
14
|
-
/**
|
15
|
-
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
16
|
-
* - 'primary': Emphasizes the button as a primary action.
|
17
|
-
* - 'outline': Removes background styling.
|
18
|
-
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
19
|
-
* - 'transparent': Removes background and border styling.
|
20
|
-
*/
|
21
|
-
appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
|
22
|
-
/**
|
23
|
-
* A button can fill the width of its container.
|
24
|
-
* @default false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
29
|
-
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
30
|
-
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
31
|
-
* @default false
|
32
|
-
*/
|
33
|
-
disabledFocusable: boolean;
|
34
|
-
/**
|
35
|
-
* A button can show that it cannot be interacted with.
|
36
|
-
* @default false
|
37
|
-
*/
|
38
|
-
disabled: boolean;
|
39
|
-
/**
|
40
|
-
* A button can format its icon to appear before or after its content.
|
41
|
-
* @default 'before'
|
42
|
-
*/
|
43
|
-
iconPosition: 'before' | 'after';
|
44
|
-
/**
|
45
|
-
* A button can be rounded, circular, or square.
|
46
|
-
* @default 'rounded'
|
47
|
-
*/
|
48
|
-
shape: 'rounded' | 'circular' | 'square';
|
49
|
-
/**
|
50
|
-
* A button supports different sizes.
|
51
|
-
* @default 'medium'
|
52
|
-
*/
|
53
|
-
size: 'small' | 'medium' | 'large';
|
54
|
-
};
|
55
|
-
export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
|
56
|
-
export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
|
57
|
-
/**
|
58
|
-
* A button can contain only an icon.
|
59
|
-
* @default false
|
60
|
-
*/
|
61
|
-
iconOnly: boolean;
|
62
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ButtonProps, ButtonState } from './Button.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
5
|
-
* @param props - User provided props to the Button component.
|
6
|
-
* @param ref - User provided ref to be passed to the Button component.
|
7
|
-
*/
|
8
|
-
export declare const useButton: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { ButtonState } from './Button.types';
|
2
|
-
export declare const buttonSpacing: {
|
3
|
-
smallest: string;
|
4
|
-
smaller: string;
|
5
|
-
small: string;
|
6
|
-
medium: string;
|
7
|
-
large: string;
|
8
|
-
larger: string;
|
9
|
-
};
|
10
|
-
export declare const useButtonStyles: (state: ButtonState) => ButtonState;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { CompoundButtonProps } from './CompoundButton.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
5
|
-
*/
|
6
|
-
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
|
-
export declare type CompoundButtonSlots = ButtonSlots & {
|
4
|
-
/**
|
5
|
-
* Second line of text that describes the action this button takes.
|
6
|
-
*/
|
7
|
-
secondaryContent?: IntrinsicShorthandProps<'span'>;
|
8
|
-
/**
|
9
|
-
* Container that wraps the children and the secondaryContent slot.
|
10
|
-
*/
|
11
|
-
contentContainer: IntrinsicShorthandProps<'span'>;
|
12
|
-
};
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
|
14
|
-
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
5
|
-
* @param props - User provided props to the CompoundButton component.
|
6
|
-
* @param ref - User provided ref to be passed to the CompoundButton component.
|
7
|
-
*/
|
8
|
-
export declare const useCompoundButton: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { MenuButtonProps } from './MenuButton.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* MenuButtons are buttons that handle opening and closing a menu when they are triggered.
|
5
|
-
*/
|
6
|
-
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { MenuTriggerChildProps } from '@fluentui/react-menu';
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
3
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
4
|
-
export declare type MenuButtonSlots = ButtonSlots & {
|
5
|
-
/**
|
6
|
-
* Menu icon that indicates that this button has a menu that can be expanded.
|
7
|
-
*/
|
8
|
-
menuIcon?: IntrinsicShorthandProps<'span'>;
|
9
|
-
};
|
10
|
-
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
|
11
|
-
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { MenuButtonProps, MenuButtonState } from './MenuButton.types';
|
3
|
-
/**
|
4
|
-
* Given user props, returns the final state for a MenuButton.
|
5
|
-
*/
|
6
|
-
export declare const useMenuButton: ({ menuIcon, ...props }: MenuButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => MenuButtonState;
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import type { SplitButtonProps } from './SplitButton.types';
|
2
|
-
import { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* SplitButtons are a grouping of two interactive surfaces where the interacting with the first one triggers a primary
|
5
|
-
* action, while interacting with the second one opens a menu with secondary actions.
|
6
|
-
*/
|
7
|
-
export declare const SplitButton: ForwardRefComponent<SplitButtonProps>;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps, ObjectShorthandProps } from '@fluentui/react-utilities';
|
2
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
3
|
-
import type { MenuButtonProps, MenuButtonState } from '../MenuButton/MenuButton.types';
|
4
|
-
export declare type SplitButtonSlots = {
|
5
|
-
/**
|
6
|
-
* Root of the component that wraps the primary action button and menu button.
|
7
|
-
*/
|
8
|
-
root: IntrinsicShorthandProps<'div'>;
|
9
|
-
/**
|
10
|
-
* Button that opens menu with secondary actions in SplitButton.
|
11
|
-
*/
|
12
|
-
menuButton?: ObjectShorthandProps<MenuButtonProps>;
|
13
|
-
/**
|
14
|
-
* Button to perform primary action in SplitButton.
|
15
|
-
*/
|
16
|
-
primaryActionButton?: ObjectShorthandProps<ButtonProps>;
|
17
|
-
};
|
18
|
-
export declare type SplitButtonProps = ComponentProps<SplitButtonSlots> & Omit<ButtonProps, 'root'> & Omit<MenuButtonProps, 'root'>;
|
19
|
-
export declare type SplitButtonState = ComponentState<SplitButtonSlots> & Omit<ButtonState, 'components' | 'iconOnly' | 'root'> & Omit<MenuButtonState, 'components' | 'iconOnly' | 'root'>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { SplitButtonProps, SplitButtonState } from './SplitButton.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the SplitButton and returns processed state.
|
5
|
-
* @param props - User provided props to the SplitButton component.
|
6
|
-
* @param ref - User provided ref to be passed to the SplitButton component.
|
7
|
-
*/
|
8
|
-
export declare const useSplitButton: (props: SplitButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => SplitButtonState;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { ToggleButtonProps } from './ToggleButton.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* ToggleButtons are buttons that toggle between two defined states when triggered.
|
5
|
-
*/
|
6
|
-
export declare const ToggleButton: ForwardRefComponent<ToggleButtonProps>;
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import type { ButtonProps, ButtonState } from '../Button/Button.types';
|
2
|
-
export declare type ToggleButtonCommons = {
|
3
|
-
/**
|
4
|
-
* Defines the controlled checked state of the `ToggleButton`.
|
5
|
-
* If passed, `ToggleButton` ignores the `defaultChecked` property.
|
6
|
-
* This should only be used if the checked state is to be controlled at a higher level and there is a plan to pass the
|
7
|
-
* correct value based on handling `onClick` events and re-rendering.
|
8
|
-
* @default false
|
9
|
-
*/
|
10
|
-
checked: boolean;
|
11
|
-
};
|
12
|
-
export declare type ToggleButtonProps = ButtonProps & Partial<ToggleButtonCommons> & {
|
13
|
-
/**
|
14
|
-
* Defines whether the `ToggleButton` is initially in a checked state or not when rendered.
|
15
|
-
* @default false
|
16
|
-
*/
|
17
|
-
defaultChecked?: boolean;
|
18
|
-
};
|
19
|
-
export declare type ToggleButtonState = ButtonState & ToggleButtonCommons;
|
@@ -1 +0,0 @@
|
|
1
|
-
export { renderButton as renderToggleButton } from '../Button/renderButton';
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ToggleButtonProps, ToggleButtonState } from './ToggleButton.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the ToggleButton, calls useButtonState and useChecked, and returns
|
5
|
-
* processed state.
|
6
|
-
* @param props - User provided props to the ToggleButton component.
|
7
|
-
* @param ref - User provided ref to be passed to the ToggleButton component.
|
8
|
-
*/
|
9
|
-
export declare const useToggleButton: ({ checked, defaultChecked, ...props }: ToggleButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ToggleButtonState;
|
package/lib/index.d.ts
DELETED
package/lib-commonjs/Button.d.ts
DELETED
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/Button/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/CompoundButton/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/MenuButton/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/SplitButton/index';
|
@@ -1 +0,0 @@
|
|
1
|
-
export * from './components/ToggleButton/index';
|
@@ -1,24 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.isConformant = void 0;
|
7
|
-
|
8
|
-
var react_conformance_1 = /*#__PURE__*/require("@fluentui/react-conformance");
|
9
|
-
|
10
|
-
var react_conformance_make_styles_1 = /*#__PURE__*/require("@fluentui/react-conformance-make-styles");
|
11
|
-
|
12
|
-
function isConformant(testInfo) {
|
13
|
-
var defaultOptions = {
|
14
|
-
asPropHandlesRef: true,
|
15
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
16
|
-
disabledTests: ['has-docblock', 'kebab-aria-attributes'],
|
17
|
-
extraTests: react_conformance_make_styles_1.default,
|
18
|
-
skipAsPropTests: true
|
19
|
-
};
|
20
|
-
react_conformance_1.isConformant(defaultOptions, testInfo);
|
21
|
-
}
|
22
|
-
|
23
|
-
exports.isConformant = isConformant;
|
24
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":";;;;;;;AAAA,IAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AAEA,IAAA,+BAAA,gBAAA,OAAA,CAAA,yCAAA,CAAA;;AAEA,SAAgB,YAAhB,CACE,QADF,EAC2F;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,aAAa,EAAE,CAAC,cAAD,EAAiB,uBAAjB,CAH4C;AAI3D,IAAA,UAAU,EAAE,+BAAA,CAAA,OAJ+C;AAK3D,IAAA,eAAe,EAAE;AAL0C,GAA7D;AAQA,EAAA,mBAAA,CAAA,YAAA,CAAiB,cAAjB,EAAiC,QAAjC;AACD;;AAZD,OAAA,CAAA,YAAA,GAAA,YAAA","sourceRoot":""}
|
@@ -1,62 +0,0 @@
|
|
1
|
-
import { ARIAButtonShorthandProps } from '@fluentui/react-aria';
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
3
|
-
export declare type ButtonSlots = {
|
4
|
-
/**
|
5
|
-
* Root of the component that renders as either a <button> tag.
|
6
|
-
*/
|
7
|
-
root: ARIAButtonShorthandProps;
|
8
|
-
/**
|
9
|
-
* Icon that renders either before or after the `children` as specified by the `iconPosition` prop.
|
10
|
-
*/
|
11
|
-
icon?: IntrinsicShorthandProps<'span'>;
|
12
|
-
};
|
13
|
-
export declare type ButtonCommons = {
|
14
|
-
/**
|
15
|
-
* A button can have its content and borders styled for greater emphasis or to be subtle.
|
16
|
-
* - 'primary': Emphasizes the button as a primary action.
|
17
|
-
* - 'outline': Removes background styling.
|
18
|
-
* - 'subtle': Minimizes emphasis to blend into the background until hovered or focused.
|
19
|
-
* - 'transparent': Removes background and border styling.
|
20
|
-
*/
|
21
|
-
appearance?: 'primary' | 'outline' | 'subtle' | 'transparent';
|
22
|
-
/**
|
23
|
-
* A button can fill the width of its container.
|
24
|
-
* @default false
|
25
|
-
*/
|
26
|
-
block: boolean;
|
27
|
-
/**
|
28
|
-
* When set, allows the button to be focusable even when it has been disabled. This is used in scenarios where it
|
29
|
-
* is important to keep a consistent tab order for screen reader and keyboard users. The primary example of this
|
30
|
-
* pattern is when the disabled button is in a menu or a commandbar and is seldom used for standalone buttons.
|
31
|
-
* @default false
|
32
|
-
*/
|
33
|
-
disabledFocusable: boolean;
|
34
|
-
/**
|
35
|
-
* A button can show that it cannot be interacted with.
|
36
|
-
* @default false
|
37
|
-
*/
|
38
|
-
disabled: boolean;
|
39
|
-
/**
|
40
|
-
* A button can format its icon to appear before or after its content.
|
41
|
-
* @default 'before'
|
42
|
-
*/
|
43
|
-
iconPosition: 'before' | 'after';
|
44
|
-
/**
|
45
|
-
* A button can be rounded, circular, or square.
|
46
|
-
* @default 'rounded'
|
47
|
-
*/
|
48
|
-
shape: 'rounded' | 'circular' | 'square';
|
49
|
-
/**
|
50
|
-
* A button supports different sizes.
|
51
|
-
* @default 'medium'
|
52
|
-
*/
|
53
|
-
size: 'small' | 'medium' | 'large';
|
54
|
-
};
|
55
|
-
export declare type ButtonProps = ComponentProps<ButtonSlots> & Partial<ButtonCommons>;
|
56
|
-
export declare type ButtonState = ComponentState<ButtonSlots> & ButtonCommons & {
|
57
|
-
/**
|
58
|
-
* A button can contain only an icon.
|
59
|
-
* @default false
|
60
|
-
*/
|
61
|
-
iconOnly: boolean;
|
62
|
-
};
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { ButtonProps, ButtonState } from './Button.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the Button, calls useButtonState, and returns processed state.
|
5
|
-
* @param props - User provided props to the Button component.
|
6
|
-
* @param ref - User provided ref to be passed to the Button component.
|
7
|
-
*/
|
8
|
-
export declare const useButton: (props: ButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => ButtonState;
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import type { ButtonState } from './Button.types';
|
2
|
-
export declare const buttonSpacing: {
|
3
|
-
smallest: string;
|
4
|
-
smaller: string;
|
5
|
-
small: string;
|
6
|
-
medium: string;
|
7
|
-
large: string;
|
8
|
-
larger: string;
|
9
|
-
};
|
10
|
-
export declare const useButtonStyles: (state: ButtonState) => ButtonState;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { CompoundButtonProps } from './CompoundButton.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* CompoundButtons are buttons that can have secondary content that adds extra information to the user.
|
5
|
-
*/
|
6
|
-
export declare const CompoundButton: ForwardRefComponent<CompoundButtonProps>;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
2
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
3
|
-
export declare type CompoundButtonSlots = ButtonSlots & {
|
4
|
-
/**
|
5
|
-
* Second line of text that describes the action this button takes.
|
6
|
-
*/
|
7
|
-
secondaryContent?: IntrinsicShorthandProps<'span'>;
|
8
|
-
/**
|
9
|
-
* Container that wraps the children and the secondaryContent slot.
|
10
|
-
*/
|
11
|
-
contentContainer: IntrinsicShorthandProps<'span'>;
|
12
|
-
};
|
13
|
-
export declare type CompoundButtonProps = ComponentProps<CompoundButtonSlots> & Partial<ButtonCommons>;
|
14
|
-
export declare type CompoundButtonState = ComponentState<CompoundButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components'>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import type { CompoundButtonProps, CompoundButtonState } from './CompoundButton.types';
|
3
|
-
/**
|
4
|
-
* Given user props, defines default props for the CompoundButton, calls useButtonState, and returns processed state.
|
5
|
-
* @param props - User provided props to the CompoundButton component.
|
6
|
-
* @param ref - User provided ref to be passed to the CompoundButton component.
|
7
|
-
*/
|
8
|
-
export declare const useCompoundButton: ({ contentContainer, secondaryContent, ...props }: CompoundButtonProps, ref: React.Ref<HTMLButtonElement | HTMLAnchorElement>) => CompoundButtonState;
|
@@ -1,6 +0,0 @@
|
|
1
|
-
import type { MenuButtonProps } from './MenuButton.types';
|
2
|
-
import type { ForwardRefComponent } from '@fluentui/react-utilities';
|
3
|
-
/**
|
4
|
-
* MenuButtons are buttons that handle opening and closing a menu when they are triggered.
|
5
|
-
*/
|
6
|
-
export declare const MenuButton: ForwardRefComponent<MenuButtonProps>;
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import type { MenuTriggerChildProps } from '@fluentui/react-menu';
|
2
|
-
import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
|
3
|
-
import type { ButtonCommons, ButtonSlots, ButtonState } from '../Button/Button.types';
|
4
|
-
export declare type MenuButtonSlots = ButtonSlots & {
|
5
|
-
/**
|
6
|
-
* Menu icon that indicates that this button has a menu that can be expanded.
|
7
|
-
*/
|
8
|
-
menuIcon?: IntrinsicShorthandProps<'span'>;
|
9
|
-
};
|
10
|
-
export declare type MenuButtonProps = ComponentProps<MenuButtonSlots> & Partial<Omit<ButtonCommons, 'iconPosition'>> & Partial<MenuTriggerChildProps>;
|
11
|
-
export declare type MenuButtonState = ComponentState<MenuButtonSlots> & Omit<ButtonState, keyof ButtonSlots | 'components' | 'iconPosition'>;
|