@wordpress/components 29.0.1-next.a9f418477.0 → 29.1.1

package/build-style/style-rtl.css

@@ -199,6 +199,56 @@
   outline: 2px solid transparent;
 }
 
+.components-badge {
+  box-sizing: border-box;
+  background-color: color-mix(in srgb, #fff 90%, var(--base-color));
+  color: color-mix(in srgb, #000 50%, var(--base-color));
+  padding: 0 8px;
+  min-height: 24px;
+  max-width: 100%;
+  border-radius: 2px;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.components-badge *,
+.components-badge *::before,
+.components-badge *::after {
+  box-sizing: inherit;
+}
+.components-badge:where(.is-default) {
+  background-color: #f0f0f0;
+  color: #2f2f2f;
+}
+.components-badge.has-icon {
+  padding-inline-start: 4px;
+}
+.components-badge.is-info {
+  --base-color: #3858e9;
+}
+.components-badge.is-warning {
+  --base-color: #f0b849;
+}
+.components-badge.is-error {
+  --base-color: #cc1818;
+}
+.components-badge.is-success {
+  --base-color: #4ab866;
+}
+
+.components-badge__icon {
+  flex-shrink: 0;
+}
+
+.components-badge__content {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .components-button-group {
   display: inline-block;
 }
@@ -235,7 +285,6 @@
   display: inline-flex;
   text-decoration: none;
   font-family: inherit;
-  font-weight: normal;
   font-size: 13px;
   margin: 0;
   border: 0;
@@ -339,8 +388,10 @@
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
-.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) {
-  box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
+.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true], .is-pressed) {
+  box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
+  color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
 }
 .components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) {
   box-shadow: inset 0 0 0 1px #ddd;
@@ -354,12 +405,11 @@
   background: transparent;
 }
 .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Allow tertiary buttons to use colors from the user admin color scheme. */
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
+  color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
 }
 .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Allow tertiary buttons to use colors from the user admin color scheme. */
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, transparent);
 }
 p + .components-button.is-tertiary {
   margin-right: -6px;
@@ -388,10 +438,10 @@ p + .components-button.is-tertiary {
 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled, .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true] {
   color: #949494;
 }
-.components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
+.components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:hover:not(:disabled, [aria-disabled=true]) {
   background: rgba(204, 24, 24, 0.04);
 }
-.components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
+.components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:active:not(:disabled, [aria-disabled=true]) {
   background: rgba(204, 24, 24, 0.08);
 }
 .components-button.is-link {
@@ -1078,8 +1128,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 
 body.is-dragging-components-draggable {
-  cursor: move;
-  /* Fallback for IE/Edge < 14 */
+  cursor: move; /* Fallback for IE/Edge < 14 */
   cursor: grabbing !important;
 }
 
@@ -2917,7 +2966,6 @@ See https://bugs.webkit.org/show_bug.cgi?id=187903. */
 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
       animation: none;
     }
-
     .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
@@ -3016,7 +3064,6 @@ body.lockscroll {
 }
 @media (min-width: 600px) {
   .components-snackbar {
-    width: -moz-fit-content;
     width: fit-content;
   }
 }

package/build-style/style.css

@@ -199,6 +199,56 @@
   outline: 2px solid transparent;
 }
 
+.components-badge {
+  box-sizing: border-box;
+  background-color: color-mix(in srgb, #fff 90%, var(--base-color));
+  color: color-mix(in srgb, #000 50%, var(--base-color));
+  padding: 0 8px;
+  min-height: 24px;
+  max-width: 100%;
+  border-radius: 2px;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 20px;
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+}
+.components-badge *,
+.components-badge *::before,
+.components-badge *::after {
+  box-sizing: inherit;
+}
+.components-badge:where(.is-default) {
+  background-color: #f0f0f0;
+  color: #2f2f2f;
+}
+.components-badge.has-icon {
+  padding-inline-start: 4px;
+}
+.components-badge.is-info {
+  --base-color: #3858e9;
+}
+.components-badge.is-warning {
+  --base-color: #f0b849;
+}
+.components-badge.is-error {
+  --base-color: #cc1818;
+}
+.components-badge.is-success {
+  --base-color: #4ab866;
+}
+
+.components-badge__icon {
+  flex-shrink: 0;
+}
+
+.components-badge__content {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .components-button-group {
   display: inline-block;
 }
@@ -235,7 +285,6 @@
   display: inline-flex;
   text-decoration: none;
   font-family: inherit;
-  font-weight: normal;
   font-size: 13px;
   margin: 0;
   border: 0;
@@ -339,8 +388,10 @@
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
-.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true]) {
-  box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6));
+.components-button.is-secondary:hover:not(:disabled, [aria-disabled=true], .is-pressed) {
+  box-shadow: inset 0 0 0 1px var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
+  color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
 }
 .components-button.is-secondary:disabled:not(:focus), .components-button.is-secondary[aria-disabled=true]:not(:focus), .components-button.is-secondary[aria-disabled=true]:hover:not(:focus) {
   box-shadow: inset 0 0 0 1px #ddd;
@@ -354,12 +405,11 @@
   background: transparent;
 }
 .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Allow tertiary buttons to use colors from the user admin color scheme. */
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 4%, transparent);
+  color: var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6));
 }
 .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
-  /* stylelint-disable-next-line declaration-property-value-disallowed-list -- Allow tertiary buttons to use colors from the user admin color scheme. */
-  background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
+  background: color-mix(in srgb, var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9)) 8%, transparent);
 }
 p + .components-button.is-tertiary {
   margin-left: -6px;
@@ -388,10 +438,10 @@ p + .components-button.is-tertiary {
 .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link):disabled, .components-button.is-destructive:not(.is-primary):not(.is-secondary):not(.is-tertiary):not(.is-link)[aria-disabled=true] {
   color: #949494;
 }
-.components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
+.components-button.is-destructive.is-tertiary:hover:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:hover:not(:disabled, [aria-disabled=true]) {
   background: rgba(204, 24, 24, 0.04);
 }
-.components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
+.components-button.is-destructive.is-tertiary:active:not(:disabled, [aria-disabled=true]), .components-button.is-destructive.is-secondary:active:not(:disabled, [aria-disabled=true]) {
   background: rgba(204, 24, 24, 0.08);
 }
 .components-button.is-link {
@@ -1083,8 +1133,7 @@ input.components-combobox-control__input[type=text]:focus {
 }
 
 body.is-dragging-components-draggable {
-  cursor: move;
-  /* Fallback for IE/Edge < 14 */
+  cursor: move; /* Fallback for IE/Edge < 14 */
   cursor: grabbing !important;
 }
 
@@ -2926,7 +2975,6 @@ See https://bugs.webkit.org/show_bug.cgi?id=187903. */
 .components-resizable-box__side-handle.components-resizable-box__handle-bottom:active::before {
       animation: none;
     }
-
     .components-resizable-box__side-handle.components-resizable-box__handle-left:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-right:hover::before,
 .components-resizable-box__side-handle.components-resizable-box__handle-left:active::before,
@@ -3028,7 +3076,6 @@ body.lockscroll {
 }
 @media (min-width: 600px) {
   .components-snackbar {
-    width: -moz-fit-content;
     width: fit-content;
   }
 }

package/build-types/alignment-matrix-control/stories/index.story.d.ts

@@ -9,6 +9,6 @@ import AlignmentMatrixControl from '..';
 import type { AlignmentMatrixControlProps } from '../types';
 declare const meta: Meta<typeof AlignmentMatrixControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlignmentMatrixControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof AlignmentMatrixControlProps>>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlignmentMatrixControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof AlignmentMatrixControlProps>>;
 export declare const IconSubcomponent: () => import("react").JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/alignment-matrix-control/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,kSAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/alignment-matrix-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAQtD;;GAEG;AACH,OAAO,sBAAsB,MAAM,IAAI,CAAC;AAExC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,UAAU,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,sBAAsB,CAgB9C,CAAC;AACF,eAAe,IAAI,CAAC;AAqBpB,eAAO,MAAM,OAAO,gSAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mCAS5B,CAAC"}

package/build-types/angle-picker-control/stories/index.story.d.ts

@@ -8,7 +8,7 @@ import type { Meta } from '@storybook/react';
 import { AnglePickerControl } from '..';
 declare const meta: Meta<typeof AnglePickerControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & import("react").RefAttributes<any>>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/animate/stories/index.story.d.ts

@@ -8,11 +8,11 @@ import type { Meta } from '@storybook/react';
 import { Animate } from '..';
 declare const meta: Meta<typeof Animate>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
-export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopLeft: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearTopRight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomLeft: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const AppearBottomRight: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const Loading: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
+export declare const SlideIn: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnimateProps>;
 //# sourceMappingURL=index.story.d.ts.map

package/build-types/animate/stories/index.story.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAQ/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAc3C,eAAO,MAAM,aAAa,wHAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,wHAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,wHAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,wHAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,wHAAsB,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/animate/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAG7B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,OAAO,CAQ/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,sHAAsB,CAAC;AAc3C,eAAO,MAAM,aAAa,sHAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,sHAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,sHAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,sHAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,sHAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,sHAAsB,CAAC"}

package/build-types/badge/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Internal dependencies
+ */
+import type { BadgeProps } from './types';
+import type { WordPressComponentProps } from '../context';
+declare function Badge({ className, intent, children, ...props }: WordPressComponentProps<BadgeProps, 'span', false>): import("react").JSX.Element;
+export default Badge;
+//# sourceMappingURL=index.d.ts.map

package/build-types/badge/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/badge/index.tsx"],"names":[],"mappings":"AAUA;;GAEG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAG1D,iBAAS,KAAK,CAAE,EACf,SAAS,EACT,MAAkB,EAClB,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,uBAAuB,CAAE,UAAU,EAAE,MAAM,EAAE,KAAK,CAAE,+BA0CtD;AAED,eAAe,KAAK,CAAC"}

package/build-types/badge/stories/index.story.d.ts

@@ -0,0 +1,17 @@
+/**
+ * External dependencies
+ */
+import type { Meta, StoryObj } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import Badge from '..';
+declare const meta: Meta<typeof Badge>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+//# sourceMappingURL=index.story.d.ts.map

package/build-types/badge/stories/index.story.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/badge/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;GAEG;AACH,OAAO,KAAK,MAAM,IAAI,CAAC;AAEvB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,KAAK,CAK7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAE,OAAO,IAAI,CAAE,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC"}

package/build-types/badge/test/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/build-types/badge/test/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/badge/test/index.tsx"],"names":[],"mappings":""}

package/build-types/badge/types.d.ts

@@ -0,0 +1,13 @@
+export type BadgeProps = {
+    /**
+     * Badge variant.
+     *
+     * @default 'default'
+     */
+    intent?: 'default' | 'info' | 'success' | 'warning' | 'error';
+    /**
+     * Text to display inside the badge.
+     */
+    children: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/build-types/badge/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/badge/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9D;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/build-types/base-control/stories/index.story.d.ts

@@ -9,7 +9,7 @@ import BaseControl from '..';
 declare const meta: Meta<typeof BaseControl>;
 export default meta;
 export declare const Default: StoryFn<typeof BaseControl>;
-export declare const WithHelpText: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BaseControlProps & {
+export declare const WithHelpText: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").BaseControlProps & {
     as?: keyof JSX.IntrinsicElements | null | undefined;
 }>;
 /**

package/build-types/border-box-control/stories/index.story.d.ts

@@ -5,7 +5,7 @@ import type { Meta } from '@storybook/react';
 import { BorderBoxControl } from '../';
 declare const meta: Meta<typeof BorderBoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {

package/build-types/border-control/stories/index.story.d.ts

@@ -9,7 +9,7 @@ import { BorderControl } from '..';
 import type { Border } from '../types';
 declare const meta: Meta<typeof BorderControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../types").LabelProps & {
@@ -31,7 +31,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
 /**
  * Render a slider beside the control.
  */
-export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSlider: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../types").LabelProps & {
@@ -53,7 +53,7 @@ export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<imp
 /**
  * When rendering with a slider, the `width` prop is useful to customize the width of the number input.
  */
-export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSliderCustomWidth: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../types").LabelProps & {
@@ -76,7 +76,7 @@ export declare const WithSliderCustomWidth: import("@storybook/types").Annotated
  * Restrict the width of the control and prevent it from expanding to take up additional space.
  * When `true`, the `width` prop will be ignored.
  */
-export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const IsCompact: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../types").LabelProps & {
@@ -98,7 +98,7 @@ export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<impo
 /**
  * The `colors` object can contain multiple origins.
  */
-export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithMultipleOrigins: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean;
     enableAlpha?: boolean;
 } & import("../types").LabelProps & {

package/build-types/box-control/index.d.ts

@@ -25,7 +25,7 @@ import type { BoxControlProps } from './types';
  * };
  * ```
  */
-declare function BoxControl({ __next40pxDefaultSize, id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, onMouseOver, onMouseOut, }: BoxControlProps): import("react").JSX.Element;
+declare function BoxControl({ __next40pxDefaultSize, id: idProp, inputProps, onChange, label, values: valuesProp, units, sides, splitOnAxis, allowReset, resetValues, presets, presetKey, onMouseOver, onMouseOut, }: BoxControlProps): import("react").JSX.Element;
 export { applyValueToSides } from './utils';
 export default BoxControl;
 //# sourceMappingURL=index.d.ts.map

package/build-types/box-control/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,WAAW,EACX,UAAU,GACV,EAAE,eAAe,+BAyHjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/box-control/index.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAEX,eAAe,EAEf,MAAM,SAAS,CAAC;AAejB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,iBAAS,UAAU,CAAE,EACpB,qBAA6B,EAC7B,EAAE,EAAE,MAAM,EACV,UAA8B,EAC9B,QAAe,EACf,KAA2B,EAC3B,MAAM,EAAE,UAAU,EAClB,KAAK,EACL,KAAK,EACL,WAAmB,EACnB,UAAiB,EACjB,WAA4B,EAC5B,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,GACV,EAAE,eAAe,+BAuIjB;AAED,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,eAAe,UAAU,CAAC"}

package/build-types/box-control/input-control.d.ts

@@ -0,0 +1,3 @@
+import type { BoxControlInputControlProps } from './types';
+export default function BoxInputControl({ __next40pxDefaultSize, onChange, onFocus, values, selectedUnits, setSelectedUnits, sides, side, min, presets, presetKey, ...props }: BoxControlInputControlProps): import("react").JSX.Element;
+//# sourceMappingURL=input-control.d.ts.map

package/build-types/box-control/input-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-control.d.ts","sourceRoot":"","sources":["../../src/box-control/input-control.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAK,EAAE,2BAA2B,EAAmB,MAAM,SAAS,CAAC;AA+C5E,MAAM,CAAC,OAAO,UAAU,eAAe,CAAE,EACxC,qBAAqB,EACrB,QAAe,EACf,OAAc,EACd,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,KAAK,EACL,IAAI,EACJ,GAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACR,EAAE,2BAA2B,+BAgN7B"}