@metamask-previews/design-system-shared 0.7.0-preview.4ce710b → 0.8.0-preview.a73a010

package/dist/types/Box/Box.types.d.cts

@@ -0,0 +1,297 @@
+/**
+ * Box - all spacing-related props
+ */
+export type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Box - border width values (only valid Tailwind CSS border width utilities)
+ */
+export type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;
+/**
+ * Box - flexDirection
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxFlexDirection: {
+    readonly Row: "flex-row";
+    readonly RowReverse: "flex-row-reverse";
+    readonly Column: "flex-col";
+    readonly ColumnReverse: "flex-col-reverse";
+};
+export type BoxFlexDirection = (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];
+/**
+ * Box - flexWrap
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxFlexWrap: {
+    readonly NoWrap: "flex-nowrap";
+    readonly Wrap: "flex-wrap";
+    readonly WrapReverse: "flex-wrap-reverse";
+};
+export type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];
+/**
+ * Box - alignItems
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxAlignItems: {
+    readonly Start: "items-start";
+    readonly Center: "items-center";
+    readonly End: "items-end";
+    readonly Stretch: "items-stretch";
+    readonly Baseline: "items-baseline";
+};
+export type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];
+/**
+ * Box - justifyContent
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxJustifyContent: {
+    readonly Start: "justify-start";
+    readonly Center: "justify-center";
+    readonly End: "justify-end";
+    readonly Between: "justify-between";
+    readonly Around: "justify-around";
+    readonly Evenly: "justify-evenly";
+};
+export type BoxJustifyContent = (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];
+/**
+ * Box - backgroundColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxBackgroundColor: {
+    /** Default background color */
+    readonly BackgroundDefault: "bg-default";
+    /** Alternative background color */
+    readonly BackgroundAlternative: "bg-alternative";
+    /** Section background color */
+    readonly BackgroundSection: "bg-section";
+    /** Subsection background color */
+    readonly BackgroundSubsection: "bg-subsection";
+    /** Muted background color */
+    readonly BackgroundMuted: "bg-muted";
+    /** Primary default background color */
+    readonly PrimaryDefault: "bg-primary-default";
+    /** Primary alternative background color */
+    readonly PrimaryAlternative: "bg-primary-alternative";
+    /** Primary muted background color */
+    readonly PrimaryMuted: "bg-primary-muted";
+    /** Primary inverse background color */
+    readonly PrimaryInverse: "bg-primary-inverse";
+    /** Error default background color */
+    readonly ErrorDefault: "bg-error-default";
+    /** Error alternative background color */
+    readonly ErrorAlternative: "bg-error-alternative";
+    /** Error muted background color */
+    readonly ErrorMuted: "bg-error-muted";
+    /** Error inverse background color */
+    readonly ErrorInverse: "bg-error-inverse";
+    /** Warning default background color */
+    readonly WarningDefault: "bg-warning-default";
+    /** Warning alternative background color */
+    readonly WarningAlternative: "bg-warning-alternative";
+    /** Warning muted background color */
+    readonly WarningMuted: "bg-warning-muted";
+    /** Warning inverse background color */
+    readonly WarningInverse: "bg-warning-inverse";
+    /** Success default background color */
+    readonly SuccessDefault: "bg-success-default";
+    /** Success alternative background color */
+    readonly SuccessAlternative: "bg-success-alternative";
+    /** Success muted background color */
+    readonly SuccessMuted: "bg-success-muted";
+    /** Success inverse background color */
+    readonly SuccessInverse: "bg-success-inverse";
+    /** Info default background color */
+    readonly InfoDefault: "bg-info-default";
+    /** Info muted background color */
+    readonly InfoMuted: "bg-info-muted";
+    /** Info inverse background color */
+    readonly InfoInverse: "bg-info-inverse";
+    /** Flask default background color */
+    readonly FlaskDefault: "bg-flask-default";
+    /** Flask inverse background color */
+    readonly FlaskInverse: "bg-flask-inverse";
+    /** Overlay alternative background color */
+    readonly OverlayAlternative: "bg-overlay-alternative";
+    /** Overlay default background color */
+    readonly OverlayDefault: "bg-overlay-default";
+    /** Overlay inverse background color */
+    readonly OverlayInverse: "bg-overlay-inverse";
+    /** Transparent background color */
+    readonly Transparent: "bg-transparent";
+};
+export type BoxBackgroundColor = (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];
+/**
+ * Box - borderColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxBorderColor: {
+    /** Background default for cut out effect */
+    readonly BackgroundDefault: "border-background-default";
+    /** Default border color */
+    readonly BorderDefault: "border-default";
+    /** Muted border color */
+    readonly BorderMuted: "border-muted";
+    /** Primary default border color */
+    readonly PrimaryDefault: "border-primary-default";
+    /** Primary alternative border color */
+    readonly PrimaryAlternative: "border-primary-alternative";
+    /** Primary muted border color */
+    readonly PrimaryMuted: "border-primary-muted";
+    /** Primary inverse border color */
+    readonly PrimaryInverse: "border-primary-inverse";
+    /** Error default border color */
+    readonly ErrorDefault: "border-error-default";
+    /** Error alternative border color */
+    readonly ErrorAlternative: "border-error-alternative";
+    /** Error muted border color */
+    readonly ErrorMuted: "border-error-muted";
+    /** Error inverse border color */
+    readonly ErrorInverse: "border-error-inverse";
+    /** Warning default border color */
+    readonly WarningDefault: "border-warning-default";
+    /** Warning alternative border color */
+    readonly WarningAlternative: "border-warning-alternative";
+    /** Warning muted border color */
+    readonly WarningMuted: "border-warning-muted";
+    /** Warning inverse border color */
+    readonly WarningInverse: "border-warning-inverse";
+    /** Success default border color */
+    readonly SuccessDefault: "border-success-default";
+    /** Success alternative border color */
+    readonly SuccessAlternative: "border-success-alternative";
+    /** Success muted border color */
+    readonly SuccessMuted: "border-success-muted";
+    /** Success inverse border color */
+    readonly SuccessInverse: "border-success-inverse";
+    /** Info default border color */
+    readonly InfoDefault: "border-info-default";
+    /** Info alternative border color */
+    readonly InfoAlternative: "border-info-alternative";
+    /** Info muted border color */
+    readonly InfoMuted: "border-info-muted";
+    /** Info inverse border color */
+    readonly InfoInverse: "border-info-inverse";
+    /** Flask default border color */
+    readonly FlaskDefault: "border-flask-default";
+    /** Flask inverse border color */
+    readonly FlaskInverse: "border-flask-inverse";
+    /** Overlay alternative border color */
+    readonly OverlayAlternative: "border-overlay-alternative";
+    /** Overlay default border color */
+    readonly OverlayDefault: "border-overlay-default";
+    /** Overlay inverse border color */
+    readonly OverlayInverse: "border-overlay-inverse";
+    /** Transparent border color */
+    readonly Transparent: "border-transparent";
+};
+export type BoxBorderColor = (typeof BoxBorderColor)[keyof typeof BoxBorderColor];
+/**
+ * Box component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ */
+export type BoxPropsShared = {
+    /**
+     * The flex-direction style of the component.
+     */
+    flexDirection?: BoxFlexDirection;
+    /**
+     * The flex-wrap style of the component.
+     */
+    flexWrap?: BoxFlexWrap;
+    /**
+     * The gap between the component's children.
+     * Use 0-12 for a gap of 0px-48px.
+     */
+    gap?: BoxSpacing;
+    /**
+     * The align-items style of the component.
+     */
+    alignItems?: BoxAlignItems;
+    /**
+     * The justify-content style of the component.
+     */
+    justifyContent?: BoxJustifyContent;
+    /**
+     * The margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    margin?: BoxSpacing;
+    /**
+     * The top margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginTop?: BoxSpacing;
+    /**
+     * The right margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginRight?: BoxSpacing;
+    /**
+     * The bottom margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginBottom?: BoxSpacing;
+    /**
+     * The left margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginLeft?: BoxSpacing;
+    /**
+     * The horizontal margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginHorizontal?: BoxSpacing;
+    /**
+     * The vertical margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginVertical?: BoxSpacing;
+    /**
+     * The padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    padding?: BoxSpacing;
+    /**
+     * The top padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingTop?: BoxSpacing;
+    /**
+     * The right padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingRight?: BoxSpacing;
+    /**
+     * The bottom padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingBottom?: BoxSpacing;
+    /**
+     * The left padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingLeft?: BoxSpacing;
+    /**
+     * The horizontal padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingHorizontal?: BoxSpacing;
+    /**
+     * The vertical padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingVertical?: BoxSpacing;
+    /**
+     * The border width of the component.
+     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * The border color of the component.
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * The background color of the component.
+     */
+    backgroundColor?: BoxBackgroundColor;
+};
+//# sourceMappingURL=Box.types.d.cts.map

package/dist/types/Box/Box.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.cts","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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"}

package/dist/types/Box/Box.types.d.mts

@@ -0,0 +1,297 @@
+/**
+ * Box - all spacing-related props
+ */
+export type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+/**
+ * Box - border width values (only valid Tailwind CSS border width utilities)
+ */
+export type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;
+/**
+ * Box - flexDirection
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxFlexDirection: {
+    readonly Row: "flex-row";
+    readonly RowReverse: "flex-row-reverse";
+    readonly Column: "flex-col";
+    readonly ColumnReverse: "flex-col-reverse";
+};
+export type BoxFlexDirection = (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];
+/**
+ * Box - flexWrap
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxFlexWrap: {
+    readonly NoWrap: "flex-nowrap";
+    readonly Wrap: "flex-wrap";
+    readonly WrapReverse: "flex-wrap-reverse";
+};
+export type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];
+/**
+ * Box - alignItems
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxAlignItems: {
+    readonly Start: "items-start";
+    readonly Center: "items-center";
+    readonly End: "items-end";
+    readonly Stretch: "items-stretch";
+    readonly Baseline: "items-baseline";
+};
+export type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];
+/**
+ * Box - justifyContent
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxJustifyContent: {
+    readonly Start: "justify-start";
+    readonly Center: "justify-center";
+    readonly End: "justify-end";
+    readonly Between: "justify-between";
+    readonly Around: "justify-around";
+    readonly Evenly: "justify-evenly";
+};
+export type BoxJustifyContent = (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];
+/**
+ * Box - backgroundColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxBackgroundColor: {
+    /** Default background color */
+    readonly BackgroundDefault: "bg-default";
+    /** Alternative background color */
+    readonly BackgroundAlternative: "bg-alternative";
+    /** Section background color */
+    readonly BackgroundSection: "bg-section";
+    /** Subsection background color */
+    readonly BackgroundSubsection: "bg-subsection";
+    /** Muted background color */
+    readonly BackgroundMuted: "bg-muted";
+    /** Primary default background color */
+    readonly PrimaryDefault: "bg-primary-default";
+    /** Primary alternative background color */
+    readonly PrimaryAlternative: "bg-primary-alternative";
+    /** Primary muted background color */
+    readonly PrimaryMuted: "bg-primary-muted";
+    /** Primary inverse background color */
+    readonly PrimaryInverse: "bg-primary-inverse";
+    /** Error default background color */
+    readonly ErrorDefault: "bg-error-default";
+    /** Error alternative background color */
+    readonly ErrorAlternative: "bg-error-alternative";
+    /** Error muted background color */
+    readonly ErrorMuted: "bg-error-muted";
+    /** Error inverse background color */
+    readonly ErrorInverse: "bg-error-inverse";
+    /** Warning default background color */
+    readonly WarningDefault: "bg-warning-default";
+    /** Warning alternative background color */
+    readonly WarningAlternative: "bg-warning-alternative";
+    /** Warning muted background color */
+    readonly WarningMuted: "bg-warning-muted";
+    /** Warning inverse background color */
+    readonly WarningInverse: "bg-warning-inverse";
+    /** Success default background color */
+    readonly SuccessDefault: "bg-success-default";
+    /** Success alternative background color */
+    readonly SuccessAlternative: "bg-success-alternative";
+    /** Success muted background color */
+    readonly SuccessMuted: "bg-success-muted";
+    /** Success inverse background color */
+    readonly SuccessInverse: "bg-success-inverse";
+    /** Info default background color */
+    readonly InfoDefault: "bg-info-default";
+    /** Info muted background color */
+    readonly InfoMuted: "bg-info-muted";
+    /** Info inverse background color */
+    readonly InfoInverse: "bg-info-inverse";
+    /** Flask default background color */
+    readonly FlaskDefault: "bg-flask-default";
+    /** Flask inverse background color */
+    readonly FlaskInverse: "bg-flask-inverse";
+    /** Overlay alternative background color */
+    readonly OverlayAlternative: "bg-overlay-alternative";
+    /** Overlay default background color */
+    readonly OverlayDefault: "bg-overlay-default";
+    /** Overlay inverse background color */
+    readonly OverlayInverse: "bg-overlay-inverse";
+    /** Transparent background color */
+    readonly Transparent: "bg-transparent";
+};
+export type BoxBackgroundColor = (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];
+/**
+ * Box - borderColor
+ * Convert from enum to const object (ADR-0003)
+ */
+export declare const BoxBorderColor: {
+    /** Background default for cut out effect */
+    readonly BackgroundDefault: "border-background-default";
+    /** Default border color */
+    readonly BorderDefault: "border-default";
+    /** Muted border color */
+    readonly BorderMuted: "border-muted";
+    /** Primary default border color */
+    readonly PrimaryDefault: "border-primary-default";
+    /** Primary alternative border color */
+    readonly PrimaryAlternative: "border-primary-alternative";
+    /** Primary muted border color */
+    readonly PrimaryMuted: "border-primary-muted";
+    /** Primary inverse border color */
+    readonly PrimaryInverse: "border-primary-inverse";
+    /** Error default border color */
+    readonly ErrorDefault: "border-error-default";
+    /** Error alternative border color */
+    readonly ErrorAlternative: "border-error-alternative";
+    /** Error muted border color */
+    readonly ErrorMuted: "border-error-muted";
+    /** Error inverse border color */
+    readonly ErrorInverse: "border-error-inverse";
+    /** Warning default border color */
+    readonly WarningDefault: "border-warning-default";
+    /** Warning alternative border color */
+    readonly WarningAlternative: "border-warning-alternative";
+    /** Warning muted border color */
+    readonly WarningMuted: "border-warning-muted";
+    /** Warning inverse border color */
+    readonly WarningInverse: "border-warning-inverse";
+    /** Success default border color */
+    readonly SuccessDefault: "border-success-default";
+    /** Success alternative border color */
+    readonly SuccessAlternative: "border-success-alternative";
+    /** Success muted border color */
+    readonly SuccessMuted: "border-success-muted";
+    /** Success inverse border color */
+    readonly SuccessInverse: "border-success-inverse";
+    /** Info default border color */
+    readonly InfoDefault: "border-info-default";
+    /** Info alternative border color */
+    readonly InfoAlternative: "border-info-alternative";
+    /** Info muted border color */
+    readonly InfoMuted: "border-info-muted";
+    /** Info inverse border color */
+    readonly InfoInverse: "border-info-inverse";
+    /** Flask default border color */
+    readonly FlaskDefault: "border-flask-default";
+    /** Flask inverse border color */
+    readonly FlaskInverse: "border-flask-inverse";
+    /** Overlay alternative border color */
+    readonly OverlayAlternative: "border-overlay-alternative";
+    /** Overlay default border color */
+    readonly OverlayDefault: "border-overlay-default";
+    /** Overlay inverse border color */
+    readonly OverlayInverse: "border-overlay-inverse";
+    /** Transparent border color */
+    readonly Transparent: "border-transparent";
+};
+export type BoxBorderColor = (typeof BoxBorderColor)[keyof typeof BoxBorderColor];
+/**
+ * Box component shared props (ADR-0004)
+ * Platform-independent properties shared across React and React Native.
+ */
+export type BoxPropsShared = {
+    /**
+     * The flex-direction style of the component.
+     */
+    flexDirection?: BoxFlexDirection;
+    /**
+     * The flex-wrap style of the component.
+     */
+    flexWrap?: BoxFlexWrap;
+    /**
+     * The gap between the component's children.
+     * Use 0-12 for a gap of 0px-48px.
+     */
+    gap?: BoxSpacing;
+    /**
+     * The align-items style of the component.
+     */
+    alignItems?: BoxAlignItems;
+    /**
+     * The justify-content style of the component.
+     */
+    justifyContent?: BoxJustifyContent;
+    /**
+     * The margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    margin?: BoxSpacing;
+    /**
+     * The top margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginTop?: BoxSpacing;
+    /**
+     * The right margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginRight?: BoxSpacing;
+    /**
+     * The bottom margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginBottom?: BoxSpacing;
+    /**
+     * The left margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginLeft?: BoxSpacing;
+    /**
+     * The horizontal margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginHorizontal?: BoxSpacing;
+    /**
+     * The vertical margin of the component.
+     * Use 0-12 for margin of 0px-48px.
+     */
+    marginVertical?: BoxSpacing;
+    /**
+     * The padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    padding?: BoxSpacing;
+    /**
+     * The top padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingTop?: BoxSpacing;
+    /**
+     * The right padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingRight?: BoxSpacing;
+    /**
+     * The bottom padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingBottom?: BoxSpacing;
+    /**
+     * The left padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingLeft?: BoxSpacing;
+    /**
+     * The horizontal padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingHorizontal?: BoxSpacing;
+    /**
+     * The vertical padding of the component.
+     * Use 0-12 for padding of 0px-48px.
+     */
+    paddingVertical?: BoxSpacing;
+    /**
+     * The border width of the component.
+     * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.
+     */
+    borderWidth?: BoxBorderWidth;
+    /**
+     * The border color of the component.
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * The background color of the component.
+     */
+    backgroundColor?: BoxBackgroundColor;
+};
+//# sourceMappingURL=Box.types.d.mts.map

package/dist/types/Box/Box.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.types.d.mts","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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"}