@wordpress/components 25.13.0 → 25.15.1-next.79a6196f.0

package/build/border-control/border-control-style-picker/component.js

@@ -70,7 +70,7 @@ const BorderControlStylePicker = (props, forwardedRef) => {
     key: borderStyle.value,
     className: buttonClassName,
     icon: borderStyle.icon,
-    isSmall: true,
+    size: "small",
     isPressed: borderStyle.value === value,
     onClick: () => onChange(borderStyle.value === value ? undefined : borderStyle.value),
     "aria-label": borderStyle.label,

package/build/border-control/border-control-style-picker/component.js.map

@@ -1 +1 @@
-{"version":3,"names":["_icons","require","_i18n","_button","_interopRequireDefault","_baseControlStyles","_view","_flex","_visuallyHidden","_context","_hook","BORDER_STYLES","label","__","icon","lineSolid","value","lineDashed","lineDotted","Label","props","hideLabelFromVision","_react","createElement","VisuallyHidden","as","StyledLabel","BorderControlStylePicker","forwardedRef","buttonClassName","onChange","otherProps","useBorderControlStylePicker","View","ref","Flex","justify","gap","map","borderStyle","default","key","className","isSmall","isPressed","onClick","undefined","showTooltip","ConnectedBorderControlStylePicker","contextConnect","_default","exports"],"sources":["@wordpress/components/src/border-control/border-control-style-picker/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { Flex } from '../../flex';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport { useBorderControlStylePicker } from './hook';\n\nimport type { LabelProps, StylePickerProps } from '../types';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\nconst Label = ( props: LabelProps ) => {\n\tconst { label, hideLabelFromVision } = props;\n\n\tif ( ! label ) {\n\t\treturn null;\n\t}\n\n\treturn hideLabelFromVision ? (\n\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t) : (\n\t\t<StyledLabel>{ label }</StyledLabel>\n\t);\n};\n\nconst BorderControlStylePicker = (\n\tprops: WordPressComponentProps< StylePickerProps, 'div' >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst {\n\t\tbuttonClassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tonChange,\n\t\tvalue,\n\t\t...otherProps\n\t} = useBorderControlStylePicker( props );\n\n\treturn (\n\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t<Label\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t\t<Flex justify=\"flex-start\" gap={ 1 }>\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\tclassName={ buttonClassName }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tisSmall\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t\tlabel={ borderStyle.label }\n\t\t\t\t\t\tshowTooltip={ true }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Flex>\n\t\t</View>\n\t);\n};\n\nconst ConnectedBorderControlStylePicker = contextConnect(\n\tBorderControlStylePicker,\n\t'BorderControlStylePicker'\n);\n\nexport default ConnectedBorderControlStylePicker;\n"],"mappings":"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"}
+{"version":3,"names":["_icons","require","_i18n","_button","_interopRequireDefault","_baseControlStyles","_view","_flex","_visuallyHidden","_context","_hook","BORDER_STYLES","label","__","icon","lineSolid","value","lineDashed","lineDotted","Label","props","hideLabelFromVision","_react","createElement","VisuallyHidden","as","StyledLabel","BorderControlStylePicker","forwardedRef","buttonClassName","onChange","otherProps","useBorderControlStylePicker","View","ref","Flex","justify","gap","map","borderStyle","default","key","className","size","isPressed","onClick","undefined","showTooltip","ConnectedBorderControlStylePicker","contextConnect","_default","exports"],"sources":["@wordpress/components/src/border-control/border-control-style-picker/component.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { lineDashed, lineDotted, lineSolid } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { StyledLabel } from '../../base-control/styles/base-control-styles';\nimport { View } from '../../view';\nimport { Flex } from '../../flex';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport type { WordPressComponentProps } from '../../context';\nimport { contextConnect } from '../../context';\nimport { useBorderControlStylePicker } from './hook';\n\nimport type { LabelProps, StylePickerProps } from '../types';\n\nconst BORDER_STYLES = [\n\t{ label: __( 'Solid' ), icon: lineSolid, value: 'solid' },\n\t{ label: __( 'Dashed' ), icon: lineDashed, value: 'dashed' },\n\t{ label: __( 'Dotted' ), icon: lineDotted, value: 'dotted' },\n];\n\nconst Label = ( props: LabelProps ) => {\n\tconst { label, hideLabelFromVision } = props;\n\n\tif ( ! label ) {\n\t\treturn null;\n\t}\n\n\treturn hideLabelFromVision ? (\n\t\t<VisuallyHidden as=\"label\">{ label }</VisuallyHidden>\n\t) : (\n\t\t<StyledLabel>{ label }</StyledLabel>\n\t);\n};\n\nconst BorderControlStylePicker = (\n\tprops: WordPressComponentProps< StylePickerProps, 'div' >,\n\tforwardedRef: React.ForwardedRef< any >\n) => {\n\tconst {\n\t\tbuttonClassName,\n\t\thideLabelFromVision,\n\t\tlabel,\n\t\tonChange,\n\t\tvalue,\n\t\t...otherProps\n\t} = useBorderControlStylePicker( props );\n\n\treturn (\n\t\t<View { ...otherProps } ref={ forwardedRef }>\n\t\t\t<Label\n\t\t\t\tlabel={ label }\n\t\t\t\thideLabelFromVision={ hideLabelFromVision }\n\t\t\t/>\n\t\t\t<Flex justify=\"flex-start\" gap={ 1 }>\n\t\t\t\t{ BORDER_STYLES.map( ( borderStyle ) => (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tkey={ borderStyle.value }\n\t\t\t\t\t\tclassName={ buttonClassName }\n\t\t\t\t\t\ticon={ borderStyle.icon }\n\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\tisPressed={ borderStyle.value === value }\n\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\tborderStyle.value === value\n\t\t\t\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t\t\t\t: borderStyle.value\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t\taria-label={ borderStyle.label }\n\t\t\t\t\t\tlabel={ borderStyle.label }\n\t\t\t\t\t\tshowTooltip={ true }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</Flex>\n\t\t</View>\n\t);\n};\n\nconst ConnectedBorderControlStylePicker = contextConnect(\n\tBorderControlStylePicker,\n\t'BorderControlStylePicker'\n);\n\nexport default ConnectedBorderControlStylePicker;\n"],"mappings":"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"}