store
2 months ago
GenerateBgImage.js
2 months ago
block-duplicate-helper.js
2 months ago
capitalize.js
2 months ago
color-code-to-class.js
2 months ago
color-slug-to-color-code.js
2 months ago
common.scss
3 weeks ago
convert-to-grid.js
2 months ago
default-color-palette.js
2 months ago
delete-from-array.js
2 months ago
depModules.js
2 months ago
disable-links.js
3 weeks ago
empty-string-to-undefined.js
2 months ago
example-data.js
2 months ago
fixBrokenUnicode.js
2 months ago
font-awesome-new.js
3 weeks ago
font-awesome-version.js
2 months ago
font-awesome.js
2 months ago
formatNumCol.js
2 months ago
gradient-slug-to-gradient-code.js
2 months ago
heading-level-utils.js
2 months ago
hex-to-rgba.js
2 months ago
horizontal-scroll-controls.js
2 months ago
icon-label.js
3 weeks ago
is-excludes-blocks.js
2 months ago
is-gradient-style.js
2 months ago
is-hex-color.js
2 months ago
is-not-json.js
2 months ago
is-parent-reusable-block.js
1 week ago
merge-colors.js
2 months ago
multi-array-flaten.js
2 months ago
removeProperty.js
2 months ago
replaceClientId.js
2 months ago
sanitizeSlug.js
2 months ago
settings-page-url.js
3 weeks ago
strip-html.js
2 months ago
taxonomy-utils.js
2 months ago
to-number.js
2 months ago
to-preset-spacing-var.js
2 months ago
unit-options.js
2 months ago
wrap-unwrap.js
2 months ago
default-color-palette.js
38 lines
| 1 | import { RadioControl } from '@wordpress/components'; |
| 2 | import { __ } from '@wordpress/i18n'; |
| 3 | |
| 4 | export const dcpSchema = { |
| 5 | dcpColor: { |
| 6 | type: 'string', |
| 7 | default: 'primary', |
| 8 | }, |
| 9 | }; |
| 10 | // eslint-disable-next-line no-undef |
| 11 | export class DefaultColorPalette extends React.Component { |
| 12 | render() { |
| 13 | const { dcpColor } = this.props.attributes; |
| 14 | const setAttributes = this.props.setAttributes; |
| 15 | |
| 16 | return ( |
| 17 | <RadioControl |
| 18 | label={__('Default Color:', 'vk-blocks')} |
| 19 | selected={dcpColor} |
| 20 | options={[ |
| 21 | { label: __('Primary', 'vk-blocks'), value: 'primary' }, |
| 22 | { |
| 23 | label: __('Secondary', 'vk-blocks'), |
| 24 | value: 'secondary', |
| 25 | }, |
| 26 | { label: __('Success', 'vk-blocks'), value: 'success' }, |
| 27 | { label: __('Info', 'vk-blocks'), value: 'info' }, |
| 28 | { label: __('Warning', 'vk-blocks'), value: 'warning' }, |
| 29 | { label: __('Danger', 'vk-blocks'), value: 'danger' }, |
| 30 | { label: __('Light', 'vk-blocks'), value: 'light' }, |
| 31 | { label: __('Dark', 'vk-blocks'), value: 'dark' }, |
| 32 | ]} |
| 33 | onChange={(value) => setAttributes({ dcpColor: value })} |
| 34 | /> |
| 35 | ); |
| 36 | } |
| 37 | } |
| 38 |