@metamask/design-system-react 0.19.0 → 0.20.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 +15 -1
- package/dist/components/BannerAlert/BannerAlert.d.cts +6 -6
- package/dist/components/BannerAlert/BannerAlert.d.mts +6 -6
- package/dist/components/BannerBase/BannerBase.cjs +2 -3
- package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.cts +7 -7
- package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.mts +7 -7
- package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
- package/dist/components/BannerBase/BannerBase.mjs +1 -2
- package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
- package/dist/components/Button/Button.cjs +5 -5
- package/dist/components/Button/Button.cjs.map +1 -1
- package/dist/components/Button/Button.d.cts.map +1 -1
- package/dist/components/Button/Button.d.mts.map +1 -1
- package/dist/components/Button/Button.mjs +1 -1
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.types.cjs.map +1 -1
- package/dist/components/Button/Button.types.d.cts +5 -12
- package/dist/components/Button/Button.types.d.cts.map +1 -1
- package/dist/components/Button/Button.types.d.mts +5 -12
- package/dist/components/Button/Button.types.d.mts.map +1 -1
- package/dist/components/Button/Button.types.mjs.map +1 -1
- package/dist/components/Button/index.cjs +3 -3
- package/dist/components/Button/index.cjs.map +1 -1
- package/dist/components/Button/index.d.cts +1 -1
- package/dist/components/Button/index.d.cts.map +1 -1
- package/dist/components/Button/index.d.mts +1 -1
- package/dist/components/Button/index.d.mts.map +1 -1
- package/dist/components/Button/index.mjs +1 -1
- package/dist/components/Button/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs +2 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs +2 -0
- package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonPrimary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonPrimary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonPrimary/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs +2 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs +2 -0
- package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonSecondary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonSecondary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonSecondary/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs +2 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs +2 -0
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.cjs +1 -3
- package/dist/components/Button/variants/ButtonTertiary/index.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.cts +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.cts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.mts +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.d.mts.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/index.mjs +0 -1
- package/dist/components/Button/variants/ButtonTertiary/index.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.cjs +3 -3
- package/dist/components/ButtonBase/ButtonBase.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.cjs +4 -4
- package/dist/components/ButtonBase/ButtonBase.constants.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.cts +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.mts +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.mjs +1 -1
- package/dist/components/ButtonBase/ButtonBase.constants.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.mjs +2 -2
- package/dist/components/ButtonBase/ButtonBase.mjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.cjs.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.d.cts +3 -35
- package/dist/components/ButtonBase/ButtonBase.types.d.cts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.d.mts +3 -35
- package/dist/components/ButtonBase/ButtonBase.types.d.mts.map +1 -1
- package/dist/components/ButtonBase/ButtonBase.types.mjs.map +1 -1
- package/dist/components/ButtonBase/index.cjs +2 -2
- package/dist/components/ButtonBase/index.cjs.map +1 -1
- package/dist/components/ButtonBase/index.d.cts +1 -1
- package/dist/components/ButtonBase/index.d.cts.map +1 -1
- package/dist/components/ButtonBase/index.d.mts +1 -1
- package/dist/components/ButtonBase/index.d.mts.map +1 -1
- package/dist/components/ButtonBase/index.mjs +1 -1
- package/dist/components/ButtonBase/index.mjs.map +1 -1
- package/dist/components/ButtonHero/index.cjs +2 -2
- package/dist/components/ButtonHero/index.cjs.map +1 -1
- package/dist/components/ButtonHero/index.d.cts +1 -1
- package/dist/components/ButtonHero/index.d.cts.map +1 -1
- package/dist/components/ButtonHero/index.d.mts +1 -1
- package/dist/components/ButtonHero/index.d.mts.map +1 -1
- package/dist/components/ButtonHero/index.mjs +1 -1
- package/dist/components/ButtonHero/index.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.cjs +5 -5
- package/dist/components/ButtonIcon/ButtonIcon.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.cjs +7 -8
- package/dist/components/ButtonIcon/ButtonIcon.constants.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.mjs +1 -2
- package/dist/components/ButtonIcon/ButtonIcon.constants.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.mjs +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.cjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.d.cts +5 -27
- package/dist/components/ButtonIcon/ButtonIcon.types.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.d.mts +5 -27
- package/dist/components/ButtonIcon/ButtonIcon.types.d.mts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.types.mjs.map +1 -1
- package/dist/components/ButtonIcon/index.cjs +3 -3
- package/dist/components/ButtonIcon/index.cjs.map +1 -1
- package/dist/components/ButtonIcon/index.d.cts +1 -1
- package/dist/components/ButtonIcon/index.d.cts.map +1 -1
- package/dist/components/ButtonIcon/index.d.mts +1 -1
- package/dist/components/ButtonIcon/index.d.mts.map +1 -1
- package/dist/components/ButtonIcon/index.mjs +1 -1
- package/dist/components/ButtonIcon/index.mjs.map +1 -1
- package/dist/types/index.cjs +1 -64
- package/dist/types/index.cjs.map +1 -1
- package/dist/types/index.d.cts +0 -64
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.mts +0 -64
- package/dist/types/index.d.mts.map +1 -1
- package/dist/types/index.mjs +0 -68
- package/dist/types/index.mjs.map +1 -1
- package/package.json +2 -2
|
@@ -1,37 +1,15 @@
|
|
|
1
|
+
import type { ButtonIconPropsShared } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ComponentProps } from "react";
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
export type ButtonIconProps = ComponentProps<'button'> & {
|
|
5
|
-
/**
|
|
6
|
-
* Required prop to specify the icon to show
|
|
7
|
-
*/
|
|
8
|
-
iconName: IconName;
|
|
9
|
-
/**
|
|
10
|
-
* Required prop to provide an accessible label for the button
|
|
11
|
-
*/
|
|
12
|
-
ariaLabel: string;
|
|
3
|
+
import type { IconProps } from "../Icon/index.cjs";
|
|
4
|
+
export type ButtonIconProps = ComponentProps<'button'> & ButtonIconPropsShared & {
|
|
13
5
|
/**
|
|
14
6
|
* Optional prop to pass additional properties to the icon
|
|
15
7
|
*/
|
|
16
8
|
iconProps?: Partial<IconProps>;
|
|
17
9
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
isDisabled?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Optional prop to control the visual variant of the button.
|
|
25
|
-
*
|
|
26
|
-
* @default ButtonIconVariant.Default
|
|
27
|
-
*/
|
|
28
|
-
variant?: ButtonIconVariant;
|
|
29
|
-
/**
|
|
30
|
-
* Optional prop to control the size of the button
|
|
31
|
-
*
|
|
32
|
-
* @default ButtonIconSize.Md
|
|
10
|
+
* Required prop to provide an accessible label for the button
|
|
33
11
|
*/
|
|
34
|
-
|
|
12
|
+
ariaLabel: string;
|
|
35
13
|
/**
|
|
36
14
|
* Optional prop for additional CSS classes to be applied to the ButtonIcon component
|
|
37
15
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uCAAuC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GACpD,qBAAqB,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
|
|
@@ -1,37 +1,15 @@
|
|
|
1
|
+
import type { ButtonIconPropsShared } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ComponentProps } from "react";
|
|
2
|
-
import type {
|
|
3
|
-
|
|
4
|
-
export type ButtonIconProps = ComponentProps<'button'> & {
|
|
5
|
-
/**
|
|
6
|
-
* Required prop to specify the icon to show
|
|
7
|
-
*/
|
|
8
|
-
iconName: IconName;
|
|
9
|
-
/**
|
|
10
|
-
* Required prop to provide an accessible label for the button
|
|
11
|
-
*/
|
|
12
|
-
ariaLabel: string;
|
|
3
|
+
import type { IconProps } from "../Icon/index.mjs";
|
|
4
|
+
export type ButtonIconProps = ComponentProps<'button'> & ButtonIconPropsShared & {
|
|
13
5
|
/**
|
|
14
6
|
* Optional prop to pass additional properties to the icon
|
|
15
7
|
*/
|
|
16
8
|
iconProps?: Partial<IconProps>;
|
|
17
9
|
/**
|
|
18
|
-
*
|
|
19
|
-
*
|
|
20
|
-
* @default false
|
|
21
|
-
*/
|
|
22
|
-
isDisabled?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Optional prop to control the visual variant of the button.
|
|
25
|
-
*
|
|
26
|
-
* @default ButtonIconVariant.Default
|
|
27
|
-
*/
|
|
28
|
-
variant?: ButtonIconVariant;
|
|
29
|
-
/**
|
|
30
|
-
* Optional prop to control the size of the button
|
|
31
|
-
*
|
|
32
|
-
* @default ButtonIconSize.Md
|
|
10
|
+
* Required prop to provide an accessible label for the button
|
|
33
11
|
*/
|
|
34
|
-
|
|
12
|
+
ariaLabel: string;
|
|
35
13
|
/**
|
|
36
14
|
* Optional prop for additional CSS classes to be applied to the ButtonIcon component
|
|
37
15
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uCAAuC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,OAAO,KAAK,EAAE,SAAS,EAAE,0BAAgB;AAEzC,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,GACpD,qBAAqB,GAAG;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;IAC/B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonIconPropsShared } from '@metamask/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nimport type { IconProps } from '../Icon';\n\nexport type ButtonIconProps = ComponentProps<'button'> &\n ButtonIconPropsShared & {\n /**\n * Optional prop to pass additional properties to the icon\n */\n iconProps?: Partial<IconProps>;\n /**\n * Required prop to provide an accessible label for the button\n */\n ariaLabel: string;\n /**\n * Optional prop for additional CSS classes to be applied to the ButtonIcon component\n */\n className?: string;\n /**\n * Optional CSS styles to be applied to the component.\n * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n */\n style?: React.CSSProperties;\n };\n"]}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.ButtonIcon = exports.ButtonIconVariant = exports.ButtonIconSize = void 0;
|
|
4
|
-
var
|
|
5
|
-
Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: function () { return
|
|
6
|
-
Object.defineProperty(exports, "ButtonIconVariant", { enumerable: true, get: function () { return
|
|
4
|
+
var design_system_shared_1 = require("@metamask/design-system-shared");
|
|
5
|
+
Object.defineProperty(exports, "ButtonIconSize", { enumerable: true, get: function () { return design_system_shared_1.ButtonIconSize; } });
|
|
6
|
+
Object.defineProperty(exports, "ButtonIconVariant", { enumerable: true, get: function () { return design_system_shared_1.ButtonIconVariant; } });
|
|
7
7
|
var ButtonIcon_1 = require("./ButtonIcon.cjs");
|
|
8
8
|
Object.defineProperty(exports, "ButtonIcon", { enumerable: true, get: function () { return ButtonIcon_1.ButtonIcon; } });
|
|
9
9
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,yHAAA,iBAAiB,OAAA;AAEnB,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export {\n ButtonIconSize,\n ButtonIconVariant,\n} from '@metamask/design-system-shared';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ButtonIconSize, ButtonIconVariant } from "
|
|
1
|
+
export { ButtonIconSize, ButtonIconVariant, } from "@metamask/design-system-shared";
|
|
2
2
|
export { ButtonIcon } from "./ButtonIcon.cjs";
|
|
3
3
|
export type { ButtonIconProps } from "./ButtonIcon.types.cjs";
|
|
4
4
|
//# sourceMappingURL=index.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,GAClB,uCAAuC;AACxC,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { ButtonIconSize, ButtonIconVariant } from "
|
|
1
|
+
export { ButtonIconSize, ButtonIconVariant, } from "@metamask/design-system-shared";
|
|
2
2
|
export { ButtonIcon } from "./ButtonIcon.mjs";
|
|
3
3
|
export type { ButtonIconProps } from "./ButtonIcon.types.mjs";
|
|
4
4
|
//# sourceMappingURL=index.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,GAClB,uCAAuC;AACxC,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/ButtonIcon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,iBAAiB,EAClB,uCAAuC;AACxC,OAAO,EAAE,UAAU,EAAE,yBAAqB","sourcesContent":["export {\n ButtonIconSize,\n ButtonIconVariant,\n} from '@metamask/design-system-shared';\nexport { ButtonIcon } from './ButtonIcon';\nexport type { ButtonIconProps } from './ButtonIcon.types';\n"]}
|
package/dist/types/index.cjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.TextButtonSize = exports.TextTransform = exports.OverflowWrap = exports.TextAlign = exports.
|
|
3
|
+
exports.TextButtonSize = exports.TextTransform = exports.OverflowWrap = exports.TextAlign = exports.AvatarGroupVariant = exports.AvatarSize = exports.AvatarNetworkSize = exports.AvatarGroupSize = exports.IconSize = exports.IconName = exports.IconColor = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
|
|
4
4
|
var design_system_shared_1 = require("@metamask/design-system-shared");
|
|
5
5
|
Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseSize; } });
|
|
6
6
|
Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseShape; } });
|
|
@@ -27,69 +27,6 @@ var AvatarGroupVariant;
|
|
|
27
27
|
AvatarGroupVariant["Network"] = "network";
|
|
28
28
|
AvatarGroupVariant["Token"] = "token";
|
|
29
29
|
})(AvatarGroupVariant || (exports.AvatarGroupVariant = AvatarGroupVariant = {}));
|
|
30
|
-
/**
|
|
31
|
-
* ButtonBase - size
|
|
32
|
-
*/
|
|
33
|
-
var ButtonBaseSize;
|
|
34
|
-
(function (ButtonBaseSize) {
|
|
35
|
-
/**
|
|
36
|
-
* Represents a small button size (32px).
|
|
37
|
-
*/
|
|
38
|
-
ButtonBaseSize["Sm"] = "sm";
|
|
39
|
-
/**
|
|
40
|
-
* Represents a medium button size (40px).
|
|
41
|
-
*/
|
|
42
|
-
ButtonBaseSize["Md"] = "md";
|
|
43
|
-
/**
|
|
44
|
-
* Represents a large button size (48px).
|
|
45
|
-
*/
|
|
46
|
-
ButtonBaseSize["Lg"] = "lg";
|
|
47
|
-
})(ButtonBaseSize || (exports.ButtonSize = exports.ButtonHeroSize = exports.ButtonTertiarySize = exports.ButtonSecondarySize = exports.ButtonPrimarySize = exports.ButtonBaseSize = ButtonBaseSize = {}));
|
|
48
|
-
/**
|
|
49
|
-
* Button - variant
|
|
50
|
-
*/
|
|
51
|
-
var ButtonVariant;
|
|
52
|
-
(function (ButtonVariant) {
|
|
53
|
-
/**
|
|
54
|
-
* Primary button variant - used for primary actions
|
|
55
|
-
*/
|
|
56
|
-
ButtonVariant["Primary"] = "primary";
|
|
57
|
-
/**
|
|
58
|
-
* Secondary button variant - used for secondary actions
|
|
59
|
-
*/
|
|
60
|
-
ButtonVariant["Secondary"] = "secondary";
|
|
61
|
-
/**
|
|
62
|
-
* Tertiary button variant - used for tertiary-like actions
|
|
63
|
-
*/
|
|
64
|
-
ButtonVariant["Tertiary"] = "tertiary";
|
|
65
|
-
})(ButtonVariant || (exports.ButtonVariant = ButtonVariant = {}));
|
|
66
|
-
/**
|
|
67
|
-
* ButtonIcon - size
|
|
68
|
-
*/
|
|
69
|
-
var ButtonIconSize;
|
|
70
|
-
(function (ButtonIconSize) {
|
|
71
|
-
/**
|
|
72
|
-
* Represents a small button size (24px).
|
|
73
|
-
*/
|
|
74
|
-
ButtonIconSize["Sm"] = "sm";
|
|
75
|
-
/**
|
|
76
|
-
* Represents a medium button size (32px).
|
|
77
|
-
*/
|
|
78
|
-
ButtonIconSize["Md"] = "md";
|
|
79
|
-
/**
|
|
80
|
-
* Represents a large button size (40px).
|
|
81
|
-
*/
|
|
82
|
-
ButtonIconSize["Lg"] = "lg";
|
|
83
|
-
})(ButtonIconSize || (exports.ButtonIconSize = ButtonIconSize = {}));
|
|
84
|
-
/**
|
|
85
|
-
* ButtonIcon - variant
|
|
86
|
-
*/
|
|
87
|
-
var ButtonIconVariant;
|
|
88
|
-
(function (ButtonIconVariant) {
|
|
89
|
-
ButtonIconVariant["Default"] = "default";
|
|
90
|
-
ButtonIconVariant["Filled"] = "filled";
|
|
91
|
-
ButtonIconVariant["Floating"] = "floating";
|
|
92
|
-
})(ButtonIconVariant || (exports.ButtonIconVariant = ButtonIconVariant = {}));
|
|
93
30
|
/**
|
|
94
31
|
* Text - textAlign
|
|
95
32
|
*/
|
package/dist/types/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB;;GAEG;AACH,uEAA+E;AAAtE,iHAAA,SAAS,OAAA;AAAE,gHAAA,QAAQ,OAAA;AAAE,gHAAA,QAAQ,OAAA;AACtC,uEAAmF;AAA1E,uHAAA,cAAc,OAAmB;AAC1C,uEAAqF;AAA5E,yHAAA,cAAc,OAAqB;AAC5C,uEAA8E;AAArE,kHAAA,cAAc,OAAc;AAErC;;GAEG;AACH,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B;AAED;;GAEG;
|
|
1
|
+
{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB;;GAEG;AACH,uEAA+E;AAAtE,iHAAA,SAAS,OAAA;AAAE,gHAAA,QAAQ,OAAA;AAAE,gHAAA,QAAQ,OAAA;AACtC,uEAAmF;AAA1E,uHAAA,cAAc,OAAmB;AAC1C,uEAAqF;AAA5E,yHAAA,cAAc,OAAqB;AAC5C,uEAA8E;AAArE,kHAAA,cAAc,OAAc;AAErC;;GAEG;AACH,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,kCAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACU,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACU,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB","sourcesContent":["export {\n AvatarBaseSize,\n AvatarBaseShape,\n} from '@metamask/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarGroupSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/design-system-shared';\n\n/**\n * AvatarGroup - variant\n */\nexport enum AvatarGroupVariant {\n Account = 'account',\n Favicon = 'favicon',\n Network = 'network',\n Token = 'token',\n}\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n"]}
|
package/dist/types/index.d.cts
CHANGED
|
@@ -15,70 +15,6 @@ export declare enum AvatarGroupVariant {
|
|
|
15
15
|
Network = "network",
|
|
16
16
|
Token = "token"
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* ButtonBase - size
|
|
20
|
-
*/
|
|
21
|
-
export declare enum ButtonBaseSize {
|
|
22
|
-
/**
|
|
23
|
-
* Represents a small button size (32px).
|
|
24
|
-
*/
|
|
25
|
-
Sm = "sm",
|
|
26
|
-
/**
|
|
27
|
-
* Represents a medium button size (40px).
|
|
28
|
-
*/
|
|
29
|
-
Md = "md",
|
|
30
|
-
/**
|
|
31
|
-
* Represents a large button size (48px).
|
|
32
|
-
*/
|
|
33
|
-
Lg = "lg"
|
|
34
|
-
}
|
|
35
|
-
export { ButtonBaseSize as ButtonPrimarySize };
|
|
36
|
-
export { ButtonBaseSize as ButtonSecondarySize };
|
|
37
|
-
export { ButtonBaseSize as ButtonTertiarySize };
|
|
38
|
-
export { ButtonBaseSize as ButtonHeroSize };
|
|
39
|
-
export { ButtonBaseSize as ButtonSize };
|
|
40
|
-
/**
|
|
41
|
-
* Button - variant
|
|
42
|
-
*/
|
|
43
|
-
export declare enum ButtonVariant {
|
|
44
|
-
/**
|
|
45
|
-
* Primary button variant - used for primary actions
|
|
46
|
-
*/
|
|
47
|
-
Primary = "primary",
|
|
48
|
-
/**
|
|
49
|
-
* Secondary button variant - used for secondary actions
|
|
50
|
-
*/
|
|
51
|
-
Secondary = "secondary",
|
|
52
|
-
/**
|
|
53
|
-
* Tertiary button variant - used for tertiary-like actions
|
|
54
|
-
*/
|
|
55
|
-
Tertiary = "tertiary"
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* ButtonIcon - size
|
|
59
|
-
*/
|
|
60
|
-
export declare enum ButtonIconSize {
|
|
61
|
-
/**
|
|
62
|
-
* Represents a small button size (24px).
|
|
63
|
-
*/
|
|
64
|
-
Sm = "sm",
|
|
65
|
-
/**
|
|
66
|
-
* Represents a medium button size (32px).
|
|
67
|
-
*/
|
|
68
|
-
Md = "md",
|
|
69
|
-
/**
|
|
70
|
-
* Represents a large button size (40px).
|
|
71
|
-
*/
|
|
72
|
-
Lg = "lg"
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* ButtonIcon - variant
|
|
76
|
-
*/
|
|
77
|
-
export declare enum ButtonIconVariant {
|
|
78
|
-
Default = "default",
|
|
79
|
-
Filled = "filled",
|
|
80
|
-
Floating = "floating"
|
|
81
|
-
}
|
|
82
18
|
/**
|
|
83
19
|
* Text - textAlign
|
|
84
20
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
|
package/dist/types/index.d.mts
CHANGED
|
@@ -15,70 +15,6 @@ export declare enum AvatarGroupVariant {
|
|
|
15
15
|
Network = "network",
|
|
16
16
|
Token = "token"
|
|
17
17
|
}
|
|
18
|
-
/**
|
|
19
|
-
* ButtonBase - size
|
|
20
|
-
*/
|
|
21
|
-
export declare enum ButtonBaseSize {
|
|
22
|
-
/**
|
|
23
|
-
* Represents a small button size (32px).
|
|
24
|
-
*/
|
|
25
|
-
Sm = "sm",
|
|
26
|
-
/**
|
|
27
|
-
* Represents a medium button size (40px).
|
|
28
|
-
*/
|
|
29
|
-
Md = "md",
|
|
30
|
-
/**
|
|
31
|
-
* Represents a large button size (48px).
|
|
32
|
-
*/
|
|
33
|
-
Lg = "lg"
|
|
34
|
-
}
|
|
35
|
-
export { ButtonBaseSize as ButtonPrimarySize };
|
|
36
|
-
export { ButtonBaseSize as ButtonSecondarySize };
|
|
37
|
-
export { ButtonBaseSize as ButtonTertiarySize };
|
|
38
|
-
export { ButtonBaseSize as ButtonHeroSize };
|
|
39
|
-
export { ButtonBaseSize as ButtonSize };
|
|
40
|
-
/**
|
|
41
|
-
* Button - variant
|
|
42
|
-
*/
|
|
43
|
-
export declare enum ButtonVariant {
|
|
44
|
-
/**
|
|
45
|
-
* Primary button variant - used for primary actions
|
|
46
|
-
*/
|
|
47
|
-
Primary = "primary",
|
|
48
|
-
/**
|
|
49
|
-
* Secondary button variant - used for secondary actions
|
|
50
|
-
*/
|
|
51
|
-
Secondary = "secondary",
|
|
52
|
-
/**
|
|
53
|
-
* Tertiary button variant - used for tertiary-like actions
|
|
54
|
-
*/
|
|
55
|
-
Tertiary = "tertiary"
|
|
56
|
-
}
|
|
57
|
-
/**
|
|
58
|
-
* ButtonIcon - size
|
|
59
|
-
*/
|
|
60
|
-
export declare enum ButtonIconSize {
|
|
61
|
-
/**
|
|
62
|
-
* Represents a small button size (24px).
|
|
63
|
-
*/
|
|
64
|
-
Sm = "sm",
|
|
65
|
-
/**
|
|
66
|
-
* Represents a medium button size (32px).
|
|
67
|
-
*/
|
|
68
|
-
Md = "md",
|
|
69
|
-
/**
|
|
70
|
-
* Represents a large button size (40px).
|
|
71
|
-
*/
|
|
72
|
-
Lg = "lg"
|
|
73
|
-
}
|
|
74
|
-
/**
|
|
75
|
-
* ButtonIcon - variant
|
|
76
|
-
*/
|
|
77
|
-
export declare enum ButtonIconVariant {
|
|
78
|
-
Default = "default",
|
|
79
|
-
Filled = "filled",
|
|
80
|
-
Floating = "floating"
|
|
81
|
-
}
|
|
82
18
|
/**
|
|
83
19
|
* Text - textAlign
|
|
84
20
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,
|
|
1
|
+
{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
|
package/dist/types/index.mjs
CHANGED
|
@@ -16,74 +16,6 @@ export var AvatarGroupVariant;
|
|
|
16
16
|
AvatarGroupVariant["Network"] = "network";
|
|
17
17
|
AvatarGroupVariant["Token"] = "token";
|
|
18
18
|
})(AvatarGroupVariant || (AvatarGroupVariant = {}));
|
|
19
|
-
/**
|
|
20
|
-
* ButtonBase - size
|
|
21
|
-
*/
|
|
22
|
-
export var ButtonBaseSize;
|
|
23
|
-
(function (ButtonBaseSize) {
|
|
24
|
-
/**
|
|
25
|
-
* Represents a small button size (32px).
|
|
26
|
-
*/
|
|
27
|
-
ButtonBaseSize["Sm"] = "sm";
|
|
28
|
-
/**
|
|
29
|
-
* Represents a medium button size (40px).
|
|
30
|
-
*/
|
|
31
|
-
ButtonBaseSize["Md"] = "md";
|
|
32
|
-
/**
|
|
33
|
-
* Represents a large button size (48px).
|
|
34
|
-
*/
|
|
35
|
-
ButtonBaseSize["Lg"] = "lg";
|
|
36
|
-
})(ButtonBaseSize || (ButtonBaseSize = {}));
|
|
37
|
-
export { ButtonBaseSize as ButtonPrimarySize };
|
|
38
|
-
export { ButtonBaseSize as ButtonSecondarySize };
|
|
39
|
-
export { ButtonBaseSize as ButtonTertiarySize };
|
|
40
|
-
export { ButtonBaseSize as ButtonHeroSize };
|
|
41
|
-
export { ButtonBaseSize as ButtonSize };
|
|
42
|
-
/**
|
|
43
|
-
* Button - variant
|
|
44
|
-
*/
|
|
45
|
-
export var ButtonVariant;
|
|
46
|
-
(function (ButtonVariant) {
|
|
47
|
-
/**
|
|
48
|
-
* Primary button variant - used for primary actions
|
|
49
|
-
*/
|
|
50
|
-
ButtonVariant["Primary"] = "primary";
|
|
51
|
-
/**
|
|
52
|
-
* Secondary button variant - used for secondary actions
|
|
53
|
-
*/
|
|
54
|
-
ButtonVariant["Secondary"] = "secondary";
|
|
55
|
-
/**
|
|
56
|
-
* Tertiary button variant - used for tertiary-like actions
|
|
57
|
-
*/
|
|
58
|
-
ButtonVariant["Tertiary"] = "tertiary";
|
|
59
|
-
})(ButtonVariant || (ButtonVariant = {}));
|
|
60
|
-
/**
|
|
61
|
-
* ButtonIcon - size
|
|
62
|
-
*/
|
|
63
|
-
export var ButtonIconSize;
|
|
64
|
-
(function (ButtonIconSize) {
|
|
65
|
-
/**
|
|
66
|
-
* Represents a small button size (24px).
|
|
67
|
-
*/
|
|
68
|
-
ButtonIconSize["Sm"] = "sm";
|
|
69
|
-
/**
|
|
70
|
-
* Represents a medium button size (32px).
|
|
71
|
-
*/
|
|
72
|
-
ButtonIconSize["Md"] = "md";
|
|
73
|
-
/**
|
|
74
|
-
* Represents a large button size (40px).
|
|
75
|
-
*/
|
|
76
|
-
ButtonIconSize["Lg"] = "lg";
|
|
77
|
-
})(ButtonIconSize || (ButtonIconSize = {}));
|
|
78
|
-
/**
|
|
79
|
-
* ButtonIcon - variant
|
|
80
|
-
*/
|
|
81
|
-
export var ButtonIconVariant;
|
|
82
|
-
(function (ButtonIconVariant) {
|
|
83
|
-
ButtonIconVariant["Default"] = "default";
|
|
84
|
-
ButtonIconVariant["Filled"] = "filled";
|
|
85
|
-
ButtonIconVariant["Floating"] = "floating";
|
|
86
|
-
})(ButtonIconVariant || (ButtonIconVariant = {}));
|
|
87
19
|
/**
|
|
88
20
|
* Text - textAlign
|
|
89
21
|
*/
|
package/dist/types/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACH,MAAM,
|
|
1
|
+
{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,uCAAuC;AACnF,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,MAAM,CAAN,IAAY,kBAKX;AALD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,yCAAmB,CAAA;IACnB,qCAAe,CAAA;AACjB,CAAC,EALW,kBAAkB,KAAlB,kBAAkB,QAK7B;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["export {\n AvatarBaseSize,\n AvatarBaseShape,\n} from '@metamask/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarGroupSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/design-system-shared';\n\n/**\n * AvatarGroup - variant\n */\nexport enum AvatarGroupVariant {\n Account = 'account',\n Favicon = 'favicon',\n Network = 'network',\n Token = 'token',\n}\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@metamask/design-system-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.20.0",
|
|
4
4
|
"description": "Design system react ui components",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"MetaMask",
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
"test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
|
-
"@metamask/design-system-shared": "^0.
|
|
50
|
+
"@metamask/design-system-shared": "^0.15.0",
|
|
51
51
|
"@metamask/jazzicon": "^2.0.0",
|
|
52
52
|
"@radix-ui/react-slot": "^1.1.0",
|
|
53
53
|
"blo": "^2.0.0",
|