react-magma-dom 4.7.0-next.25 → 4.7.0-next.26

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.
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TabsIconPosition } from '../Tabs';
3
- import { TabsOrientation } from '../Tabs/shared';
3
+ import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
4
4
  import { XOR } from '../../utils';
5
5
  export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement> {
6
6
  /**
@@ -25,6 +25,11 @@ export interface BaseNavTabProps extends React.HTMLAttributes<HTMLAnchorElement>
25
25
  * @default TabsOrientation.horizontal
26
26
  */
27
27
  orientation?: TabsOrientation;
28
+ /**
29
+ * Determines whether the tab appears in all-caps
30
+ * @default TabsTextTransform.uppercase
31
+ */
32
+ textTransform?: TabsTextTransform;
28
33
  /**
29
34
  * @internal
30
35
  */
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { TabsBorderPosition, TabsIconPosition, TabsProps } from '../Tabs';
3
- import { TabsOrientation } from '../Tabs/shared';
3
+ import { TabsOrientation, TabsTextTransform } from '../Tabs/shared';
4
4
  import { Omit } from '../../utils';
5
5
  export interface NavTabsProps extends Omit<TabsProps, 'onChange'> {
6
6
  }
@@ -10,6 +10,7 @@ interface NavTabsContextInterface {
10
10
  isInverse?: boolean;
11
11
  isFullWidth?: boolean;
12
12
  orientation?: TabsOrientation;
13
+ textTransform?: TabsTextTransform;
13
14
  }
14
15
  export declare const NavTabsContext: React.Context<NavTabsContextInterface>;
15
16
  export declare const NavTabs: React.ForwardRefExoticComponent<(NavTabsProps & import("../Tabs").HorizontalTabsProps & React.RefAttributes<HTMLDivElement>) | (NavTabsProps & import("../Tabs").VerticalTabsProps & React.RefAttributes<HTMLDivElement>)>;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { TabsIconPosition, TabsBorderPosition } from './Tabs';
3
- import { TabsOrientation } from './shared';
3
+ import { TabsOrientation, TabsTextTransform } from './shared';
4
4
  import { ThemeInterface } from '../../theme/magma';
5
5
  export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
6
6
  /**
@@ -8,6 +8,11 @@ export interface TabProps extends React.ButtonHTMLAttributes<HTMLButtonElement>
8
8
  */
9
9
  icon?: React.ReactElement<any> | React.ReactElement<any>[];
10
10
  isInverse?: boolean;
11
+ /**
12
+ * Determines whether the tab appears in all-caps
13
+ * @default TabsTextTransform.uppercase
14
+ */
15
+ textTransform?: TabsTextTransform;
11
16
  /**
12
17
  * @internal
13
18
  */
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  import { Omit } from '../../utils';
3
3
  import { ThemeInterface } from '../../theme/magma';
4
+ import { TabsOrientation, TabsTextTransform } from './shared';
4
5
  export declare enum TabsAlignment {
5
6
  center = "center",
6
7
  left = "left",
@@ -18,10 +19,6 @@ export declare enum TabsIconPosition {
18
19
  right = "right",
19
20
  top = "top"
20
21
  }
21
- export declare enum TabsOrientation {
22
- horizontal = "horizontal",
23
- vertical = "vertical"
24
- }
25
22
  export interface VerticalTabsProps {
26
23
  orientation?: TabsOrientation.vertical;
27
24
  borderPosition?: TabsBorderPosition.left | TabsBorderPosition.right;
@@ -63,6 +60,11 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
63
60
  * @default TabsOrientation.horizontal
64
61
  */
65
62
  orientation?: TabsOrientation;
63
+ /**
64
+ * Determines whether the tab appears in all-caps
65
+ * @default TabsTextTransform.uppercase
66
+ */
67
+ textTransform?: TabsTextTransform;
66
68
  /**
67
69
  * @internal
68
70
  */
@@ -76,6 +78,7 @@ interface TabsContextInterface {
76
78
  isInverse?: boolean;
77
79
  isFullWidth?: boolean;
78
80
  orientation?: TabsOrientation;
81
+ textTransform?: TabsTextTransform;
79
82
  registerTabButton: (itemRefArray: React.MutableRefObject<React.MutableRefObject<Element>[]>, itemRef: React.MutableRefObject<Element>) => void;
80
83
  }
81
84
  export declare const TabsContext: React.Context<TabsContextInterface>;
@@ -2,3 +2,7 @@ export declare enum TabsOrientation {
2
2
  horizontal = "horizontal",
3
3
  vertical = "vertical"
4
4
  }
5
+ export declare enum TabsTextTransform {
6
+ uppercase = "uppercase",
7
+ none = "none"
8
+ }