@wordpress/components 25.5.0 → 25.6.1

package/build-module/surface/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/component.tsx"],"names":["contextConnect","View","useSurface","UnconnectedSurface","props","forwardedRef","surfaceProps","Surface"],"mappings":";;AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,eAA/B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,UAAT,QAA2B,QAA3B;;AAIA,SAASC,kBAAT,CACCC,KADD,EAECC,YAFD,EAGE;AACD,QAAMC,YAAY,GAAGJ,UAAU,CAAEE,KAAF,CAA/B;AAEA,SAAO,cAAC,IAAD,OAAWE,YAAX;AAA0B,IAAA,GAAG,EAAGD;AAAhC,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,OAAO,MAAME,OAAO,GAAGP,cAAc,CAAEG,kBAAF,EAAsB,SAAtB,CAA9B;AAEP,eAAeI,OAAf","sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport { useSurface } from './hook';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction UnconnectedSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst surfaceProps = useSurface( props );\n\n\treturn <View { ...surfaceProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Surface` is a core component that renders a primary background color.\n *\n * In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).\n *\n * ```jsx\n * import {\n *\t__experimentalSurface as Surface,\n *\t__experimentalText as Text,\n * } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Surface>\n * \t\t\t<Text>Code is Poetry</Text>\n * \t\t</Surface>\n * \t);\n * }\n * ```\n */\nexport const Surface = contextConnect( UnconnectedSurface, 'Surface' );\n\nexport default Surface;\n"]}
+{"version":3,"names":["contextConnect","View","useSurface","UnconnectedSurface","props","forwardedRef","surfaceProps","createElement","ref","Surface"],"sources":["@wordpress/components/src/surface/component.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport { useSurface } from './hook';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nfunction UnconnectedSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >,\n\tforwardedRef: ForwardedRef< any >\n) {\n\tconst surfaceProps = useSurface( props );\n\n\treturn <View { ...surfaceProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Surface` is a core component that renders a primary background color.\n *\n * In the example below, notice how the `Surface` renders in white (or dark gray if in dark mode).\n *\n * ```jsx\n * import {\n *\t__experimentalSurface as Surface,\n *\t__experimentalText as Text,\n * } from '@wordpress/components';\n *\n * function Example() {\n * \treturn (\n * \t\t<Surface>\n * \t\t\t<Text>Code is Poetry</Text>\n * \t\t</Surface>\n * \t);\n * }\n * ```\n */\nexport const Surface = contextConnect( UnconnectedSurface, 'Surface' );\n\nexport default Surface;\n"],"mappings":";AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,UAAU,QAAQ,QAAQ;AAInC,SAASC,kBAAkBA,CAC1BC,KAAqD,EACrDC,YAAiC,EAChC;EACD,MAAMC,YAAY,GAAGJ,UAAU,CAAEE,KAAM,CAAC;EAExC,OAAOG,aAAA,CAACN,IAAI;IAAA,GAAMK,YAAY;IAAGE,GAAG,EAAGH;EAAc,CAAE,CAAC;AACzD;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,OAAO,GAAGT,cAAc,CAAEG,kBAAkB,EAAE,SAAU,CAAC;AAEtE,eAAeM,OAAO"}

package/build-module/surface/hook.js

@@ -2,10 +2,10 @@
  * WordPress dependencies
  */
 import { useMemo } from '@wordpress/element';
+
 /**
  * Internal dependencies
  */
-
 import { useContextSystem } from '../ui/context';
 import * as styles from './styles';
 import { useCx } from '../utils/hooks/use-cx';
@@ -32,7 +32,8 @@ export function useSurface(props) {
     };
     return cx(styles.Surface, sx.borders, styles.getVariant(variant, `${backgroundSize}px`, `${backgroundSize - 1}px`), className);
   }, [backgroundSize, borderBottom, borderLeft, borderRight, borderTop, className, cx, variant]);
-  return { ...otherProps,
+  return {
+    ...otherProps,
     className: classes
   };
 }

package/build-module/surface/hook.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/hook.ts"],"names":["useMemo","useContextSystem","styles","useCx","useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","cx","classes","sx","borders","getBorders","Surface","getVariant"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,gBAAT,QAAiC,eAAjC;AACA,OAAO,KAAKC,MAAZ,MAAwB,UAAxB;AACA,SAASC,KAAT,QAAsB,uBAAtB;AAIA,OAAO,SAASC,UAAT,CACNC,KADM,EAEL;AACD,QAAM;AACLC,IAAAA,cAAc,GAAG,EADZ;AAELC,IAAAA,YAAY,GAAG,KAFV;AAGLC,IAAAA,UAAU,GAAG,KAHR;AAILC,IAAAA,WAAW,GAAG,KAJT;AAKLC,IAAAA,SAAS,GAAG,KALP;AAMLC,IAAAA,SANK;AAOLC,IAAAA,OAAO,GAAG,SAPL;AAQL,OAAGC;AARE,MASFZ,gBAAgB,CAAEI,KAAF,EAAS,SAAT,CATpB;AAWA,QAAMS,EAAE,GAAGX,KAAK,EAAhB;AAEA,QAAMY,OAAO,GAAGf,OAAO,CAAE,MAAM;AAC9B,UAAMgB,EAAE,GAAG;AACVC,MAAAA,OAAO,EAAEf,MAAM,CAACgB,UAAP,CAAmB;AAC3BX,QAAAA,YAD2B;AAE3BC,QAAAA,UAF2B;AAG3BC,QAAAA,WAH2B;AAI3BC,QAAAA;AAJ2B,OAAnB;AADC,KAAX;AASA,WAAOI,EAAE,CACRZ,MAAM,CAACiB,OADC,EAERH,EAAE,CAACC,OAFK,EAGRf,MAAM,CAACkB,UAAP,CACCR,OADD,EAEE,GAAGN,cAAgB,IAFrB,EAGE,GAAGA,cAAc,GAAG,CAAG,IAHzB,CAHQ,EAQRK,SARQ,CAAT;AAUA,GApBsB,EAoBpB,CACFL,cADE,EAEFC,YAFE,EAGFC,UAHE,EAIFC,WAJE,EAKFC,SALE,EAMFC,SANE,EAOFG,EAPE,EAQFF,OARE,CApBoB,CAAvB;AA+BA,SAAO,EAAE,GAAGC,UAAL;AAAiBF,IAAAA,SAAS,EAAEI;AAA5B,GAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport function useSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >\n) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {\n\t\t\tborders: styles.getBorders( {\n\t\t\t\tborderBottom,\n\t\t\t\tborderLeft,\n\t\t\t\tborderRight,\n\t\t\t\tborderTop,\n\t\t\t} ),\n\t\t};\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tcx,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"]}
+{"version":3,"names":["useMemo","useContextSystem","styles","useCx","useSurface","props","backgroundSize","borderBottom","borderLeft","borderRight","borderTop","className","variant","otherProps","cx","classes","sx","borders","getBorders","Surface","getVariant"],"sources":["@wordpress/components/src/surface/hook.ts"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useContextSystem } from '../ui/context';\nimport * as styles from './styles';\nimport { useCx } from '../utils/hooks/use-cx';\nimport type { SurfaceProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\nexport function useSurface(\n\tprops: WordPressComponentProps< SurfaceProps, 'div' >\n) {\n\tconst {\n\t\tbackgroundSize = 12,\n\t\tborderBottom = false,\n\t\tborderLeft = false,\n\t\tborderRight = false,\n\t\tborderTop = false,\n\t\tclassName,\n\t\tvariant = 'primary',\n\t\t...otherProps\n\t} = useContextSystem( props, 'Surface' );\n\n\tconst cx = useCx();\n\n\tconst classes = useMemo( () => {\n\t\tconst sx = {\n\t\t\tborders: styles.getBorders( {\n\t\t\t\tborderBottom,\n\t\t\t\tborderLeft,\n\t\t\t\tborderRight,\n\t\t\t\tborderTop,\n\t\t\t} ),\n\t\t};\n\n\t\treturn cx(\n\t\t\tstyles.Surface,\n\t\t\tsx.borders,\n\t\t\tstyles.getVariant(\n\t\t\t\tvariant,\n\t\t\t\t`${ backgroundSize }px`,\n\t\t\t\t`${ backgroundSize - 1 }px`\n\t\t\t),\n\t\t\tclassName\n\t\t);\n\t}, [\n\t\tbackgroundSize,\n\t\tborderBottom,\n\t\tborderLeft,\n\t\tborderRight,\n\t\tborderTop,\n\t\tclassName,\n\t\tcx,\n\t\tvariant,\n\t] );\n\n\treturn { ...otherProps, className: classes };\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,QAAQ,oBAAoB;;AAE5C;AACA;AACA;AACA,SAASC,gBAAgB,QAAQ,eAAe;AAChD,OAAO,KAAKC,MAAM,MAAM,UAAU;AAClC,SAASC,KAAK,QAAQ,uBAAuB;AAI7C,OAAO,SAASC,UAAUA,CACzBC,KAAqD,EACpD;EACD,MAAM;IACLC,cAAc,GAAG,EAAE;IACnBC,YAAY,GAAG,KAAK;IACpBC,UAAU,GAAG,KAAK;IAClBC,WAAW,GAAG,KAAK;IACnBC,SAAS,GAAG,KAAK;IACjBC,SAAS;IACTC,OAAO,GAAG,SAAS;IACnB,GAAGC;EACJ,CAAC,GAAGZ,gBAAgB,CAAEI,KAAK,EAAE,SAAU,CAAC;EAExC,MAAMS,EAAE,GAAGX,KAAK,CAAC,CAAC;EAElB,MAAMY,OAAO,GAAGf,OAAO,CAAE,MAAM;IAC9B,MAAMgB,EAAE,GAAG;MACVC,OAAO,EAAEf,MAAM,CAACgB,UAAU,CAAE;QAC3BX,YAAY;QACZC,UAAU;QACVC,WAAW;QACXC;MACD,CAAE;IACH,CAAC;IAED,OAAOI,EAAE,CACRZ,MAAM,CAACiB,OAAO,EACdH,EAAE,CAACC,OAAO,EACVf,MAAM,CAACkB,UAAU,CAChBR,OAAO,EACN,GAAGN,cAAgB,IAAG,EACtB,GAAGA,cAAc,GAAG,CAAG,IACzB,CAAC,EACDK,SACD,CAAC;EACF,CAAC,EAAE,CACFL,cAAc,EACdC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,SAAS,EACTG,EAAE,EACFF,OAAO,CACN,CAAC;EAEH,OAAO;IAAE,GAAGC,UAAU;IAAEF,SAAS,EAAEI;EAAQ,CAAC;AAC7C"}

package/build-module/surface/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/index.ts"],"names":["default","Surface"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAApB,QAAmC,aAAnC;AACA,cAAc,QAAd","sourcesContent":["export { default as Surface } from './component';\nexport * from './hook';\n"]}
+{"version":3,"names":["default","Surface"],"sources":["@wordpress/components/src/surface/index.ts"],"sourcesContent":["export { default as Surface } from './component';\nexport * from './hook';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,OAAO,QAAQ,aAAa;AAChD,cAAc,QAAQ"}

package/build-module/surface/styles.js

@@ -2,10 +2,10 @@
  * External dependencies
  */
 import { css } from '@emotion/react';
+
 /**
  * Internal dependencies
  */
-
 import { CONFIG, COLORS } from '../utils';
 export const Surface = /*#__PURE__*/css("background-color:", CONFIG.surfaceColor, ";color:", COLORS.gray[900], ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzBCIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
 export const background = /*#__PURE__*/css("background-color:", CONFIG.surfaceBackgroundColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:background;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
@@ -26,15 +26,10 @@ export function getBorders({
 export const primary = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? "" : ";label:primary;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0MwQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 export const secondary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTintColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:secondary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEM0QiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
 export const tertiary = /*#__PURE__*/css("background:", CONFIG.surfaceBackgroundTertiaryColor, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:tertiary;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEMyQiIsImZpbGUiOiJAd29yZHByZXNzL2NvbXBvbmVudHMvc3JjL3N1cmZhY2Uvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBFeHRlcm5hbCBkZXBlbmRlbmNpZXNcbiAqL1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG4vKipcbiAqIEludGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBDT05GSUcsIENPTE9SUyB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB0eXBlIHsgU3VyZmFjZVZhcmlhbnQsIFN1cmZhY2VQcm9wcyB9IGZyb20gJy4vdHlwZXMnO1xuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9IGNzc2Bcblx0YmFja2dyb3VuZC1jb2xvcjogJHsgQ09ORklHLnN1cmZhY2VDb2xvciB9O1xuXHRjb2xvcjogJHsgQ09MT1JTLmdyYXlbIDkwMCBdIH07XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBiYWNrZ3JvdW5kID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciB9O1xuYDtcblxuZXhwb3J0IGZ1bmN0aW9uIGdldEJvcmRlcnMoIHtcblx0Ym9yZGVyQm90dG9tLFxuXHRib3JkZXJMZWZ0LFxuXHRib3JkZXJSaWdodCxcblx0Ym9yZGVyVG9wLFxufTogUGljazxcblx0U3VyZmFjZVByb3BzLFxuXHQnYm9yZGVyQm90dG9tJyB8ICdib3JkZXJMZWZ0JyB8ICdib3JkZXJSaWdodCcgfCAnYm9yZGVyVG9wJ1xuPiApIHtcblx0Y29uc3QgYm9yZGVyU3R5bGUgPSBgMXB4IHNvbGlkICR7IENPTkZJRy5zdXJmYWNlQm9yZGVyQ29sb3IgfWA7XG5cblx0cmV0dXJuIGNzcygge1xuXHRcdGJvcmRlckJvdHRvbTogYm9yZGVyQm90dG9tID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyTGVmdDogYm9yZGVyTGVmdCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclJpZ2h0OiBib3JkZXJSaWdodCA/IGJvcmRlclN0eWxlIDogdW5kZWZpbmVkLFxuXHRcdGJvcmRlclRvcDogYm9yZGVyVG9wID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdH0gKTtcbn1cblxuZXhwb3J0IGNvbnN0IHByaW1hcnkgPSBjc3NgYDtcblxuZXhwb3J0IGNvbnN0IHNlY29uZGFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGludENvbG9yIH07XG5gO1xuXG5leHBvcnQgY29uc3QgdGVydGlhcnkgPSBjc3NgXG5cdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZFRlcnRpYXJ5Q29sb3IgfTtcbmA7XG5cbmNvbnN0IGN1c3RvbUJhY2tncm91bmRTaXplID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyApID0+XG5cdFsgc3VyZmFjZUJhY2tncm91bmRTaXplLCBzdXJmYWNlQmFja2dyb3VuZFNpemUgXS5qb2luKCAnICcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDEgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdCc5MGRlZycsXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZDIgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nICkgPT5cblx0W1xuXHRcdFsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCBdLmpvaW4oXG5cdFx0XHQnICdcblx0XHQpLFxuXHRcdCd0cmFuc3BhcmVudCAxJScsXG5cdF0uam9pbiggJywnICk7XG5cbmNvbnN0IGRvdHRlZEJhY2tncm91bmRDb21iaW5lZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDEoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdGBsaW5lYXItZ3JhZGllbnQoICR7IGRvdHRlZEJhY2tncm91bmQyKFxuXHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkXG5cdFx0KSB9ICkgY2VudGVyYCxcblx0XHRDT05GSUcuc3VyZmFjZUJvcmRlckJvbGRDb2xvcixcblx0XS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldERvdHRlZCA9IChcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgKSB9O1xuXHRiYWNrZ3JvdW5kLXNpemU6ICR7IGN1c3RvbUJhY2tncm91bmRTaXplKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKSB9O1xuYDtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQxID0gW1xuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmQyID0gW1xuXHQnOTBkZWcnLFxuXHRgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJTdWJ0bGVDb2xvciB9IDFweGAsXG5cdCd0cmFuc3BhcmVudCAxcHgnLFxuXS5qb2luKCAnLCcgKTtcblxuY29uc3QgZ3JpZEJhY2tncm91bmRDb21iaW5lZCA9IFtcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQxIH0gKWAsXG5cdGBsaW5lYXItZ3JhZGllbnQoICR7IGdyaWRCYWNrZ3JvdW5kMiB9IClgLFxuXS5qb2luKCAnLCcgKTtcblxuZXhwb3J0IGNvbnN0IGdldEdyaWQgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT4ge1xuXHRyZXR1cm4gY3NzYFxuXHRcdGJhY2tncm91bmQ6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5cdFx0YmFja2dyb3VuZC1pbWFnZTogJHsgZ3JpZEJhY2tncm91bmRDb21iaW5lZCB9O1xuXHRcdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5cdGA7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0VmFyaWFudCA9IChcblx0dmFyaWFudDogU3VyZmFjZVZhcmlhbnQsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nLFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZ1xuKSA9PiB7XG5cdHN3aXRjaCAoIHZhcmlhbnQgKSB7XG5cdFx0Y2FzZSAnZG90dGVkJzoge1xuXHRcdFx0cmV0dXJuIGdldERvdHRlZChcblx0XHRcdFx0c3VyZmFjZUJhY2tncm91bmRTaXplLFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHRcdCk7XG5cdFx0fVxuXHRcdGNhc2UgJ2dyaWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0R3JpZCggc3VyZmFjZUJhY2tncm91bmRTaXplICk7XG5cdFx0fVxuXHRcdGNhc2UgJ3ByaW1hcnknOiB7XG5cdFx0XHRyZXR1cm4gcHJpbWFyeTtcblx0XHR9XG5cdFx0Y2FzZSAnc2Vjb25kYXJ5Jzoge1xuXHRcdFx0cmV0dXJuIHNlY29uZGFyeTtcblx0XHR9XG5cdFx0Y2FzZSAndGVydGlhcnknOiB7XG5cdFx0XHRyZXR1cm4gdGVydGlhcnk7XG5cdFx0fVxuXHR9XG59O1xuIl19 */");
-
 const customBackgroundSize = surfaceBackgroundSize => [surfaceBackgroundSize, surfaceBackgroundSize].join(' ');
-
 const dottedBackground1 = surfaceBackgroundSizeDotted => ['90deg', [CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');
-
 const dottedBackground2 = surfaceBackgroundSizeDotted => [[CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted].join(' '), 'transparent 1%'].join(',');
-
 const dottedBackgroundCombined = surfaceBackgroundSizeDotted => [`linear-gradient( ${dottedBackground1(surfaceBackgroundSizeDotted)} ) center`, `linear-gradient( ${dottedBackground2(surfaceBackgroundSizeDotted)} ) center`, CONFIG.surfaceBorderBoldColor].join(',');
-
 export const getDotted = (surfaceBackgroundSize, surfaceBackgroundSizeDotted) => /*#__PURE__*/css("background:", dottedBackgroundCombined(surfaceBackgroundSizeDotted), ";background-size:", customBackgroundSize(surfaceBackgroundSize), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:getDotted;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZRIiwiZmlsZSI6IkB3b3JkcHJlc3MvY29tcG9uZW50cy9zcmMvc3VyZmFjZS9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEV4dGVybmFsIGRlcGVuZGVuY2llc1xuICovXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbi8qKlxuICogSW50ZXJuYWwgZGVwZW5kZW5jaWVzXG4gKi9cbmltcG9ydCB7IENPTkZJRywgQ09MT1JTIH0gZnJvbSAnLi4vdXRpbHMnO1xuaW1wb3J0IHR5cGUgeyBTdXJmYWNlVmFyaWFudCwgU3VyZmFjZVByb3BzIH0gZnJvbSAnLi90eXBlcyc7XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlID0gY3NzYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyBDT05GSUcuc3VyZmFjZUNvbG9yIH07XG5cdGNvbG9yOiAkeyBDT0xPUlMuZ3JheVsgOTAwIF0gfTtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGJhY2tncm91bmQgPSBjc3NgXG5cdGJhY2tncm91bmQtY29sb3I6ICR7IENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yIH07XG5gO1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0Qm9yZGVycygge1xuXHRib3JkZXJCb3R0b20sXG5cdGJvcmRlckxlZnQsXG5cdGJvcmRlclJpZ2h0LFxuXHRib3JkZXJUb3AsXG59OiBQaWNrPFxuXHRTdXJmYWNlUHJvcHMsXG5cdCdib3JkZXJCb3R0b20nIHwgJ2JvcmRlckxlZnQnIHwgJ2JvcmRlclJpZ2h0JyB8ICdib3JkZXJUb3AnXG4+ICkge1xuXHRjb25zdCBib3JkZXJTdHlsZSA9IGAxcHggc29saWQgJHsgQ09ORklHLnN1cmZhY2VCb3JkZXJDb2xvciB9YDtcblxuXHRyZXR1cm4gY3NzKCB7XG5cdFx0Ym9yZGVyQm90dG9tOiBib3JkZXJCb3R0b20gPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0XHRib3JkZXJMZWZ0OiBib3JkZXJMZWZ0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyUmlnaHQ6IGJvcmRlclJpZ2h0ID8gYm9yZGVyU3R5bGUgOiB1bmRlZmluZWQsXG5cdFx0Ym9yZGVyVG9wOiBib3JkZXJUb3AgPyBib3JkZXJTdHlsZSA6IHVuZGVmaW5lZCxcblx0fSApO1xufVxuXG5leHBvcnQgY29uc3QgcHJpbWFyeSA9IGNzc2BgO1xuXG5leHBvcnQgY29uc3Qgc2Vjb25kYXJ5ID0gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRUaW50Q29sb3IgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCB0ZXJ0aWFyeSA9IGNzc2Bcblx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kVGVydGlhcnlDb2xvciB9O1xuYDtcblxuY29uc3QgY3VzdG9tQmFja2dyb3VuZFNpemUgPSAoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZTogc3RyaW5nICkgPT5cblx0WyBzdXJmYWNlQmFja2dyb3VuZFNpemUsIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSBdLmpvaW4oICcgJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMSA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0JzkwZGVnJyxcblx0XHRbIENPTkZJRy5zdXJmYWNlQmFja2dyb3VuZENvbG9yLCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQgXS5qb2luKFxuXHRcdFx0JyAnXG5cdFx0KSxcblx0XHQndHJhbnNwYXJlbnQgMSUnLFxuXHRdLmpvaW4oICcsJyApO1xuXG5jb25zdCBkb3R0ZWRCYWNrZ3JvdW5kMiA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmcgKSA9PlxuXHRbXG5cdFx0WyBDT05GSUcuc3VyZmFjZUJhY2tncm91bmRDb2xvciwgc3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkIF0uam9pbihcblx0XHRcdCcgJ1xuXHRcdCksXG5cdFx0J3RyYW5zcGFyZW50IDElJyxcblx0XS5qb2luKCAnLCcgKTtcblxuY29uc3QgZG90dGVkQmFja2dyb3VuZENvbWJpbmVkID0gKCBzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWQ6IHN0cmluZyApID0+XG5cdFtcblx0XHRgbGluZWFyLWdyYWRpZW50KCAkeyBkb3R0ZWRCYWNrZ3JvdW5kMShcblx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdCkgfSApIGNlbnRlcmAsXG5cdFx0YGxpbmVhci1ncmFkaWVudCggJHsgZG90dGVkQmFja2dyb3VuZDIoXG5cdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemVEb3R0ZWRcblx0XHQpIH0gKSBjZW50ZXJgLFxuXHRcdENPTkZJRy5zdXJmYWNlQm9yZGVyQm9sZENvbG9yLFxuXHRdLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0RG90dGVkID0gKFxuXHRzdXJmYWNlQmFja2dyb3VuZFNpemU6IHN0cmluZyxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplRG90dGVkOiBzdHJpbmdcbikgPT4gY3NzYFxuXHRiYWNrZ3JvdW5kOiAkeyBkb3R0ZWRCYWNrZ3JvdW5kQ29tYmluZWQoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZCApIH07XG5cdGJhY2tncm91bmQtc2l6ZTogJHsgY3VzdG9tQmFja2dyb3VuZFNpemUoIHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZSApIH07XG5gO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDEgPSBbXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZDIgPSBbXG5cdCc5MGRlZycsXG5cdGAkeyBDT05GSUcuc3VyZmFjZUJvcmRlclN1YnRsZUNvbG9yIH0gMXB4YCxcblx0J3RyYW5zcGFyZW50IDFweCcsXG5dLmpvaW4oICcsJyApO1xuXG5jb25zdCBncmlkQmFja2dyb3VuZENvbWJpbmVkID0gW1xuXHRgbGluZWFyLWdyYWRpZW50KCAkeyBncmlkQmFja2dyb3VuZDEgfSApYCxcblx0YGxpbmVhci1ncmFkaWVudCggJHsgZ3JpZEJhY2tncm91bmQyIH0gKWAsXG5dLmpvaW4oICcsJyApO1xuXG5leHBvcnQgY29uc3QgZ2V0R3JpZCA9ICggc3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcgKSA9PiB7XG5cdHJldHVybiBjc3NgXG5cdFx0YmFja2dyb3VuZDogJHsgQ09ORklHLnN1cmZhY2VCYWNrZ3JvdW5kQ29sb3IgfTtcblx0XHRiYWNrZ3JvdW5kLWltYWdlOiAkeyBncmlkQmFja2dyb3VuZENvbWJpbmVkIH07XG5cdFx0YmFja2dyb3VuZC1zaXplOiAkeyBjdXN0b21CYWNrZ3JvdW5kU2l6ZSggc3VyZmFjZUJhY2tncm91bmRTaXplICkgfTtcblx0YDtcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRWYXJpYW50ID0gKFxuXHR2YXJpYW50OiBTdXJmYWNlVmFyaWFudCxcblx0c3VyZmFjZUJhY2tncm91bmRTaXplOiBzdHJpbmcsXG5cdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZDogc3RyaW5nXG4pID0+IHtcblx0c3dpdGNoICggdmFyaWFudCApIHtcblx0XHRjYXNlICdkb3R0ZWQnOiB7XG5cdFx0XHRyZXR1cm4gZ2V0RG90dGVkKFxuXHRcdFx0XHRzdXJmYWNlQmFja2dyb3VuZFNpemUsXG5cdFx0XHRcdHN1cmZhY2VCYWNrZ3JvdW5kU2l6ZURvdHRlZFxuXHRcdFx0KTtcblx0XHR9XG5cdFx0Y2FzZSAnZ3JpZCc6IHtcblx0XHRcdHJldHVybiBnZXRHcmlkKCBzdXJmYWNlQmFja2dyb3VuZFNpemUgKTtcblx0XHR9XG5cdFx0Y2FzZSAncHJpbWFyeSc6IHtcblx0XHRcdHJldHVybiBwcmltYXJ5O1xuXHRcdH1cblx0XHRjYXNlICdzZWNvbmRhcnknOiB7XG5cdFx0XHRyZXR1cm4gc2Vjb25kYXJ5O1xuXHRcdH1cblx0XHRjYXNlICd0ZXJ0aWFyeSc6IHtcblx0XHRcdHJldHVybiB0ZXJ0aWFyeTtcblx0XHR9XG5cdH1cbn07XG4iXX0= */");
 const gridBackground1 = [`${CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
 const gridBackground2 = ['90deg', `${CONFIG.surfaceBorderSubtleColor} 1px`, 'transparent 1px'].join(',');
@@ -48,22 +43,18 @@ export const getVariant = (variant, surfaceBackgroundSize, surfaceBackgroundSize
       {
         return getDotted(surfaceBackgroundSize, surfaceBackgroundSizeDotted);
       }
-
     case 'grid':
       {
         return getGrid(surfaceBackgroundSize);
       }
-
     case 'primary':
       {
         return primary;
       }
-
     case 'secondary':
       {
         return secondary;
       }
-
     case 'tertiary':
       {
         return tertiary;

package/build-module/surface/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/surface/styles.ts"],"names":["css","CONFIG","COLORS","Surface","surfaceColor","gray","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\nimport type { SurfaceVariant, SurfaceProps } from './types';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.gray[ 900 ] };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n}: Pick<\n\tSurfaceProps,\n\t'borderBottom' | 'borderLeft' | 'borderRight' | 'borderTop'\n> ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\nconst customBackgroundSize = ( surfaceBackgroundSize: string ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\nexport const getDotted = (\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\nexport const getGrid = ( surfaceBackgroundSize: string ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\nexport const getVariant = (\n\tvariant: SurfaceVariant,\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"]}
+{"version":3,"names":["css","CONFIG","COLORS","Surface","surfaceColor","gray","process","env","NODE_ENV","background","surfaceBackgroundColor","getBorders","borderBottom","borderLeft","borderRight","borderTop","borderStyle","surfaceBorderColor","undefined","primary","secondary","surfaceBackgroundTintColor","tertiary","surfaceBackgroundTertiaryColor","customBackgroundSize","surfaceBackgroundSize","join","dottedBackground1","surfaceBackgroundSizeDotted","dottedBackground2","dottedBackgroundCombined","surfaceBorderBoldColor","getDotted","gridBackground1","surfaceBorderSubtleColor","gridBackground2","gridBackgroundCombined","getGrid","getVariant","variant"],"sources":["@wordpress/components/src/surface/styles.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport { css } from '@emotion/react';\n\n/**\n * Internal dependencies\n */\nimport { CONFIG, COLORS } from '../utils';\nimport type { SurfaceVariant, SurfaceProps } from './types';\n\nexport const Surface = css`\n\tbackground-color: ${ CONFIG.surfaceColor };\n\tcolor: ${ COLORS.gray[ 900 ] };\n\tposition: relative;\n`;\n\nexport const background = css`\n\tbackground-color: ${ CONFIG.surfaceBackgroundColor };\n`;\n\nexport function getBorders( {\n\tborderBottom,\n\tborderLeft,\n\tborderRight,\n\tborderTop,\n}: Pick<\n\tSurfaceProps,\n\t'borderBottom' | 'borderLeft' | 'borderRight' | 'borderTop'\n> ) {\n\tconst borderStyle = `1px solid ${ CONFIG.surfaceBorderColor }`;\n\n\treturn css( {\n\t\tborderBottom: borderBottom ? borderStyle : undefined,\n\t\tborderLeft: borderLeft ? borderStyle : undefined,\n\t\tborderRight: borderRight ? borderStyle : undefined,\n\t\tborderTop: borderTop ? borderStyle : undefined,\n\t} );\n}\n\nexport const primary = css``;\n\nexport const secondary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTintColor };\n`;\n\nexport const tertiary = css`\n\tbackground: ${ CONFIG.surfaceBackgroundTertiaryColor };\n`;\n\nconst customBackgroundSize = ( surfaceBackgroundSize: string ) =>\n\t[ surfaceBackgroundSize, surfaceBackgroundSize ].join( ' ' );\n\nconst dottedBackground1 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t'90deg',\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackground2 = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t[ CONFIG.surfaceBackgroundColor, surfaceBackgroundSizeDotted ].join(\n\t\t\t' '\n\t\t),\n\t\t'transparent 1%',\n\t].join( ',' );\n\nconst dottedBackgroundCombined = ( surfaceBackgroundSizeDotted: string ) =>\n\t[\n\t\t`linear-gradient( ${ dottedBackground1(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\t`linear-gradient( ${ dottedBackground2(\n\t\t\tsurfaceBackgroundSizeDotted\n\t\t) } ) center`,\n\t\tCONFIG.surfaceBorderBoldColor,\n\t].join( ',' );\n\nexport const getDotted = (\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => css`\n\tbackground: ${ dottedBackgroundCombined( surfaceBackgroundSizeDotted ) };\n\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n`;\n\nconst gridBackground1 = [\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackground2 = [\n\t'90deg',\n\t`${ CONFIG.surfaceBorderSubtleColor } 1px`,\n\t'transparent 1px',\n].join( ',' );\n\nconst gridBackgroundCombined = [\n\t`linear-gradient( ${ gridBackground1 } )`,\n\t`linear-gradient( ${ gridBackground2 } )`,\n].join( ',' );\n\nexport const getGrid = ( surfaceBackgroundSize: string ) => {\n\treturn css`\n\t\tbackground: ${ CONFIG.surfaceBackgroundColor };\n\t\tbackground-image: ${ gridBackgroundCombined };\n\t\tbackground-size: ${ customBackgroundSize( surfaceBackgroundSize ) };\n\t`;\n};\n\nexport const getVariant = (\n\tvariant: SurfaceVariant,\n\tsurfaceBackgroundSize: string,\n\tsurfaceBackgroundSizeDotted: string\n) => {\n\tswitch ( variant ) {\n\t\tcase 'dotted': {\n\t\t\treturn getDotted(\n\t\t\t\tsurfaceBackgroundSize,\n\t\t\t\tsurfaceBackgroundSizeDotted\n\t\t\t);\n\t\t}\n\t\tcase 'grid': {\n\t\t\treturn getGrid( surfaceBackgroundSize );\n\t\t}\n\t\tcase 'primary': {\n\t\t\treturn primary;\n\t\t}\n\t\tcase 'secondary': {\n\t\t\treturn secondary;\n\t\t}\n\t\tcase 'tertiary': {\n\t\t\treturn tertiary;\n\t\t}\n\t}\n};\n"],"mappings":"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"}

package/build-module/surface/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/surface/types.ts"],"sourcesContent":["export type SurfaceVariant =\n\t| 'primary'\n\t| 'secondary'\n\t| 'tertiary'\n\t| 'dotted'\n\t| 'grid';\n\nexport type SurfaceProps = {\n\t/**\n\t * Determines the grid size for \"dotted\" and \"grid\" variants.\n\t *\n\t * @default 12\n\t */\n\tbackgroundSize?: number;\n\t/**\n\t * Renders a bottom border.\n\t *\n\t * @default false\n\t */\n\tborderBottom?: boolean;\n\t/**\n\t * Renders a left border.\n\t *\n\t * @default false\n\t */\n\tborderLeft?: boolean;\n\t/**\n\t * Renders a right border.\n\t *\n\t * @default false\n\t */\n\tborderRight?: boolean;\n\t/**\n\t * Renders a top border.\n\t *\n\t * @default false\n\t */\n\tborderTop?: boolean;\n\t/**\n\t * Modifies the background color of `Surface`.\n\t *\n\t * * `primary`: Used for almost all cases.\n\t * * `secondary`: Used as a secondary background for inner `Surface` components.\n\t * * `tertiary`: Used as the app/site wide background. Visible in **dark mode** only. Use case is rare.\n\t * * `grid`: Used to show a grid.\n\t * * `dotted`: Used to show a dots grid.\n\t *\n\t * @default 'primary'\n\t */\n\tvariant?: SurfaceVariant;\n\t/**\n\t * The children elements.\n\t */\n\tchildren: React.ReactNode;\n};\n"],"mappings":""}

package/build-module/tab-panel/index.js

@@ -1,22 +1,20 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import * as Ariakit from '@ariakit/react';
 import classnames from 'classnames';
-
 /**
  * WordPress dependencies
  */
 import { forwardRef, useEffect, useLayoutEffect, useCallback } from '@wordpress/element';
 import { useInstanceId, usePrevious } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
 
 import Button from '../button';
-
 // Separate the actual tab name from the instance ID. This is
 // necessary because Ariakit internally uses the element ID when
 // a new tab is selected, but our implementation looks specifically
@@ -25,9 +23,9 @@ const extractTabName = id => {
   if (typeof id === 'undefined' || id === null) {
     return;
   }
-
   return id.match(/^tab-panel-[0-9]*-(.*)/)?.[1];
 };
+
 /**
  * TabPanel is an ARIA-compliant tabpanel.
  *
@@ -64,8 +62,6 @@ const extractTabName = id => {
  * );
  * ```
  */
-
-
 const UnforwardedTabPanel = ({
   className,
   children,
@@ -81,7 +77,6 @@ const UnforwardedTabPanel = ({
     if (typeof tabName === 'undefined') {
       return;
     }
-
     return `${instanceId}-${tabName}`;
   }, [instanceId]);
   const tabStore = Ariakit.useTabStore({
@@ -89,19 +84,14 @@ const UnforwardedTabPanel = ({
       if (typeof newTabValue === 'undefined' || newTabValue === null) {
         return;
       }
-
       const newTab = tabs.find(t => prependInstanceId(t.name) === newTabValue);
-
       if (newTab?.disabled || newTab === selectedTab) {
         return;
       }
-
       const simplifiedTabName = extractTabName(newTabValue);
-
       if (typeof simplifiedTabName === 'undefined') {
         return;
       }
-
       onSelect?.(simplifiedTabName);
     },
     orientation,
@@ -115,28 +105,28 @@ const UnforwardedTabPanel = ({
   const selectedTab = tabs.find(({
     name
   }) => name === selectedTabName);
-  const previousSelectedTabName = usePrevious(selectedTabName); // Ensure `onSelect` is called when the initial tab is selected.
+  const previousSelectedTabName = usePrevious(selectedTabName);
 
+  // Ensure `onSelect` is called when the initial tab is selected.
   useEffect(() => {
     if (previousSelectedTabName !== selectedTabName && selectedTabName === initialTabName && !!selectedTabName) {
       onSelect?.(selectedTabName);
     }
-  }, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]); // Handle selecting the initial tab.
+  }, [selectedTabName, initialTabName, onSelect, previousSelectedTabName]);
 
+  // Handle selecting the initial tab.
   useLayoutEffect(() => {
     // If there's a selected tab, don't override it.
     if (selectedTab) {
       return;
     }
-
-    const initialTab = tabs.find(tab => tab.name === initialTabName); // Wait for the denoted initial tab to be declared before making a
+    const initialTab = tabs.find(tab => tab.name === initialTabName);
+    // Wait for the denoted initial tab to be declared before making a
     // selection. This ensures that if a tab is declared lazily it can
     // still receive initial selection.
-
     if (initialTabName && !initialTab) {
       return;
     }
-
     if (initialTab && !initialTab.disabled) {
       // Select the initial tab if it's not disabled.
       setTabStoreSelectedId(initialTab.name);
@@ -144,22 +134,21 @@ const UnforwardedTabPanel = ({
       // Fallback to the first enabled tab when the initial tab is
       // disabled or it can't be found.
       const firstEnabledTab = tabs.find(tab => !tab.disabled);
-
       if (firstEnabledTab) {
         setTabStoreSelectedId(firstEnabledTab.name);
       }
     }
-  }, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]); // Handle the currently selected tab becoming disabled.
+  }, [tabs, selectedTab, initialTabName, instanceId, setTabStoreSelectedId]);
 
+  // Handle the currently selected tab becoming disabled.
   useEffect(() => {
     // This effect only runs when the selected tab is defined and becomes disabled.
     if (!selectedTab?.disabled) {
       return;
     }
-
-    const firstEnabledTab = tabs.find(tab => !tab.disabled); // If the currently selected tab becomes disabled, select the first enabled tab.
+    const firstEnabledTab = tabs.find(tab => !tab.disabled);
+    // If the currently selected tab becomes disabled, select the first enabled tab.
     // (if there is one).
-
     if (firstEnabledTab) {
       setTabStoreSelectedId(firstEnabledTab.name);
     }
@@ -192,7 +181,6 @@ const UnforwardedTabPanel = ({
     className: 'components-tab-panel__tab-content'
   }, children(selectedTab)));
 };
-
 export const TabPanel = forwardRef(UnforwardedTabPanel);
 export default TabPanel;
 //# sourceMappingURL=index.js.map

package/build-module/tab-panel/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/tab-panel/index.tsx"],"names":["Ariakit","classnames","forwardRef","useEffect","useLayoutEffect","useCallback","useInstanceId","usePrevious","Button","extractTabName","id","match","UnforwardedTabPanel","className","children","tabs","selectOnMove","initialTabName","orientation","activeClass","onSelect","ref","instanceId","TabPanel","prependInstanceId","tabName","tabStore","useTabStore","setSelectedId","newTabValue","newTab","find","t","name","disabled","selectedTab","simplifiedTabName","defaultSelectedId","selectedTabName","useState","setTabStoreSelectedId","setState","previousSelectedTabName","initialTab","tab","firstEnabledTab","map","icon","title"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport Button from '../button';\nimport type { TabPanelProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n// Separate the actual tab name from the instance ID. This is\n// necessary because Ariakit internally uses the element ID when\n// a new tab is selected, but our implementation looks specifically\n// for the tab name to be passed to the `onSelect` callback.\nconst extractTabName = ( id: string | undefined | null ) => {\n\tif ( typeof id === 'undefined' || id === null ) {\n\t\treturn;\n\t}\n\treturn id.match( /^tab-panel-[0-9]*-(.*)/ )?.[ 1 ];\n};\n\n/**\n * TabPanel is an ARIA-compliant tabpanel.\n *\n * TabPanels organize content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when tabs are chosen.\n *\n * ```jsx\n * import { TabPanel } from '@wordpress/components';\n *\n * const onSelect = ( tabName ) => {\n *   console.log( 'Selecting tab', tabName );\n * };\n *\n * const MyTabPanel = () => (\n *   <TabPanel\n *     className=\"my-tab-panel\"\n *     activeClass=\"active-tab\"\n *     onSelect={ onSelect }\n *     tabs={ [\n *       {\n *         name: 'tab1',\n *         title: 'Tab 1',\n *         className: 'tab-one',\n *       },\n *       {\n *         name: 'tab2',\n *         title: 'Tab 2',\n *         className: 'tab-two',\n *       },\n *     ] }\n *   >\n *     { ( tab ) => <p>{ tab.title }</p> }\n *   </TabPanel>\n * );\n * ```\n */\nconst UnforwardedTabPanel = (\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\ttabs,\n\t\tselectOnMove = true,\n\t\tinitialTabName,\n\t\torientation = 'horizontal',\n\t\tactiveClass = 'is-active',\n\t\tonSelect,\n\t}: WordPressComponentProps< TabPanelProps, 'div', false >,\n\tref: ForwardedRef< any >\n) => {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\n\tconst prependInstanceId = useCallback(\n\t\t( tabName: string | undefined ) => {\n\t\t\tif ( typeof tabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn `${ instanceId }-${ tabName }`;\n\t\t},\n\t\t[ instanceId ]\n\t);\n\n\tconst tabStore = Ariakit.useTabStore( {\n\t\tsetSelectedId: ( newTabValue ) => {\n\t\t\tif ( typeof newTabValue === 'undefined' || newTabValue === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTab = tabs.find(\n\t\t\t\t( t ) => prependInstanceId( t.name ) === newTabValue\n\t\t\t);\n\t\t\tif ( newTab?.disabled || newTab === selectedTab ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst simplifiedTabName = extractTabName( newTabValue );\n\t\t\tif ( typeof simplifiedTabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonSelect?.( simplifiedTabName );\n\t\t},\n\t\torientation,\n\t\tselectOnMove,\n\t\tdefaultSelectedId: prependInstanceId( initialTabName ),\n\t} );\n\n\tconst selectedTabName = extractTabName( tabStore.useState( 'selectedId' ) );\n\n\tconst setTabStoreSelectedId = useCallback(\n\t\t( tabName: string ) => {\n\t\t\ttabStore.setState( 'selectedId', prependInstanceId( tabName ) );\n\t\t},\n\t\t[ prependInstanceId, tabStore ]\n\t);\n\n\tconst selectedTab = tabs.find( ( { name } ) => name === selectedTabName );\n\n\tconst previousSelectedTabName = usePrevious( selectedTabName );\n\n\t// Ensure `onSelect` is called when the initial tab is selected.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tpreviousSelectedTabName !== selectedTabName &&\n\t\t\tselectedTabName === initialTabName &&\n\t\t\t!! selectedTabName\n\t\t) {\n\t\t\tonSelect?.( selectedTabName );\n\t\t}\n\t}, [ selectedTabName, initialTabName, onSelect, previousSelectedTabName ] );\n\n\t// Handle selecting the initial tab.\n\tuseLayoutEffect( () => {\n\t\t// If there's a selected tab, don't override it.\n\t\tif ( selectedTab ) {\n\t\t\treturn;\n\t\t}\n\t\tconst initialTab = tabs.find( ( tab ) => tab.name === initialTabName );\n\t\t// Wait for the denoted initial tab to be declared before making a\n\t\t// selection. This ensures that if a tab is declared lazily it can\n\t\t// still receive initial selection.\n\t\tif ( initialTabName && ! initialTab ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( initialTab && ! initialTab.disabled ) {\n\t\t\t// Select the initial tab if it's not disabled.\n\t\t\tsetTabStoreSelectedId( initialTab.name );\n\t\t} else {\n\t\t\t// Fallback to the first enabled tab when the initial tab is\n\t\t\t// disabled or it can't be found.\n\t\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t\tif ( firstEnabledTab ) {\n\t\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabs,\n\t\tselectedTab,\n\t\tinitialTabName,\n\t\tinstanceId,\n\t\tsetTabStoreSelectedId,\n\t] );\n\n\t// Handle the currently selected tab becoming disabled.\n\tuseEffect( () => {\n\t\t// This effect only runs when the selected tab is defined and becomes disabled.\n\t\tif ( ! selectedTab?.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t// If the currently selected tab becomes disabled, select the first enabled tab.\n\t\t// (if there is one).\n\t\tif ( firstEnabledTab ) {\n\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t}\n\t}, [ tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId ] );\n\treturn (\n\t\t<div className={ className } ref={ ref }>\n\t\t\t<Ariakit.TabList\n\t\t\t\tstore={ tabStore }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tid={ prependInstanceId( tab.name ) }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[ activeClass ]:\n\t\t\t\t\t\t\t\t\t\ttab.name === selectedTabName,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tdisabled={ tab.disabled }\n\t\t\t\t\t\t\taria-controls={ `${ prependInstanceId(\n\t\t\t\t\t\t\t\ttab.name\n\t\t\t\t\t\t\t) }-view` }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.icon && tab.title }\n\t\t\t\t\t\t\t\t\tshowTooltip={ !! tab.icon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ! tab.icon && tab.title }\n\t\t\t\t\t\t</Ariakit.Tab>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Ariakit.TabList>\n\t\t\t{ selectedTab && (\n\t\t\t\t<Ariakit.TabPanel\n\t\t\t\t\tid={ `${ prependInstanceId( selectedTab.name ) }-view` }\n\t\t\t\t\tstore={ tabStore }\n\t\t\t\t\ttabId={ prependInstanceId( selectedTab.name ) }\n\t\t\t\t\tclassName={ 'components-tab-panel__tab-content' }\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</Ariakit.TabPanel>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport const TabPanel = forwardRef( UnforwardedTabPanel );\nexport default TabPanel;\n"]}
+{"version":3,"names":["Ariakit","classnames","forwardRef","useEffect","useLayoutEffect","useCallback","useInstanceId","usePrevious","Button","extractTabName","id","match","UnforwardedTabPanel","className","children","tabs","selectOnMove","initialTabName","orientation","activeClass","onSelect","ref","instanceId","TabPanel","prependInstanceId","tabName","tabStore","useTabStore","setSelectedId","newTabValue","newTab","find","t","name","disabled","selectedTab","simplifiedTabName","defaultSelectedId","selectedTabName","useState","setTabStoreSelectedId","setState","previousSelectedTabName","initialTab","tab","firstEnabledTab","createElement","TabList","store","map","Tab","key","render","icon","label","title","showTooltip","tabId"],"sources":["@wordpress/components/src/tab-panel/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\nimport classnames from 'classnames';\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tforwardRef,\n\tuseEffect,\n\tuseLayoutEffect,\n\tuseCallback,\n} from '@wordpress/element';\nimport { useInstanceId, usePrevious } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\nimport Button from '../button';\nimport type { TabPanelProps } from './types';\nimport type { WordPressComponentProps } from '../ui/context';\n\n// Separate the actual tab name from the instance ID. This is\n// necessary because Ariakit internally uses the element ID when\n// a new tab is selected, but our implementation looks specifically\n// for the tab name to be passed to the `onSelect` callback.\nconst extractTabName = ( id: string | undefined | null ) => {\n\tif ( typeof id === 'undefined' || id === null ) {\n\t\treturn;\n\t}\n\treturn id.match( /^tab-panel-[0-9]*-(.*)/ )?.[ 1 ];\n};\n\n/**\n * TabPanel is an ARIA-compliant tabpanel.\n *\n * TabPanels organize content across different screens, data sets, and interactions.\n * It has two sections: a list of tabs, and the view to show when tabs are chosen.\n *\n * ```jsx\n * import { TabPanel } from '@wordpress/components';\n *\n * const onSelect = ( tabName ) => {\n *   console.log( 'Selecting tab', tabName );\n * };\n *\n * const MyTabPanel = () => (\n *   <TabPanel\n *     className=\"my-tab-panel\"\n *     activeClass=\"active-tab\"\n *     onSelect={ onSelect }\n *     tabs={ [\n *       {\n *         name: 'tab1',\n *         title: 'Tab 1',\n *         className: 'tab-one',\n *       },\n *       {\n *         name: 'tab2',\n *         title: 'Tab 2',\n *         className: 'tab-two',\n *       },\n *     ] }\n *   >\n *     { ( tab ) => <p>{ tab.title }</p> }\n *   </TabPanel>\n * );\n * ```\n */\nconst UnforwardedTabPanel = (\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\ttabs,\n\t\tselectOnMove = true,\n\t\tinitialTabName,\n\t\torientation = 'horizontal',\n\t\tactiveClass = 'is-active',\n\t\tonSelect,\n\t}: WordPressComponentProps< TabPanelProps, 'div', false >,\n\tref: ForwardedRef< any >\n) => {\n\tconst instanceId = useInstanceId( TabPanel, 'tab-panel' );\n\n\tconst prependInstanceId = useCallback(\n\t\t( tabName: string | undefined ) => {\n\t\t\tif ( typeof tabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\treturn `${ instanceId }-${ tabName }`;\n\t\t},\n\t\t[ instanceId ]\n\t);\n\n\tconst tabStore = Ariakit.useTabStore( {\n\t\tsetSelectedId: ( newTabValue ) => {\n\t\t\tif ( typeof newTabValue === 'undefined' || newTabValue === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newTab = tabs.find(\n\t\t\t\t( t ) => prependInstanceId( t.name ) === newTabValue\n\t\t\t);\n\t\t\tif ( newTab?.disabled || newTab === selectedTab ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst simplifiedTabName = extractTabName( newTabValue );\n\t\t\tif ( typeof simplifiedTabName === 'undefined' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tonSelect?.( simplifiedTabName );\n\t\t},\n\t\torientation,\n\t\tselectOnMove,\n\t\tdefaultSelectedId: prependInstanceId( initialTabName ),\n\t} );\n\n\tconst selectedTabName = extractTabName( tabStore.useState( 'selectedId' ) );\n\n\tconst setTabStoreSelectedId = useCallback(\n\t\t( tabName: string ) => {\n\t\t\ttabStore.setState( 'selectedId', prependInstanceId( tabName ) );\n\t\t},\n\t\t[ prependInstanceId, tabStore ]\n\t);\n\n\tconst selectedTab = tabs.find( ( { name } ) => name === selectedTabName );\n\n\tconst previousSelectedTabName = usePrevious( selectedTabName );\n\n\t// Ensure `onSelect` is called when the initial tab is selected.\n\tuseEffect( () => {\n\t\tif (\n\t\t\tpreviousSelectedTabName !== selectedTabName &&\n\t\t\tselectedTabName === initialTabName &&\n\t\t\t!! selectedTabName\n\t\t) {\n\t\t\tonSelect?.( selectedTabName );\n\t\t}\n\t}, [ selectedTabName, initialTabName, onSelect, previousSelectedTabName ] );\n\n\t// Handle selecting the initial tab.\n\tuseLayoutEffect( () => {\n\t\t// If there's a selected tab, don't override it.\n\t\tif ( selectedTab ) {\n\t\t\treturn;\n\t\t}\n\t\tconst initialTab = tabs.find( ( tab ) => tab.name === initialTabName );\n\t\t// Wait for the denoted initial tab to be declared before making a\n\t\t// selection. This ensures that if a tab is declared lazily it can\n\t\t// still receive initial selection.\n\t\tif ( initialTabName && ! initialTab ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( initialTab && ! initialTab.disabled ) {\n\t\t\t// Select the initial tab if it's not disabled.\n\t\t\tsetTabStoreSelectedId( initialTab.name );\n\t\t} else {\n\t\t\t// Fallback to the first enabled tab when the initial tab is\n\t\t\t// disabled or it can't be found.\n\t\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t\tif ( firstEnabledTab ) {\n\t\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabs,\n\t\tselectedTab,\n\t\tinitialTabName,\n\t\tinstanceId,\n\t\tsetTabStoreSelectedId,\n\t] );\n\n\t// Handle the currently selected tab becoming disabled.\n\tuseEffect( () => {\n\t\t// This effect only runs when the selected tab is defined and becomes disabled.\n\t\tif ( ! selectedTab?.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tconst firstEnabledTab = tabs.find( ( tab ) => ! tab.disabled );\n\t\t// If the currently selected tab becomes disabled, select the first enabled tab.\n\t\t// (if there is one).\n\t\tif ( firstEnabledTab ) {\n\t\t\tsetTabStoreSelectedId( firstEnabledTab.name );\n\t\t}\n\t}, [ tabs, selectedTab?.disabled, setTabStoreSelectedId, instanceId ] );\n\treturn (\n\t\t<div className={ className } ref={ ref }>\n\t\t\t<Ariakit.TabList\n\t\t\t\tstore={ tabStore }\n\t\t\t\tclassName=\"components-tab-panel__tabs\"\n\t\t\t>\n\t\t\t\t{ tabs.map( ( tab ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Ariakit.Tab\n\t\t\t\t\t\t\tkey={ tab.name }\n\t\t\t\t\t\t\tid={ prependInstanceId( tab.name ) }\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t'components-tab-panel__tabs-item',\n\t\t\t\t\t\t\t\ttab.className,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t[ activeClass ]:\n\t\t\t\t\t\t\t\t\t\ttab.name === selectedTabName,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tdisabled={ tab.disabled }\n\t\t\t\t\t\t\taria-controls={ `${ prependInstanceId(\n\t\t\t\t\t\t\t\ttab.name\n\t\t\t\t\t\t\t) }-view` }\n\t\t\t\t\t\t\trender={\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\ticon={ tab.icon }\n\t\t\t\t\t\t\t\t\tlabel={ tab.icon && tab.title }\n\t\t\t\t\t\t\t\t\tshowTooltip={ !! tab.icon }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ! tab.icon && tab.title }\n\t\t\t\t\t\t</Ariakit.Tab>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Ariakit.TabList>\n\t\t\t{ selectedTab && (\n\t\t\t\t<Ariakit.TabPanel\n\t\t\t\t\tid={ `${ prependInstanceId( selectedTab.name ) }-view` }\n\t\t\t\t\tstore={ tabStore }\n\t\t\t\t\ttabId={ prependInstanceId( selectedTab.name ) }\n\t\t\t\t\tclassName={ 'components-tab-panel__tab-content' }\n\t\t\t\t>\n\t\t\t\t\t{ children( selectedTab ) }\n\t\t\t\t</Ariakit.TabPanel>\n\t\t\t) }\n\t\t</div>\n\t);\n};\n\nexport const TabPanel = forwardRef( UnforwardedTabPanel );\nexport default TabPanel;\n"],"mappings":"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"}

package/build-module/tab-panel/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["@wordpress/components/src/tab-panel/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { IconType } from '../icon';\n\ntype Tab = {\n\t/**\n\t * The key of the tab.\n\t */\n\tname: string;\n\t/**\n\t * The label of the tab.\n\t */\n\ttitle: string;\n\t/**\n\t * The class name to apply to the tab button.\n\t */\n\tclassName?: string;\n\t/**\n\t * The icon used for the tab button.\n\t */\n\ticon?: IconType;\n\t/**\n\t * Determines if the tab button should be disabled.\n\t */\n\tdisabled?: boolean;\n} & Record< any, any >;\n\nexport type TabPanelProps = {\n\t/**\n\t * The class name to add to the active tab.\n\t *\n\t * @default 'is-active'\n\t */\n\tactiveClass?: string;\n\t/**\n\t * A function which renders the tabviews given the selected tab.\n\t * The function is passed the active tab object as an argument as defined by the tabs prop.\n\t */\n\tchildren: ( tab: Tab ) => ReactNode;\n\t/**\n\t * The class name to give to the outer container for the TabPanel.\n\t */\n\tclassName?: string;\n\t/**\n\t * The name of the tab to be selected upon mounting of component.\n\t * If this prop is not set, the first tab will be selected by default.\n\t */\n\tinitialTabName?: string;\n\t/**\n\t * The function called when a tab has been selected.\n\t * It is passed the `tabName` as an argument.\n\t */\n\tonSelect?: ( tabName: string ) => void;\n\t/**\n\t * The orientation of the tablist.\n\t *\n\t * @default `horizontal`\n\t */\n\torientation?: 'horizontal' | 'vertical';\n\t/**\n\t * Array of tab objects. Each tab object should contain at least a `name` and a `title`.\n\t */\n\ttabs: Tab[];\n\t/**\n\t * When `true`, the tab will be selected when receiving focus (automatic tab\n\t * activation). When `false`, the tab will be selected only when clicked\n\t * (manual tab activation). See the official W3C docs for more info.\n\t * .\n\t *\n\t * @default true\n\t *\n\t * @see https://www.w3.org/WAI/ARIA/apg/patterns/tabpanel/\n\t */\n\tselectOnMove?: boolean;\n};\n"],"mappings":""}

package/build-module/text/component.js

@@ -1,16 +1,15 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * Internal dependencies
  */
 import { contextConnect } from '../ui/context';
 import { View } from '../view';
 import useText from './hook';
+
 /**
  * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'span'>} props
  * @param {import('react').ForwardedRef<any>}                                                forwardedRef
  */
-
 function Text(props, forwardedRef) {
   const textProps = useText(props);
   return createElement(View, {
@@ -19,6 +18,7 @@ function Text(props, forwardedRef) {
     ref: forwardedRef
   });
 }
+
 /**
  * `Text` is a core component that renders text in the library, using the
  * library's typography system.
@@ -35,8 +35,6 @@ function Text(props, forwardedRef) {
  * }
  * ```
  */
-
-
 const ConnectedText = contextConnect(Text, 'Text');
 export default ConnectedText;
 //# sourceMappingURL=component.js.map

package/build-module/text/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text/component.js"],"names":["contextConnect","View","useText","Text","props","forwardedRef","textProps","ConnectedText"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,cAAT,QAA+B,eAA/B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,OAAOC,OAAP,MAAoB,QAApB;AAEA;AACA;AACA;AACA;;AACA,SAASC,IAAT,CAAeC,KAAf,EAAsBC,YAAtB,EAAqC;AACpC,QAAMC,SAAS,GAAGJ,OAAO,CAAEE,KAAF,CAAzB;AAEA,SAAO,cAAC,IAAD;AAAM,IAAA,EAAE,EAAC,MAAT;AAAA,OAAqBE,SAArB;AAAiC,IAAA,GAAG,EAAGD;AAAvC,IAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAME,aAAa,GAAGP,cAAc,CAAEG,IAAF,EAAQ,MAAR,CAApC;AAEA,eAAeI,aAAf","sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport useText from './hook';\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'span'>} props\n * @param {import('react').ForwardedRef<any>}                                                forwardedRef\n */\nfunction Text( props, forwardedRef ) {\n\tconst textProps = useText( props );\n\n\treturn <View as=\"span\" { ...textProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Text` is a core component that renders text in the library, using the\n * library's typography system.\n *\n * `Text` can be used to render any text-content, like an HTML `p` or `span`.\n *\n * @example\n *\n * ```jsx\n * import { __experimentalText as Text } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn <Text>Code is Poetry</Text>;\n * }\n * ```\n */\nconst ConnectedText = contextConnect( Text, 'Text' );\n\nexport default ConnectedText;\n"]}
+{"version":3,"names":["contextConnect","View","useText","Text","props","forwardedRef","textProps","createElement","as","ref","ConnectedText"],"sources":["@wordpress/components/src/text/component.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { contextConnect } from '../ui/context';\nimport { View } from '../view';\nimport useText from './hook';\n\n/**\n * @param {import('../ui/context').WordPressComponentProps<import('./types').Props, 'span'>} props\n * @param {import('react').ForwardedRef<any>}                                                forwardedRef\n */\nfunction Text( props, forwardedRef ) {\n\tconst textProps = useText( props );\n\n\treturn <View as=\"span\" { ...textProps } ref={ forwardedRef } />;\n}\n\n/**\n * `Text` is a core component that renders text in the library, using the\n * library's typography system.\n *\n * `Text` can be used to render any text-content, like an HTML `p` or `span`.\n *\n * @example\n *\n * ```jsx\n * import { __experimentalText as Text } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn <Text>Code is Poetry</Text>;\n * }\n * ```\n */\nconst ConnectedText = contextConnect( Text, 'Text' );\n\nexport default ConnectedText;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,cAAc,QAAQ,eAAe;AAC9C,SAASC,IAAI,QAAQ,SAAS;AAC9B,OAAOC,OAAO,MAAM,QAAQ;;AAE5B;AACA;AACA;AACA;AACA,SAASC,IAAIA,CAAEC,KAAK,EAAEC,YAAY,EAAG;EACpC,MAAMC,SAAS,GAAGJ,OAAO,CAAEE,KAAM,CAAC;EAElC,OAAOG,aAAA,CAACN,IAAI;IAACO,EAAE,EAAC,MAAM;IAAA,GAAMF,SAAS;IAAGG,GAAG,EAAGJ;EAAc,CAAE,CAAC;AAChE;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,aAAa,GAAGV,cAAc,CAAEG,IAAI,EAAE,MAAO,CAAC;AAEpD,eAAeO,aAAa"}

package/build-module/text/get-line-height.js

@@ -5,30 +5,26 @@
 /**
  * Internal dependencies
  */
+
 import { space } from '../ui/utils/space';
 import { CONFIG } from '../utils';
 export function getLineHeight(adjustLineHeightForInnerControls, lineHeight) {
   if (lineHeight) return lineHeight;
   if (!adjustLineHeightForInnerControls) return;
   let value = `calc(${CONFIG.controlHeight} + ${space(2)})`;
-
   switch (adjustLineHeightForInnerControls) {
     case 'large':
       value = `calc(${CONFIG.controlHeightLarge} + ${space(2)})`;
       break;
-
     case 'small':
       value = `calc(${CONFIG.controlHeightSmall} + ${space(2)})`;
       break;
-
     case 'xSmall':
       value = `calc(${CONFIG.controlHeightXSmall} + ${space(2)})`;
       break;
-
     default:
       break;
   }
-
   return value;
 }
 //# sourceMappingURL=get-line-height.js.map

package/build-module/text/get-line-height.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/text/get-line-height.ts"],"names":["space","CONFIG","getLineHeight","adjustLineHeightForInnerControls","lineHeight","value","controlHeight","controlHeightLarge","controlHeightSmall","controlHeightXSmall"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AAEA,SAASA,KAAT,QAAsB,mBAAtB;AACA,SAASC,MAAT,QAAuB,UAAvB;AAEA,OAAO,SAASC,aAAT,CACNC,gCADM,EAENC,UAFM,EAGL;AACD,MAAKA,UAAL,EAAkB,OAAOA,UAAP;AAElB,MAAK,CAAED,gCAAP,EAA0C;AAE1C,MAAIE,KAAK,GAAI,QAAQJ,MAAM,CAACK,aAAe,MAAMN,KAAK,CAAE,CAAF,CAAO,GAA7D;;AAEA,UAASG,gCAAT;AACC,SAAK,OAAL;AACCE,MAAAA,KAAK,GAAI,QAAQJ,MAAM,CAACM,kBAAoB,MAAMP,KAAK,CAAE,CAAF,CAAO,GAA9D;AACA;;AACD,SAAK,OAAL;AACCK,MAAAA,KAAK,GAAI,QAAQJ,MAAM,CAACO,kBAAoB,MAAMR,KAAK,CAAE,CAAF,CAAO,GAA9D;AACA;;AACD,SAAK,QAAL;AACCK,MAAAA,KAAK,GAAI,QAAQJ,MAAM,CAACQ,mBAAqB,MAAMT,KAAK,CAAE,CAAF,CAAO,GAA/D;AACA;;AACD;AACC;AAXF;;AAcA,SAAOK,KAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Props } from './types';\nimport { space } from '../ui/utils/space';\nimport { CONFIG } from '../utils';\n\nexport function getLineHeight(\n\tadjustLineHeightForInnerControls: Props[ 'adjustLineHeightForInnerControls' ],\n\tlineHeight: CSSProperties[ 'lineHeight' ]\n) {\n\tif ( lineHeight ) return lineHeight;\n\n\tif ( ! adjustLineHeightForInnerControls ) return;\n\n\tlet value = `calc(${ CONFIG.controlHeight } + ${ space( 2 ) })`;\n\n\tswitch ( adjustLineHeightForInnerControls ) {\n\t\tcase 'large':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightLarge } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'small':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'xSmall':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightXSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn value;\n}\n"]}
+{"version":3,"names":["space","CONFIG","getLineHeight","adjustLineHeightForInnerControls","lineHeight","value","controlHeight","controlHeightLarge","controlHeightSmall","controlHeightXSmall"],"sources":["@wordpress/components/src/text/get-line-height.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { Props } from './types';\nimport { space } from '../ui/utils/space';\nimport { CONFIG } from '../utils';\n\nexport function getLineHeight(\n\tadjustLineHeightForInnerControls: Props[ 'adjustLineHeightForInnerControls' ],\n\tlineHeight: CSSProperties[ 'lineHeight' ]\n) {\n\tif ( lineHeight ) return lineHeight;\n\n\tif ( ! adjustLineHeightForInnerControls ) return;\n\n\tlet value = `calc(${ CONFIG.controlHeight } + ${ space( 2 ) })`;\n\n\tswitch ( adjustLineHeightForInnerControls ) {\n\t\tcase 'large':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightLarge } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'small':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tcase 'xSmall':\n\t\t\tvalue = `calc(${ CONFIG.controlHeightXSmall } + ${ space( 2 ) })`;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn value;\n}\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;;AAEA,SAASA,KAAK,QAAQ,mBAAmB;AACzC,SAASC,MAAM,QAAQ,UAAU;AAEjC,OAAO,SAASC,aAAaA,CAC5BC,gCAA6E,EAC7EC,UAAyC,EACxC;EACD,IAAKA,UAAU,EAAG,OAAOA,UAAU;EAEnC,IAAK,CAAED,gCAAgC,EAAG;EAE1C,IAAIE,KAAK,GAAI,QAAQJ,MAAM,CAACK,aAAe,MAAMN,KAAK,CAAE,CAAE,CAAG,GAAE;EAE/D,QAASG,gCAAgC;IACxC,KAAK,OAAO;MACXE,KAAK,GAAI,QAAQJ,MAAM,CAACM,kBAAoB,MAAMP,KAAK,CAAE,CAAE,CAAG,GAAE;MAChE;IACD,KAAK,OAAO;MACXK,KAAK,GAAI,QAAQJ,MAAM,CAACO,kBAAoB,MAAMR,KAAK,CAAE,CAAE,CAAG,GAAE;MAChE;IACD,KAAK,QAAQ;MACZK,KAAK,GAAI,QAAQJ,MAAM,CAACQ,mBAAqB,MAAMT,KAAK,CAAE,CAAE,CAAG,GAAE;MACjE;IACD;MACC;EACF;EAEA,OAAOK,KAAK;AACb"}