diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/map/map-theme-picker')
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/index.js | 50 | ||||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_black_and_white.jpg | bin | 85291 -> 0 bytes | |||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_default.jpg | bin | 113462 -> 0 bytes | |||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_satellite.jpg | bin | 160272 -> 0 bytes | |||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_terrain.jpg | bin | 108702 -> 0 bytes | |||
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/map-theme-picker/style.scss | 36 |
6 files changed, 0 insertions, 86 deletions
diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/index.js b/plugins/jetpack/extensions/blocks/map/map-theme-picker/index.js deleted file mode 100644 index e226534a..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/index.js +++ /dev/null @@ -1,50 +0,0 @@ -/** - * External dependencies - */ -import { Component } from '@wordpress/element'; -import { Button, ButtonGroup } from '@wordpress/components'; -import classnames from 'classnames'; - -/** - * Internal dependencies - */ -import './style.scss'; - -export class MapThemePicker extends Component { - render() { - const { options, value, onChange, label } = this.props; - const buttons = options.map( ( option, index ) => { - const classes = classnames( - 'component__map-theme-picker__button', - 'is-theme-' + option.value, - option.value === value ? 'is-selected' : '' - ); - return ( - <Button - className={ classes } - title={ option.label } - key={ index } - onClick={ () => onChange( option.value ) } - > - { option.label } - </Button> - ); - } ); - return ( - <div className="component__map-theme-picker components-base-control"> - { /* eslint-disable-next-line jsx-a11y/label-has-for */ } - <label className="components-base-control__label">{ label }</label> - <ButtonGroup>{ buttons }</ButtonGroup> - </div> - ); - } -} - -MapThemePicker.defaultProps = { - label: '', - options: [], - value: null, - onChange: () => {}, -}; - -export default MapThemePicker; diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_black_and_white.jpg b/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_black_and_white.jpg Binary files differdeleted file mode 100644 index 34cc1412..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_black_and_white.jpg +++ /dev/null diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_default.jpg b/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_default.jpg Binary files differdeleted file mode 100644 index 35505eb1..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_default.jpg +++ /dev/null diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_satellite.jpg b/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_satellite.jpg Binary files differdeleted file mode 100644 index ef6ae417..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_satellite.jpg +++ /dev/null diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_terrain.jpg b/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_terrain.jpg Binary files differdeleted file mode 100644 index eee1a2da..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/map-theme_terrain.jpg +++ /dev/null diff --git a/plugins/jetpack/extensions/blocks/map/map-theme-picker/style.scss b/plugins/jetpack/extensions/blocks/map/map-theme-picker/style.scss deleted file mode 100644 index eb444c1c..00000000 --- a/plugins/jetpack/extensions/blocks/map/map-theme-picker/style.scss +++ /dev/null @@ -1,36 +0,0 @@ -@import '../../../shared/styles/gutenberg-colors.scss'; - -.component__map-theme-picker__button { - .edit-post-settings-sidebar__panel-block & { - border: 1px solid $light-gray-500; - border-radius: 100%; - width: 56px; - height: 56px; - margin: 2px; - text-indent: -9999px; - background-color: $light-gray-500; - background-position: center center; - background-repeat: no-repeat; - background-size: contain; - transform: scale( 1 ); - transition: transform 0.2s ease; - &:hover { - transform: scale( 1.1 ); - } - &.is-selected { - border-color: $black; - } - &.is-theme-default { - background-image: url( './map-theme_default.jpg' ); - } - &.is-theme-black_and_white { - background-image: url( './map-theme_black_and_white.jpg' ); - } - &.is-theme-satellite { - background-image: url( './map-theme_satellite.jpg' ); - } - &.is-theme-terrain { - background-image: url( './map-theme_terrain.jpg' ); - } - } -} |