@wordpress/components 25.9.1 → 25.10.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/CHANGELOG.md +32 -0
- package/build/alignment-matrix-control/cell.js +8 -5
- package/build/alignment-matrix-control/cell.js.map +1 -1
- package/build/alignment-matrix-control/index.js +27 -43
- package/build/alignment-matrix-control/index.js.map +1 -1
- package/build/alignment-matrix-control/utils.js +29 -9
- package/build/alignment-matrix-control/utils.js.map +1 -1
- package/build/circular-option-picker/circular-option-picker-option.js +20 -39
- package/build/circular-option-picker/circular-option-picker-option.js.map +1 -1
- package/build/circular-option-picker/circular-option-picker.js +11 -32
- package/build/circular-option-picker/circular-option-picker.js.map +1 -1
- package/build/circular-option-picker/types.js.map +1 -1
- package/build/color-palette/index.js +7 -2
- package/build/color-palette/index.js.map +1 -1
- package/build/color-picker/component.js +12 -2
- package/build/color-picker/component.js.map +1 -1
- package/build/color-picker/picker.js +77 -1
- package/build/color-picker/picker.js.map +1 -1
- package/build/color-picker/styles.js +8 -8
- package/build/color-picker/styles.js.map +1 -1
- package/build/color-picker/types.js.map +1 -1
- package/build/composite/v2.js +43 -0
- package/build/composite/v2.js.map +1 -0
- package/build/confirm-dialog/component.js +74 -8
- package/build/confirm-dialog/component.js.map +1 -1
- package/build/confirm-dialog/types.js.map +1 -1
- package/build/custom-gradient-picker/gradient-bar/control-points.js +13 -4
- package/build/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
- package/build/font-size-picker/utils.js +1 -1
- package/build/font-size-picker/utils.js.map +1 -1
- package/build/modal/index.js +45 -16
- package/build/modal/index.js.map +1 -1
- package/build/palette-edit/index.js +4 -0
- package/build/palette-edit/index.js.map +1 -1
- package/build/popover/index.js +34 -6
- package/build/popover/index.js.map +1 -1
- package/build/private-apis.js +9 -1
- package/build/private-apis.js.map +1 -1
- package/build/progress-bar/styles.js +5 -5
- package/build/progress-bar/styles.js.map +1 -1
- package/build/sandbox/index.js +1 -1
- package/build/sandbox/index.js.map +1 -1
- package/build/sandbox/index.native.js +1 -1
- package/build/sandbox/index.native.js.map +1 -1
- package/build/tabs/context.js +16 -0
- package/build/tabs/context.js.map +1 -0
- package/build/tabs/index.js +147 -0
- package/build/tabs/index.js.map +1 -0
- package/build/tabs/styles.js +38 -0
- package/build/tabs/styles.js.map +1 -0
- package/build/tabs/tab.js +46 -0
- package/build/tabs/tab.js.map +1 -0
- package/build/tabs/tablist.js +47 -0
- package/build/tabs/tablist.js.map +1 -0
- package/build/tabs/tabpanel.js +48 -0
- package/build/tabs/tabpanel.js.map +1 -0
- package/build/tabs/types.js +6 -0
- package/build/tabs/types.js.map +1 -0
- package/build/text/component.js +7 -6
- package/build/text/component.js.map +1 -1
- package/build/text/hook.js +6 -15
- package/build/text/hook.js.map +1 -1
- package/build/text/index.js.map +1 -1
- package/build/text/styles.js +7 -7
- package/build/text/styles.js.map +1 -1
- package/build/text/types.js.map +1 -1
- package/build/text/utils.js +17 -33
- package/build/text/utils.js.map +1 -1
- package/build/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
- package/build/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
- package/build/toolbar/toolbar/index.js +17 -10
- package/build/toolbar/toolbar/index.js.map +1 -1
- package/build/toolbar/toolbar/types.js.map +1 -1
- package/build/tools-panel/tools-panel-item/hook.js +2 -2
- package/build/tools-panel/tools-panel-item/hook.js.map +1 -1
- package/build/tools-panel/types.js.map +1 -1
- package/build/unit-control/utils.js +108 -0
- package/build/unit-control/utils.js.map +1 -1
- package/build/utils/unit-values.js +1 -1
- package/build/utils/unit-values.js.map +1 -1
- package/build-module/alignment-matrix-control/cell.js +7 -4
- package/build-module/alignment-matrix-control/cell.js.map +1 -1
- package/build-module/alignment-matrix-control/index.js +27 -43
- package/build-module/alignment-matrix-control/index.js.map +1 -1
- package/build-module/alignment-matrix-control/utils.js +29 -8
- package/build-module/alignment-matrix-control/utils.js.map +1 -1
- package/build-module/circular-option-picker/circular-option-picker-option.js +20 -39
- package/build-module/circular-option-picker/circular-option-picker-option.js.map +1 -1
- package/build-module/circular-option-picker/circular-option-picker.js +10 -31
- package/build-module/circular-option-picker/circular-option-picker.js.map +1 -1
- package/build-module/circular-option-picker/types.js.map +1 -1
- package/build-module/color-palette/index.js +7 -2
- package/build-module/color-palette/index.js.map +1 -1
- package/build-module/color-picker/component.js +13 -3
- package/build-module/color-picker/component.js.map +1 -1
- package/build-module/color-picker/picker.js +78 -2
- package/build-module/color-picker/picker.js.map +1 -1
- package/build-module/color-picker/styles.js +8 -8
- package/build-module/color-picker/styles.js.map +1 -1
- package/build-module/color-picker/types.js.map +1 -1
- package/build-module/composite/v2.js +15 -0
- package/build-module/composite/v2.js.map +1 -0
- package/build-module/confirm-dialog/component.js +72 -7
- package/build-module/confirm-dialog/component.js.map +1 -1
- package/build-module/confirm-dialog/types.js.map +1 -1
- package/build-module/custom-gradient-picker/gradient-bar/control-points.js +13 -4
- package/build-module/custom-gradient-picker/gradient-bar/control-points.js.map +1 -1
- package/build-module/font-size-picker/utils.js +1 -1
- package/build-module/font-size-picker/utils.js.map +1 -1
- package/build-module/modal/index.js +47 -18
- package/build-module/modal/index.js.map +1 -1
- package/build-module/palette-edit/index.js +4 -0
- package/build-module/palette-edit/index.js.map +1 -1
- package/build-module/popover/index.js +34 -6
- package/build-module/popover/index.js.map +1 -1
- package/build-module/private-apis.js +9 -1
- package/build-module/private-apis.js.map +1 -1
- package/build-module/progress-bar/styles.js +5 -5
- package/build-module/progress-bar/styles.js.map +1 -1
- package/build-module/sandbox/index.js +1 -1
- package/build-module/sandbox/index.js.map +1 -1
- package/build-module/sandbox/index.native.js +1 -1
- package/build-module/sandbox/index.native.js.map +1 -1
- package/build-module/tabs/context.js +12 -0
- package/build-module/tabs/context.js.map +1 -0
- package/build-module/tabs/index.js +142 -0
- package/build-module/tabs/index.js.map +1 -0
- package/build-module/tabs/styles.js +36 -0
- package/build-module/tabs/styles.js.map +1 -0
- package/build-module/tabs/tab.js +43 -0
- package/build-module/tabs/tab.js.map +1 -0
- package/build-module/tabs/tablist.js +41 -0
- package/build-module/tabs/tablist.js.map +1 -0
- package/build-module/tabs/tabpanel.js +43 -0
- package/build-module/tabs/tabpanel.js.map +1 -0
- package/build-module/tabs/types.js +2 -0
- package/build-module/tabs/types.js.map +1 -0
- package/build-module/text/component.js +6 -6
- package/build-module/text/component.js.map +1 -1
- package/build-module/text/hook.js +11 -19
- package/build-module/text/hook.js.map +1 -1
- package/build-module/text/index.js.map +1 -1
- package/build-module/text/styles.js +7 -7
- package/build-module/text/styles.js.map +1 -1
- package/build-module/text/types.js.map +1 -1
- package/build-module/text/utils.js +17 -10
- package/build-module/text/utils.js.map +1 -1
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.js +1 -0
- package/build-module/toggle-group-control/toggle-group-control-option-base/component.js.map +1 -1
- package/build-module/toolbar/toolbar/index.js +18 -11
- package/build-module/toolbar/toolbar/index.js.map +1 -1
- package/build-module/toolbar/toolbar/types.js.map +1 -1
- package/build-module/tools-panel/tools-panel-item/hook.js +2 -2
- package/build-module/tools-panel/tools-panel-item/hook.js.map +1 -1
- package/build-module/tools-panel/types.js.map +1 -1
- package/build-module/unit-control/utils.js +108 -0
- package/build-module/unit-control/utils.js.map +1 -1
- package/build-module/utils/unit-values.js +1 -1
- package/build-module/utils/unit-values.js.map +1 -1
- package/build-style/style-rtl.css +16 -4
- package/build-style/style.css +16 -4
- package/build-types/alignment-matrix-control/cell.d.ts +1 -1
- package/build-types/alignment-matrix-control/cell.d.ts.map +1 -1
- package/build-types/alignment-matrix-control/index.d.ts.map +1 -1
- package/build-types/alignment-matrix-control/stories/index.story.d.ts.map +1 -1
- package/build-types/alignment-matrix-control/utils.d.ts +9 -9
- package/build-types/alignment-matrix-control/utils.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker-option.d.ts.map +1 -1
- package/build-types/circular-option-picker/circular-option-picker.d.ts.map +1 -1
- package/build-types/circular-option-picker/types.d.ts +4 -6
- package/build-types/circular-option-picker/types.d.ts.map +1 -1
- package/build-types/color-palette/index.d.ts.map +1 -1
- package/build-types/color-picker/component.d.ts.map +1 -1
- package/build-types/color-picker/picker.d.ts +1 -1
- package/build-types/color-picker/picker.d.ts.map +1 -1
- package/build-types/color-picker/styles.d.ts.map +1 -1
- package/build-types/color-picker/types.d.ts +3 -0
- package/build-types/color-picker/types.d.ts.map +1 -1
- package/build-types/composite/v2.d.ts +12 -0
- package/build-types/composite/v2.d.ts.map +1 -0
- package/build-types/confirm-dialog/component.d.ts +70 -29
- package/build-types/confirm-dialog/component.d.ts.map +1 -1
- package/build-types/confirm-dialog/stories/index.story.d.ts +11 -0
- package/build-types/confirm-dialog/stories/index.story.d.ts.map +1 -0
- package/build-types/confirm-dialog/test/index.d.ts +2 -0
- package/build-types/confirm-dialog/test/index.d.ts.map +1 -0
- package/build-types/confirm-dialog/types.d.ts +32 -10
- package/build-types/confirm-dialog/types.d.ts.map +1 -1
- package/build-types/custom-gradient-picker/gradient-bar/control-points.d.ts.map +1 -1
- package/build-types/font-size-picker/utils.d.ts.map +1 -1
- package/build-types/heading/stories/index.story.d.ts.map +1 -1
- package/build-types/modal/index.d.ts.map +1 -1
- package/build-types/palette-edit/index.d.ts.map +1 -1
- package/build-types/popover/index.d.ts +1 -1
- package/build-types/popover/index.d.ts.map +1 -1
- package/build-types/popover/stories/e2e/index.story.d.ts +1 -1
- package/build-types/private-apis.d.ts.map +1 -1
- package/build-types/progress-bar/styles.d.ts.map +1 -1
- package/build-types/sandbox/index.d.ts.map +1 -1
- package/build-types/tabs/context.d.ts +8 -0
- package/build-types/tabs/context.d.ts.map +1 -0
- package/build-types/tabs/index.d.ts +13 -0
- package/build-types/tabs/index.d.ts.map +1 -0
- package/build-types/tabs/stories/index.story.d.ts +20 -0
- package/build-types/tabs/stories/index.story.d.ts.map +1 -0
- package/build-types/tabs/styles.d.ts +17 -0
- package/build-types/tabs/styles.d.ts.map +1 -0
- package/build-types/tabs/tab.d.ts +10 -0
- package/build-types/tabs/tab.d.ts.map +1 -0
- package/build-types/tabs/tablist.d.ts +7 -0
- package/build-types/tabs/tablist.d.ts.map +1 -0
- package/build-types/tabs/tabpanel.d.ts +7 -0
- package/build-types/tabs/tabpanel.d.ts.map +1 -0
- package/build-types/tabs/test/index.d.ts +2 -0
- package/build-types/tabs/test/index.d.ts.map +1 -0
- package/build-types/tabs/types.d.ts +134 -0
- package/build-types/tabs/types.d.ts.map +1 -0
- package/build-types/text/component.d.ts +4 -2
- package/build-types/text/component.d.ts.map +1 -1
- package/build-types/text/hook.d.ts +171 -165
- package/build-types/text/hook.d.ts.map +1 -1
- package/build-types/text/index.d.ts +2 -2
- package/build-types/text/index.d.ts.map +1 -1
- package/build-types/text/stories/index.story.d.ts +21 -0
- package/build-types/text/stories/index.story.d.ts.map +1 -0
- package/build-types/text/styles.d.ts +7 -7
- package/build-types/text/styles.d.ts.map +1 -1
- package/build-types/text/types.d.ts +1 -1
- package/build-types/text/types.d.ts.map +1 -1
- package/build-types/text/utils.d.ts +56 -61
- package/build-types/text/utils.d.ts.map +1 -1
- package/build-types/toggle-group-control/toggle-group-control-option-base/component.d.ts.map +1 -1
- package/build-types/toolbar/stories/index.story.d.ts +5 -0
- package/build-types/toolbar/stories/index.story.d.ts.map +1 -1
- package/build-types/toolbar/toolbar/index.d.ts.map +1 -1
- package/build-types/toolbar/toolbar/types.d.ts +10 -0
- package/build-types/toolbar/toolbar/types.d.ts.map +1 -1
- package/build-types/tools-panel/tools-panel-item/hook.d.ts.map +1 -1
- package/build-types/tools-panel/types.d.ts +2 -0
- package/build-types/tools-panel/types.d.ts.map +1 -1
- package/build-types/unit-control/utils.d.ts.map +1 -1
- package/package.json +19 -19
- package/src/alignment-matrix-control/cell.tsx +6 -2
- package/src/alignment-matrix-control/index.tsx +31 -54
- package/src/alignment-matrix-control/stories/index.story.tsx +3 -7
- package/src/alignment-matrix-control/test/index.tsx +117 -18
- package/src/alignment-matrix-control/utils.tsx +33 -9
- package/src/button/style.scss +1 -2
- package/src/circular-option-picker/circular-option-picker-option.tsx +24 -38
- package/src/circular-option-picker/circular-option-picker.tsx +11 -28
- package/src/circular-option-picker/types.ts +6 -5
- package/src/color-palette/index.tsx +6 -1
- package/src/color-picker/component.tsx +25 -3
- package/src/color-picker/picker.tsx +96 -2
- package/src/color-picker/styles.ts +0 -1
- package/src/color-picker/types.ts +3 -0
- package/src/composite/v2.ts +22 -0
- package/src/confirm-dialog/README.md +1 -1
- package/src/confirm-dialog/component.tsx +79 -13
- package/src/confirm-dialog/stories/{index.story.js → index.story.tsx} +26 -24
- package/src/confirm-dialog/test/{index.js → index.tsx} +3 -3
- package/src/confirm-dialog/types.ts +32 -12
- package/src/custom-gradient-picker/gradient-bar/control-points.tsx +32 -25
- package/src/font-size-picker/utils.ts +2 -1
- package/src/heading/stories/index.story.tsx +2 -4
- package/src/modal/index.tsx +58 -22
- package/src/modal/test/index.tsx +29 -0
- package/src/notice/style.scss +0 -1
- package/src/palette-edit/index.tsx +4 -0
- package/src/popover/index.tsx +99 -57
- package/src/popover/style.scss +9 -0
- package/src/private-apis.ts +15 -1
- package/src/progress-bar/styles.ts +19 -4
- package/src/sandbox/index.native.js +1 -1
- package/src/sandbox/index.tsx +3 -1
- package/src/tabs/README.md +242 -0
- package/src/tabs/context.ts +13 -0
- package/src/tabs/index.tsx +167 -0
- package/src/tabs/stories/index.story.tsx +352 -0
- package/src/tabs/styles.ts +103 -0
- package/src/tabs/tab.tsx +39 -0
- package/src/tabs/tablist.tsx +40 -0
- package/src/tabs/tabpanel.tsx +42 -0
- package/src/tabs/test/index.tsx +1124 -0
- package/src/tabs/types.ts +142 -0
- package/src/text/README.md +2 -2
- package/src/text/{component.js → component.tsx} +10 -6
- package/src/text/{hook.js → hook.ts} +12 -15
- package/src/text/stories/index.story.tsx +80 -0
- package/src/text/types.ts +1 -6
- package/src/text/{utils.js → utils.ts} +40 -14
- package/src/toggle-group-control/test/__snapshots__/index.tsx.snap +8 -0
- package/src/toggle-group-control/toggle-group-control-option-base/component.tsx +1 -0
- package/src/toolbar/stories/index.story.tsx +15 -0
- package/src/toolbar/test/index.tsx +8 -0
- package/src/toolbar/toolbar/README.md +9 -0
- package/src/toolbar/toolbar/index.tsx +21 -12
- package/src/toolbar/toolbar/style.scss +9 -0
- package/src/toolbar/toolbar/types.ts +10 -0
- package/src/tools-panel/tools-panel/README.md +3 -0
- package/src/tools-panel/tools-panel-item/hook.ts +4 -6
- package/src/tools-panel/types.ts +2 -0
- package/src/unit-control/utils.ts +124 -0
- package/src/utils/unit-values.ts +1 -1
- package/tsconfig.tsbuildinfo +1 -1
- package/src/text/stories/index.story.js +0 -53
- /package/src/text/{index.js → index.ts} +0 -0
- /package/src/text/{styles.js → styles.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/tabs/test/index.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import type * as Ariakit from '@ariakit/react';
|
|
6
|
+
/**
|
|
7
|
+
* Internal dependencies
|
|
8
|
+
*/
|
|
9
|
+
import type { IconType } from '../icon';
|
|
10
|
+
export type TabsContextProps = {
|
|
11
|
+
/**
|
|
12
|
+
* The tabStore object returned by Ariakit's `useTabStore` hook.
|
|
13
|
+
*/
|
|
14
|
+
store: Ariakit.TabStore;
|
|
15
|
+
/**
|
|
16
|
+
* The unique id string for this instance of the Tabs component.
|
|
17
|
+
*/
|
|
18
|
+
instanceId: string;
|
|
19
|
+
} | undefined;
|
|
20
|
+
export type TabsProps = {
|
|
21
|
+
/**
|
|
22
|
+
* The children elements, which should be at least a
|
|
23
|
+
* `Tabs.Tablist` component and a series of `Tabs.TabPanel`
|
|
24
|
+
* components.
|
|
25
|
+
*/
|
|
26
|
+
children: React.ReactNode;
|
|
27
|
+
/**
|
|
28
|
+
* When `true`, the tab will be selected when receiving focus (automatic tab
|
|
29
|
+
* activation). When `false`, the tab will be selected only when clicked
|
|
30
|
+
* (manual tab activation). See the official W3C docs for more info.
|
|
31
|
+
*
|
|
32
|
+
* @default true
|
|
33
|
+
*
|
|
34
|
+
* @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/
|
|
35
|
+
*/
|
|
36
|
+
selectOnMove?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* The id of the tab to be selected upon mounting of component.
|
|
39
|
+
* If this prop is not set, the first tab will be selected by default.
|
|
40
|
+
* The id provided will be internally prefixed with the
|
|
41
|
+
* `TabsContextProps.instanceId`.
|
|
42
|
+
*
|
|
43
|
+
* Note: this prop will be overridden by the `selectedTabId` prop if it is
|
|
44
|
+
* provided. (Controlled Mode)
|
|
45
|
+
*/
|
|
46
|
+
initialTabId?: string;
|
|
47
|
+
/**
|
|
48
|
+
* The function called when a tab has been selected.
|
|
49
|
+
* It is passed the id of the newly selected tab as an argument.
|
|
50
|
+
*/
|
|
51
|
+
onSelect?: (selectedId: string | null | undefined) => void;
|
|
52
|
+
/**
|
|
53
|
+
* The orientation of the tablist.
|
|
54
|
+
*
|
|
55
|
+
* @default `horizontal`
|
|
56
|
+
*/
|
|
57
|
+
orientation?: 'horizontal' | 'vertical';
|
|
58
|
+
/**
|
|
59
|
+
* The Id of the tab to display. This id is prepended with the `Tabs`
|
|
60
|
+
* instanceId internally.
|
|
61
|
+
*
|
|
62
|
+
* If left `undefined`, the component assumes it is being used in
|
|
63
|
+
* uncontrolled mode. Consequently, any value different than `undefined`
|
|
64
|
+
* will set the component in `controlled` mode.
|
|
65
|
+
* When in controlled mode, the `null` value will result in no tab being selected.
|
|
66
|
+
*/
|
|
67
|
+
selectedTabId?: string | null;
|
|
68
|
+
};
|
|
69
|
+
export type TabListProps = {
|
|
70
|
+
/**
|
|
71
|
+
* The children elements, which should be a series of `Tabs.TabPanel` components.
|
|
72
|
+
*/
|
|
73
|
+
children?: React.ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* The class name to apply to the tablist.
|
|
76
|
+
*/
|
|
77
|
+
className?: string;
|
|
78
|
+
/**
|
|
79
|
+
* Custom CSS styles for the rendered tablist.
|
|
80
|
+
*/
|
|
81
|
+
style?: React.CSSProperties;
|
|
82
|
+
};
|
|
83
|
+
export type TabProps = {
|
|
84
|
+
/**
|
|
85
|
+
* The id of the tab, which is prepended with the `Tabs` instanceId.
|
|
86
|
+
*/
|
|
87
|
+
id: string;
|
|
88
|
+
/**
|
|
89
|
+
* Custom CSS styles for the tab.
|
|
90
|
+
*/
|
|
91
|
+
style?: React.CSSProperties;
|
|
92
|
+
/**
|
|
93
|
+
* The children elements, generally the text to display on the tab.
|
|
94
|
+
*/
|
|
95
|
+
children?: React.ReactNode;
|
|
96
|
+
/**
|
|
97
|
+
* The class name to apply to the tab button.
|
|
98
|
+
*/
|
|
99
|
+
className?: string;
|
|
100
|
+
/**
|
|
101
|
+
* The icon used for the tab button.
|
|
102
|
+
*/
|
|
103
|
+
icon?: IconType;
|
|
104
|
+
/**
|
|
105
|
+
* Determines if the tab button should be disabled.
|
|
106
|
+
*
|
|
107
|
+
* @default false
|
|
108
|
+
*/
|
|
109
|
+
disabled?: boolean;
|
|
110
|
+
/**
|
|
111
|
+
* The type of component to render the tab button as. If this prop is not
|
|
112
|
+
* provided, the tab button will be rendered as a `button` element.
|
|
113
|
+
*/
|
|
114
|
+
render?: React.ReactElement;
|
|
115
|
+
};
|
|
116
|
+
export type TabPanelProps = {
|
|
117
|
+
/**
|
|
118
|
+
* The children elements, generally the content to display on the tabpanel.
|
|
119
|
+
*/
|
|
120
|
+
children?: React.ReactNode;
|
|
121
|
+
/**
|
|
122
|
+
* A unique identifier for the TabPanel, which is used to generate a unique `id` for the underlying element.
|
|
123
|
+
*/
|
|
124
|
+
id: string;
|
|
125
|
+
/**
|
|
126
|
+
* The class name to apply to the tabpanel.
|
|
127
|
+
*/
|
|
128
|
+
className?: string;
|
|
129
|
+
/**
|
|
130
|
+
* Custom CSS styles for the rendered `TabPanel` component.
|
|
131
|
+
*/
|
|
132
|
+
style?: React.CSSProperties;
|
|
133
|
+
};
|
|
134
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/tabs/types.ts"],"names":[],"mappings":";AAAA;;GAEG;AAEH,OAAO,KAAK,KAAK,OAAO,MAAM,gBAAgB,CAAC;AAE/C;;GAEG;AACH,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,gBAAgB,GACzB;IACA;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,QAAQ,CAAC;IACxB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CAClB,GACD,SAAS,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG;IACvB;;;;OAIG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAE,UAAU,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAM,IAAI,CAAC;IAE7D;;;;OAIG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC3B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IACX;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC5B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { Props } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* `Text` is a core component that renders text in the library, using the
|
|
4
5
|
* library's typography system.
|
|
@@ -15,5 +16,6 @@ export default ConnectedText;
|
|
|
15
16
|
* }
|
|
16
17
|
* ```
|
|
17
18
|
*/
|
|
18
|
-
declare const
|
|
19
|
+
export declare const Text: import("../context").WordPressComponent<"span", Props & import("react").RefAttributes<any>, true>;
|
|
20
|
+
export default Text;
|
|
19
21
|
//# sourceMappingURL=component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.
|
|
1
|
+
{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/text/component.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAerC;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,IAAI,mGAA4C,CAAC;AAC9D,eAAe,IAAI,CAAC"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Internal dependencies
|
|
3
|
+
*/
|
|
4
|
+
import type { WordPressComponentProps } from '../context';
|
|
5
|
+
import type { Props } from './types';
|
|
6
|
+
import type React from 'react';
|
|
1
7
|
/**
|
|
2
8
|
* @param {import('../context').WordPressComponentProps<import('./types').Props, 'span'>} props
|
|
3
9
|
*/
|
|
4
|
-
export default function useText(props:
|
|
5
|
-
children:
|
|
10
|
+
export default function useText(props: WordPressComponentProps<Props, 'span'>): {
|
|
11
|
+
children: React.ReactNode;
|
|
6
12
|
className: string;
|
|
7
13
|
id?: string | undefined;
|
|
8
14
|
prefix?: string | undefined;
|
|
9
15
|
slot?: string | undefined;
|
|
10
|
-
role?:
|
|
11
|
-
style?:
|
|
16
|
+
role?: React.AriaRole | undefined;
|
|
17
|
+
style?: React.CSSProperties | undefined;
|
|
12
18
|
title?: string | undefined;
|
|
13
19
|
color?: string | undefined;
|
|
14
20
|
translate?: "yes" | "no" | undefined;
|
|
@@ -66,167 +72,167 @@ export default function useText(props: import('../context').WordPressComponentPr
|
|
|
66
72
|
dangerouslySetInnerHTML?: {
|
|
67
73
|
__html: string;
|
|
68
74
|
} | undefined;
|
|
69
|
-
onCopy?:
|
|
70
|
-
onCopyCapture?:
|
|
71
|
-
onCut?:
|
|
72
|
-
onCutCapture?:
|
|
73
|
-
onPaste?:
|
|
74
|
-
onPasteCapture?:
|
|
75
|
-
onCompositionEnd?:
|
|
76
|
-
onCompositionEndCapture?:
|
|
77
|
-
onCompositionStart?:
|
|
78
|
-
onCompositionStartCapture?:
|
|
79
|
-
onCompositionUpdate?:
|
|
80
|
-
onCompositionUpdateCapture?:
|
|
81
|
-
onFocus?:
|
|
82
|
-
onFocusCapture?:
|
|
83
|
-
onBlur?:
|
|
84
|
-
onBlurCapture?:
|
|
85
|
-
onChange?:
|
|
86
|
-
onChangeCapture?:
|
|
87
|
-
onBeforeInput?:
|
|
88
|
-
onBeforeInputCapture?:
|
|
89
|
-
onInput?:
|
|
90
|
-
onInputCapture?:
|
|
91
|
-
onReset?:
|
|
92
|
-
onResetCapture?:
|
|
93
|
-
onSubmit?:
|
|
94
|
-
onSubmitCapture?:
|
|
95
|
-
onInvalid?:
|
|
96
|
-
onInvalidCapture?:
|
|
97
|
-
onLoad?:
|
|
98
|
-
onLoadCapture?:
|
|
99
|
-
onError?:
|
|
100
|
-
onErrorCapture?:
|
|
101
|
-
onKeyDown?:
|
|
102
|
-
onKeyDownCapture?:
|
|
103
|
-
onKeyPress?:
|
|
104
|
-
onKeyPressCapture?:
|
|
105
|
-
onKeyUp?:
|
|
106
|
-
onKeyUpCapture?:
|
|
107
|
-
onAbort?:
|
|
108
|
-
onAbortCapture?:
|
|
109
|
-
onCanPlay?:
|
|
110
|
-
onCanPlayCapture?:
|
|
111
|
-
onCanPlayThrough?:
|
|
112
|
-
onCanPlayThroughCapture?:
|
|
113
|
-
onDurationChange?:
|
|
114
|
-
onDurationChangeCapture?:
|
|
115
|
-
onEmptied?:
|
|
116
|
-
onEmptiedCapture?:
|
|
117
|
-
onEncrypted?:
|
|
118
|
-
onEncryptedCapture?:
|
|
119
|
-
onEnded?:
|
|
120
|
-
onEndedCapture?:
|
|
121
|
-
onLoadedData?:
|
|
122
|
-
onLoadedDataCapture?:
|
|
123
|
-
onLoadedMetadata?:
|
|
124
|
-
onLoadedMetadataCapture?:
|
|
125
|
-
onLoadStart?:
|
|
126
|
-
onLoadStartCapture?:
|
|
127
|
-
onPause?:
|
|
128
|
-
onPauseCapture?:
|
|
129
|
-
onPlay?:
|
|
130
|
-
onPlayCapture?:
|
|
131
|
-
onPlaying?:
|
|
132
|
-
onPlayingCapture?:
|
|
133
|
-
onProgress?:
|
|
134
|
-
onProgressCapture?:
|
|
135
|
-
onRateChange?:
|
|
136
|
-
onRateChangeCapture?:
|
|
137
|
-
onSeeked?:
|
|
138
|
-
onSeekedCapture?:
|
|
139
|
-
onSeeking?:
|
|
140
|
-
onSeekingCapture?:
|
|
141
|
-
onStalled?:
|
|
142
|
-
onStalledCapture?:
|
|
143
|
-
onSuspend?:
|
|
144
|
-
onSuspendCapture?:
|
|
145
|
-
onTimeUpdate?:
|
|
146
|
-
onTimeUpdateCapture?:
|
|
147
|
-
onVolumeChange?:
|
|
148
|
-
onVolumeChangeCapture?:
|
|
149
|
-
onWaiting?:
|
|
150
|
-
onWaitingCapture?:
|
|
151
|
-
onAuxClick?:
|
|
152
|
-
onAuxClickCapture?:
|
|
153
|
-
onClick?:
|
|
154
|
-
onClickCapture?:
|
|
155
|
-
onContextMenu?:
|
|
156
|
-
onContextMenuCapture?:
|
|
157
|
-
onDoubleClick?:
|
|
158
|
-
onDoubleClickCapture?:
|
|
159
|
-
onDrag?:
|
|
160
|
-
onDragCapture?:
|
|
161
|
-
onDragEnd?:
|
|
162
|
-
onDragEndCapture?:
|
|
163
|
-
onDragEnter?:
|
|
164
|
-
onDragEnterCapture?:
|
|
165
|
-
onDragExit?:
|
|
166
|
-
onDragExitCapture?:
|
|
167
|
-
onDragLeave?:
|
|
168
|
-
onDragLeaveCapture?:
|
|
169
|
-
onDragOver?:
|
|
170
|
-
onDragOverCapture?:
|
|
171
|
-
onDragStart?:
|
|
172
|
-
onDragStartCapture?:
|
|
173
|
-
onDrop?:
|
|
174
|
-
onDropCapture?:
|
|
175
|
-
onMouseDown?:
|
|
176
|
-
onMouseDownCapture?:
|
|
177
|
-
onMouseEnter?:
|
|
178
|
-
onMouseLeave?:
|
|
179
|
-
onMouseMove?:
|
|
180
|
-
onMouseMoveCapture?:
|
|
181
|
-
onMouseOut?:
|
|
182
|
-
onMouseOutCapture?:
|
|
183
|
-
onMouseOver?:
|
|
184
|
-
onMouseOverCapture?:
|
|
185
|
-
onMouseUp?:
|
|
186
|
-
onMouseUpCapture?:
|
|
187
|
-
onSelect?:
|
|
188
|
-
onSelectCapture?:
|
|
189
|
-
onTouchCancel?:
|
|
190
|
-
onTouchCancelCapture?:
|
|
191
|
-
onTouchEnd?:
|
|
192
|
-
onTouchEndCapture?:
|
|
193
|
-
onTouchMove?:
|
|
194
|
-
onTouchMoveCapture?:
|
|
195
|
-
onTouchStart?:
|
|
196
|
-
onTouchStartCapture?:
|
|
197
|
-
onPointerDown?:
|
|
198
|
-
onPointerDownCapture?:
|
|
199
|
-
onPointerMove?:
|
|
200
|
-
onPointerMoveCapture?:
|
|
201
|
-
onPointerUp?:
|
|
202
|
-
onPointerUpCapture?:
|
|
203
|
-
onPointerCancel?:
|
|
204
|
-
onPointerCancelCapture?:
|
|
205
|
-
onPointerEnter?:
|
|
206
|
-
onPointerEnterCapture?:
|
|
207
|
-
onPointerLeave?:
|
|
208
|
-
onPointerLeaveCapture?:
|
|
209
|
-
onPointerOver?:
|
|
210
|
-
onPointerOverCapture?:
|
|
211
|
-
onPointerOut?:
|
|
212
|
-
onPointerOutCapture?:
|
|
213
|
-
onGotPointerCapture?:
|
|
214
|
-
onGotPointerCaptureCapture?:
|
|
215
|
-
onLostPointerCapture?:
|
|
216
|
-
onLostPointerCaptureCapture?:
|
|
217
|
-
onScroll?:
|
|
218
|
-
onScrollCapture?:
|
|
219
|
-
onWheel?:
|
|
220
|
-
onWheelCapture?:
|
|
221
|
-
onAnimationStart?:
|
|
222
|
-
onAnimationStartCapture?:
|
|
223
|
-
onAnimationEnd?:
|
|
224
|
-
onAnimationEndCapture?:
|
|
225
|
-
onAnimationIteration?:
|
|
226
|
-
onAnimationIterationCapture?:
|
|
227
|
-
onTransitionEnd?:
|
|
228
|
-
onTransitionEndCapture?:
|
|
229
|
-
key?:
|
|
75
|
+
onCopy?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
76
|
+
onCopyCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
77
|
+
onCut?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
78
|
+
onCutCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
79
|
+
onPaste?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
80
|
+
onPasteCapture?: React.ClipboardEventHandler<HTMLSpanElement> | undefined;
|
|
81
|
+
onCompositionEnd?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
82
|
+
onCompositionEndCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
83
|
+
onCompositionStart?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
84
|
+
onCompositionStartCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
85
|
+
onCompositionUpdate?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
86
|
+
onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLSpanElement> | undefined;
|
|
87
|
+
onFocus?: React.FocusEventHandler<HTMLSpanElement> | undefined;
|
|
88
|
+
onFocusCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
|
|
89
|
+
onBlur?: React.FocusEventHandler<HTMLSpanElement> | undefined;
|
|
90
|
+
onBlurCapture?: React.FocusEventHandler<HTMLSpanElement> | undefined;
|
|
91
|
+
onChange?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
92
|
+
onChangeCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
93
|
+
onBeforeInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
94
|
+
onBeforeInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
95
|
+
onInput?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
96
|
+
onInputCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
97
|
+
onReset?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
98
|
+
onResetCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
99
|
+
onSubmit?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
100
|
+
onSubmitCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
101
|
+
onInvalid?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
102
|
+
onInvalidCapture?: React.FormEventHandler<HTMLSpanElement> | undefined;
|
|
103
|
+
onLoad?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
104
|
+
onLoadCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
105
|
+
onError?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
106
|
+
onErrorCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
107
|
+
onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
108
|
+
onKeyDownCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
109
|
+
onKeyPress?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
110
|
+
onKeyPressCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
111
|
+
onKeyUp?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
112
|
+
onKeyUpCapture?: React.KeyboardEventHandler<HTMLSpanElement> | undefined;
|
|
113
|
+
onAbort?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
114
|
+
onAbortCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
115
|
+
onCanPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
116
|
+
onCanPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
117
|
+
onCanPlayThrough?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
118
|
+
onCanPlayThroughCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
119
|
+
onDurationChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
120
|
+
onDurationChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
121
|
+
onEmptied?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
122
|
+
onEmptiedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
123
|
+
onEncrypted?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
124
|
+
onEncryptedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
125
|
+
onEnded?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
126
|
+
onEndedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
127
|
+
onLoadedData?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
128
|
+
onLoadedDataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
129
|
+
onLoadedMetadata?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
130
|
+
onLoadedMetadataCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
131
|
+
onLoadStart?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
132
|
+
onLoadStartCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
133
|
+
onPause?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
134
|
+
onPauseCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
135
|
+
onPlay?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
136
|
+
onPlayCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
137
|
+
onPlaying?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
138
|
+
onPlayingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
139
|
+
onProgress?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
140
|
+
onProgressCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
141
|
+
onRateChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
142
|
+
onRateChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
143
|
+
onSeeked?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
144
|
+
onSeekedCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
145
|
+
onSeeking?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
146
|
+
onSeekingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
147
|
+
onStalled?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
148
|
+
onStalledCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
149
|
+
onSuspend?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
150
|
+
onSuspendCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
151
|
+
onTimeUpdate?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
152
|
+
onTimeUpdateCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
153
|
+
onVolumeChange?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
154
|
+
onVolumeChangeCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
155
|
+
onWaiting?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
156
|
+
onWaitingCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
157
|
+
onAuxClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
158
|
+
onAuxClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
159
|
+
onClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
160
|
+
onClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
161
|
+
onContextMenu?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
162
|
+
onContextMenuCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
163
|
+
onDoubleClick?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
164
|
+
onDoubleClickCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
165
|
+
onDrag?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
166
|
+
onDragCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
167
|
+
onDragEnd?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
168
|
+
onDragEndCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
169
|
+
onDragEnter?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
170
|
+
onDragEnterCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
171
|
+
onDragExit?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
172
|
+
onDragExitCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
173
|
+
onDragLeave?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
174
|
+
onDragLeaveCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
175
|
+
onDragOver?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
176
|
+
onDragOverCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
177
|
+
onDragStart?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
178
|
+
onDragStartCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
179
|
+
onDrop?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
180
|
+
onDropCapture?: React.DragEventHandler<HTMLSpanElement> | undefined;
|
|
181
|
+
onMouseDown?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
182
|
+
onMouseDownCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
183
|
+
onMouseEnter?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
184
|
+
onMouseLeave?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
185
|
+
onMouseMove?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
186
|
+
onMouseMoveCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
187
|
+
onMouseOut?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
188
|
+
onMouseOutCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
189
|
+
onMouseOver?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
190
|
+
onMouseOverCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
191
|
+
onMouseUp?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
192
|
+
onMouseUpCapture?: React.MouseEventHandler<HTMLSpanElement> | undefined;
|
|
193
|
+
onSelect?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
194
|
+
onSelectCapture?: React.ReactEventHandler<HTMLSpanElement> | undefined;
|
|
195
|
+
onTouchCancel?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
196
|
+
onTouchCancelCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
197
|
+
onTouchEnd?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
198
|
+
onTouchEndCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
199
|
+
onTouchMove?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
200
|
+
onTouchMoveCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
201
|
+
onTouchStart?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
202
|
+
onTouchStartCapture?: React.TouchEventHandler<HTMLSpanElement> | undefined;
|
|
203
|
+
onPointerDown?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
204
|
+
onPointerDownCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
205
|
+
onPointerMove?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
206
|
+
onPointerMoveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
207
|
+
onPointerUp?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
208
|
+
onPointerUpCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
209
|
+
onPointerCancel?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
210
|
+
onPointerCancelCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
211
|
+
onPointerEnter?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
212
|
+
onPointerEnterCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
213
|
+
onPointerLeave?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
214
|
+
onPointerLeaveCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
215
|
+
onPointerOver?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
216
|
+
onPointerOverCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
217
|
+
onPointerOut?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
218
|
+
onPointerOutCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
219
|
+
onGotPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
220
|
+
onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
221
|
+
onLostPointerCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
222
|
+
onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLSpanElement> | undefined;
|
|
223
|
+
onScroll?: React.UIEventHandler<HTMLSpanElement> | undefined;
|
|
224
|
+
onScrollCapture?: React.UIEventHandler<HTMLSpanElement> | undefined;
|
|
225
|
+
onWheel?: React.WheelEventHandler<HTMLSpanElement> | undefined;
|
|
226
|
+
onWheelCapture?: React.WheelEventHandler<HTMLSpanElement> | undefined;
|
|
227
|
+
onAnimationStart?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
228
|
+
onAnimationStartCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
229
|
+
onAnimationEnd?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
230
|
+
onAnimationEndCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
231
|
+
onAnimationIteration?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
232
|
+
onAnimationIterationCapture?: React.AnimationEventHandler<HTMLSpanElement> | undefined;
|
|
233
|
+
onTransitionEnd?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
234
|
+
onTransitionEndCapture?: React.TransitionEventHandler<HTMLSpanElement> | undefined;
|
|
235
|
+
key?: React.Key | null | undefined;
|
|
230
236
|
defaultChecked?: boolean | undefined;
|
|
231
237
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
232
238
|
suppressContentEditableWarning?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.
|
|
1
|
+
{"version":3,"file":"hook.d.ts","sourceRoot":"","sources":["../../src/text/hook.ts"],"names":[],"mappings":"AAWA;;GAEG;AACH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAU1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AACrC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAC9B,KAAK,EAAE,uBAAuB,CAAE,KAAK,EAAE,MAAM,CAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6J/C"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { default as Text } from
|
|
2
|
-
export { default as useText } from
|
|
1
|
+
export { default as Text } from './component';
|
|
2
|
+
export { default as useText } from './hook';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* External dependencies
|
|
4
|
+
*/
|
|
5
|
+
import type { Meta } from '@storybook/react';
|
|
6
|
+
/**
|
|
7
|
+
* Internal dependencies
|
|
8
|
+
*/
|
|
9
|
+
import { Text } from '../component';
|
|
10
|
+
declare const meta: Meta<typeof Text>;
|
|
11
|
+
export default meta;
|
|
12
|
+
export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
13
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const Truncate: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
16
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
17
|
+
}>;
|
|
18
|
+
export declare const Highlight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, import("../types").Props & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../types").Props> & {
|
|
19
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
//# sourceMappingURL=index.story.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/text/stories/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,IAAI,CAsB5B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO;;EAAsB,CAAC;AAK3C,eAAO,MAAM,QAAQ;;EAAsB,CAAC;AAmB5C,eAAO,MAAM,SAAS;;EAAsB,CAAC"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
export const Text: import("@emotion/utils").SerializedStyles;
|
|
2
|
-
export const block: import("@emotion/utils").SerializedStyles;
|
|
3
|
-
export const positive: import("@emotion/utils").SerializedStyles;
|
|
4
|
-
export const destructive: import("@emotion/utils").SerializedStyles;
|
|
5
|
-
export const muted: import("@emotion/utils").SerializedStyles;
|
|
6
|
-
export const highlighterText: import("@emotion/utils").SerializedStyles;
|
|
7
|
-
export const upperCase: import("@emotion/utils").SerializedStyles;
|
|
1
|
+
export declare const Text: import("@emotion/utils").SerializedStyles;
|
|
2
|
+
export declare const block: import("@emotion/utils").SerializedStyles;
|
|
3
|
+
export declare const positive: import("@emotion/utils").SerializedStyles;
|
|
4
|
+
export declare const destructive: import("@emotion/utils").SerializedStyles;
|
|
5
|
+
export declare const muted: import("@emotion/utils").SerializedStyles;
|
|
6
|
+
export declare const highlighterText: import("@emotion/utils").SerializedStyles;
|
|
7
|
+
export declare const upperCase: import("@emotion/utils").SerializedStyles;
|
|
8
8
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/text/styles.
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/text/styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,IAAI,2CAIhB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF,eAAO,MAAM,QAAQ,2CAEpB,CAAC;AAEF,eAAO,MAAM,WAAW,2CAEvB,CAAC;AAEF,eAAO,MAAM,KAAK,2CAEjB,CAAC;AAEF,eAAO,MAAM,eAAe,2CAQ3B,CAAC;AAEF,eAAO,MAAM,SAAS,2CAErB,CAAC"}
|
|
@@ -18,7 +18,7 @@ export interface Props extends TruncateProps {
|
|
|
18
18
|
/**
|
|
19
19
|
* Automatically calculate the appropriate line-height value for contents that render text and Control elements (e.g. `TextInput`).
|
|
20
20
|
*/
|
|
21
|
-
adjustLineHeightForInnerControls?:
|
|
21
|
+
adjustLineHeightForInnerControls?: 'large' | 'medium' | 'small' | 'xSmall';
|
|
22
22
|
/**
|
|
23
23
|
* Adjusts the text color.
|
|
24
24
|
*/
|