@wordpress/components 27.2.0 → 27.4.0

package/build-module/z-stack/styles.js

@@ -4,7 +4,7 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
  * External dependencies
  */
 import { css } from '@emotion/react';
-export const ZStackChildView = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ZStackChildView = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebn2ljm1"
 } : {
   target: "ebn2ljm1",
@@ -27,7 +27,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0NNIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tDaGlsZFZpZXcgPSBzdHlsZWQuZGl2PCB7XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0Jjpub3QoIDpmaXJzdC1vZi10eXBlICkge1xuXHRcdCR7ICggeyBvZmZzZXRBbW91bnQgfSApID0+XG5cdFx0XHRjc3MoIHtcblx0XHRcdFx0bWFyZ2luSW5saW5lU3RhcnQ6IG9mZnNldEFtb3VudCxcblx0XHRcdH0gKSB9O1xuXHR9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG59ID5gXG5cdGRpc3BsYXk6IGlubGluZS1ncmlkO1xuXHRncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cblx0JiA+ICR7IFpTdGFja0NoaWxkVmlldyB9IHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0anVzdGlmeS1zZWxmOiBzdGFydDtcblxuXHRcdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0XHRpc0xheWVyZWRcblx0XHRcdFx0PyAvLyBXaGVuIGBpc0xheWVyZWRgIGlzIHRydWUsIGFsbCBpdGVtcyBvdmVybGFwIGluIHRoZSBzYW1lIGdyaWQgY2VsbFxuXHRcdFx0XHQgIGNzcyggeyBncmlkUm93U3RhcnQ6IDEsIGdyaWRDb2x1bW5TdGFydDogMSB9IClcblx0XHRcdFx0OiB1bmRlZmluZWQgfTtcblx0fVxuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
-export const ZStackView = _styled("div", process.env.NODE_ENV === "production" ? {
+export const ZStackView = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ebn2ljm0"
 } : {
   target: "ebn2ljm0",

package/build-module/z-stack/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","ZStackChildView","_styled","process","env","NODE_ENV","target","label","offsetAmount","marginInlineStart","zIndex","_ref","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ZStackView","isLayered","undefined"],"sources":["@wordpress/components/src/z-stack/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport const ZStackChildView = styled.div< {\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t&:not( :first-of-type ) {\n\t\t${ ( { offsetAmount } ) =>\n\t\t\tcss( {\n\t\t\t\tmarginInlineStart: offsetAmount,\n\t\t\t} ) };\n\t}\n\n\t${ ( { zIndex } ) => css( { zIndex } ) };\n`;\n\nexport const ZStackView = styled.div< {\n\tisLayered: boolean;\n} >`\n\tdisplay: inline-grid;\n\tgrid-auto-flow: column;\n\tposition: relative;\n\n\t& > ${ ZStackChildView } {\n\t\tposition: relative;\n\t\tjustify-self: start;\n\n\t\t${ ( { isLayered } ) =>\n\t\t\tisLayered\n\t\t\t\t? // When `isLayered` is true, all items overlap in the same grid cell\n\t\t\t\t  css( { gridRowStart: 1, gridColumnStart: 1 } )\n\t\t\t\t: undefined };\n\t}\n`;\n"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,OAAO,MAAMC,eAAe,GAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,+BAKvB,CAAE;EAAEC;AAAa,CAAC,kBACpBR,GAAG,CAAE;EACJS,iBAAiB,EAAED;AACpB,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,k7CAAC,CAAC,QAGF,CAAE;EAAEK;AAAO,CAAC,kBAAMV,GAAG,CAAE;EAAEU;AAAO,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,s7CAAC,CAAC,SAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,o7CACtC;AAAC,IAAAM,IAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAO,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,MAAMC,UAAU,GAAAf,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,qEAOfN,eAAe,4CAIlB,CAAE;EAAEiB;AAAU,CAAC,KACjBA,SAAS,GACN;AAAAP,IAAA,GAEAQ,SAAS,UAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,w7CAEd"}
+{"version":3,"names":["css","ZStackChildView","_styled","process","env","NODE_ENV","target","label","offsetAmount","marginInlineStart","zIndex","_ref","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ZStackView","isLayered","undefined"],"sources":["@wordpress/components/src/z-stack/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport const ZStackChildView = styled.div< {\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t&:not( :first-of-type ) {\n\t\t${ ( { offsetAmount } ) =>\n\t\t\tcss( {\n\t\t\t\tmarginInlineStart: offsetAmount,\n\t\t\t} ) };\n\t}\n\n\t${ ( { zIndex } ) => css( { zIndex } ) };\n`;\n\nexport const ZStackView = styled.div< {\n\tisLayered: boolean;\n} >`\n\tdisplay: inline-grid;\n\tgrid-auto-flow: column;\n\tposition: relative;\n\n\t& > ${ ZStackChildView } {\n\t\tposition: relative;\n\t\tjustify-self: start;\n\n\t\t${ ( { isLayered } ) =>\n\t\t\tisLayered\n\t\t\t\t? // When `isLayered` is true, all items overlap in the same grid cell\n\t\t\t\t  css( { gridRowStart: 1, gridColumnStart: 1 } )\n\t\t\t\t: undefined };\n\t}\n`;\n"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,GAAG,QAAQ,gBAAgB;AAGpC,OAAO,MAAMC,eAAe,gBAAAC,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,+BAKvB,CAAE;EAAEC;AAAa,CAAC,kBACpBR,GAAG,CAAE;EACJS,iBAAiB,EAAED;AACpB,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,k7CAAC,CAAC,QAGF,CAAE;EAAEK;AAAO,CAAC,kBAAMV,GAAG,CAAE;EAAEU;AAAO,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,s7CAAC,CAAC,SAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,o7CACtC;AAAC,IAAAM,IAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAO,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA;AAEF,OAAO,MAAMC,UAAU,gBAAAf,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,qEAOfN,eAAe,4CAIlB,CAAE;EAAEiB;AAAU,CAAC,KACjBA,SAAS,GACN;AAAAP,IAAA,GAEAQ,SAAS,UAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,w7CAEd","ignoreList":[]}

package/build-module/z-stack/types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/z-stack/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ZStackProps = {\n\t/**\n\t * Layers children elements on top of each other (first: highest z-index,\n\t * last: lowest z-index).\n\t *\n\t * @default true\n\t */\n\tisLayered?: boolean;\n\t/**\n\t * Reverse the layer ordering (first: lowest z-index, last: highest\n\t * z-index).\n\t *\n\t * @default false\n\t */\n\tisReversed?: boolean;\n\t/**\n\t * The amount of space between each child element. Its value is\n\t * automatically inverted (i.e. from positive to negative, and viceversa)\n\t * when switching from LTR to RTL.\n\t *\n\t * @default 0\n\t */\n\toffset?: number;\n\t/**\n\t * The children to stack.\n\t */\n\tchildren: ReactNode;\n};\n"],"mappings":""}
+{"version":3,"names":[],"sources":["@wordpress/components/src/z-stack/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\nexport type ZStackProps = {\n\t/**\n\t * Layers children elements on top of each other (first: highest z-index,\n\t * last: lowest z-index).\n\t *\n\t * @default true\n\t */\n\tisLayered?: boolean;\n\t/**\n\t * Reverse the layer ordering (first: lowest z-index, last: highest\n\t * z-index).\n\t *\n\t * @default false\n\t */\n\tisReversed?: boolean;\n\t/**\n\t * The amount of space between each child element. Its value is\n\t * automatically inverted (i.e. from positive to negative, and viceversa)\n\t * when switching from LTR to RTL.\n\t *\n\t * @default 0\n\t */\n\toffset?: number;\n\t/**\n\t * The children to stack.\n\t */\n\tchildren: ReactNode;\n};\n"],"mappings":"","ignoreList":[]}

package/build-style/style-rtl.css

@@ -483,6 +483,15 @@ p + .components-button.is-tertiary {
     background-position: right 200px top 0;
   }
 }
+.components-checkbox-control {
+  --checkbox-input-size: 24px;
+}
+@media (min-width: 600px) {
+  .components-checkbox-control {
+    --checkbox-input-size: 20px;
+  }
+}
+
 .components-checkbox-control__input[type=checkbox] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -509,8 +518,8 @@ p + .components-button.is-tertiary {
   padding: 0 !important;
   text-align: center;
   vertical-align: top;
-  width: 24px;
-  height: 24px;
+  width: var(--checkbox-input-size);
+  height: var(--checkbox-input-size);
   -webkit-appearance: none;
           appearance: none;
   transition: 0.1s border-color ease-in-out;
@@ -592,12 +601,6 @@ p + .components-button.is-tertiary {
   cursor: default;
   opacity: 1;
 }
-@media (min-width: 600px) {
-  .components-checkbox-control__input[type=checkbox] {
-    height: 20px;
-    width: 20px;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   .components-checkbox-control__input[type=checkbox] {
     transition-duration: 0s;
@@ -625,25 +628,21 @@ p + .components-button.is-tertiary {
   display: inline-block;
   margin-left: 12px;
   vertical-align: middle;
-  width: 24px;
-  height: 24px;
-}
-@media (min-width: 600px) {
-  .components-checkbox-control__input-container {
-    width: 20px;
-    height: 20px;
-  }
+  width: var(--checkbox-input-size);
+  aspect-ratio: 1;
 }
 
 svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
+  --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
   cursor: pointer;
   position: absolute;
-  right: 0;
-  top: 0;
-  width: 24px;
-  height: 24px;
+  right: 50%;
+  top: 50%;
+  transform: translate(50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
   -webkit-user-select: none;
           user-select: none;
   pointer-events: none;
@@ -651,8 +650,7 @@ svg.components-checkbox-control__indeterminate {
 @media (min-width: 600px) {
   svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
-    right: -2px;
-    top: -2px;
+    --checkmark-size: calc(var(--checkbox-input-size) + 4px);
   }
 }
 
@@ -1055,6 +1053,12 @@ input.components-combobox-control__input[type=text]:focus {
   margin-right: 10px;
 }
 
+.components-custom-select-control__menu-wrapper {
+  position: absolute;
+  min-width: 100%;
+  bottom: 0;
+}
+
 .components-custom-select-control__menu {
   border: 1px solid #1e1e1e;
   background-color: #fff;
@@ -1218,7 +1222,7 @@ body.is-dragging-components-draggable {
   border-top: 1px solid #ccc;
   padding: 8px;
 }
-.is-alternate .components-dropdown__content .components-menu-group + .components-menu-group {
+.components-dropdown__content.is-alternate .components-menu-group + .components-menu-group {
   border-color: #1e1e1e;
 }
 
@@ -1313,6 +1317,19 @@ body.is-dragging-components-draggable {
   margin: 2px;
 }
 
+.components-external-link {
+  text-decoration: none;
+}
+
+.components-external-link__contents {
+  text-decoration: underline;
+}
+
+.components-external-link__icon {
+  margin-right: 0.5ch;
+  font-weight: 400;
+}
+
 .components-form-toggle {
   position: relative;
   display: inline-block;
@@ -2250,6 +2267,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   text-align: right;
   margin: 0;
   color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   -moz-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
   border-radius: 2px;
@@ -2257,14 +2277,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: inset 0 0 0 1px #1e1e1e;
   outline: 1px solid transparent;
 }
-@supports (position: sticky) {
-  .components-placeholder.components-placeholder {
-    display: flex;
-    flex-direction: column;
-    justify-content: top;
-    align-items: flex-start;
-  }
-}
 
 .components-placeholder__error,
 .components-placeholder__instructions,
@@ -2599,13 +2611,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   stroke: #1e1e1e;
 }
 
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-}
-
 .components-radio-control__option {
   display: flex;
   align-items: center;
@@ -3083,6 +3088,7 @@ body.lockscroll {
 .components-text-control__input[type=number] {
   width: 100%;
   height: 32px;
+  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
@@ -3396,14 +3402,9 @@ body.lockscroll {
 }
 
 div.components-toolbar > div {
-  display: block;
+  display: flex;
   margin: 0;
 }
-@supports (position: sticky) {
-  div.components-toolbar > div {
-    display: flex;
-  }
-}
 div.components-toolbar > div + div.has-left-divider {
   margin-right: 6px;
   position: relative;

package/build-style/style.css

@@ -483,6 +483,15 @@ p + .components-button.is-tertiary {
     background-position: 200px 0;
   }
 }
+.components-checkbox-control {
+  --checkbox-input-size: 24px;
+}
+@media (min-width: 600px) {
+  .components-checkbox-control {
+    --checkbox-input-size: 20px;
+  }
+}
+
 .components-checkbox-control__input[type=checkbox] {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
@@ -509,8 +518,8 @@ p + .components-button.is-tertiary {
   padding: 0 !important;
   text-align: center;
   vertical-align: top;
-  width: 24px;
-  height: 24px;
+  width: var(--checkbox-input-size);
+  height: var(--checkbox-input-size);
   -webkit-appearance: none;
           appearance: none;
   transition: 0.1s border-color ease-in-out;
@@ -592,12 +601,6 @@ p + .components-button.is-tertiary {
   cursor: default;
   opacity: 1;
 }
-@media (min-width: 600px) {
-  .components-checkbox-control__input[type=checkbox] {
-    height: 20px;
-    width: 20px;
-  }
-}
 @media (prefers-reduced-motion: reduce) {
   .components-checkbox-control__input[type=checkbox] {
     transition-duration: 0s;
@@ -625,25 +628,21 @@ p + .components-button.is-tertiary {
   display: inline-block;
   margin-right: 12px;
   vertical-align: middle;
-  width: 24px;
-  height: 24px;
-}
-@media (min-width: 600px) {
-  .components-checkbox-control__input-container {
-    width: 20px;
-    height: 20px;
-  }
+  width: var(--checkbox-input-size);
+  aspect-ratio: 1;
 }
 
 svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
+  --checkmark-size: var(--checkbox-input-size);
   fill: #fff;
   cursor: pointer;
   position: absolute;
-  left: 0;
-  top: 0;
-  width: 24px;
-  height: 24px;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  width: var(--checkmark-size);
+  height: var(--checkmark-size);
   -webkit-user-select: none;
           user-select: none;
   pointer-events: none;
@@ -651,8 +650,7 @@ svg.components-checkbox-control__indeterminate {
 @media (min-width: 600px) {
   svg.components-checkbox-control__checked,
 svg.components-checkbox-control__indeterminate {
-    left: -2px;
-    top: -2px;
+    --checkmark-size: calc(var(--checkbox-input-size) + 4px);
   }
 }
 
@@ -1060,6 +1058,12 @@ input.components-combobox-control__input[type=text]:focus {
   margin-left: 10px;
 }
 
+.components-custom-select-control__menu-wrapper {
+  position: absolute;
+  min-width: 100%;
+  bottom: 0;
+}
+
 .components-custom-select-control__menu {
   border: 1px solid #1e1e1e;
   background-color: #fff;
@@ -1223,7 +1227,7 @@ body.is-dragging-components-draggable {
   border-top: 1px solid #ccc;
   padding: 8px;
 }
-.is-alternate .components-dropdown__content .components-menu-group + .components-menu-group {
+.components-dropdown__content.is-alternate .components-menu-group + .components-menu-group {
   border-color: #1e1e1e;
 }
 
@@ -1318,6 +1322,19 @@ body.is-dragging-components-draggable {
   margin: 2px;
 }
 
+.components-external-link {
+  text-decoration: none;
+}
+
+.components-external-link__contents {
+  text-decoration: underline;
+}
+
+.components-external-link__icon {
+  margin-left: 0.5ch;
+  font-weight: 400;
+}
+
 .components-form-toggle {
   position: relative;
   display: inline-block;
@@ -2257,6 +2274,9 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   text-align: left;
   margin: 0;
   color: #1e1e1e;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
   -moz-font-smoothing: subpixel-antialiased;
   -webkit-font-smoothing: subpixel-antialiased;
   border-radius: 2px;
@@ -2264,14 +2284,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   box-shadow: inset 0 0 0 1px #1e1e1e;
   outline: 1px solid transparent;
 }
-@supports (position: sticky) {
-  .components-placeholder.components-placeholder {
-    display: flex;
-    flex-direction: column;
-    justify-content: top;
-    align-items: flex-start;
-  }
-}
 
 .components-placeholder__error,
 .components-placeholder__instructions,
@@ -2608,13 +2620,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   stroke: #1e1e1e;
 }
 
-.components-popover-pointer-events-trap {
-  z-index: 1000000;
-  position: fixed;
-  inset: 0;
-  background-color: transparent;
-}
-
 .components-radio-control__option {
   display: flex;
   align-items: center;
@@ -3095,6 +3100,7 @@ body.lockscroll {
 .components-text-control__input[type=number] {
   width: 100%;
   height: 32px;
+  margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   padding: 6px 8px;
   box-shadow: 0 0 0 transparent;
@@ -3408,14 +3414,9 @@ body.lockscroll {
 }
 
 div.components-toolbar > div {
-  display: block;
+  display: flex;
   margin: 0;
 }
-@supports (position: sticky) {
-  div.components-toolbar > div {
-    display: flex;
-  }
-}
 div.components-toolbar > div + div.has-left-divider {
   margin-left: 6px;
   position: relative;

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

@@ -10,6 +10,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/dist/types-0fc72a6d").R, AlignmentMatrixControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof AlignmentMatrixControlProps>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, AlignmentMatrixControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof AlignmentMatrixControlProps>>;
 export declare const IconSubcomponent: () => 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,iWAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,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,yVAAsB,CAAC;AAE3C,eAAO,MAAM,gBAAgB,mBAkB5B,CAAC"}

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

@@ -9,7 +9,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/dist/types-0fc72a6d").R, import("../types").AnglePickerControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "children" | "as" | keyof import("../types").AnglePickerControlProps> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("../types").AnglePickerControlProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "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/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearTopRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomLeft: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const AppearBottomRight: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const Loading: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
-export declare const SlideIn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, import("../types").AnimateProps>;
+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>;
 //# 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,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAS3C,eAAO,MAAM,aAAa,gIAAsB,CAAC;AAUjD,eAAO,MAAM,cAAc,gIAAsB,CAAC;AAUlD,eAAO,MAAM,gBAAgB,gIAAsB,CAAC;AAUpD,eAAO,MAAM,iBAAiB,gIAAsB,CAAC;AAWrD,eAAO,MAAM,OAAO,gIAAsB,CAAC;AAU3C,eAAO,MAAM,OAAO,gIAAsB,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,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AAMpB,eAAO,MAAM,OAAO,wHAAsB,CAAC;AAS3C,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"}

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

@@ -10,7 +10,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/dist/types-0fc72a6d").R, import("../types").BaseControlProps & {
+export declare const WithHelpText: import("@storybook/types").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

@@ -6,7 +6,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../../border-control/types").LabelProps & Pick<import("../../border-control/types").BorderControlProps, "size" | "enableStyle"> & {
     onChange: (value: import("../types").AnyBorder) => void;

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

@@ -10,7 +10,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -29,7 +29,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSlider: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -48,7 +48,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithSliderCustomWidth: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -68,7 +68,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const IsCompact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -87,7 +87,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/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;
@@ -106,7 +106,7 @@ export declare const WithMultipleOrigins: import("@storybook/types").AnnotatedSt
 /**
  * Allow the alpha channel to be edited on each color.
  */
-export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
+export declare const WithAlphaEnabled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../color-palette/types").ColorPaletteProps, "colors" | "enableAlpha" | "__experimentalIsRenderedInSidebar"> & {
     disableCustomColors?: boolean | undefined;
 } & import("../types").LabelProps & {
     disableUnits?: boolean | undefined;

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

@@ -9,7 +9,7 @@ import type { Meta } from '@storybook/react';
 import BoxControl from '../';
 declare const meta: Meta<typeof BoxControl>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -332,7 +332,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -655,7 +655,7 @@ export declare const Controlled: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -978,7 +978,7 @@ export declare const ArbitrarySides: import("@storybook/types").AnnotatedStoryFn
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -1301,7 +1301,7 @@ export declare const SingleSide: import("@storybook/types").AnnotatedStoryFn<imp
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {
@@ -1624,7 +1624,7 @@ export declare const AxialControls: import("@storybook/types").AnnotatedStoryFn<
     values?: import("../types").BoxControlValue | undefined;
     __next40pxDefaultSize?: boolean | undefined;
 }>;
-export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
+export declare const AxialControlsWithSingleSide: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, Pick<import("../../unit-control/types").UnitControlProps, "onMouseOut" | "onMouseOver" | "units"> & {
     allowReset?: boolean | undefined;
     id?: string | undefined;
     inputProps?: {

package/build-types/button/stories/e2e/index.story.d.ts

@@ -10,6 +10,6 @@ import { Button } from '../..';
 declare const meta: Meta<typeof Button>;
 export default meta;
 export declare const VariantStates: StoryFn<typeof Button>;
-export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../../types").ButtonProps & import("../../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
 export declare const Dashicons: StoryFn<typeof Button>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAiCjD,CAAC;AAKF,eAAO,MAAM,IAAI,uNAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAgB7C,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/button/stories/e2e/index.story.tsx"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,MAAM,CAG9B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,MAAM,CAiCjD,CAAC;AAKF,eAAO,MAAM,IAAI,+MAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAgB7C,CAAC"}

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

@@ -10,12 +10,12 @@ import './style.css';
 import Button from '..';
 declare const meta: Meta<typeof Button>;
 export default meta;
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
-export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Primary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Secondary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Tertiary: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Link: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const IsDestructive: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
+export declare const Icon: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, (import("../types").ButtonProps & import("../types").DeprecatedButtonProps) & import("react").RefAttributes<any>>;
 export declare const GroupedIcons: () => JSX.Element;
 //# sourceMappingURL=index.story.d.ts.map