@metamask/design-system-react 0.17.1 → 0.18.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 -3
- package/dist/components/BannerAlert/BannerAlert.constants.cjs +8 -8
- package/dist/components/BannerAlert/BannerAlert.constants.cjs.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.d.cts +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.d.cts.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.d.mts +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.d.mts.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.constants.mjs +2 -2
- package/dist/components/BannerAlert/BannerAlert.constants.mjs.map +1 -1
- package/dist/components/BannerAlert/BannerAlert.d.cts +4 -4
- package/dist/components/BannerAlert/BannerAlert.d.mts +4 -4
- package/dist/components/BannerBase/BannerBase.cjs +1 -1
- package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
- package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
- package/dist/components/BannerBase/BannerBase.mjs +2 -2
- package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
- package/dist/components/Box/Box.constants.cjs.map +1 -1
- package/dist/components/Box/Box.constants.d.cts +1 -1
- package/dist/components/Box/Box.constants.d.cts.map +1 -1
- package/dist/components/Box/Box.constants.d.mts +1 -1
- package/dist/components/Box/Box.constants.d.mts.map +1 -1
- package/dist/components/Box/Box.constants.mjs.map +1 -1
- package/dist/components/Box/Box.types.cjs.map +1 -1
- package/dist/components/Box/Box.types.d.cts +2 -106
- package/dist/components/Box/Box.types.d.cts.map +1 -1
- package/dist/components/Box/Box.types.d.mts +2 -106
- package/dist/components/Box/Box.types.d.mts.map +1 -1
- package/dist/components/Box/Box.types.mjs.map +1 -1
- package/dist/components/Box/index.cjs +7 -7
- package/dist/components/Box/index.cjs.map +1 -1
- package/dist/components/Box/index.d.cts +1 -2
- package/dist/components/Box/index.d.cts.map +1 -1
- package/dist/components/Box/index.d.mts +1 -2
- package/dist/components/Box/index.d.mts.map +1 -1
- package/dist/components/Box/index.mjs +1 -1
- package/dist/components/Box/index.mjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs.map +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs +1 -1
- package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts +3 -4
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts.map +1 -1
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts +3 -4
- package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts.map +1 -1
- package/dist/components/Icon/Icon.types.cjs.map +1 -1
- package/dist/components/Icon/Icon.types.d.cts +2 -19
- package/dist/components/Icon/Icon.types.d.cts.map +1 -1
- package/dist/components/Icon/Icon.types.d.mts +2 -19
- package/dist/components/Icon/Icon.types.d.mts.map +1 -1
- package/dist/components/Icon/Icon.types.mjs.map +1 -1
- package/dist/components/Icon/icons/index.cjs +76 -76
- package/dist/components/Icon/icons/index.cjs.map +1 -1
- package/dist/components/Icon/icons/index.d.cts +38 -38
- package/dist/components/Icon/icons/index.d.cts.map +1 -1
- package/dist/components/Icon/icons/index.d.mts +38 -38
- package/dist/components/Icon/icons/index.d.mts.map +1 -1
- package/dist/components/Icon/icons/index.mjs +76 -76
- package/dist/components/Icon/icons/index.mjs.map +1 -1
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.d.cts +1 -1
- package/dist/components/index.d.cts.map +1 -1
- package/dist/components/index.d.mts +1 -1
- package/dist/components/index.d.mts.map +1 -1
- package/dist/components/index.mjs.map +1 -1
- package/dist/types/index.cjs +12 -520
- package/dist/types/index.cjs.map +1 -1
- package/dist/types/index.d.cts +4 -512
- package/dist/types/index.d.cts.map +1 -1
- package/dist/types/index.d.mts +4 -512
- package/dist/types/index.d.mts.map +1 -1
- package/dist/types/index.mjs +4 -515
- package/dist/types/index.mjs.map +1 -1
- package/package.json +3 -6
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
7
7
|
|
|
8
8
|
## [Unreleased]
|
|
9
9
|
|
|
10
|
+
## [0.18.0]
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
|
|
14
|
+
- **BREAKING:** Updated `IconName`, `IconColor`, and `IconSize` exports to use const-object + string-union types instead of local enums; existing imports from `@metamask/design-system-react` continue to work, but enum-specific type assumptions may need updating ([#1042](https://github.com/MetaMask/metamask-design-system/pull/1042), [#1101](https://github.com/MetaMask/metamask-design-system/pull/1101))
|
|
15
|
+
- See [Migration Guide](./MIGRATION.md#from-version-0170-to-0180)
|
|
16
|
+
- **BREAKING:** Updated `Box` type exports (`BoxFlexDirection`, `BoxFlexWrap`, `BoxAlignItems`, `BoxJustifyContent`, `BoxBackgroundColor`, `BoxBorderColor`, `BoxSpacing`, `BoxBorderWidth`) to use const-object + string-union types, and removed stale Box color entries that no longer map to design tokens ([#1026](https://github.com/MetaMask/metamask-design-system/pull/1026))
|
|
17
|
+
- Removed `BoxBackgroundColor.WarningAlternative`, `BoxBackgroundColor.SuccessAlternative`, `BoxBorderColor.WarningAlternative`, `BoxBorderColor.SuccessAlternative`, and `BoxBorderColor.InfoAlternative`
|
|
18
|
+
- See [Migration Guide](./MIGRATION.md#from-version-0170-to-0180)
|
|
19
|
+
- Updated `ButtonTertiary` to use the default text color for more consistent contrast across states ([#1099](https://github.com/MetaMask/metamask-design-system/pull/1099))
|
|
20
|
+
|
|
10
21
|
## [0.17.1]
|
|
11
22
|
|
|
12
23
|
### Changed
|
|
@@ -214,13 +225,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
214
225
|
|
|
215
226
|
### Added
|
|
216
227
|
|
|
217
|
-
- Added 5 new Text component variants with responsive typography support ([#777](https://github.com/MetaMask/metamask-design-system/pull/777))
|
|
228
|
+
- Added 5 new Text component variants with responsive typography support: ([#777](https://github.com/MetaMask/metamask-design-system/pull/777))
|
|
218
229
|
- `TextVariant.PageHeading` - For main page titles (renders as `<h1>` by default)
|
|
219
230
|
- `TextVariant.SectionHeading` - For section titles (renders as `<h2>` by default)
|
|
220
231
|
- `TextVariant.ButtonLabelMd` - For medium-sized button labels (renders as `<span>` by default)
|
|
221
232
|
- `TextVariant.ButtonLabelLg` - For large-sized button labels (renders as `<span>` by default)
|
|
222
233
|
- `TextVariant.AmountDisplayLg` - For large amount/value displays (renders as `<span>` by default)
|
|
223
|
-
- Added comprehensive utility props to Box component for enhanced layout control ([#779](https://github.com/MetaMask/metamask-design-system/pull/779)
|
|
234
|
+
- Added comprehensive utility props to Box component for enhanced layout control and fixes: ([#779](https://github.com/MetaMask/metamask-design-system/pull/779), [#781](https://github.com/MetaMask/metamask-design-system/pull/781))
|
|
224
235
|
- **Margin props:** `margin`, `marginTop`, `marginRight`, `marginBottom`, `marginLeft`, `marginHorizontal`, `marginVertical`
|
|
225
236
|
- **Padding props:** `padding`, `paddingTop`, `paddingRight`, `paddingBottom`, `paddingLeft`, `paddingHorizontal`, `paddingVertical`
|
|
226
237
|
- **Border props:** `borderWidth`, `borderColor`
|
|
@@ -246,7 +257,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
246
257
|
- Full TypeScript support with type definitions and enums
|
|
247
258
|
- Tailwind CSS integration with design token support
|
|
248
259
|
|
|
249
|
-
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.
|
|
260
|
+
[Unreleased]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.18.0...HEAD
|
|
261
|
+
[0.18.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.17.1...@metamask/design-system-react@0.18.0
|
|
250
262
|
[0.17.1]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.17.0...@metamask/design-system-react@0.17.1
|
|
251
263
|
[0.17.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.16.0...@metamask/design-system-react@0.17.0
|
|
252
264
|
[0.16.0]: https://github.com/MetaMask/metamask-design-system/compare/@metamask/design-system-react@0.15.0...@metamask/design-system-react@0.16.0
|
|
@@ -16,15 +16,15 @@ exports.MAP_BANNER_ALERT_SEVERITY_ICON_COLOR = {
|
|
|
16
16
|
danger: types_1.IconColor.ErrorDefault,
|
|
17
17
|
};
|
|
18
18
|
exports.MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR = {
|
|
19
|
-
info:
|
|
20
|
-
success:
|
|
21
|
-
warning:
|
|
22
|
-
danger:
|
|
19
|
+
info: design_system_shared_1.BoxBackgroundColor.PrimaryMuted,
|
|
20
|
+
success: design_system_shared_1.BoxBackgroundColor.SuccessMuted,
|
|
21
|
+
warning: design_system_shared_1.BoxBackgroundColor.WarningMuted,
|
|
22
|
+
danger: design_system_shared_1.BoxBackgroundColor.ErrorMuted,
|
|
23
23
|
};
|
|
24
24
|
exports.MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR = {
|
|
25
|
-
info:
|
|
26
|
-
success:
|
|
27
|
-
warning:
|
|
28
|
-
danger:
|
|
25
|
+
info: design_system_shared_1.BoxBorderColor.PrimaryDefault,
|
|
26
|
+
success: design_system_shared_1.BoxBorderColor.SuccessDefault,
|
|
27
|
+
warning: design_system_shared_1.BoxBorderColor.WarningDefault,
|
|
28
|
+
danger: design_system_shared_1.BoxBorderColor.ErrorDefault,
|
|
29
29
|
};
|
|
30
30
|
//# sourceMappingURL=BannerAlert.constants.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerAlert.constants.cjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":";;;AAAA,
|
|
1
|
+
{"version":3,"file":"BannerAlert.constants.cjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":";;;AAAA,yEAIwC;AAExC,iDAAkD;AAErC,QAAA,mCAAmC,GAG5C;IACF,IAAI,EAAE,gBAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,gBAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,gBAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,gBAAQ,CAAC,MAAM;CACxB,CAAC;AAEW,QAAA,oCAAoC,GAG7C;IACF,IAAI,EAAE,iBAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,iBAAS,CAAC,cAAc;IACjC,OAAO,EAAE,iBAAS,CAAC,cAAc;IACjC,MAAM,EAAE,iBAAS,CAAC,YAAY;CAC/B,CAAC;AAEW,QAAA,0CAA0C,GAGnD;IACF,IAAI,EAAE,yCAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,yCAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,yCAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,yCAAkB,CAAC,UAAU;CACtC,CAAC;AAEW,QAAA,sCAAsC,GAG/C;IACF,IAAI,EAAE,qCAAc,CAAC,cAAc;IACnC,OAAO,EAAE,qCAAc,CAAC,cAAc;IACtC,OAAO,EAAE,qCAAc,CAAC,cAAc;IACtC,MAAM,EAAE,qCAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import {\n BannerAlertSeverity,\n BoxBackgroundColor,\n BoxBorderColor,\n} from '@metamask/design-system-shared';\n\nimport { IconColor, IconName } from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconName\n> = {\n info: IconName.Info,\n success: IconName.Confirmation,\n warning: IconName.Danger,\n danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconColor\n> = {\n info: IconColor.PrimaryDefault,\n success: IconColor.SuccessDefault,\n warning: IconColor.WarningDefault,\n danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBackgroundColor\n> = {\n info: BoxBackgroundColor.PrimaryMuted,\n success: BoxBackgroundColor.SuccessMuted,\n warning: BoxBackgroundColor.WarningMuted,\n danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBorderColor\n> = {\n info: BoxBorderColor.PrimaryDefault,\n success: BoxBorderColor.SuccessDefault,\n warning: BoxBorderColor.WarningDefault,\n danger: BoxBorderColor.ErrorDefault,\n};\n"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BannerAlertSeverity } from "@metamask/design-system-shared";
|
|
2
|
-
import {
|
|
1
|
+
import { BannerAlertSeverity, BoxBackgroundColor, BoxBorderColor } from "@metamask/design-system-shared";
|
|
2
|
+
import { IconColor, IconName } from "../../types/index.cjs";
|
|
3
3
|
export declare const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconName>;
|
|
4
4
|
export declare const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconColor>;
|
|
5
5
|
export declare const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBackgroundColor>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerAlert.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BannerAlert.constants.d.cts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACf,uCAAuC;AAExC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,QAAQ,CAMT,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,SAAS,CAMV,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAC7D,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,kBAAkB,CAMnB,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CACzD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,cAAc,CAMf,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BannerAlertSeverity } from "@metamask/design-system-shared";
|
|
2
|
-
import {
|
|
1
|
+
import { BannerAlertSeverity, BoxBackgroundColor, BoxBorderColor } from "@metamask/design-system-shared";
|
|
2
|
+
import { IconColor, IconName } from "../../types/index.mjs";
|
|
3
3
|
export declare const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconName>;
|
|
4
4
|
export declare const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], IconColor>;
|
|
5
5
|
export declare const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<(typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity], BoxBackgroundColor>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerAlert.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BannerAlert.constants.d.mts","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACf,uCAAuC;AAExC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,eAAO,MAAM,mCAAmC,EAAE,MAAM,CACtD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,QAAQ,CAMT,CAAC;AAEF,eAAO,MAAM,oCAAoC,EAAE,MAAM,CACvD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,SAAS,CAMV,CAAC;AAEF,eAAO,MAAM,0CAA0C,EAAE,MAAM,CAC7D,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,kBAAkB,CAMnB,CAAC;AAEF,eAAO,MAAM,sCAAsC,EAAE,MAAM,CACzD,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,EAC9D,cAAc,CAMf,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { BannerAlertSeverity } from "@metamask/design-system-shared";
|
|
2
|
-
import {
|
|
1
|
+
import { BannerAlertSeverity, BoxBackgroundColor, BoxBorderColor } from "@metamask/design-system-shared";
|
|
2
|
+
import { IconColor, IconName } from "../../types/index.mjs";
|
|
3
3
|
export const MAP_BANNER_ALERT_SEVERITY_ICON_NAME = {
|
|
4
4
|
info: IconName.Info,
|
|
5
5
|
success: IconName.Confirmation,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BannerAlert.constants.mjs","sourceRoot":"","sources":["../../../src/components/BannerAlert/BannerAlert.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,cAAc,EACf,uCAAuC;AAExC,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,8BAAoB;AAElD,MAAM,CAAC,MAAM,mCAAmC,GAG5C;IACF,IAAI,EAAE,QAAQ,CAAC,IAAI;IACnB,OAAO,EAAE,QAAQ,CAAC,YAAY;IAC9B,OAAO,EAAE,QAAQ,CAAC,MAAM;IACxB,MAAM,EAAE,QAAQ,CAAC,MAAM;CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAG7C;IACF,IAAI,EAAE,SAAS,CAAC,cAAc;IAC9B,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,OAAO,EAAE,SAAS,CAAC,cAAc;IACjC,MAAM,EAAE,SAAS,CAAC,YAAY;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,0CAA0C,GAGnD;IACF,IAAI,EAAE,kBAAkB,CAAC,YAAY;IACrC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,OAAO,EAAE,kBAAkB,CAAC,YAAY;IACxC,MAAM,EAAE,kBAAkB,CAAC,UAAU;CACtC,CAAC;AAEF,MAAM,CAAC,MAAM,sCAAsC,GAG/C;IACF,IAAI,EAAE,cAAc,CAAC,cAAc;IACnC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,OAAO,EAAE,cAAc,CAAC,cAAc;IACtC,MAAM,EAAE,cAAc,CAAC,YAAY;CACpC,CAAC","sourcesContent":["import {\n BannerAlertSeverity,\n BoxBackgroundColor,\n BoxBorderColor,\n} from '@metamask/design-system-shared';\n\nimport { IconColor, IconName } from '../../types';\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_NAME: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconName\n> = {\n info: IconName.Info,\n success: IconName.Confirmation,\n warning: IconName.Danger,\n danger: IconName.Danger,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_ICON_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n IconColor\n> = {\n info: IconColor.PrimaryDefault,\n success: IconColor.SuccessDefault,\n warning: IconColor.WarningDefault,\n danger: IconColor.ErrorDefault,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BACKGROUND_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBackgroundColor\n> = {\n info: BoxBackgroundColor.PrimaryMuted,\n success: BoxBackgroundColor.SuccessMuted,\n warning: BoxBackgroundColor.WarningMuted,\n danger: BoxBackgroundColor.ErrorMuted,\n};\n\nexport const MAP_BANNER_ALERT_SEVERITY_BORDER_COLOR: Record<\n (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity],\n BoxBorderColor\n> = {\n info: BoxBorderColor.PrimaryDefault,\n success: BoxBorderColor.SuccessDefault,\n warning: BoxBorderColor.WarningDefault,\n danger: BoxBorderColor.ErrorDefault,\n};\n"]}
|
|
@@ -297,10 +297,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
|
|
|
297
297
|
isLoading?: boolean | undefined;
|
|
298
298
|
loadingText?: string | undefined;
|
|
299
299
|
loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
|
|
300
|
-
startIconName?: import("
|
|
300
|
+
startIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
301
301
|
startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
|
|
302
302
|
startAccessory?: React.ReactNode;
|
|
303
|
-
endIconName?: import("
|
|
303
|
+
endIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
304
304
|
endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
|
|
305
305
|
endAccessory?: React.ReactNode;
|
|
306
306
|
isDisabled?: boolean | undefined;
|
|
@@ -607,10 +607,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
|
|
|
607
607
|
isLoading?: boolean | undefined;
|
|
608
608
|
loadingText?: string | undefined;
|
|
609
609
|
loadingTextProps?: Partial<import("../index.cjs").TextProps> | undefined;
|
|
610
|
-
startIconName?: import("
|
|
610
|
+
startIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
611
611
|
startIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
|
|
612
612
|
startAccessory?: React.ReactNode;
|
|
613
|
-
endIconName?: import("
|
|
613
|
+
endIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
614
614
|
endIconProps?: Partial<import("../Icon/index.cjs").IconProps> | undefined;
|
|
615
615
|
endAccessory?: React.ReactNode;
|
|
616
616
|
isDisabled?: boolean | undefined;
|
|
@@ -297,10 +297,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
|
|
|
297
297
|
isLoading?: boolean | undefined;
|
|
298
298
|
loadingText?: string | undefined;
|
|
299
299
|
loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
|
|
300
|
-
startIconName?: import("
|
|
300
|
+
startIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
301
301
|
startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
|
|
302
302
|
startAccessory?: React.ReactNode;
|
|
303
|
-
endIconName?: import("
|
|
303
|
+
endIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
304
304
|
endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
|
|
305
305
|
endAccessory?: React.ReactNode;
|
|
306
306
|
isDisabled?: boolean | undefined;
|
|
@@ -607,10 +607,10 @@ export declare const BannerAlert: React.ForwardRefExoticComponent<(Omit<import("
|
|
|
607
607
|
isLoading?: boolean | undefined;
|
|
608
608
|
loadingText?: string | undefined;
|
|
609
609
|
loadingTextProps?: Partial<import("../index.mjs").TextProps> | undefined;
|
|
610
|
-
startIconName?: import("
|
|
610
|
+
startIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
611
611
|
startIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
|
|
612
612
|
startAccessory?: React.ReactNode;
|
|
613
|
-
endIconName?: import("
|
|
613
|
+
endIconName?: import("@metamask/design-system-shared").IconName | undefined;
|
|
614
614
|
endIconProps?: Partial<import("../Icon/index.mjs").IconProps> | undefined;
|
|
615
615
|
endAccessory?: React.ReactNode;
|
|
616
616
|
isDisabled?: boolean | undefined;
|
|
@@ -39,7 +39,7 @@ exports.BannerBase = (0, react_1.forwardRef)(({ title, titleProps, description,
|
|
|
39
39
|
const { ariaLabel: closeButtonAriaLabel = 'Close banner', onClick: closeButtonPropsOnClick, className: closeButtonClassName, ...resolvedCloseButtonProps } = closeButtonProps ?? {};
|
|
40
40
|
const shouldShowCloseButton = Boolean(onClose || closeButtonProps);
|
|
41
41
|
const shouldShowActionButton = Boolean(actionButtonOnClick);
|
|
42
|
-
return (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection:
|
|
42
|
+
return (react_1.default.createElement(Box_1.Box, { ref: ref, flexDirection: design_system_shared_1.BoxFlexDirection.Row, alignItems: design_system_shared_1.BoxAlignItems.Start, gap: 2, backgroundColor: design_system_shared_1.BoxBackgroundColor.BackgroundDefault, padding: 3, className: (0, tw_merge_1.twMerge)('rounded-sm', className), ...props },
|
|
43
43
|
startAccessory,
|
|
44
44
|
react_1.default.createElement(Box_1.Box, { className: "min-w-0 flex-1" },
|
|
45
45
|
hasContent(title) &&
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"BannerBase.cjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n FontWeight,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonSize, IconName } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box className={hasContent(title) ? 'mt-1' : undefined}>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BannerBase.d.cts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAkB,UAAU,EAAE,QAAQ,EAAE,8BAAoB;AAenE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BannerBase.d.mts","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,cAAc;AAE1C,OAAO,EAAkB,UAAU,EAAE,QAAQ,EAAE,8BAAoB;AAenE,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iDA0GtB,CAAC"}
|
|
@@ -4,10 +4,10 @@ function $importDefault(module) {
|
|
|
4
4
|
}
|
|
5
5
|
return module;
|
|
6
6
|
}
|
|
7
|
-
import { FontWeight, TextVariant } from "@metamask/design-system-shared";
|
|
7
|
+
import { BoxAlignItems, BoxBackgroundColor, BoxFlexDirection, FontWeight, TextVariant } from "@metamask/design-system-shared";
|
|
8
8
|
import $React, { forwardRef } from "react";
|
|
9
9
|
const React = $importDefault($React);
|
|
10
|
-
import {
|
|
10
|
+
import { ButtonIconSize, ButtonSize, IconName } from "../../types/index.mjs";
|
|
11
11
|
import { twMerge } from "../../utils/tw-merge.mjs";
|
|
12
12
|
import { Box } from "../Box/index.mjs";
|
|
13
13
|
import { Button } from "../Button/index.mjs";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BannerBase.mjs","sourceRoot":"","sources":["../../../src/components/BannerBase/BannerBase.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n BoxAlignItems,\n BoxBackgroundColor,\n BoxFlexDirection,\n FontWeight,\n TextVariant,\n} from '@metamask/design-system-shared';\nimport React, { forwardRef } from 'react';\n\nimport { ButtonIconSize, ButtonSize, IconName } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { ButtonIcon } from '../ButtonIcon';\nimport { Text } from '../Text';\n\nimport type { BannerBaseProps } from './BannerBase.types';\n\nconst isTextContent = (content: React.ReactNode): content is string | number =>\n typeof content === 'string' || typeof content === 'number';\n\nconst hasContent = (content: React.ReactNode) =>\n content !== null && content !== undefined;\n\nexport const BannerBase = forwardRef<HTMLDivElement, BannerBaseProps>(\n (\n {\n title,\n titleProps,\n description,\n descriptionProps,\n children,\n childrenWrapperProps,\n actionButtonLabel,\n actionButtonOnClick,\n actionButtonProps,\n startAccessory,\n onClose,\n closeButtonProps,\n className,\n ...props\n },\n ref,\n ) => {\n const resolvedActionButtonProps = actionButtonProps ?? {};\n\n const {\n ariaLabel: closeButtonAriaLabel = 'Close banner',\n onClick: closeButtonPropsOnClick,\n className: closeButtonClassName,\n ...resolvedCloseButtonProps\n } = closeButtonProps ?? {};\n\n const shouldShowCloseButton = Boolean(onClose || closeButtonProps);\n const shouldShowActionButton = Boolean(actionButtonOnClick);\n\n return (\n <Box\n ref={ref}\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Start}\n gap={2}\n backgroundColor={BoxBackgroundColor.BackgroundDefault}\n padding={3}\n className={twMerge('rounded-sm', className)}\n {...props}\n >\n {startAccessory}\n\n <Box className=\"min-w-0 flex-1\">\n {hasContent(title) &&\n (isTextContent(title) ? (\n <Text\n variant={TextVariant.BodyMd}\n fontWeight={FontWeight.Medium}\n {...titleProps}\n >\n {title}\n </Text>\n ) : (\n title\n ))}\n\n {hasContent(description) && (\n <Box className={hasContent(title) ? 'mt-1' : undefined}>\n {isTextContent(description) ? (\n <Text variant={TextVariant.BodySm} {...descriptionProps}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Box>\n )}\n\n {hasContent(children) &&\n (isTextContent(children) ? (\n <Text variant={TextVariant.BodyMd} {...childrenWrapperProps}>\n {children}\n </Text>\n ) : (\n children\n ))}\n\n {shouldShowActionButton && (\n <Box className=\"mt-4\">\n <Button\n size={ButtonSize.Md}\n onClick={actionButtonOnClick}\n {...resolvedActionButtonProps}\n >\n {actionButtonLabel}\n </Button>\n </Box>\n )}\n </Box>\n\n {shouldShowCloseButton && (\n <ButtonIcon\n className={twMerge('ml-3 self-start', closeButtonClassName)}\n iconName={IconName.Close}\n size={ButtonIconSize.Sm}\n ariaLabel={closeButtonAriaLabel}\n onClick={onClose ?? closeButtonPropsOnClick}\n {...resolvedCloseButtonProps}\n />\n )}\n </Box>\n );\n },\n);\n\nBannerBase.displayName = 'BannerBase';\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Box.constants.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n BoxSpacing,\n BoxBorderWidth,\n} from '@metamask/design-system-shared';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BoxSpacing, BoxBorderWidth } from "
|
|
1
|
+
import type { BoxSpacing, BoxBorderWidth } from "@metamask/design-system-shared";
|
|
2
2
|
export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
|
|
3
3
|
export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
|
|
4
4
|
export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Box.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACf,uCAAuC;AAExC,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { BoxSpacing, BoxBorderWidth } from "
|
|
1
|
+
import type { BoxSpacing, BoxBorderWidth } from "@metamask/design-system-shared";
|
|
2
2
|
export declare const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string>;
|
|
3
3
|
export declare const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string>;
|
|
4
4
|
export declare const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"Box.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,EACV,cAAc,EACf,uCAAuC;AAExC,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAczD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc5D,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAchE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcvE,CAAC;AAEF,eAAO,MAAM,8BAA8B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcrE,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAc7D,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcjE,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcnE,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcpE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAclE,CAAC;AAEF,eAAO,MAAM,iCAAiC,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAcxE,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CActE,CAAC;AAEF,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAMtE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Box.constants.mjs","sourceRoot":"","sources":["../../../src/components/Box/Box.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n BoxSpacing,\n BoxBorderWidth,\n} from '@metamask/design-system-shared';\n\nexport const TWCLASSMAP_BOX_GAP: Record<BoxSpacing, string> = {\n 0: 'gap-0',\n 1: 'gap-1',\n 2: 'gap-2',\n 3: 'gap-3',\n 4: 'gap-4',\n 5: 'gap-5',\n 6: 'gap-6',\n 7: 'gap-7',\n 8: 'gap-8',\n 9: 'gap-9',\n 10: 'gap-10',\n 11: 'gap-11',\n 12: 'gap-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN: Record<BoxSpacing, string> = {\n 0: 'm-0',\n 1: 'm-1',\n 2: 'm-2',\n 3: 'm-3',\n 4: 'm-4',\n 5: 'm-5',\n 6: 'm-6',\n 7: 'm-7',\n 8: 'm-8',\n 9: 'm-9',\n 10: 'm-10',\n 11: 'm-11',\n 12: 'm-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_TOP: Record<BoxSpacing, string> = {\n 0: 'mt-0',\n 1: 'mt-1',\n 2: 'mt-2',\n 3: 'mt-3',\n 4: 'mt-4',\n 5: 'mt-5',\n 6: 'mt-6',\n 7: 'mt-7',\n 8: 'mt-8',\n 9: 'mt-9',\n 10: 'mt-10',\n 11: 'mt-11',\n 12: 'mt-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_RIGHT: Record<BoxSpacing, string> = {\n 0: 'mr-0',\n 1: 'mr-1',\n 2: 'mr-2',\n 3: 'mr-3',\n 4: 'mr-4',\n 5: 'mr-5',\n 6: 'mr-6',\n 7: 'mr-7',\n 8: 'mr-8',\n 9: 'mr-9',\n 10: 'mr-10',\n 11: 'mr-11',\n 12: 'mr-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'mb-0',\n 1: 'mb-1',\n 2: 'mb-2',\n 3: 'mb-3',\n 4: 'mb-4',\n 5: 'mb-5',\n 6: 'mb-6',\n 7: 'mb-7',\n 8: 'mb-8',\n 9: 'mb-9',\n 10: 'mb-10',\n 11: 'mb-11',\n 12: 'mb-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_LEFT: Record<BoxSpacing, string> = {\n 0: 'ml-0',\n 1: 'ml-1',\n 2: 'ml-2',\n 3: 'ml-3',\n 4: 'ml-4',\n 5: 'ml-5',\n 6: 'ml-6',\n 7: 'ml-7',\n 8: 'ml-8',\n 9: 'ml-9',\n 10: 'ml-10',\n 11: 'ml-11',\n 12: 'ml-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'mx-0',\n 1: 'mx-1',\n 2: 'mx-2',\n 3: 'mx-3',\n 4: 'mx-4',\n 5: 'mx-5',\n 6: 'mx-6',\n 7: 'mx-7',\n 8: 'mx-8',\n 9: 'mx-9',\n 10: 'mx-10',\n 11: 'mx-11',\n 12: 'mx-12',\n};\n\nexport const TWCLASSMAP_BOX_MARGIN_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'my-0',\n 1: 'my-1',\n 2: 'my-2',\n 3: 'my-3',\n 4: 'my-4',\n 5: 'my-5',\n 6: 'my-6',\n 7: 'my-7',\n 8: 'my-8',\n 9: 'my-9',\n 10: 'my-10',\n 11: 'my-11',\n 12: 'my-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING: Record<BoxSpacing, string> = {\n 0: 'p-0',\n 1: 'p-1',\n 2: 'p-2',\n 3: 'p-3',\n 4: 'p-4',\n 5: 'p-5',\n 6: 'p-6',\n 7: 'p-7',\n 8: 'p-8',\n 9: 'p-9',\n 10: 'p-10',\n 11: 'p-11',\n 12: 'p-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_TOP: Record<BoxSpacing, string> = {\n 0: 'pt-0',\n 1: 'pt-1',\n 2: 'pt-2',\n 3: 'pt-3',\n 4: 'pt-4',\n 5: 'pt-5',\n 6: 'pt-6',\n 7: 'pt-7',\n 8: 'pt-8',\n 9: 'pt-9',\n 10: 'pt-10',\n 11: 'pt-11',\n 12: 'pt-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_RIGHT: Record<BoxSpacing, string> = {\n 0: 'pr-0',\n 1: 'pr-1',\n 2: 'pr-2',\n 3: 'pr-3',\n 4: 'pr-4',\n 5: 'pr-5',\n 6: 'pr-6',\n 7: 'pr-7',\n 8: 'pr-8',\n 9: 'pr-9',\n 10: 'pr-10',\n 11: 'pr-11',\n 12: 'pr-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_BOTTOM: Record<BoxSpacing, string> = {\n 0: 'pb-0',\n 1: 'pb-1',\n 2: 'pb-2',\n 3: 'pb-3',\n 4: 'pb-4',\n 5: 'pb-5',\n 6: 'pb-6',\n 7: 'pb-7',\n 8: 'pb-8',\n 9: 'pb-9',\n 10: 'pb-10',\n 11: 'pb-11',\n 12: 'pb-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_LEFT: Record<BoxSpacing, string> = {\n 0: 'pl-0',\n 1: 'pl-1',\n 2: 'pl-2',\n 3: 'pl-3',\n 4: 'pl-4',\n 5: 'pl-5',\n 6: 'pl-6',\n 7: 'pl-7',\n 8: 'pl-8',\n 9: 'pl-9',\n 10: 'pl-10',\n 11: 'pl-11',\n 12: 'pl-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_HORIZONTAL: Record<BoxSpacing, string> = {\n 0: 'px-0',\n 1: 'px-1',\n 2: 'px-2',\n 3: 'px-3',\n 4: 'px-4',\n 5: 'px-5',\n 6: 'px-6',\n 7: 'px-7',\n 8: 'px-8',\n 9: 'px-9',\n 10: 'px-10',\n 11: 'px-11',\n 12: 'px-12',\n};\n\nexport const TWCLASSMAP_BOX_PADDING_VERTICAL: Record<BoxSpacing, string> = {\n 0: 'py-0',\n 1: 'py-1',\n 2: 'py-2',\n 3: 'py-3',\n 4: 'py-4',\n 5: 'py-5',\n 6: 'py-6',\n 7: 'py-7',\n 8: 'py-8',\n 9: 'py-9',\n 10: 'py-10',\n 11: 'py-11',\n 12: 'py-12',\n};\n\nexport const TWCLASSMAP_BOX_BORDER_WIDTH: Record<BoxBorderWidth, string> = {\n 0: 'border-0',\n 1: 'border',\n 2: 'border-2',\n 4: 'border-4',\n 8: 'border-8',\n};\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {
|
|
1
|
+
{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { BoxPropsShared } from '@metamask/design-system-shared';\nimport type { ComponentProps } from 'react';\n\nexport type BoxProps = ComponentProps<'div'> &\n BoxPropsShared & {\n /**\n * Optional prop for additional CSS classes to be applied to the Box component.\n */\n className?: string;\n /**\n * Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a div element\n *\n * @default false\n */\n asChild?: boolean;\n };\n"]}
|
|
@@ -1,110 +1,6 @@
|
|
|
1
|
+
import type { BoxPropsShared } from "@metamask/design-system-shared";
|
|
1
2
|
import type { ComponentProps } from "react";
|
|
2
|
-
|
|
3
|
-
export type BoxProps = ComponentProps<'div'> & {
|
|
4
|
-
/**
|
|
5
|
-
* The flex-direction style of the component.
|
|
6
|
-
*/
|
|
7
|
-
flexDirection?: BoxFlexDirection;
|
|
8
|
-
/**
|
|
9
|
-
* The flex-wrap style of the component.
|
|
10
|
-
*/
|
|
11
|
-
flexWrap?: BoxFlexWrap;
|
|
12
|
-
/**
|
|
13
|
-
* The gap between the component's children.
|
|
14
|
-
* Use 0-12 for a gap of 0px-48px.
|
|
15
|
-
*/
|
|
16
|
-
gap?: BoxSpacing;
|
|
17
|
-
/**
|
|
18
|
-
* The align-items style of the component.
|
|
19
|
-
*/
|
|
20
|
-
alignItems?: BoxAlignItems;
|
|
21
|
-
/**
|
|
22
|
-
* The justify-content style of the component.
|
|
23
|
-
*/
|
|
24
|
-
justifyContent?: BoxJustifyContent;
|
|
25
|
-
/**
|
|
26
|
-
* The margin of the component.
|
|
27
|
-
* Use 0-12 for margin of 0px-48px.
|
|
28
|
-
*/
|
|
29
|
-
margin?: BoxSpacing;
|
|
30
|
-
/**
|
|
31
|
-
* The top margin of the component.
|
|
32
|
-
* Use 0-12 for margin of 0px-48px.
|
|
33
|
-
*/
|
|
34
|
-
marginTop?: BoxSpacing;
|
|
35
|
-
/**
|
|
36
|
-
* The right margin of the component.
|
|
37
|
-
* Use 0-12 for margin of 0px-48px.
|
|
38
|
-
*/
|
|
39
|
-
marginRight?: BoxSpacing;
|
|
40
|
-
/**
|
|
41
|
-
* The bottom margin of the component.
|
|
42
|
-
* Use 0-12 for margin of 0px-48px.
|
|
43
|
-
*/
|
|
44
|
-
marginBottom?: BoxSpacing;
|
|
45
|
-
/**
|
|
46
|
-
* The left margin of the component.
|
|
47
|
-
* Use 0-12 for margin of 0px-48px.
|
|
48
|
-
*/
|
|
49
|
-
marginLeft?: BoxSpacing;
|
|
50
|
-
/**
|
|
51
|
-
* The horizontal margin of the component.
|
|
52
|
-
* Use 0-12 for margin of 0px-48px.
|
|
53
|
-
*/
|
|
54
|
-
marginHorizontal?: BoxSpacing;
|
|
55
|
-
/**
|
|
56
|
-
* The vertical margin of the component.
|
|
57
|
-
* Use 0-12 for margin of 0px-48px.
|
|
58
|
-
*/
|
|
59
|
-
marginVertical?: BoxSpacing;
|
|
60
|
-
/**
|
|
61
|
-
* The padding of the component.
|
|
62
|
-
* Use 0-12 for padding of 0px-48px.
|
|
63
|
-
*/
|
|
64
|
-
padding?: BoxSpacing;
|
|
65
|
-
/**
|
|
66
|
-
* The top padding of the component.
|
|
67
|
-
* Use 0-12 for padding of 0px-48px.
|
|
68
|
-
*/
|
|
69
|
-
paddingTop?: BoxSpacing;
|
|
70
|
-
/**
|
|
71
|
-
* The right padding of the component.
|
|
72
|
-
* Use 0-12 for padding of 0px-48px.
|
|
73
|
-
*/
|
|
74
|
-
paddingRight?: BoxSpacing;
|
|
75
|
-
/**
|
|
76
|
-
* The bottom padding of the component.
|
|
77
|
-
* Use 0-12 for padding of 0px-48px.
|
|
78
|
-
*/
|
|
79
|
-
paddingBottom?: BoxSpacing;
|
|
80
|
-
/**
|
|
81
|
-
* The left padding of the component.
|
|
82
|
-
* Use 0-12 for padding of 0px-48px.
|
|
83
|
-
*/
|
|
84
|
-
paddingLeft?: BoxSpacing;
|
|
85
|
-
/**
|
|
86
|
-
* The horizontal padding of the component.
|
|
87
|
-
* Use 0-12 for padding of 0px-48px.
|
|
88
|
-
*/
|
|
89
|
-
paddingHorizontal?: BoxSpacing;
|
|
90
|
-
/**
|
|
91
|
-
* The vertical padding of the component.
|
|
92
|
-
* Use 0-12 for padding of 0px-48px.
|
|
93
|
-
*/
|
|
94
|
-
paddingVertical?: BoxSpacing;
|
|
95
|
-
/**
|
|
96
|
-
* The border width of the component.
|
|
97
|
-
* Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
|
|
98
|
-
*/
|
|
99
|
-
borderWidth?: BoxBorderWidth;
|
|
100
|
-
/**
|
|
101
|
-
* The border color of the component.
|
|
102
|
-
*/
|
|
103
|
-
borderColor?: BoxBorderColor;
|
|
104
|
-
/**
|
|
105
|
-
* The background color of the component.
|
|
106
|
-
*/
|
|
107
|
-
backgroundColor?: BoxBackgroundColor;
|
|
3
|
+
export type BoxProps = ComponentProps<'div'> & BoxPropsShared & {
|
|
108
4
|
/**
|
|
109
5
|
* Optional prop for additional CSS classes to be applied to the Box component.
|
|
110
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/components/Box/Box.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,uCAAuC;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc;AAE5C,MAAM,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,CAAC,GAC1C,cAAc,GAAG;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|