first commit
This commit is contained in:
Roman Pyrih
96
wp-includes/blocks/search/block.json
Normal file
96
wp-includes/blocks/search/block.json
Normal file
@@ -0,0 +1,96 @@
|
||||
{
|
||||
"$schema": "https://schemas.wp.org/trunk/block.json",
|
||||
"apiVersion": 3,
|
||||
"name": "core/search",
|
||||
"title": "Search",
|
||||
"category": "widgets",
|
||||
"description": "Help visitors find your content.",
|
||||
"keywords": [ "find" ],
|
||||
"textdomain": "default",
|
||||
"attributes": {
|
||||
"label": {
|
||||
"type": "string",
|
||||
"role": "content"
|
||||
},
|
||||
"showLabel": {
|
||||
"type": "boolean",
|
||||
"default": true
|
||||
},
|
||||
"placeholder": {
|
||||
"type": "string",
|
||||
"default": "",
|
||||
"role": "content"
|
||||
},
|
||||
"width": {
|
||||
"type": "number"
|
||||
},
|
||||
"widthUnit": {
|
||||
"type": "string"
|
||||
},
|
||||
"buttonText": {
|
||||
"type": "string",
|
||||
"role": "content"
|
||||
},
|
||||
"buttonPosition": {
|
||||
"type": "string",
|
||||
"default": "button-outside"
|
||||
},
|
||||
"buttonUseIcon": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
},
|
||||
"query": {
|
||||
"type": "object",
|
||||
"default": {}
|
||||
},
|
||||
"isSearchFieldHidden": {
|
||||
"type": "boolean",
|
||||
"default": false
|
||||
}
|
||||
},
|
||||
"supports": {
|
||||
"anchor": true,
|
||||
"align": [ "left", "center", "right" ],
|
||||
"color": {
|
||||
"gradients": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"background": true,
|
||||
"text": true
|
||||
}
|
||||
},
|
||||
"interactivity": true,
|
||||
"typography": {
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalSelector": ".wp-block-search__label, .wp-block-search__input, .wp-block-search__button",
|
||||
"fontSize": true,
|
||||
"lineHeight": true,
|
||||
"__experimentalFontFamily": true,
|
||||
"__experimentalFontWeight": true,
|
||||
"__experimentalFontStyle": true,
|
||||
"__experimentalTextTransform": true,
|
||||
"__experimentalTextDecoration": true,
|
||||
"__experimentalLetterSpacing": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"fontSize": true
|
||||
}
|
||||
},
|
||||
"__experimentalBorder": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true,
|
||||
"__experimentalSkipSerialization": true,
|
||||
"__experimentalDefaultControls": {
|
||||
"color": true,
|
||||
"radius": true,
|
||||
"width": true
|
||||
}
|
||||
},
|
||||
"spacing": {
|
||||
"margin": true
|
||||
},
|
||||
"html": false
|
||||
},
|
||||
"editorStyle": "wp-block-search-editor",
|
||||
"style": "wp-block-search"
|
||||
}
|
||||
16
wp-includes/blocks/search/editor-rtl.css
Normal file
16
wp-includes/blocks/search/editor-rtl.css
Normal file
@@ -0,0 +1,16 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wp-block-search :where(.wp-block-search__button) {
|
||||
height: auto;
|
||||
border-radius: initial;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-block-search__inspector-controls .components-base-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
1
wp-includes/blocks/search/editor-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/editor-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search :where(.wp-block-search__button){align-items:center;border-radius:initial;display:flex;height:auto;justify-content:center;text-align:center}.wp-block-search__inspector-controls .components-base-control{margin-bottom:0}
|
||||
16
wp-includes/blocks/search/editor.css
Normal file
16
wp-includes/blocks/search/editor.css
Normal file
@@ -0,0 +1,16 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wp-block-search :where(.wp-block-search__button) {
|
||||
height: auto;
|
||||
border-radius: initial;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-block-search__inspector-controls .components-base-control {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
1
wp-includes/blocks/search/editor.min.css
vendored
Normal file
1
wp-includes/blocks/search/editor.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{margin:auto}.wp-block-search :where(.wp-block-search__button){align-items:center;border-radius:initial;display:flex;height:auto;justify-content:center;text-align:center}.wp-block-search__inspector-controls .components-base-control{margin-bottom:0}
|
||||
156
wp-includes/blocks/search/style-rtl.css
Normal file
156
wp-includes/blocks/search/style-rtl.css
Normal file
@@ -0,0 +1,156 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
.wp-block-search__button {
|
||||
margin-right: 10px;
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-search__button.has-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
.wp-block-search__button svg {
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
width: 1.25em;
|
||||
height: 1.25em;
|
||||
fill: currentColor;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button) {
|
||||
border: 1px solid #ccc;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.wp-block-search__inside-wrapper {
|
||||
display: flex;
|
||||
flex: auto;
|
||||
flex-wrap: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-search__label {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
|
||||
margin-right: 0;
|
||||
flex-shrink: 0;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
|
||||
transition-property: width;
|
||||
min-width: 0 !important;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
|
||||
transition-duration: 300ms;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
|
||||
width: 0 !important;
|
||||
min-width: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
padding-left: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
border-left-width: 0 !important;
|
||||
flex-grow: 0;
|
||||
margin: 0;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__input) {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
letter-spacing: inherit;
|
||||
text-transform: inherit;
|
||||
font-style: inherit;
|
||||
padding: 8px;
|
||||
flex-grow: 1;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
min-width: 3rem;
|
||||
border: 1px solid #949494;
|
||||
text-decoration: unset !important;
|
||||
appearance: initial;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
|
||||
padding: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #949494;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 0 4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
|
||||
outline: none;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
|
||||
float: left;
|
||||
}
|
||||
1
wp-includes/blocks/search/style-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/style-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-search__button{margin-right:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-right:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:left}
|
||||
156
wp-includes/blocks/search/style.css
Normal file
156
wp-includes/blocks/search/style.css
Normal file
@@ -0,0 +1,156 @@
|
||||
/**
|
||||
* Colors
|
||||
*/
|
||||
/**
|
||||
* SCSS Variables.
|
||||
*
|
||||
* Please use variables from this sheet to ensure consistency across the UI.
|
||||
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
||||
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
||||
*/
|
||||
/**
|
||||
* Fonts & basic variables.
|
||||
*/
|
||||
/**
|
||||
* Typography
|
||||
*/
|
||||
/**
|
||||
* Grid System.
|
||||
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
||||
*/
|
||||
/**
|
||||
* Radius scale.
|
||||
*/
|
||||
/**
|
||||
* Elevation scale.
|
||||
*/
|
||||
/**
|
||||
* Dimensions.
|
||||
*/
|
||||
/**
|
||||
* Mobile specific styles
|
||||
*/
|
||||
/**
|
||||
* Editor styles.
|
||||
*/
|
||||
/**
|
||||
* Block & Editor UI.
|
||||
*/
|
||||
/**
|
||||
* Block paddings.
|
||||
*/
|
||||
/**
|
||||
* React Native specific.
|
||||
* These variables do not appear to be used anywhere else.
|
||||
*/
|
||||
.wp-block-search__button {
|
||||
margin-left: 10px;
|
||||
word-break: normal;
|
||||
}
|
||||
.wp-block-search__button.has-icon {
|
||||
line-height: 0;
|
||||
}
|
||||
.wp-block-search__button svg {
|
||||
min-width: 24px;
|
||||
min-height: 24px;
|
||||
width: 1.25em;
|
||||
height: 1.25em;
|
||||
fill: currentColor;
|
||||
vertical-align: text-bottom;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button) {
|
||||
border: 1px solid #ccc;
|
||||
padding: 6px 10px;
|
||||
}
|
||||
|
||||
.wp-block-search__inside-wrapper {
|
||||
display: flex;
|
||||
flex: auto;
|
||||
flex-wrap: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-search__label {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
|
||||
margin-left: 0;
|
||||
flex-shrink: 0;
|
||||
max-width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
|
||||
transition-property: width;
|
||||
min-width: 0 !important;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only .wp-block-search__input {
|
||||
transition-duration: 300ms;
|
||||
flex-basis: 100%;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden {
|
||||
overflow: hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
|
||||
overflow: hidden;
|
||||
}
|
||||
.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input {
|
||||
width: 0 !important;
|
||||
min-width: 0 !important;
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
border-left-width: 0 !important;
|
||||
border-right-width: 0 !important;
|
||||
flex-grow: 0;
|
||||
margin: 0;
|
||||
flex-basis: 0;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__input) {
|
||||
font-family: inherit;
|
||||
font-weight: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
letter-spacing: inherit;
|
||||
text-transform: inherit;
|
||||
font-style: inherit;
|
||||
padding: 8px;
|
||||
flex-grow: 1;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
min-width: 3rem;
|
||||
border: 1px solid #949494;
|
||||
text-decoration: unset !important;
|
||||
appearance: initial;
|
||||
}
|
||||
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
|
||||
padding: 4px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #949494;
|
||||
background-color: #fff;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
|
||||
border-radius: 0;
|
||||
border: none;
|
||||
padding: 0 4px;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus {
|
||||
outline: none;
|
||||
}
|
||||
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button) {
|
||||
padding: 4px 8px;
|
||||
}
|
||||
|
||||
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper {
|
||||
float: right;
|
||||
}
|
||||
1
wp-includes/blocks/search/style.min.css
vendored
Normal file
1
wp-includes/blocks/search/style.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-search__button{margin-left:10px;word-break:normal}.wp-block-search__button.has-icon{line-height:0}.wp-block-search__button svg{fill:currentColor;height:1.25em;min-height:24px;min-width:24px;vertical-align:text-bottom;width:1.25em}:where(.wp-block-search__button){border:1px solid #ccc;padding:6px 10px}.wp-block-search__inside-wrapper{display:flex;flex:auto;flex-wrap:nowrap;max-width:100%}.wp-block-search__label{width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__button{box-sizing:border-box;display:flex;flex-shrink:0;justify-content:center;margin-left:0;max-width:100%}.wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{min-width:0!important;transition-property:width}.wp-block-search.wp-block-search__button-only .wp-block-search__input{flex-basis:100%;transition-duration:.3s}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden,.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper{overflow:hidden}.wp-block-search.wp-block-search__button-only.wp-block-search__searchfield-hidden .wp-block-search__input{border-left-width:0!important;border-right-width:0!important;flex-basis:0;flex-grow:0;margin:0;min-width:0!important;padding-left:0!important;padding-right:0!important;width:0!important}:where(.wp-block-search__input){appearance:none;border:1px solid #949494;flex-grow:1;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin-left:0;margin-right:0;min-width:3rem;padding:8px;text-decoration:unset!important;text-transform:inherit}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){background-color:#fff;border:1px solid #949494;box-sizing:border-box;padding:4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border:none;border-radius:0;padding:0 4px}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input:focus{outline:none}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) :where(.wp-block-search__button){padding:4px 8px}.wp-block-search.aligncenter .wp-block-search__inside-wrapper{margin:auto}.wp-block[data-align=right] .wp-block-search.wp-block-search__button-only .wp-block-search__inside-wrapper{float:right}
|
||||
8
wp-includes/blocks/search/theme-rtl.css
Normal file
8
wp-includes/blocks/search/theme-rtl.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
1
wp-includes/blocks/search/theme-rtl.min.css
vendored
Normal file
1
wp-includes/blocks/search/theme-rtl.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}
|
||||
8
wp-includes/blocks/search/theme.css
Normal file
8
wp-includes/blocks/search/theme.css
Normal file
@@ -0,0 +1,8 @@
|
||||
.wp-block-search .wp-block-search__label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.wp-block-search__button {
|
||||
border: 1px solid #ccc;
|
||||
padding: 0.375em 0.625em;
|
||||
}
|
||||
1
wp-includes/blocks/search/theme.min.css
vendored
Normal file
1
wp-includes/blocks/search/theme.min.css
vendored
Normal file
@@ -0,0 +1 @@
|
||||
.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}
|
||||
Reference in New Issue
Block a user