@wordpress/components 18.0.0 → 19.0.3

package/build-module/utils/values.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/utils/values.js"],"names":["isValueDefined","value","undefined","isValueEmpty","isEmptyString","getDefinedValue","values","fallbackValue","find","getDelimiterAndDecimalRegex","locale","formatted","Intl","NumberFormat","format","delimiter","decimal","length","RegExp","INTERNATIONAL_THOUSANDS_DELIMITER","ARABIC_NUMERAL_LOCALES","EASTERN_ARABIC_NUMBERS","isValueNumeric","window","navigator","language","some","l","startsWith","test","replace","d","indexOf","delimiterRegexp","decimalRegexp","valueToCheck","isNaN","parseFloat","isFinite"],"mappings":"AAAA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAT,CAAyBC,KAAzB,EAAiC;AACvC,SAAOA,KAAK,KAAKC,SAAV,IAAuBD,KAAK,KAAK,IAAxC;AACA;AACD;;AAEA;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASE,YAAT,CAAuBF,KAAvB,EAA+B;AACrC,QAAMG,aAAa,GAAGH,KAAK,KAAK,EAAhC;AAEA,SAAO,CAAED,cAAc,CAAEC,KAAF,CAAhB,IAA6BG,aAApC;AACA;AACD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,eAAT,CAA0BC,MAAM,GAAG,EAAnC,EAAuCC,aAAvC,EAAuD;AAAA;;AAC7D,yBAAOD,MAAM,CAACE,IAAP,CAAaR,cAAb,CAAP,uDAAwCO,aAAxC;AACA;AAED;AACA;AACA;AACA;;AACA,MAAME,2BAA2B,GAAKC,MAAF,IAAc;AACjD,QAAMC,SAAS,GAAGC,IAAI,CAACC,YAAL,CAAmBH,MAAnB,EAA4BI,MAA5B,CAAoC,MAApC,CAAlB;AACA,QAAMC,SAAS,GAAGJ,SAAS,CAAE,CAAF,CAA3B;AACA,QAAMK,OAAO,GAAGL,SAAS,CAAEA,SAAS,CAACM,MAAV,GAAmB,CAArB,CAAzB;AACA,SAAO,CACN,IAAIC,MAAJ,CAAa,KAAKH,SAAW,EAA7B,EAAgC,GAAhC,CADM,EAEN,IAAIG,MAAJ,CAAa,KAAKF,OAAS,EAA3B,EAA8B,GAA9B,CAFM,CAAP;AAIA,CARD,C,CAUA;;;AACA,MAAMG,iCAAiC,GAAG,IAA1C;AAEA,MAAMC,sBAAsB,GAAG,CAAE,IAAF,EAAQ,IAAR,EAAc,IAAd,EAAoB,KAApB,EAA2B,IAA3B,CAA/B;AAEA,MAAMC,sBAAsB,GAAG,gBAA/B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,cAAT,CAAyBrB,KAAzB,EAAgCS,MAAM,GAAGa,MAAM,CAACC,SAAP,CAAiBC,QAA1D,EAAqE;AAC3E,MAAKL,sBAAsB,CAACM,IAAvB,CAA+BC,CAAF,IAASjB,MAAM,CAACkB,UAAP,CAAmBD,CAAnB,CAAtC,CAAL,EAAsE;AACrEjB,IAAAA,MAAM,GAAG,OAAT;;AACA,QAAKW,sBAAsB,CAACQ,IAAvB,CAA6B5B,KAA7B,CAAL,EAA4C;AAC3CA,MAAAA,KAAK,GAAGA,KAAK,CACX6B,OADM,CACG,QADH;AACe;AAAsBC,MAAAA,CAAxB,IACnB,aAAaC,OAAb,CAAsBD,CAAtB,CAFM,EAIND,OAJM,CAIG,QAJH;AAIe;AAAsBC,MAAAA,CAAxB,IACnB,aAAaC,OAAb,CAAsBD,CAAtB,CALM,EAOND,OAPM,CAOG,IAPH,EAOS,GAPT,EAQNA,OARM,CAQG,IARH,EAQS,GART,CAAR;AASA;AACD;;AAED,QAAM,CAAEG,eAAF,EAAmBC,aAAnB,IAAqCzB,2BAA2B,CACrEC,MADqE,CAAtE;AAGA,QAAMyB,YAAY,GACjB,OAAOlC,KAAP,KAAiB,QAAjB,GACGA,KAAK,CACJ6B,OADD,CACUG,eADV,EAC2B,EAD3B,EAECH,OAFD,CAEUI,aAFV,EAEyB,GAFzB,EAGCJ,OAHD,CAGUX,iCAHV,EAG6C,EAH7C,CADH,GAKGlB,KANJ;AAOA,SAAO,CAAEmC,KAAK,CAAEC,UAAU,CAAEF,YAAF,CAAZ,CAAP,IAAyCG,QAAQ,CAAEH,YAAF,CAAxD;AACA","sourcesContent":["/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is null or undefined.\n *\n * @template T\n *\n * @param {T | null | undefined} value The value to check.\n * @return {value is T} Whether value is not null or undefined.\n */\nexport function isValueDefined( value ) {\n\treturn value !== undefined && value !== null;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is empty, null, or undefined.\n *\n * @template T\n *\n * @param {T | \"\" | null | undefined} value The value to check.\n * @return {value is T} Whether value is empty.\n */\nexport function isValueEmpty( value ) {\n\tconst isEmptyString = value === '';\n\n\treturn ! isValueDefined( value ) || isEmptyString;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Get the first defined/non-null value from an array.\n *\n * @template T\n *\n * @param {Array<T | null | undefined>} values        Values to derive from.\n * @param {T}                           fallbackValue Fallback value if there are no defined values.\n * @return {T} A defined value or the fallback value.\n */\nexport function getDefinedValue( values = [], fallbackValue ) {\n\treturn values.find( isValueDefined ) ?? fallbackValue;\n}\n\n/**\n * @param {string} [locale]\n * @return {[RegExp, RegExp]} The delimiter and decimal regexp\n */\nconst getDelimiterAndDecimalRegex = ( locale ) => {\n\tconst formatted = Intl.NumberFormat( locale ).format( 1000.1 );\n\tconst delimiter = formatted[ 1 ];\n\tconst decimal = formatted[ formatted.length - 2 ];\n\treturn [\n\t\tnew RegExp( `\\\\${ delimiter }`, 'g' ),\n\t\tnew RegExp( `\\\\${ decimal }`, 'g' ),\n\t];\n};\n\n// https://en.wikipedia.org/wiki/Decimal_separator#Current_standards\nconst INTERNATIONAL_THOUSANDS_DELIMITER = / /g;\n\nconst ARABIC_NUMERAL_LOCALES = [ 'ar', 'fa', 'ur', 'ckb', 'ps' ];\n\nconst EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;\n\n/**\n * Checks to see if a value is a numeric value (`number` or `string`).\n *\n * Intentionally ignores whether the thousands delimiters are only\n * in the thousands marks.\n *\n * @param {any}    value\n * @param {string} [locale]\n * @return {boolean} Whether value is numeric.\n */\nexport function isValueNumeric( value, locale = window.navigator.language ) {\n\tif ( ARABIC_NUMERAL_LOCALES.some( ( l ) => locale.startsWith( l ) ) ) {\n\t\tlocale = 'en-GB';\n\t\tif ( EASTERN_ARABIC_NUMBERS.test( value ) ) {\n\t\t\tvalue = value\n\t\t\t\t.replace( /[٠-٩]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'٠١٢٣٤٥٦٧٨٩'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /[۰-۹]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'۰۱۲۳۴۵۶۷۸۹'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /٬/g, ',' )\n\t\t\t\t.replace( /٫/g, '.' );\n\t\t}\n\t}\n\n\tconst [ delimiterRegexp, decimalRegexp ] = getDelimiterAndDecimalRegex(\n\t\tlocale\n\t);\n\tconst valueToCheck =\n\t\ttypeof value === 'string'\n\t\t\t? value\n\t\t\t\t\t.replace( delimiterRegexp, '' )\n\t\t\t\t\t.replace( decimalRegexp, '.' )\n\t\t\t\t\t.replace( INTERNATIONAL_THOUSANDS_DELIMITER, '' )\n\t\t\t: value;\n\treturn ! isNaN( parseFloat( valueToCheck ) ) && isFinite( valueToCheck );\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/utils/values.js"],"names":["isValueDefined","value","undefined","isValueEmpty","isEmptyString","getDefinedValue","values","fallbackValue","find","getDelimiterAndDecimalRegex","locale","formatted","Intl","NumberFormat","format","delimiter","decimal","length","RegExp","INTERNATIONAL_THOUSANDS_DELIMITER","ARABIC_NUMERAL_LOCALES","EASTERN_ARABIC_NUMBERS","isValueNumeric","window","navigator","language","some","l","startsWith","test","replace","d","indexOf","delimiterRegexp","decimalRegexp","valueToCheck","isNaN","parseFloat","isFinite"],"mappings":"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","sourcesContent":["/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is null or undefined.\n *\n * @template T\n *\n * @param {T | null | undefined} value The value to check.\n * @return {value is T} Whether value is not null or undefined.\n */\nexport function isValueDefined( value ) {\n\treturn value !== undefined && value !== null;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/* eslint-disable jsdoc/valid-types */\n/**\n * Determines if a value is empty, null, or undefined.\n *\n * @template T\n *\n * @param {T | \"\" | null | undefined} value The value to check.\n * @return {value is T} Whether value is empty.\n */\nexport function isValueEmpty( value ) {\n\tconst isEmptyString = value === '';\n\n\treturn ! isValueDefined( value ) || isEmptyString;\n}\n/* eslint-enable jsdoc/valid-types */\n\n/**\n * Get the first defined/non-null value from an array.\n *\n * @template T\n *\n * @param {Array<T | null | undefined>} values        Values to derive from.\n * @param {T}                           fallbackValue Fallback value if there are no defined values.\n * @return {T} A defined value or the fallback value.\n */\nexport function getDefinedValue( values = [], fallbackValue ) {\n\treturn values.find( isValueDefined ) ?? fallbackValue;\n}\n\n/**\n * @param {string} [locale]\n * @return {[RegExp, RegExp]} The delimiter and decimal regexp\n */\nconst getDelimiterAndDecimalRegex = ( locale ) => {\n\tconst formatted = Intl.NumberFormat( locale ).format( 1000.1 );\n\tconst delimiter = formatted[ 1 ];\n\tconst decimal = formatted[ formatted.length - 2 ];\n\treturn [\n\t\tnew RegExp( `\\\\${ delimiter }`, 'g' ),\n\t\tnew RegExp( `\\\\${ decimal }`, 'g' ),\n\t];\n};\n\n// https://en.wikipedia.org/wiki/Decimal_separator#Current_standards\nconst INTERNATIONAL_THOUSANDS_DELIMITER = / /g;\n\nconst ARABIC_NUMERAL_LOCALES = [ 'ar', 'fa', 'ur', 'ckb', 'ps' ];\n\nconst EASTERN_ARABIC_NUMBERS = /([۰-۹]|[٠-٩])/g;\n\n/**\n * Checks to see if a value is a numeric value (`number` or `string`).\n *\n * Intentionally ignores whether the thousands delimiters are only\n * in the thousands marks.\n *\n * @param {any}    value\n * @param {string} [locale]\n * @return {boolean} Whether value is numeric.\n */\nexport function isValueNumeric( value, locale = window.navigator.language ) {\n\tif ( ARABIC_NUMERAL_LOCALES.some( ( l ) => locale.startsWith( l ) ) ) {\n\t\tlocale = 'en-GB';\n\t\tif ( EASTERN_ARABIC_NUMBERS.test( value ) ) {\n\t\t\tvalue = value\n\t\t\t\t.replace( /[٠-٩]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'٠١٢٣٤٥٦٧٨٩'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /[۰-۹]/g, ( /** @type {string} */ d ) =>\n\t\t\t\t\t'۰۱۲۳۴۵۶۷۸۹'.indexOf( d )\n\t\t\t\t)\n\t\t\t\t.replace( /٬/g, ',' )\n\t\t\t\t.replace( /٫/g, '.' );\n\t\t}\n\t}\n\n\tconst [ delimiterRegexp, decimalRegexp ] = getDelimiterAndDecimalRegex(\n\t\tlocale\n\t);\n\tconst valueToCheck =\n\t\ttypeof value === 'string'\n\t\t\t? value\n\t\t\t\t\t.replace( delimiterRegexp, '' )\n\t\t\t\t\t.replace( decimalRegexp, '.' )\n\t\t\t\t\t.replace( INTERNATIONAL_THOUSANDS_DELIMITER, '' )\n\t\t\t: value;\n\treturn ! isNaN( parseFloat( valueToCheck ) ) && isFinite( valueToCheck );\n}\n"]}

package/build-module/v-stack/types.js

@@ -1,2 +1,2 @@
-
+export {};
 //# sourceMappingURL=types.js.map

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

@@ -25,20 +25,29 @@ export const ZStackChildView = _styled("div", process.env.NODE_ENV === "producti
 } : {
   target: "ebn2ljm0",
   label: "ZStackChildView"
-})(({
-  isLayered,
-  offsetAmount
-}) => isLayered ? /*#__PURE__*/css({
-  marginLeft: offsetAmount
-}, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCB7IG1hcmdpbkxlZnQ6IG9mZnNldEFtb3VudCB9IClcblx0XHRcdDogY3NzKCB7IHJpZ2h0OiBvZmZzZXRBbW91bnQgKiAtMSB9ICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */") : /*#__PURE__*/css({
-  right: offsetAmount * -1
-}, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCB7IG1hcmdpbkxlZnQ6IG9mZnNldEFtb3VudCB9IClcblx0XHRcdDogY3NzKCB7IHJpZ2h0OiBvZmZzZXRBbW91bnQgKiAtMSB9ICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */"), " ", ({
-  isLayered
-}) => isLayered ? positionAbsolute : positionRelative, " ", ({
-  zIndex
-}) => /*#__PURE__*/css({
-  zIndex
-}, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JzQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrVmlldyA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tDaGlsZFZpZXcgPSBzdHlsZWQuZGl2PCB7XG5cdGlzTGF5ZXJlZDogYm9vbGVhbjtcblx0b2Zmc2V0QW1vdW50OiBudW1iZXI7XG5cdHpJbmRleDogbnVtYmVyO1xufSA+YFxuXHQkeyAoIHsgaXNMYXllcmVkLCBvZmZzZXRBbW91bnQgfSApID0+XG5cdFx0aXNMYXllcmVkXG5cdFx0XHQ/IGNzcyggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApXG5cdFx0XHQ6IGNzcyggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApIH1cblxuXHQkeyAoIHsgaXNMYXllcmVkIH0gKSA9PlxuXHRcdGlzTGF5ZXJlZCA/IHBvc2l0aW9uQWJzb2x1dGUgOiBwb3NpdGlvblJlbGF0aXZlIH1cblxuXHQkeyAoIHsgekluZGV4IH0gKSA9PiBjc3MoIHsgekluZGV4IH0gKSB9XG5gO1xuXG5jb25zdCBwb3NpdGlvbkFic29sdXRlID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuXG5jb25zdCBwb3NpdGlvblJlbGF0aXZlID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"), ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy96LXN0YWNrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKVxuXHRcdFx0OiBjc3MoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));
+})(_ref => {
+  let {
+    isLayered,
+    offsetAmount
+  } = _ref;
+  return isLayered ? /*#__PURE__*/css({
+    marginLeft: offsetAmount
+  }, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCB7IG1hcmdpbkxlZnQ6IG9mZnNldEFtb3VudCB9IClcblx0XHRcdDogY3NzKCB7IHJpZ2h0OiBvZmZzZXRBbW91bnQgKiAtMSB9ICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */") : /*#__PURE__*/css({
+    right: offsetAmount * -1
+  }, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJLIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tWaWV3ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IFpTdGFja0NoaWxkVmlldyA9IHN0eWxlZC5kaXY8IHtcblx0aXNMYXllcmVkOiBib29sZWFuO1xuXHRvZmZzZXRBbW91bnQ6IG51bWJlcjtcblx0ekluZGV4OiBudW1iZXI7XG59ID5gXG5cdCR7ICggeyBpc0xheWVyZWQsIG9mZnNldEFtb3VudCB9ICkgPT5cblx0XHRpc0xheWVyZWRcblx0XHRcdD8gY3NzKCB7IG1hcmdpbkxlZnQ6IG9mZnNldEFtb3VudCB9IClcblx0XHRcdDogY3NzKCB7IHJpZ2h0OiBvZmZzZXRBbW91bnQgKiAtMSB9ICkgfVxuXG5cdCR7ICggeyBpc0xheWVyZWQgfSApID0+XG5cdFx0aXNMYXllcmVkID8gcG9zaXRpb25BYnNvbHV0ZSA6IHBvc2l0aW9uUmVsYXRpdmUgfVxuXG5cdCR7ICggeyB6SW5kZXggfSApID0+IGNzcyggeyB6SW5kZXggfSApIH1cbmA7XG5cbmNvbnN0IHBvc2l0aW9uQWJzb2x1dGUgPSBjc3NgXG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcbmA7XG5cbmNvbnN0IHBvc2l0aW9uUmVsYXRpdmUgPSBjc3NgXG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG4iXX0= */");
+}, " ", _ref2 => {
+  let {
+    isLayered
+  } = _ref2;
+  return isLayered ? positionAbsolute : positionRelative;
+}, " ", _ref3 => {
+  let {
+    zIndex
+  } = _ref3;
+  return /*#__PURE__*/css({
+    zIndex
+  }, process.env.NODE_ENV === "production" ? "" : ";label:ZStackChildView;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JzQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3otc3RhY2svc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrVmlldyA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBaU3RhY2tDaGlsZFZpZXcgPSBzdHlsZWQuZGl2PCB7XG5cdGlzTGF5ZXJlZDogYm9vbGVhbjtcblx0b2Zmc2V0QW1vdW50OiBudW1iZXI7XG5cdHpJbmRleDogbnVtYmVyO1xufSA+YFxuXHQkeyAoIHsgaXNMYXllcmVkLCBvZmZzZXRBbW91bnQgfSApID0+XG5cdFx0aXNMYXllcmVkXG5cdFx0XHQ/IGNzcyggeyBtYXJnaW5MZWZ0OiBvZmZzZXRBbW91bnQgfSApXG5cdFx0XHQ6IGNzcyggeyByaWdodDogb2Zmc2V0QW1vdW50ICogLTEgfSApIH1cblxuXHQkeyAoIHsgaXNMYXllcmVkIH0gKSA9PlxuXHRcdGlzTGF5ZXJlZCA/IHBvc2l0aW9uQWJzb2x1dGUgOiBwb3NpdGlvblJlbGF0aXZlIH1cblxuXHQkeyAoIHsgekluZGV4IH0gKSA9PiBjc3MoIHsgekluZGV4IH0gKSB9XG5gO1xuXG5jb25zdCBwb3NpdGlvbkFic29sdXRlID0gY3NzYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5gO1xuXG5jb25zdCBwb3NpdGlvblJlbGF0aXZlID0gY3NzYFxuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */");
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvei1zdGFjay9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUciLCJmaWxlIjoiQHdvcmRwcmVzcy9jb21wb25lbnRzL3NyYy96LXN0YWNrL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogRXh0ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuZXhwb3J0IGNvbnN0IFpTdGFja1ZpZXcgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuXG5leHBvcnQgY29uc3QgWlN0YWNrQ2hpbGRWaWV3ID0gc3R5bGVkLmRpdjwge1xuXHRpc0xheWVyZWQ6IGJvb2xlYW47XG5cdG9mZnNldEFtb3VudDogbnVtYmVyO1xuXHR6SW5kZXg6IG51bWJlcjtcbn0gPmBcblx0JHsgKCB7IGlzTGF5ZXJlZCwgb2Zmc2V0QW1vdW50IH0gKSA9PlxuXHRcdGlzTGF5ZXJlZFxuXHRcdFx0PyBjc3MoIHsgbWFyZ2luTGVmdDogb2Zmc2V0QW1vdW50IH0gKVxuXHRcdFx0OiBjc3MoIHsgcmlnaHQ6IG9mZnNldEFtb3VudCAqIC0xIH0gKSB9XG5cblx0JHsgKCB7IGlzTGF5ZXJlZCB9ICkgPT5cblx0XHRpc0xheWVyZWQgPyBwb3NpdGlvbkFic29sdXRlIDogcG9zaXRpb25SZWxhdGl2ZSB9XG5cblx0JHsgKCB7IHpJbmRleCB9ICkgPT4gY3NzKCB7IHpJbmRleCB9ICkgfVxuYDtcblxuY29uc3QgcG9zaXRpb25BYnNvbHV0ZSA9IGNzc2Bcblx0cG9zaXRpb246IGFic29sdXRlO1xuYDtcblxuY29uc3QgcG9zaXRpb25SZWxhdGl2ZSA9IGNzc2Bcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));
 const positionAbsolute = process.env.NODE_ENV === "production" ? {
   name: "a4hmbt",
   styles: "position:absolute"

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/z-stack/styles.ts"],"names":["css","ZStackView","ZStackChildView","isLayered","offsetAmount","marginLeft","right","positionAbsolute","positionRelative","zIndex"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAGA,OAAO,MAAMC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB;AAKP,OAAO,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB,CAAE;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAF,KACFD,SAAS,gBACNH,GAAG,CAAE;AAAEK,EAAAA,UAAU,EAAED;AAAd,CAAF,62CADG,gBAENJ,GAAG,CAAE;AAAEM,EAAAA,KAAK,EAAEF,YAAY,GAAG,CAAC;AAAzB,CAAF,62CARoB,OAUxB,CAAE;AAAED,EAAAA;AAAF,CAAF,KACFA,SAAS,GAAGI,gBAAH,GAAsBC,gBAXL,OAaxB,CAAE;AAAEC,EAAAA;AAAF,CAAF,kBAAkBT,GAAG,CAAE;AAAES,EAAAA;AAAF,CAAF,62CAbG,6yCAArB;AAgBP,MAAMF,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB;AAIA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport const ZStackView = styled.div`\n\tdisplay: flex;\n\tposition: relative;\n`;\n\nexport const ZStackChildView = styled.div< {\n\tisLayered: boolean;\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t${ ( { isLayered, offsetAmount } ) =>\n\t\tisLayered\n\t\t\t? css( { marginLeft: offsetAmount } )\n\t\t\t: css( { right: offsetAmount * -1 } ) }\n\n\t${ ( { isLayered } ) =>\n\t\tisLayered ? positionAbsolute : positionRelative }\n\n\t${ ( { zIndex } ) => css( { zIndex } ) }\n`;\n\nconst positionAbsolute = css`\n\tposition: absolute;\n`;\n\nconst positionRelative = css`\n\tposition: relative;\n`;\n"]}
+{"version":3,"sources":["@wordpress/components/src/z-stack/styles.ts"],"names":["css","ZStackView","ZStackChildView","isLayered","offsetAmount","marginLeft","right","positionAbsolute","positionRelative","zIndex"],"mappings":";;;;AAAA;AACA;AACA;AACA,SAASA,GAAT,QAAoB,gBAApB;AAGA,OAAO,MAAMC,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAhB;AAKP,OAAO,MAAMC,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,GAKxB;AAAA,MAAE;AAAEC,IAAAA,SAAF;AAAaC,IAAAA;AAAb,GAAF;AAAA,SACFD,SAAS,gBACNH,GAAG,CAAE;AAAEK,IAAAA,UAAU,EAAED;AAAd,GAAF,62CADG,gBAENJ,GAAG,CAAE;AAAEM,IAAAA,KAAK,EAAEF,YAAY,GAAG,CAAC;AAAzB,GAAF,62CAHJ;AAAA,CALwB,OAUxB;AAAA,MAAE;AAAED,IAAAA;AAAF,GAAF;AAAA,SACFA,SAAS,GAAGI,gBAAH,GAAsBC,gBAD7B;AAAA,CAVwB,OAaxB;AAAA,MAAE;AAAEC,IAAAA;AAAF,GAAF;AAAA,sBAAkBT,GAAG,CAAE;AAAES,IAAAA;AAAF,GAAF,62CAArB;AAAA,CAbwB,6yCAArB;AAgBP,MAAMF,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB;AAIA,MAAMC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAtB","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport const ZStackView = styled.div`\n\tdisplay: flex;\n\tposition: relative;\n`;\n\nexport const ZStackChildView = styled.div< {\n\tisLayered: boolean;\n\toffsetAmount: number;\n\tzIndex: number;\n} >`\n\t${ ( { isLayered, offsetAmount } ) =>\n\t\tisLayered\n\t\t\t? css( { marginLeft: offsetAmount } )\n\t\t\t: css( { right: offsetAmount * -1 } ) }\n\n\t${ ( { isLayered } ) =>\n\t\tisLayered ? positionAbsolute : positionRelative }\n\n\t${ ( { zIndex } ) => css( { zIndex } ) }\n`;\n\nconst positionAbsolute = css`\n\tposition: absolute;\n`;\n\nconst positionRelative = css`\n\tposition: relative;\n`;\n"]}

package/build-style/style-rtl.css

@@ -638,15 +638,15 @@ svg.components-checkbox-control__checked {
   justify-content: flex-end;
 }
 .components-circular-option-picker .components-circular-option-picker__swatches {
-  margin-left: -12px;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
 }
 
 .components-circular-option-picker__option-wrapper {
   display: inline-block;
   height: 28px;
   width: 28px;
-  margin-left: 12px;
-  margin-bottom: 12px;
   vertical-align: top;
   transform: scale(1);
   transition: 100ms transform ease;
@@ -753,55 +753,12 @@ svg.components-checkbox-control__checked {
   line-height: 22px;
 }
 
-.components-color-edit__color-option-main-area {
-  display: flex;
-  align-items: center;
-}
-.components-color-edit__color-option-main-area div.components-circular-option-picker__option-wrapper {
-  display: block;
-  margin: 8px;
-}
-
-.components-color-edit__color-option.is-hover {
-  background: #e0e0e0;
-}
-
-.components-color-edit__cancel-button {
-  float: left;
-}
-
-.components-color-edit__color-option-color-name {
-  width: 100%;
-}
-
-.components-color-edit__label-and-insert-container {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.components-color-edit__insert-button {
-  margin-top: -8px;
-}
-
-.components-color-edit__hidden-control {
-  position: relative;
-  right: -9999px;
-}
-
-.components-color-edit__color-option-color-name-input .components-base-control__field {
-  margin-bottom: 0;
-  margin-left: 8px;
-}
-
-.components-color-edit__slug-input {
-  margin-right: 8px;
-}
-
-.components-color-edit__reset-button {
-  float: left;
+@media (min-width: 782px) {
+  .components-color-edit__color-popover.components-popover .components-popover__content.components-popover__content.components-popover__content {
+    margin-left: 156px;
+    margin-top: -49px;
+  }
 }
-
 .component-color-indicator {
   width: 25px;
   height: 16px;
@@ -813,246 +770,6 @@ svg.components-checkbox-control__checked {
   margin-right: 0.5rem;
 }
 
-/**
- * Parts of this source were derived and modified from react-color,
- * released under the MIT license.
- *
- * https://github.com/casesandberg/react-color/
- *
- * Copyright (c) 2015 Case Sandberg
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-.components-color-picker {
-  width: 100%;
-}
-.components-color-picker * {
-  box-sizing: border-box;
-}
-
-.components-color-picker__saturation {
-  width: 100%;
-  padding-bottom: 55%;
-  position: relative;
-}
-
-.components-color-picker__body {
-  padding: 16px 16px 12px;
-}
-
-.components-color-picker__controls {
-  display: flex;
-}
-
-.components-color-picker__saturation-pointer,
-.components-color-picker__hue-pointer,
-.components-color-picker__alpha-pointer {
-  padding: 0;
-  position: absolute;
-  cursor: pointer;
-  box-shadow: none;
-  border: none;
-}
-
-/* CURRENT COLOR COMPONENT */
-.components-color-picker__swatch {
-  margin-left: 8px;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  position: relative;
-  overflow: hidden;
-  background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%);
-  background-size: 10px 10px;
-  background-position: 100% 0, 100% 5px, 5px -5px, -5px 0;
-}
-.is-alpha-disabled .components-color-picker__swatch {
-  width: 12px;
-  height: 12px;
-  margin-top: 0;
-}
-
-.components-color-picker__active {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-  border-radius: 50%;
-  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
-  z-index: 2;
-}
-
-/* SATURATION COMPONENT */
-.components-color-picker__saturation-color,
-.components-color-picker__saturation-white,
-.components-color-picker__saturation-black {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-
-.components-color-picker__saturation-color {
-  overflow: visible;
-}
-
-.components-color-picker__saturation-white {
-  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
-}
-
-.components-color-picker__saturation-black {
-  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
-}
-
-.components-button.components-color-picker__saturation-pointer {
-  width: 14px;
-  height: 14px;
-  padding: 0;
-  border-radius: 50%;
-  background-color: transparent;
-  transform: translate(50%, -50%);
-  box-shadow: 0 0 0 1px #fff, inset 0 0 0 1px #000, 0 0 0 2px #000;
-}
-.components-button.components-color-picker__saturation-pointer:focus:not(:disabled) {
-  box-shadow: 0 0 0 2px #fff, inset 0 0 0 1px #000, 0 0 0 3px #000;
-}
-
-/* HUE & ALPHA BARS */
-.components-color-picker__toggles {
-  flex: 1;
-}
-
-.components-color-picker__alpha {
-  background-image: linear-gradient(-45deg, #ddd 25%, transparent 25%), linear-gradient(45deg, #ddd 25%, transparent 25%), linear-gradient(-45deg, transparent 75%, #ddd 75%), linear-gradient(45deg, transparent 75%, #ddd 75%);
-  background-size: 10px 10px;
-  background-position: 100% 0, 100% 5px, 5px -5px, -5px 0;
-}
-
-.components-color-picker__hue-gradient,
-.components-color-picker__alpha-gradient {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  bottom: 0;
-}
-
-.components-color-picker__hue,
-.components-color-picker__alpha {
-  height: 12px;
-  position: relative;
-}
-
-.is-alpha-enabled .components-color-picker__hue {
-  margin-bottom: 8px;
-}
-
-.components-color-picker__hue-bar,
-.components-color-picker__alpha-bar {
-  position: relative;
-  margin: 0 3px;
-  height: 100%;
-  padding: 0 2px;
-}
-
-.components-color-picker__hue-gradient {
-  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
-}
-
-.components-color-picker__hue-pointer,
-.components-color-picker__alpha-pointer {
-  left: 0;
-  width: 14px;
-  height: 14px;
-  border-radius: 50%;
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
-  background: #fff;
-  transform: translate(7px, -1px);
-}
-
-.components-color-picker__hue-pointer,
-.components-color-picker__saturation-pointer {
-  transition: box-shadow 0.1s linear;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-color-picker__hue-pointer,
-.components-color-picker__saturation-pointer {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-
-.components-color-picker__saturation-pointer:focus {
-  box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color), 0 0 5px 0 var(--wp-admin-theme-color), inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
-}
-
-.components-color-picker__hue-pointer:focus,
-.components-color-picker__alpha-pointer:focus {
-  border-color: var(--wp-admin-theme-color);
-  box-shadow: 0 0 0 2px var(--wp-admin-theme-color), 0 0 3px 0 var(--wp-admin-theme-color);
-  outline: 2px solid transparent;
-  outline-offset: -2px;
-}
-
-/* INPUTS COMPONENT */
-.components-color-picker__inputs-wrapper {
-  margin: 0 -4px;
-  padding-top: 16px;
-  display: flex;
-  align-items: flex-end;
-  min-width: 255px;
-}
-.components-color-picker__inputs-wrapper fieldset {
-  flex: 1;
-  border: none;
-  margin: 0;
-  padding: 0;
-}
-.components-color-picker__inputs-wrapper .components-color-picker__inputs-fields .components-text-control__input[type=number] {
-  padding: 6px 3px;
-  margin: 0;
-}
-
-.components-color-picker__inputs-field {
-  width: 100%;
-}
-
-.components-color-picker__inputs-fields {
-  display: flex;
-  direction: ltr;
-  flex-grow: 1;
-  margin-left: 4px;
-}
-.components-color-picker__inputs-fields .components-base-control + .components-base-control {
-  margin-top: 0;
-}
-.components-color-picker__inputs-fields .components-base-control__field {
-  margin: 0 2px;
-}
-
-.components-color-picker__inputs-toggle {
-  height: 30px;
-  padding: 0 5px;
-}
-
 .components-combobox-control {
   width: 100%;
 }
@@ -1141,6 +858,27 @@ input.components-combobox-control__input[type=text]:focus {
   width: 100%;
 }
 
+.components-color-list-picker__color-picker {
+  margin: 8px 0;
+}
+
+.components-color-palette__custom-color {
+  border: none;
+  background: none;
+  outline: 0;
+  display: block;
+  border-radius: 2px;
+  height: 48px;
+  text-align: left;
+  width: 100%;
+  background-image: repeating-linear-gradient(-45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0), repeating-linear-gradient(-45deg, #e0e0e0 25%, transparent 25%, transparent 75%, #e0e0e0 75%, #e0e0e0);
+  background-position: 100% 0, 25px 25px;
+  background-size: calc(2 * 25px) calc(2 * 25px);
+  box-sizing: border-box;
+  color: #fff;
+  cursor: pointer;
+}
+
 .components-custom-gradient-picker__gradient-bar:not(.has-gradient) {
   opacity: 0.4;
 }
@@ -1293,17 +1031,25 @@ input.components-combobox-control__input[type=text]:focus {
 
 .components-custom-select-control__item {
   align-items: center;
-  display: flex;
+  display: grid;
+  grid-template-columns: auto auto;
   list-style-type: none;
   padding: 8px;
   cursor: default;
   line-height: 28px;
 }
+.components-custom-select-control__item.has-hint {
+  grid-template-columns: auto auto 30px;
+}
 .components-custom-select-control__item.is-highlighted {
   background: #ddd;
 }
+.components-custom-select-control__item .components-custom-select-control__item-hint {
+  color: #757575;
+  text-align: left;
+  padding-left: 4px;
+}
 .components-custom-select-control__item .components-custom-select-control__item-icon {
-  margin-left: 0;
   margin-right: auto;
 }
 .components-custom-select-control__item:last-child {
@@ -2577,52 +2323,28 @@ body.is-dragging-components-draggable {
   z-index: 40;
   visibility: hidden;
   opacity: 0;
-  transition: 0.3s opacity, 0.3s background-color, 0s visibility 0.3s;
-  border: 2px solid var(--wp-admin-theme-color);
   border-radius: 2px;
 }
-@media (prefers-reduced-motion: reduce) {
-  .components-drop-zone {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
 .components-drop-zone.is-active {
   opacity: 1;
   visibility: visible;
-  transition: 0.3s opacity, 0.3s background-color;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-drop-zone.is-active {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-.components-drop-zone.is-dragging-over-element {
-  background-color: var(--wp-admin-theme-color);
 }
 
 .components-drop-zone__content {
   position: absolute;
-  top: 50%;
+  top: 0;
+  bottom: 0;
   right: 0;
   left: 0;
-  z-index: 50;
-  transform: translateY(-50%);
+  height: 100%;
   width: 100%;
+  display: flex;
+  background-color: var(--wp-admin-theme-color);
+  align-items: center;
+  justify-content: center;
+  z-index: 50;
   text-align: center;
   color: #fff;
-  transition: transform 0.2s ease-in-out;
-}
-@media (prefers-reduced-motion: reduce) {
-  .components-drop-zone__content {
-    transition-duration: 0s;
-    transition-delay: 0s;
-  }
-}
-
-.components-drop-zone.is-dragging-over-element .components-drop-zone__content {
-  transform: translateY(-50%) scale(1.05);
 }
 
 .components-drop-zone__content-icon,
@@ -2634,10 +2356,12 @@ body.is-dragging-components-draggable {
   margin: 0 auto;
   line-height: 0;
   fill: currentColor;
+  pointer-events: none;
 }
 
 .components-drop-zone__content-text {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+  font-size: 13px;
 }
 
 .components-dropdown {
@@ -2730,23 +2454,28 @@ body.is-dragging-components-draggable {
   border-color: #1e1e1e;
 }
 
+.components-font-size-picker__header__hint {
+  margin-right: 4px;
+  color: #757575;
+}
+.components-font-size-picker__header .components-button.is-small.has-icon:not(.has-text) {
+  min-width: 24px;
+  padding: 0;
+}
+
 .components-font-size-picker__controls {
   max-width: 248px;
-  display: flex;
-  flex-wrap: wrap;
   align-items: center;
+  margin-top: 8px;
   margin-bottom: 24px;
 }
-.components-font-size-picker__controls .components-unit-control-wrapper {
-  margin-left: 8px;
-}
 .components-font-size-picker__controls .components-unit-control-wrapper .components-input-control__label {
   font-weight: 300;
   padding-bottom: 0 !important;
   margin-bottom: 8px !important;
 }
 .components-font-size-picker__controls .components-custom-select-control__button {
-  min-width: 120px;
+  width: 100%;
 }
 .components-font-size-picker__controls .components-font-size-picker__number {
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@@ -2805,12 +2534,8 @@ body.is-dragging-components-draggable {
   display: flex;
   flex-direction: column;
 }
-.components-font-size-picker__controls .components-font-size-picker__select {
-  margin-left: 8px;
-}
 .components-font-size-picker__controls .components-color-palette__clear {
   height: 30px;
-  margin-top: 26px;
 }
 
 .components-font-size-picker__custom-input .components-range-control__slider + .dashicon {
@@ -3406,6 +3131,12 @@ body.is-dragging-components-draggable {
     animation-delay: 0s;
   }
 }
+@media (min-width: 600px) {
+  .components-modal__frame.is-full-screen {
+    width: 90vw;
+    min-height: 90vh;
+  }
+}
 @media (min-width: 960px) {
   .components-modal__frame {
     max-height: 70%;
@@ -4165,6 +3896,10 @@ body.rtl .components-panel__body-toggle.components-button .dashicons-arrow-right
   display: block;
 }
 
+.components-resizable-box__container > img {
+  width: inherit;
+}
+
 .components-resizable-box__handle::after {
   display: block;
   content: "";