@wordpress/components 25.16.0 → 26.0.0

package/build-module/utils/use-deprecated-props.js.map

@@ -1 +1 @@
-{"version":3,"names":["deprecated","useDeprecated36pxDefaultSizeProp","props","componentIdentifier","since","__next36pxDefaultSize","__next40pxDefaultSize","otherProps","alternative"],"sources":["@wordpress/components/src/utils/use-deprecated-props.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\n\nexport function useDeprecated36pxDefaultSizeProp<\n\tP extends Record< string, any > & {\n\t\t__next36pxDefaultSize?: boolean;\n\t\t__next40pxDefaultSize?: boolean;\n\t},\n>(\n\tprops: P,\n\t/** The component identifier in dot notation, e.g. `wp.components.ComponentName`. */\n\tcomponentIdentifier: string,\n\t/** Version in which the prop was deprecated. */\n\tsince: string = '6.3'\n) {\n\tconst { __next36pxDefaultSize, __next40pxDefaultSize, ...otherProps } =\n\t\tprops;\n\tif ( typeof __next36pxDefaultSize !== 'undefined' ) {\n\t\tdeprecated( '`__next36pxDefaultSize` prop in ' + componentIdentifier, {\n\t\t\talternative: '`__next40pxDefaultSize`',\n\t\t\tsince,\n\t\t} );\n\t}\n\n\treturn {\n\t\t...otherProps,\n\t\t__next40pxDefaultSize: __next40pxDefaultSize ?? __next36pxDefaultSize,\n\t};\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,UAAU,MAAM,uBAAuB;AAE9C,OAAO,SAASC,gCAAgCA,CAM/CC,KAAQ,EACR;AACAC,mBAA2B,EAC3B;AACAC,KAAa,GAAG,KAAK,EACpB;EACD,MAAM;IAAEC,qBAAqB;IAAEC,qBAAqB;IAAE,GAAGC;EAAW,CAAC,GACpEL,KAAK;EACN,IAAK,OAAOG,qBAAqB,KAAK,WAAW,EAAG;IACnDL,UAAU,CAAE,kCAAkC,GAAGG,mBAAmB,EAAE;MACrEK,WAAW,EAAE,yBAAyB;MACtCJ;IACD,CAAE,CAAC;EACJ;EAEA,OAAO;IACN,GAAGG,UAAU;IACbD,qBAAqB,EAAEA,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAID;EACjD,CAAC;AACF"}
+{"version":3,"names":["useDeprecated36pxDefaultSizeProp","props","__next36pxDefaultSize","__next40pxDefaultSize","otherProps"],"sources":["@wordpress/components/src/utils/use-deprecated-props.ts"],"sourcesContent":["export function useDeprecated36pxDefaultSizeProp<\n\tP extends Record< string, any > & {\n\t\t__next36pxDefaultSize?: boolean;\n\t\t__next40pxDefaultSize?: boolean;\n\t},\n>( props: P ) {\n\tconst { __next36pxDefaultSize, __next40pxDefaultSize, ...otherProps } =\n\t\tprops;\n\n\treturn {\n\t\t...otherProps,\n\t\t__next40pxDefaultSize: __next40pxDefaultSize ?? __next36pxDefaultSize,\n\t};\n}\n"],"mappings":"AAAA,OAAO,SAASA,gCAAgCA,CAK7CC,KAAQ,EAAG;EACb,MAAM;IAAEC,qBAAqB;IAAEC,qBAAqB;IAAE,GAAGC;EAAW,CAAC,GACpEH,KAAK;EAEN,OAAO;IACN,GAAGG,UAAU;IACbD,qBAAqB,EAAEA,qBAAqB,aAArBA,qBAAqB,cAArBA,qBAAqB,GAAID;EACjD,CAAC;AACF"}

package/build-module/utils/use-responsive-value.js

@@ -43,8 +43,7 @@ export function useResponsiveValue(values, options = {}) {
   const array = values || [];
 
   /* eslint-disable jsdoc/no-undefined-types */
-  return (/** @type {T[]} */array[/* eslint-enable jsdoc/no-undefined-types */
-    index >= array.length ? array.length - 1 : index]
-  );
+  return /** @type {T[]} */array[/* eslint-enable jsdoc/no-undefined-types */
+  index >= array.length ? array.length - 1 : index];
 }
 //# sourceMappingURL=use-responsive-value.js.map

package/build-module/utils/use-responsive-value.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","breakpoints","useBreakpointIndex","options","defaultIndex","TypeError","length","RangeError","value","setValue","getIndex","filter","bp","window","matchMedia","matches","onResize","newValue","addEventListener","removeEventListener","useResponsiveValue","values","index","Array","isArray","array"],"sources":["@wordpress/components/src/utils/use-responsive-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\nconst breakpoints = [ '40em', '52em', '64em' ];\n\nexport const useBreakpointIndex = (\n\toptions: { defaultIndex?: number } = {}\n) => {\n\tconst { defaultIndex = 0 } = options;\n\n\tif ( typeof defaultIndex !== 'number' ) {\n\t\tthrow new TypeError(\n\t\t\t`Default breakpoint index should be a number. Got: ${ defaultIndex }, ${ typeof defaultIndex }`\n\t\t);\n\t} else if ( defaultIndex < 0 || defaultIndex > breakpoints.length - 1 ) {\n\t\tthrow new RangeError(\n\t\t\t`Default breakpoint index out of range. Theme has ${ breakpoints.length } breakpoints, got index ${ defaultIndex }`\n\t\t);\n\t}\n\n\tconst [ value, setValue ] = useState( defaultIndex );\n\n\tuseEffect( () => {\n\t\tconst getIndex = () =>\n\t\t\tbreakpoints.filter( ( bp ) => {\n\t\t\t\treturn typeof window !== 'undefined'\n\t\t\t\t\t? window.matchMedia( `screen and (min-width: ${ bp })` )\n\t\t\t\t\t\t\t.matches\n\t\t\t\t\t: false;\n\t\t\t} ).length;\n\n\t\tconst onResize = () => {\n\t\t\tconst newValue = getIndex();\n\t\t\tif ( value !== newValue ) {\n\t\t\t\tsetValue( newValue );\n\t\t\t}\n\t\t};\n\n\t\tonResize();\n\n\t\tif ( typeof window !== 'undefined' ) {\n\t\t\twindow.addEventListener( 'resize', onResize );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( typeof window !== 'undefined' ) {\n\t\t\t\twindow.removeEventListener( 'resize', onResize );\n\t\t\t}\n\t\t};\n\t}, [ value ] );\n\n\treturn value;\n};\n\nexport function useResponsiveValue< T >(\n\tvalues: ( T | undefined )[],\n\toptions: Parameters< typeof useBreakpointIndex >[ 0 ] = {}\n): T | undefined {\n\tconst index = useBreakpointIndex( options );\n\n\t// Allow calling the function with a \"normal\" value without having to check on the outside.\n\tif ( ! Array.isArray( values ) && typeof values !== 'function' )\n\t\treturn values;\n\n\tconst array = values || [];\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\treturn /** @type {T[]} */ array[\n\t\t/* eslint-enable jsdoc/no-undefined-types */\n\t\tindex >= array.length ? array.length - 1 : index\n\t];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AAExD,MAAMC,WAAW,GAAG,CAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAE;AAE9C,OAAO,MAAMC,kBAAkB,GAAGA,CACjCC,OAAkC,GAAG,CAAC,CAAC,KACnC;EACJ,MAAM;IAAEC,YAAY,GAAG;EAAE,CAAC,GAAGD,OAAO;EAEpC,IAAK,OAAOC,YAAY,KAAK,QAAQ,EAAG;IACvC,MAAM,IAAIC,SAAS,CACjB,qDAAqDD,YAAc,KAAK,OAAOA,YAAc,EAC/F,CAAC;EACF,CAAC,MAAM,IAAKA,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAGH,WAAW,CAACK,MAAM,GAAG,CAAC,EAAG;IACvE,MAAM,IAAIC,UAAU,CAClB,oDAAoDN,WAAW,CAACK,MAAQ,2BAA2BF,YAAc,EACnH,CAAC;EACF;EAEA,MAAM,CAAEI,KAAK,EAAEC,QAAQ,CAAE,GAAGT,QAAQ,CAAEI,YAAa,CAAC;EAEpDL,SAAS,CAAE,MAAM;IAChB,MAAMW,QAAQ,GAAGA,CAAA,KAChBT,WAAW,CAACU,MAAM,CAAIC,EAAE,IAAM;MAC7B,OAAO,OAAOC,MAAM,KAAK,WAAW,GACjCA,MAAM,CAACC,UAAU,CAAG,0BAA0BF,EAAI,GAAG,CAAC,CACrDG,OAAO,GACR,KAAK;IACT,CAAE,CAAC,CAACT,MAAM;IAEX,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACtB,MAAMC,QAAQ,GAAGP,QAAQ,CAAC,CAAC;MAC3B,IAAKF,KAAK,KAAKS,QAAQ,EAAG;QACzBR,QAAQ,CAAEQ,QAAS,CAAC;MACrB;IACD,CAAC;IAEDD,QAAQ,CAAC,CAAC;IAEV,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;MACpCA,MAAM,CAACK,gBAAgB,CAAE,QAAQ,EAAEF,QAAS,CAAC;IAC9C;IACA,OAAO,MAAM;MACZ,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;QACpCA,MAAM,CAACM,mBAAmB,CAAE,QAAQ,EAAEH,QAAS,CAAC;MACjD;IACD,CAAC;EACF,CAAC,EAAE,CAAER,KAAK,CAAG,CAAC;EAEd,OAAOA,KAAK;AACb,CAAC;AAED,OAAO,SAASY,kBAAkBA,CACjCC,MAA2B,EAC3BlB,OAAqD,GAAG,CAAC,CAAC,EAC1C;EAChB,MAAMmB,KAAK,GAAGpB,kBAAkB,CAAEC,OAAQ,CAAC;;EAE3C;EACA,IAAK,CAAEoB,KAAK,CAACC,OAAO,CAAEH,MAAO,CAAC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAC7D,OAAOA,MAAM;EAEd,MAAMI,KAAK,GAAGJ,MAAM,IAAI,EAAE;;EAE1B;EACA,OAAO,mBAAmBI,KAAK,CAC9B;IACAH,KAAK,IAAIG,KAAK,CAACnB,MAAM,GAAGmB,KAAK,CAACnB,MAAM,GAAG,CAAC,GAAGgB,KAAK;EAChD;AACF"}
+{"version":3,"names":["useEffect","useState","breakpoints","useBreakpointIndex","options","defaultIndex","TypeError","length","RangeError","value","setValue","getIndex","filter","bp","window","matchMedia","matches","onResize","newValue","addEventListener","removeEventListener","useResponsiveValue","values","index","Array","isArray","array"],"sources":["@wordpress/components/src/utils/use-responsive-value.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\nconst breakpoints = [ '40em', '52em', '64em' ];\n\nexport const useBreakpointIndex = (\n\toptions: { defaultIndex?: number } = {}\n) => {\n\tconst { defaultIndex = 0 } = options;\n\n\tif ( typeof defaultIndex !== 'number' ) {\n\t\tthrow new TypeError(\n\t\t\t`Default breakpoint index should be a number. Got: ${ defaultIndex }, ${ typeof defaultIndex }`\n\t\t);\n\t} else if ( defaultIndex < 0 || defaultIndex > breakpoints.length - 1 ) {\n\t\tthrow new RangeError(\n\t\t\t`Default breakpoint index out of range. Theme has ${ breakpoints.length } breakpoints, got index ${ defaultIndex }`\n\t\t);\n\t}\n\n\tconst [ value, setValue ] = useState( defaultIndex );\n\n\tuseEffect( () => {\n\t\tconst getIndex = () =>\n\t\t\tbreakpoints.filter( ( bp ) => {\n\t\t\t\treturn typeof window !== 'undefined'\n\t\t\t\t\t? window.matchMedia( `screen and (min-width: ${ bp })` )\n\t\t\t\t\t\t\t.matches\n\t\t\t\t\t: false;\n\t\t\t} ).length;\n\n\t\tconst onResize = () => {\n\t\t\tconst newValue = getIndex();\n\t\t\tif ( value !== newValue ) {\n\t\t\t\tsetValue( newValue );\n\t\t\t}\n\t\t};\n\n\t\tonResize();\n\n\t\tif ( typeof window !== 'undefined' ) {\n\t\t\twindow.addEventListener( 'resize', onResize );\n\t\t}\n\t\treturn () => {\n\t\t\tif ( typeof window !== 'undefined' ) {\n\t\t\t\twindow.removeEventListener( 'resize', onResize );\n\t\t\t}\n\t\t};\n\t}, [ value ] );\n\n\treturn value;\n};\n\nexport function useResponsiveValue< T >(\n\tvalues: ( T | undefined )[],\n\toptions: Parameters< typeof useBreakpointIndex >[ 0 ] = {}\n): T | undefined {\n\tconst index = useBreakpointIndex( options );\n\n\t// Allow calling the function with a \"normal\" value without having to check on the outside.\n\tif ( ! Array.isArray( values ) && typeof values !== 'function' )\n\t\treturn values;\n\n\tconst array = values || [];\n\n\t/* eslint-disable jsdoc/no-undefined-types */\n\treturn /** @type {T[]} */ array[\n\t\t/* eslint-enable jsdoc/no-undefined-types */\n\t\tindex >= array.length ? array.length - 1 : index\n\t];\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,oBAAoB;AAExD,MAAMC,WAAW,GAAG,CAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAE;AAE9C,OAAO,MAAMC,kBAAkB,GAAGA,CACjCC,OAAkC,GAAG,CAAC,CAAC,KACnC;EACJ,MAAM;IAAEC,YAAY,GAAG;EAAE,CAAC,GAAGD,OAAO;EAEpC,IAAK,OAAOC,YAAY,KAAK,QAAQ,EAAG;IACvC,MAAM,IAAIC,SAAS,CACjB,qDAAqDD,YAAc,KAAK,OAAOA,YAAc,EAC/F,CAAC;EACF,CAAC,MAAM,IAAKA,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAGH,WAAW,CAACK,MAAM,GAAG,CAAC,EAAG;IACvE,MAAM,IAAIC,UAAU,CAClB,oDAAoDN,WAAW,CAACK,MAAQ,2BAA2BF,YAAc,EACnH,CAAC;EACF;EAEA,MAAM,CAAEI,KAAK,EAAEC,QAAQ,CAAE,GAAGT,QAAQ,CAAEI,YAAa,CAAC;EAEpDL,SAAS,CAAE,MAAM;IAChB,MAAMW,QAAQ,GAAGA,CAAA,KAChBT,WAAW,CAACU,MAAM,CAAIC,EAAE,IAAM;MAC7B,OAAO,OAAOC,MAAM,KAAK,WAAW,GACjCA,MAAM,CAACC,UAAU,CAAG,0BAA0BF,EAAI,GAAG,CAAC,CACrDG,OAAO,GACR,KAAK;IACT,CAAE,CAAC,CAACT,MAAM;IAEX,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACtB,MAAMC,QAAQ,GAAGP,QAAQ,CAAC,CAAC;MAC3B,IAAKF,KAAK,KAAKS,QAAQ,EAAG;QACzBR,QAAQ,CAAEQ,QAAS,CAAC;MACrB;IACD,CAAC;IAEDD,QAAQ,CAAC,CAAC;IAEV,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;MACpCA,MAAM,CAACK,gBAAgB,CAAE,QAAQ,EAAEF,QAAS,CAAC;IAC9C;IACA,OAAO,MAAM;MACZ,IAAK,OAAOH,MAAM,KAAK,WAAW,EAAG;QACpCA,MAAM,CAACM,mBAAmB,CAAE,QAAQ,EAAEH,QAAS,CAAC;MACjD;IACD,CAAC;EACF,CAAC,EAAE,CAAER,KAAK,CAAG,CAAC;EAEd,OAAOA,KAAK;AACb,CAAC;AAED,OAAO,SAASY,kBAAkBA,CACjCC,MAA2B,EAC3BlB,OAAqD,GAAG,CAAC,CAAC,EAC1C;EAChB,MAAMmB,KAAK,GAAGpB,kBAAkB,CAAEC,OAAQ,CAAC;;EAE3C;EACA,IAAK,CAAEoB,KAAK,CAACC,OAAO,CAAEH,MAAO,CAAC,IAAI,OAAOA,MAAM,KAAK,UAAU,EAC7D,OAAOA,MAAM;EAEd,MAAMI,KAAK,GAAGJ,MAAM,IAAI,EAAE;;EAE1B;EACA,OAAO,kBAAmBI,KAAK,CAC9B;EACAH,KAAK,IAAIG,KAAK,CAACnB,MAAM,GAAGmB,KAAK,CAACnB,MAAM,GAAG,CAAC,GAAGgB,KAAK,CAChD;AACF"}

package/build-style/style-rtl.css

@@ -318,10 +318,6 @@
   transform: none;
   opacity: 1;
 }
-.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), .components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) {
-  box-shadow: none;
-  outline: none;
-}
 .components-button.is-secondary {
   box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 1px solid transparent;
@@ -332,20 +328,29 @@
 .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: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;
+}
 .components-button.is-tertiary {
   white-space: nowrap;
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
 .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
 .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
 p + .components-button.is-tertiary {
   margin-right: -6px;
 }
+.components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) {
+  box-shadow: none;
+  outline: none;
+}
 .components-button.is-destructive {
   --wp-components-color-accent: #cc1818;
   --wp-components-color-accent-darker-10: #9e1313;
@@ -940,11 +945,6 @@ input.components-combobox-control__input[type=text]:focus {
   visibility: hidden;
 }
 
-.components-custom-gradient-picker:not(.is-next-has-no-margin) {
-  margin-top: 12px;
-  margin-bottom: 24px;
-}
-
 .components-custom-gradient-picker__gradient-bar {
   border-radius: 2px;
   width: 100%;
@@ -1677,7 +1677,7 @@ body.is-dragging-components-draggable {
   color: #e0e0e0;
 }
 .components-guide__page-control li[aria-current=step] .components-button {
-  color: var(--wp-components-color-accent, var(--wp-admin-theme-color));
+  color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
 
 .components-modal__frame.components-guide {
@@ -1994,7 +1994,7 @@ body.is-dragging-components-draggable {
   padding-top: 32px;
 }
 .components-modal__content.is-scrollable:focus-visible {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
@@ -2230,6 +2230,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-placeholder.components-placeholder {
+  font-size: 13px;
   box-sizing: border-box;
   position: relative;
   padding: 1em;
@@ -2259,6 +2260,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder__fieldset {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
+  letter-spacing: initial;
+  line-height: initial;
+  text-transform: none;
+  font-weight: normal;
 }
 
 .components-placeholder__label {
@@ -2389,9 +2394,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder.is-small .components-button {
   padding: 0 8px 2px;
 }
-.components-placeholder .components-placeholder__learn-more .components-external-link {
-  color: var(--wp-admin-theme-color);
-}
 
 /**
  * Dashed style placeholders
@@ -2466,9 +2468,15 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-popover {
+  box-sizing: border-box;
   z-index: 1000000;
   will-change: transform;
 }
+.components-popover *,
+.components-popover *::before,
+.components-popover *::after {
+  box-sizing: inherit;
+}
 .components-popover.is-expanded {
   position: fixed;
   top: 0;
@@ -2878,101 +2886,6 @@ body.lockscroll {
   overflow: hidden;
 }
 
-.components-search-control {
-  position: relative;
-}
-.components-search-control input[type=search].components-search-control__input {
-  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;
-  transition: box-shadow 0.1s linear;
-  border-radius: 2px;
-  border: 1px solid #949494;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  display: block;
-  padding: 0 16px 0 48px;
-  background: #f0f0f0;
-  border: none;
-  width: 100%;
-  height: 48px;
-  margin-right: 0;
-  margin-left: 0;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-search-control input[type=search].components-search-control__input {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input::-moz-placeholder {
-  opacity: 1;
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  background: #fff;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-}
-.components-search-control input[type=search].components-search-control__input::placeholder {
-  color: #757575;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input {
-  height: 40px;
-}
-.components-search-control.is-size-compact input[type=search].components-search-control__input {
-  height: 32px;
-  padding-right: 8px;
-  padding-left: 32px;
-}
-
-.components-search-control__icon {
-  position: absolute;
-  left: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-}
-.is-size-compact .components-search-control__icon {
-  left: 4px;
-}
-
-.components-search-control__input-wrapper {
-  position: relative;
-}
-
 .components-select-control__input {
   outline: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;

package/build-style/style.css

@@ -318,10 +318,6 @@
   transform: none;
   opacity: 1;
 }
-.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), .components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) {
-  box-shadow: none;
-  outline: none;
-}
 .components-button.is-secondary {
   box-shadow: inset 0 0 0 1px var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 1px solid transparent;
@@ -332,20 +328,29 @@
 .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: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;
+}
 .components-button.is-tertiary {
   white-space: nowrap;
   color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   background: transparent;
 }
 .components-button.is-tertiary:hover:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
 }
 .components-button.is-tertiary:active:not(:disabled, [aria-disabled=true]) {
+  /* stylelint-disable-next-line declaration-property-value-disallowed-list */
   background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
 }
 p + .components-button.is-tertiary {
   margin-left: -6px;
 }
+.components-button.is-tertiary:disabled:not(:focus), .components-button.is-tertiary[aria-disabled=true]:not(:focus), .components-button.is-tertiary[aria-disabled=true]:hover:not(:focus) {
+  box-shadow: none;
+  outline: none;
+}
 .components-button.is-destructive {
   --wp-components-color-accent: #cc1818;
   --wp-components-color-accent-darker-10: #9e1313;
@@ -942,11 +947,6 @@ input.components-combobox-control__input[type=text]:focus {
   visibility: hidden;
 }
 
-.components-custom-gradient-picker:not(.is-next-has-no-margin) {
-  margin-top: 12px;
-  margin-bottom: 24px;
-}
-
 .components-custom-gradient-picker__gradient-bar {
   border-radius: 2px;
   width: 100%;
@@ -1682,7 +1682,7 @@ body.is-dragging-components-draggable {
   color: #e0e0e0;
 }
 .components-guide__page-control li[aria-current=step] .components-button {
-  color: var(--wp-components-color-accent, var(--wp-admin-theme-color));
+  color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
 }
 
 .components-modal__frame.components-guide {
@@ -1999,7 +1999,7 @@ body.is-dragging-components-draggable {
   padding-top: 32px;
 }
 .components-modal__content.is-scrollable:focus-visible {
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
+  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
   outline: 2px solid transparent;
   outline-offset: -2px;
 }
@@ -2237,6 +2237,7 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-placeholder.components-placeholder {
+  font-size: 13px;
   box-sizing: border-box;
   position: relative;
   padding: 1em;
@@ -2266,6 +2267,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder__fieldset {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
   font-size: 13px;
+  letter-spacing: initial;
+  line-height: initial;
+  text-transform: none;
+  font-weight: normal;
 }
 
 .components-placeholder__label {
@@ -2396,9 +2401,6 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 .components-placeholder.is-small .components-button {
   padding: 0 8px 2px;
 }
-.components-placeholder .components-placeholder__learn-more .components-external-link {
-  color: var(--wp-admin-theme-color);
-}
 
 /**
  * Dashed style placeholders
@@ -2473,9 +2475,15 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
 }
 
 .components-popover {
+  box-sizing: border-box;
   z-index: 1000000;
   will-change: transform;
 }
+.components-popover *,
+.components-popover *::before,
+.components-popover *::after {
+  box-sizing: inherit;
+}
 .components-popover.is-expanded {
   position: fixed;
   top: 0;
@@ -2890,101 +2898,6 @@ body.lockscroll {
   overflow: hidden;
 }
 
-.components-search-control {
-  position: relative;
-}
-.components-search-control input[type=search].components-search-control__input {
-  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;
-  transition: box-shadow 0.1s linear;
-  border-radius: 2px;
-  border: 1px solid #949494;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-  /* Override core line-height. To be reviewed. */
-  line-height: normal;
-  display: block;
-  padding: 0 48px 0 16px;
-  background: #f0f0f0;
-  border: none;
-  width: 100%;
-  height: 48px;
-  margin-left: 0;
-  margin-right: 0;
-  /* Fonts smaller than 16px causes mobile safari to zoom. */
-  font-size: 16px;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-search-control input[type=search].components-search-control__input {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-    /* Override core line-height. To be reviewed. */
-    line-height: normal;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input::-moz-placeholder {
-  opacity: 1;
-  color: rgba(30, 30, 30, 0.62);
-}
-.components-search-control input[type=search].components-search-control__input:-ms-input-placeholder {
-  color: rgba(30, 30, 30, 0.62);
-}
-@media (min-width: 600px) {
-  .components-search-control input[type=search].components-search-control__input {
-    font-size: 13px;
-  }
-}
-.components-search-control input[type=search].components-search-control__input:focus {
-  background: #fff;
-  box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
-}
-.components-search-control input[type=search].components-search-control__input::placeholder {
-  color: #757575;
-}
-.components-search-control input[type=search].components-search-control__input::-webkit-search-decoration, .components-search-control input[type=search].components-search-control__input::-webkit-search-cancel-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-button, .components-search-control input[type=search].components-search-control__input::-webkit-search-results-decoration {
-  -webkit-appearance: none;
-}
-.components-search-control.is-next-40px-default-size input[type=search].components-search-control__input {
-  height: 40px;
-}
-.components-search-control.is-size-compact input[type=search].components-search-control__input {
-  height: 32px;
-  padding-left: 8px;
-  padding-right: 32px;
-}
-
-.components-search-control__icon {
-  position: absolute;
-  right: 12px;
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-}
-.is-size-compact .components-search-control__icon {
-  right: 4px;
-}
-
-.components-search-control__input-wrapper {
-  position: relative;
-}
-
 .components-select-control__input {
   outline: 0;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;

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

@@ -16,7 +16,6 @@ import type { AnglePickerControlProps } from './types';
  *     <AnglePickerControl
  *       value={ angle }
  *       onChange={ setAngle }
- *       __nextHasNoMarginBottom
  *     </>
  *   );
  * }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/index.tsx"],"names":[],"mappings":";AAuBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AA8EvD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,kBAAkB;;uCAA8C,CAAC;AAE9E,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/index.tsx"],"names":[],"mappings":";AAsBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AA6DvD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,kBAAkB;;uCAA8C,CAAC;AAE9E,eAAe,kBAAkB,CAAC"}

package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts

@@ -1,10 +1,4 @@
 /// <reference types="react" />
-import type { AnglePickerControlProps } from '../types';
-export declare const Root: import("@emotion/styled").StyledComponent<import("../../flex/types").FlexProps & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "as" | keyof import("react").RefAttributes<any> | keyof import("../../flex/types").FlexProps> & {
-    as?: keyof JSX.IntrinsicElements | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & Pick<AnglePickerControlProps, "__nextHasNoMarginBottom">, {}, {}>;
 export declare const CircleRoot: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/build-types/angle-picker-control/styles/angle-picker-control-styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"angle-picker-control-styles.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/styles/angle-picker-control-styles.tsx"],"names":[],"mappings":";AAeA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAexD,eAAO,MAAM,IAAI;;;;qEAEhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;yGAYtB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGASlC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;UAGpB,CAAC"}
+{"version":3,"file":"angle-picker-control-styles.d.ts","sourceRoot":"","sources":["../../../src/angle-picker-control/styles/angle-picker-control-styles.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,UAAU;;;yGAYtB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;yGASlC,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAW3B,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;UAGpB,CAAC"}

package/build-types/angle-picker-control/types.d.ts

@@ -4,6 +4,8 @@ export type AnglePickerControlProps = {
      * in a future version.
      *
      * @default false
+     * @deprecated Default behavior since WP 6.5. Prop can be safely removed.
+     * @ignore
      */
     __nextHasNoMarginBottom?: boolean;
     /**

package/build-types/angle-picker-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;;;OAKG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,uBAAuB,EACvB,OAAO,GAAG,UAAU,CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/angle-picker-control/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACrC;;;;;;;OAOG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,MAAM,KAAM,IAAI,CAAC;IACpC;;;OAGG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAClC,uBAAuB,EACvB,OAAO,GAAG,UAAU,CACpB,CAAC"}

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,CA2BjD,CAAC;AAKF,eAAO,MAAM,IAAI,uKAA2B,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,uKAA2B,CAAC;AAK7C,eAAO,MAAM,SAAS,EAAE,OAAO,CAAE,OAAO,MAAM,CAgB7C,CAAC"}

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

@@ -16,7 +16,7 @@ export declare const Default: import("@storybook/types").AnnotatedStoryFn<import
     isBorderless?: boolean | undefined;
     isRounded?: boolean | undefined;
     isElevated?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | "isBorderless" | keyof import("../../surface/types").SurfaceProps | "isRounded" | "isElevated"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 }>;
 /**
@@ -30,7 +30,7 @@ export declare const FullBleedContent: import("@storybook/types").AnnotatedStory
     isBorderless?: boolean | undefined;
     isRounded?: boolean | undefined;
     isElevated?: boolean | undefined;
-} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | keyof import("../../surface/types").SurfaceProps | "isBorderless" | "isRounded" | "isElevated"> & {
+} & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>>, "elevation" | "size" | "as" | keyof import("react").RefAttributes<any> | "isBorderless" | keyof import("../../surface/types").SurfaceProps | "isRounded" | "isElevated"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 }>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -10,4 +10,15 @@ declare const meta: Meta<typeof CheckboxControl>;
 export default meta;
 export declare const Default: StoryFn<typeof CheckboxControl>;
 export declare const Indeterminate: StoryFn<typeof CheckboxControl>;
+/**
+ * For more complex designs, a custom `<label>` element can be associated with the checkbox
+ * by leaving the `label` prop undefined and using the `id` and `htmlFor` props instead.
+ * Because the label element also functions as a click target for the checkbox, [do not
+ * place interactive elements](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/label#interactive_content)
+ * such as links or buttons inside the `<label>` node.
+ *
+ * Similarly, a custom description can be added by omitting the `help` prop
+ * and using the `aria-describedby` prop instead.
+ */
+export declare const WithCustomLabel: StoryFn<typeof CheckboxControl>;
 //# sourceMappingURL=index.story.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/checkbox-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAGjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAmBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAEpD,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,eAAe,CAgD1D,CAAC"}
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/checkbox-control/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,eAAe,MAAM,IAAI,CAAC;AAIjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,eAAe,CAmBvC,CAAC;AACF,eAAe,IAAI,CAAC;AAoBpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,eAAe,CAEpD,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,OAAO,CAAE,OAAO,eAAe,CAgD1D,CAAC;AAMF;;;;;;;;;GASG;AACH,eAAO,MAAM,eAAe,EAAE,OAAO,CAAE,OAAO,eAAe,CA4B5D,CAAC"}

package/build-types/checkbox-control/types.d.ts

@@ -14,10 +14,9 @@ export type CheckboxControlProps = Pick<BaseControlProps, 'help' | '__nextHasNoM
     /**
      * A label for the input field, that appears at the side of the checkbox.
      * The prop will be rendered as content a label element. If no prop is
-     * passed an empty label is rendered. If the prop is set to false no label
-     * is rendered.
+     * passed an empty label is rendered.
      */
-    label?: string | false;
+    label?: string;
     /**
      * If checked is true the checkbox will be checked. If checked is false the
      * checkbox will be unchecked. If no value is passed the checkbox will be

package/build-types/checkbox-control/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/checkbox-control/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAE9D,MAAM,MAAM,oBAAoB,GAAG,IAAI,CACtC,gBAAgB,EAChB,MAAM,GAAG,yBAAyB,CAClC,GAAG;IACH;;OAEG;IACH,QAAQ,EAAE,CAAE,KAAK,EAAE,OAAO,KAAM,IAAI,CAAC;IACrC;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;CACpB,CAAC"}

package/build-types/color-palette/styles.d.ts

@@ -3,7 +3,7 @@ export declare const ColorHeading: import("@emotion/styled").StyledComponent<Omi
     level?: import("../heading/types").HeadingSize | undefined;
     isBlock?: boolean | undefined;
     color?: import("csstype").Property.Color | undefined;
-    weight?: import("csstype").Property.FontWeight | (700 | 100 | 600 | 400 | 900 | 200 | 300 | 500 | 800) | undefined;
+    weight?: import("csstype").Property.FontWeight | (700 | 900 | 800 | 600 | 400 | 300 | 200 | 100 | 500) | undefined;
 } & import("react").RefAttributes<any> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | keyof import("react").HTMLAttributes<HTMLHeadingElement>>, "children" | "variant" | "color" | "display" | "letterSpacing" | "lineHeight" | "as" | "align" | "ellipsis" | "weight" | keyof import("react").RefAttributes<any> | "isBlock" | "ellipsizeMode" | "limit" | "numberOfLines" | "adjustLineHeightForInnerControls" | "isDestructive" | "highlightEscape" | "highlightCaseSensitive" | "highlightSanitize" | "optimizeReadabilityFor" | "truncate" | "upperCase" | "highlightWords" | "level"> & {
     as?: keyof JSX.IntrinsicElements | undefined;
 } & {

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA+B3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,eAiRpD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/combobox-control/index.tsx"],"names":[],"mappings":";AAgCA,OAAO,KAAK,EAAyB,oBAAoB,EAAE,MAAM,SAAS,CAAC;AA+B3E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,iBAAS,eAAe,CAAE,KAAK,EAAE,oBAAoB,eA8QpD;AAED,eAAe,eAAe,CAAC"}

package/build-types/composite/current/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Composite is a component that may contain navigable items represented by
+ * CompositeItem. It's inspired by the WAI-ARIA Composite Role and implements
+ * all the keyboard navigation mechanisms to ensure that there's only one
+ * tab stop for the whole Composite element. This means that it can behave as
+ * a roving tabindex or aria-activedescendant container.
+ *
+ * @see https://ariakit.org/components/composite
+ */
+export { Composite, CompositeGroup, CompositeGroupLabel, CompositeItem, CompositeRow, useCompositeStore, } from '@ariakit/react';
+export type { CompositeStore, CompositeStoreProps } from '@ariakit/react';
+//# sourceMappingURL=index.d.ts.map

package/build-types/composite/current/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/composite/current/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAGH,OAAO,EACN,SAAS,EACT,cAAc,EACd,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,iBAAiB,GACjB,MAAM,gBAAgB,CAAC;AAGxB,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC"}

package/build-types/composite/current/stories/index.story.d.ts

@@ -0,0 +1,13 @@
+/**
+ * External dependencies
+ */
+import type { Meta, StoryFn } from '@storybook/react';
+/**
+ * Internal dependencies
+ */
+import { Composite } from '..';
+import { UseCompositeStorePlaceholder } from './utils';
+declare const meta: Meta<typeof UseCompositeStorePlaceholder>;
+export default meta;
+export declare const Default: StoryFn<typeof Composite>;
+//# sourceMappingURL=index.story.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../../src/composite/current/stories/index.story.tsx"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AACH,OAAO,EACN,SAAS,EAKT,MAAM,IAAI,CAAC;AACZ,OAAO,EAAE,4BAA4B,EAAa,MAAM,SAAS,CAAC;AAElE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAE,OAAO,4BAA4B,CAqCpD,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,OAAO,CAAE,OAAO,SAAS,CAuB9C,CAAC"}