@wordpress/commands 1.32.0 → 1.32.1-next.47f435fc9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/build/components/command-menu.js +261 -246
- package/build/components/command-menu.js.map +7 -1
- package/build/hooks/use-command-context.js +31 -35
- package/build/hooks/use-command-context.js.map +7 -1
- package/build/hooks/use-command-loader.js +35 -92
- package/build/hooks/use-command-loader.js.map +7 -1
- package/build/hooks/use-command.js +53 -90
- package/build/hooks/use-command.js.map +7 -1
- package/build/index.js +49 -45
- package/build/index.js.map +7 -1
- package/build/lock-unlock.js +31 -15
- package/build/lock-unlock.js.map +7 -1
- package/build/private-apis.js +41 -19
- package/build/private-apis.js.map +7 -1
- package/build/store/actions.js +42 -92
- package/build/store/actions.js.map +7 -1
- package/build/store/index.js +47 -44
- package/build/store/index.js.map +7 -1
- package/build/store/private-actions.js +27 -14
- package/build/store/private-actions.js.map +7 -1
- package/build/store/reducer.js +39 -70
- package/build/store/reducer.js.map +7 -1
- package/build/store/selectors.js +47 -54
- package/build/store/selectors.js.map +7 -1
- package/build-module/components/command-menu.js +232 -229
- package/build-module/components/command-menu.js.map +7 -1
- package/build-module/hooks/use-command-context.js +11 -28
- package/build-module/hooks/use-command-context.js.map +7 -1
- package/build-module/hooks/use-command-loader.js +17 -87
- package/build-module/hooks/use-command-loader.js.map +7 -1
- package/build-module/hooks/use-command.js +25 -79
- package/build-module/hooks/use-command.js.map +7 -1
- package/build-module/index.js +14 -6
- package/build-module/index.js.map +7 -1
- package/build-module/lock-unlock.js +8 -7
- package/build-module/lock-unlock.js.map +7 -1
- package/build-module/private-apis.js +7 -11
- package/build-module/private-apis.js.map +7 -1
- package/build-module/store/actions.js +21 -88
- package/build-module/store/actions.js.map +7 -1
- package/build-module/store/index.js +12 -32
- package/build-module/store/index.js.map +7 -1
- package/build-module/store/private-actions.js +6 -10
- package/build-module/store/private-actions.js.map +7 -1
- package/build-module/store/reducer.js +20 -64
- package/build-module/store/reducer.js.map +7 -1
- package/build-module/store/selectors.js +24 -49
- package/build-module/store/selectors.js.map +7 -1
- package/build-style/style-rtl.css +7 -138
- package/build-style/style.css +7 -138
- package/package.json +18 -10
- package/src/components/command-menu.js +4 -1
- package/src/components/style.scss +10 -0
- package/src/hooks/use-command.js +2 -2
- package/src/style.scss +2 -1
|
@@ -1,14 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
* Sets the active context.
|
|
3
|
-
*
|
|
4
|
-
* @param {string} context Context.
|
|
5
|
-
*
|
|
6
|
-
* @return {Object} action.
|
|
7
|
-
*/
|
|
8
|
-
export function setContext(context) {
|
|
1
|
+
function setContext(context) {
|
|
9
2
|
return {
|
|
10
|
-
type:
|
|
3
|
+
type: "SET_CONTEXT",
|
|
11
4
|
context
|
|
12
5
|
};
|
|
13
6
|
}
|
|
14
|
-
|
|
7
|
+
export {
|
|
8
|
+
setContext
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=private-actions.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/store/private-actions.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * Sets the active context.\n *\n * @param {string} context Context.\n *\n * @return {Object} action.\n */\nexport function setContext( context ) {\n\treturn {\n\t\ttype: 'SET_CONTEXT',\n\t\tcontext,\n\t};\n}\n"],
|
|
5
|
+
"mappings": "AAOO,SAAS,WAAY,SAAU;AACrC,SAAO;AAAA,IACN,MAAM;AAAA,IACN;AAAA,EACD;AACD;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,19 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { combineReducers } from '@wordpress/data';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Reducer returning the registered commands
|
|
8
|
-
*
|
|
9
|
-
* @param {Object} state Current state.
|
|
10
|
-
* @param {Object} action Dispatched action.
|
|
11
|
-
*
|
|
12
|
-
* @return {Object} Updated state.
|
|
13
|
-
*/
|
|
1
|
+
import { combineReducers } from "@wordpress/data";
|
|
14
2
|
function commands(state = {}, action) {
|
|
15
3
|
switch (action.type) {
|
|
16
|
-
case
|
|
4
|
+
case "REGISTER_COMMAND":
|
|
17
5
|
return {
|
|
18
6
|
...state,
|
|
19
7
|
[action.name]: {
|
|
@@ -26,29 +14,16 @@ function commands(state = {}, action) {
|
|
|
26
14
|
keywords: action.keywords
|
|
27
15
|
}
|
|
28
16
|
};
|
|
29
|
-
case
|
|
30
|
-
{
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
...remainingState
|
|
34
|
-
} = state;
|
|
35
|
-
return remainingState;
|
|
36
|
-
}
|
|
17
|
+
case "UNREGISTER_COMMAND": {
|
|
18
|
+
const { [action.name]: _, ...remainingState } = state;
|
|
19
|
+
return remainingState;
|
|
20
|
+
}
|
|
37
21
|
}
|
|
38
22
|
return state;
|
|
39
23
|
}
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Reducer returning the command loaders
|
|
43
|
-
*
|
|
44
|
-
* @param {Object} state Current state.
|
|
45
|
-
* @param {Object} action Dispatched action.
|
|
46
|
-
*
|
|
47
|
-
* @return {Object} Updated state.
|
|
48
|
-
*/
|
|
49
24
|
function commandLoaders(state = {}, action) {
|
|
50
25
|
switch (action.type) {
|
|
51
|
-
case
|
|
26
|
+
case "REGISTER_COMMAND_LOADER":
|
|
52
27
|
return {
|
|
53
28
|
...state,
|
|
54
29
|
[action.name]: {
|
|
@@ -57,47 +32,25 @@ function commandLoaders(state = {}, action) {
|
|
|
57
32
|
hook: action.hook
|
|
58
33
|
}
|
|
59
34
|
};
|
|
60
|
-
case
|
|
61
|
-
{
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
...remainingState
|
|
65
|
-
} = state;
|
|
66
|
-
return remainingState;
|
|
67
|
-
}
|
|
35
|
+
case "UNREGISTER_COMMAND_LOADER": {
|
|
36
|
+
const { [action.name]: _, ...remainingState } = state;
|
|
37
|
+
return remainingState;
|
|
38
|
+
}
|
|
68
39
|
}
|
|
69
40
|
return state;
|
|
70
41
|
}
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Reducer returning the command palette open state.
|
|
74
|
-
*
|
|
75
|
-
* @param {Object} state Current state.
|
|
76
|
-
* @param {Object} action Dispatched action.
|
|
77
|
-
*
|
|
78
|
-
* @return {boolean} Updated state.
|
|
79
|
-
*/
|
|
80
42
|
function isOpen(state = false, action) {
|
|
81
43
|
switch (action.type) {
|
|
82
|
-
case
|
|
44
|
+
case "OPEN":
|
|
83
45
|
return true;
|
|
84
|
-
case
|
|
46
|
+
case "CLOSE":
|
|
85
47
|
return false;
|
|
86
48
|
}
|
|
87
49
|
return state;
|
|
88
50
|
}
|
|
89
|
-
|
|
90
|
-
/**
|
|
91
|
-
* Reducer returning the command palette's active context.
|
|
92
|
-
*
|
|
93
|
-
* @param {Object} state Current state.
|
|
94
|
-
* @param {Object} action Dispatched action.
|
|
95
|
-
*
|
|
96
|
-
* @return {boolean} Updated state.
|
|
97
|
-
*/
|
|
98
|
-
function context(state = 'root', action) {
|
|
51
|
+
function context(state = "root", action) {
|
|
99
52
|
switch (action.type) {
|
|
100
|
-
case
|
|
53
|
+
case "SET_CONTEXT":
|
|
101
54
|
return action.context;
|
|
102
55
|
}
|
|
103
56
|
return state;
|
|
@@ -108,5 +61,8 @@ const reducer = combineReducers({
|
|
|
108
61
|
isOpen,
|
|
109
62
|
context
|
|
110
63
|
});
|
|
111
|
-
|
|
112
|
-
|
|
64
|
+
var reducer_default = reducer;
|
|
65
|
+
export {
|
|
66
|
+
reducer_default as default
|
|
67
|
+
};
|
|
68
|
+
//# sourceMappingURL=reducer.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/store/reducer.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { combineReducers } from '@wordpress/data';\n\n/**\n * Reducer returning the registered commands\n *\n * @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nfunction commands( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_COMMAND':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t[ action.name ]: {\n\t\t\t\t\tname: action.name,\n\t\t\t\t\tlabel: action.label,\n\t\t\t\t\tsearchLabel: action.searchLabel,\n\t\t\t\t\tcontext: action.context,\n\t\t\t\t\tcallback: action.callback,\n\t\t\t\t\ticon: action.icon,\n\t\t\t\t\tkeywords: action.keywords,\n\t\t\t\t},\n\t\t\t};\n\t\tcase 'UNREGISTER_COMMAND': {\n\t\t\tconst { [ action.name ]: _, ...remainingState } = state;\n\t\t\treturn remainingState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer returning the command loaders\n *\n * @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {Object} Updated state.\n */\nfunction commandLoaders( state = {}, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'REGISTER_COMMAND_LOADER':\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\t[ action.name ]: {\n\t\t\t\t\tname: action.name,\n\t\t\t\t\tcontext: action.context,\n\t\t\t\t\thook: action.hook,\n\t\t\t\t},\n\t\t\t};\n\t\tcase 'UNREGISTER_COMMAND_LOADER': {\n\t\t\tconst { [ action.name ]: _, ...remainingState } = state;\n\t\t\treturn remainingState;\n\t\t}\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer returning the command palette open state.\n *\n * @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {boolean} Updated state.\n */\nfunction isOpen( state = false, action ) {\n\tswitch ( action.type ) {\n\t\tcase 'OPEN':\n\t\t\treturn true;\n\t\tcase 'CLOSE':\n\t\t\treturn false;\n\t}\n\n\treturn state;\n}\n\n/**\n * Reducer returning the command palette's active context.\n *\n * @param {Object} state Current state.\n * @param {Object} action Dispatched action.\n *\n * @return {boolean} Updated state.\n */\nfunction context( state = 'root', action ) {\n\tswitch ( action.type ) {\n\t\tcase 'SET_CONTEXT':\n\t\t\treturn action.context;\n\t}\n\n\treturn state;\n}\n\nconst reducer = combineReducers( {\n\tcommands,\n\tcommandLoaders,\n\tisOpen,\n\tcontext,\n} );\n\nexport default reducer;\n"],
|
|
5
|
+
"mappings": "AAGA,SAAS,uBAAuB;AAUhC,SAAS,SAAU,QAAQ,CAAC,GAAG,QAAS;AACvC,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,QACN,GAAG;AAAA,QACH,CAAE,OAAO,IAAK,GAAG;AAAA,UAChB,MAAM,OAAO;AAAA,UACb,OAAO,OAAO;AAAA,UACd,aAAa,OAAO;AAAA,UACpB,SAAS,OAAO;AAAA,UAChB,UAAU,OAAO;AAAA,UACjB,MAAM,OAAO;AAAA,UACb,UAAU,OAAO;AAAA,QAClB;AAAA,MACD;AAAA,IACD,KAAK,sBAAsB;AAC1B,YAAM,EAAE,CAAE,OAAO,IAAK,GAAG,GAAG,GAAG,eAAe,IAAI;AAClD,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,eAAgB,QAAQ,CAAC,GAAG,QAAS;AAC7C,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,QACN,GAAG;AAAA,QACH,CAAE,OAAO,IAAK,GAAG;AAAA,UAChB,MAAM,OAAO;AAAA,UACb,SAAS,OAAO;AAAA,UAChB,MAAM,OAAO;AAAA,QACd;AAAA,MACD;AAAA,IACD,KAAK,6BAA6B;AACjC,YAAM,EAAE,CAAE,OAAO,IAAK,GAAG,GAAG,GAAG,eAAe,IAAI;AAClD,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;AAUA,SAAS,OAAQ,QAAQ,OAAO,QAAS;AACxC,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO;AAAA,IACR,KAAK;AACJ,aAAO;AAAA,EACT;AAEA,SAAO;AACR;AAUA,SAAS,QAAS,QAAQ,QAAQ,QAAS;AAC1C,UAAS,OAAO,MAAO;AAAA,IACtB,KAAK;AACJ,aAAO,OAAO;AAAA,EAChB;AAEA,SAAO;AACR;AAEA,MAAM,UAAU,gBAAiB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,CAAE;AAEF,IAAO,kBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,53 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}), state => [state.commands, state.context]);
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Returns the registered command loaders.
|
|
21
|
-
*
|
|
22
|
-
* @param {Object} state State tree.
|
|
23
|
-
* @param {boolean} contextual Whether to return only contextual command loaders.
|
|
24
|
-
*
|
|
25
|
-
* @return {import('./actions').WPCommandLoaderConfig[]} The list of registered command loaders.
|
|
26
|
-
*/
|
|
27
|
-
export const getCommandLoaders = createSelector((state, contextual = false) => Object.values(state.commandLoaders).filter(loader => {
|
|
28
|
-
const isContextual = loader.context && loader.context === state.context;
|
|
29
|
-
return contextual ? isContextual : !isContextual;
|
|
30
|
-
}), state => [state.commandLoaders, state.context]);
|
|
31
|
-
|
|
32
|
-
/**
|
|
33
|
-
* Returns whether the command palette is open.
|
|
34
|
-
*
|
|
35
|
-
* @param {Object} state State tree.
|
|
36
|
-
*
|
|
37
|
-
* @return {boolean} Returns whether the command palette is open.
|
|
38
|
-
*/
|
|
39
|
-
export function isOpen(state) {
|
|
1
|
+
import { createSelector } from "@wordpress/data";
|
|
2
|
+
const getCommands = createSelector(
|
|
3
|
+
(state, contextual = false) => Object.values(state.commands).filter((command) => {
|
|
4
|
+
const isContextual = command.context && command.context === state.context;
|
|
5
|
+
return contextual ? isContextual : !isContextual;
|
|
6
|
+
}),
|
|
7
|
+
(state) => [state.commands, state.context]
|
|
8
|
+
);
|
|
9
|
+
const getCommandLoaders = createSelector(
|
|
10
|
+
(state, contextual = false) => Object.values(state.commandLoaders).filter((loader) => {
|
|
11
|
+
const isContextual = loader.context && loader.context === state.context;
|
|
12
|
+
return contextual ? isContextual : !isContextual;
|
|
13
|
+
}),
|
|
14
|
+
(state) => [state.commandLoaders, state.context]
|
|
15
|
+
);
|
|
16
|
+
function isOpen(state) {
|
|
40
17
|
return state.isOpen;
|
|
41
18
|
}
|
|
42
|
-
|
|
43
|
-
/**
|
|
44
|
-
* Returns whether the active context.
|
|
45
|
-
*
|
|
46
|
-
* @param {Object} state State tree.
|
|
47
|
-
*
|
|
48
|
-
* @return {string} Context.
|
|
49
|
-
*/
|
|
50
|
-
export function getContext(state) {
|
|
19
|
+
function getContext(state) {
|
|
51
20
|
return state.context;
|
|
52
21
|
}
|
|
53
|
-
|
|
22
|
+
export {
|
|
23
|
+
getCommandLoaders,
|
|
24
|
+
getCommands,
|
|
25
|
+
getContext,
|
|
26
|
+
isOpen
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=selectors.js.map
|
|
@@ -1 +1,7 @@
|
|
|
1
|
-
{
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/store/selectors.js"],
|
|
4
|
+
"sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createSelector } from '@wordpress/data';\n\n/**\n * Returns the registered static commands.\n *\n * @param {Object} state State tree.\n * @param {boolean} contextual Whether to return only contextual commands.\n *\n * @return {import('./actions').WPCommandConfig[]} The list of registered commands.\n */\nexport const getCommands = createSelector(\n\t( state, contextual = false ) =>\n\t\tObject.values( state.commands ).filter( ( command ) => {\n\t\t\tconst isContextual =\n\t\t\t\tcommand.context && command.context === state.context;\n\t\t\treturn contextual ? isContextual : ! isContextual;\n\t\t} ),\n\t( state ) => [ state.commands, state.context ]\n);\n\n/**\n * Returns the registered command loaders.\n *\n * @param {Object} state State tree.\n * @param {boolean} contextual Whether to return only contextual command loaders.\n *\n * @return {import('./actions').WPCommandLoaderConfig[]} The list of registered command loaders.\n */\nexport const getCommandLoaders = createSelector(\n\t( state, contextual = false ) =>\n\t\tObject.values( state.commandLoaders ).filter( ( loader ) => {\n\t\t\tconst isContextual =\n\t\t\t\tloader.context && loader.context === state.context;\n\t\t\treturn contextual ? isContextual : ! isContextual;\n\t\t} ),\n\t( state ) => [ state.commandLoaders, state.context ]\n);\n\n/**\n * Returns whether the command palette is open.\n *\n * @param {Object} state State tree.\n *\n * @return {boolean} Returns whether the command palette is open.\n */\nexport function isOpen( state ) {\n\treturn state.isOpen;\n}\n\n/**\n * Returns whether the active context.\n *\n * @param {Object} state State tree.\n *\n * @return {string} Context.\n */\nexport function getContext( state ) {\n\treturn state.context;\n}\n"],
|
|
5
|
+
"mappings": "AAGA,SAAS,sBAAsB;AAUxB,MAAM,cAAc;AAAA,EAC1B,CAAE,OAAO,aAAa,UACrB,OAAO,OAAQ,MAAM,QAAS,EAAE,OAAQ,CAAE,YAAa;AACtD,UAAM,eACL,QAAQ,WAAW,QAAQ,YAAY,MAAM;AAC9C,WAAO,aAAa,eAAe,CAAE;AAAA,EACtC,CAAE;AAAA,EACH,CAAE,UAAW,CAAE,MAAM,UAAU,MAAM,OAAQ;AAC9C;AAUO,MAAM,oBAAoB;AAAA,EAChC,CAAE,OAAO,aAAa,UACrB,OAAO,OAAQ,MAAM,cAAe,EAAE,OAAQ,CAAE,WAAY;AAC3D,UAAM,eACL,OAAO,WAAW,OAAO,YAAY,MAAM;AAC5C,WAAO,aAAa,eAAe,CAAE;AAAA,EACtC,CAAE;AAAA,EACH,CAAE,UAAW,CAAE,MAAM,gBAAgB,MAAM,OAAQ;AACpD;AASO,SAAS,OAAQ,OAAQ;AAC/B,SAAO,MAAM;AACd;AASO,SAAS,WAAY,OAAQ;AACnC,SAAO,MAAM;AACd;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,57 +1,6 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Colors
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Breakpoints & Media Queries
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Colors
|
|
9
|
-
*/
|
|
10
|
-
/**
|
|
11
|
-
* SCSS Variables.
|
|
12
|
-
*
|
|
13
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
14
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
15
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Fonts & basic variables.
|
|
19
|
-
*/
|
|
20
1
|
/**
|
|
21
2
|
* Typography
|
|
22
3
|
*/
|
|
23
|
-
/**
|
|
24
|
-
* Grid System.
|
|
25
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
26
|
-
*/
|
|
27
|
-
/**
|
|
28
|
-
* Radius scale.
|
|
29
|
-
*/
|
|
30
|
-
/**
|
|
31
|
-
* Elevation scale.
|
|
32
|
-
*/
|
|
33
|
-
/**
|
|
34
|
-
* Dimensions.
|
|
35
|
-
*/
|
|
36
|
-
/**
|
|
37
|
-
* Mobile specific styles
|
|
38
|
-
*/
|
|
39
|
-
/**
|
|
40
|
-
* Editor styles.
|
|
41
|
-
*/
|
|
42
|
-
/**
|
|
43
|
-
* Block & Editor UI.
|
|
44
|
-
*/
|
|
45
|
-
/**
|
|
46
|
-
* Block paddings.
|
|
47
|
-
*/
|
|
48
|
-
/**
|
|
49
|
-
* React Native specific.
|
|
50
|
-
* These variables do not appear to be used anywhere else.
|
|
51
|
-
*/
|
|
52
|
-
/**
|
|
53
|
-
* Colors
|
|
54
|
-
*/
|
|
55
4
|
/**
|
|
56
5
|
* SCSS Variables.
|
|
57
6
|
*
|
|
@@ -59,91 +8,9 @@
|
|
|
59
8
|
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
60
9
|
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
61
10
|
*/
|
|
62
|
-
/**
|
|
63
|
-
* Fonts & basic variables.
|
|
64
|
-
*/
|
|
65
|
-
/**
|
|
66
|
-
* Typography
|
|
67
|
-
*/
|
|
68
|
-
/**
|
|
69
|
-
* Grid System.
|
|
70
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
71
|
-
*/
|
|
72
|
-
/**
|
|
73
|
-
* Radius scale.
|
|
74
|
-
*/
|
|
75
|
-
/**
|
|
76
|
-
* Elevation scale.
|
|
77
|
-
*/
|
|
78
|
-
/**
|
|
79
|
-
* Dimensions.
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Mobile specific styles
|
|
83
|
-
*/
|
|
84
|
-
/**
|
|
85
|
-
* Editor styles.
|
|
86
|
-
*/
|
|
87
|
-
/**
|
|
88
|
-
* Block & Editor UI.
|
|
89
|
-
*/
|
|
90
|
-
/**
|
|
91
|
-
* Block paddings.
|
|
92
|
-
*/
|
|
93
|
-
/**
|
|
94
|
-
* React Native specific.
|
|
95
|
-
* These variables do not appear to be used anywhere else.
|
|
96
|
-
*/
|
|
97
|
-
/**
|
|
98
|
-
* Breakpoints & Media Queries
|
|
99
|
-
*/
|
|
100
|
-
/**
|
|
101
|
-
* Converts a hex value into the rgb equivalent.
|
|
102
|
-
*
|
|
103
|
-
* @param {string} hex - the hexadecimal value to convert
|
|
104
|
-
* @return {string} comma separated rgb values
|
|
105
|
-
*/
|
|
106
|
-
/**
|
|
107
|
-
* Long content fade mixin
|
|
108
|
-
*
|
|
109
|
-
* Creates a fading overlay to signify that the content is longer
|
|
110
|
-
* than the space allows.
|
|
111
|
-
*/
|
|
112
|
-
/**
|
|
113
|
-
* Typography
|
|
114
|
-
*/
|
|
115
|
-
/**
|
|
116
|
-
* Breakpoint mixins
|
|
117
|
-
*/
|
|
118
|
-
/**
|
|
119
|
-
* Focus styles.
|
|
120
|
-
*/
|
|
121
|
-
/**
|
|
122
|
-
* Applies editor left position to the selector passed as argument
|
|
123
|
-
*/
|
|
124
|
-
/**
|
|
125
|
-
* Styles that are reused verbatim in a few places
|
|
126
|
-
*/
|
|
127
|
-
/**
|
|
128
|
-
* Allows users to opt-out of animations via OS-level preferences.
|
|
129
|
-
*/
|
|
130
|
-
/**
|
|
131
|
-
* Reset default styles for JavaScript UI based pages.
|
|
132
|
-
* This is a WP-admin agnostic reset
|
|
133
|
-
*/
|
|
134
|
-
/**
|
|
135
|
-
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
136
|
-
*/
|
|
137
11
|
/**
|
|
138
12
|
* Colors
|
|
139
13
|
*/
|
|
140
|
-
/**
|
|
141
|
-
* SCSS Variables.
|
|
142
|
-
*
|
|
143
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
144
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
145
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
146
|
-
*/
|
|
147
14
|
/**
|
|
148
15
|
* Fonts & basic variables.
|
|
149
16
|
*/
|
|
@@ -194,9 +61,6 @@
|
|
|
194
61
|
* Creates a fading overlay to signify that the content is longer
|
|
195
62
|
* than the space allows.
|
|
196
63
|
*/
|
|
197
|
-
/**
|
|
198
|
-
* Typography
|
|
199
|
-
*/
|
|
200
64
|
/**
|
|
201
65
|
* Breakpoint mixins
|
|
202
66
|
*/
|
|
@@ -223,10 +87,11 @@
|
|
|
223
87
|
--wp-block-synced-color: #7a00df;
|
|
224
88
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
225
89
|
--wp-bound-block-color: var(--wp-block-synced-color);
|
|
90
|
+
--wp-editor-canvas-background: #ddd;
|
|
226
91
|
--wp-admin-theme-color: #007cba;
|
|
227
92
|
--wp-admin-theme-color--rgb: 0, 124, 186;
|
|
228
|
-
--wp-admin-theme-color-darker-10:
|
|
229
|
-
--wp-admin-theme-color-darker-10--rgb: 0, 107,
|
|
93
|
+
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
|
94
|
+
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
|
230
95
|
--wp-admin-theme-color-darker-20: #005a87;
|
|
231
96
|
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
|
232
97
|
--wp-admin-border-width-focus: 2px;
|
|
@@ -278,6 +143,10 @@
|
|
|
278
143
|
border-bottom-right-radius: 0;
|
|
279
144
|
}
|
|
280
145
|
|
|
146
|
+
.commands-command-menu__header-search-icon:dir(ltr) {
|
|
147
|
+
transform: scaleX(-1);
|
|
148
|
+
}
|
|
149
|
+
|
|
281
150
|
.commands-command-menu__container {
|
|
282
151
|
will-change: transform;
|
|
283
152
|
}
|
package/build-style/style.css
CHANGED
|
@@ -1,57 +1,6 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Colors
|
|
3
|
-
*/
|
|
4
|
-
/**
|
|
5
|
-
* Breakpoints & Media Queries
|
|
6
|
-
*/
|
|
7
|
-
/**
|
|
8
|
-
* Colors
|
|
9
|
-
*/
|
|
10
|
-
/**
|
|
11
|
-
* SCSS Variables.
|
|
12
|
-
*
|
|
13
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
14
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
15
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
16
|
-
*/
|
|
17
|
-
/**
|
|
18
|
-
* Fonts & basic variables.
|
|
19
|
-
*/
|
|
20
1
|
/**
|
|
21
2
|
* Typography
|
|
22
3
|
*/
|
|
23
|
-
/**
|
|
24
|
-
* Grid System.
|
|
25
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
26
|
-
*/
|
|
27
|
-
/**
|
|
28
|
-
* Radius scale.
|
|
29
|
-
*/
|
|
30
|
-
/**
|
|
31
|
-
* Elevation scale.
|
|
32
|
-
*/
|
|
33
|
-
/**
|
|
34
|
-
* Dimensions.
|
|
35
|
-
*/
|
|
36
|
-
/**
|
|
37
|
-
* Mobile specific styles
|
|
38
|
-
*/
|
|
39
|
-
/**
|
|
40
|
-
* Editor styles.
|
|
41
|
-
*/
|
|
42
|
-
/**
|
|
43
|
-
* Block & Editor UI.
|
|
44
|
-
*/
|
|
45
|
-
/**
|
|
46
|
-
* Block paddings.
|
|
47
|
-
*/
|
|
48
|
-
/**
|
|
49
|
-
* React Native specific.
|
|
50
|
-
* These variables do not appear to be used anywhere else.
|
|
51
|
-
*/
|
|
52
|
-
/**
|
|
53
|
-
* Colors
|
|
54
|
-
*/
|
|
55
4
|
/**
|
|
56
5
|
* SCSS Variables.
|
|
57
6
|
*
|
|
@@ -59,91 +8,9 @@
|
|
|
59
8
|
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
60
9
|
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
61
10
|
*/
|
|
62
|
-
/**
|
|
63
|
-
* Fonts & basic variables.
|
|
64
|
-
*/
|
|
65
|
-
/**
|
|
66
|
-
* Typography
|
|
67
|
-
*/
|
|
68
|
-
/**
|
|
69
|
-
* Grid System.
|
|
70
|
-
* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
|
|
71
|
-
*/
|
|
72
|
-
/**
|
|
73
|
-
* Radius scale.
|
|
74
|
-
*/
|
|
75
|
-
/**
|
|
76
|
-
* Elevation scale.
|
|
77
|
-
*/
|
|
78
|
-
/**
|
|
79
|
-
* Dimensions.
|
|
80
|
-
*/
|
|
81
|
-
/**
|
|
82
|
-
* Mobile specific styles
|
|
83
|
-
*/
|
|
84
|
-
/**
|
|
85
|
-
* Editor styles.
|
|
86
|
-
*/
|
|
87
|
-
/**
|
|
88
|
-
* Block & Editor UI.
|
|
89
|
-
*/
|
|
90
|
-
/**
|
|
91
|
-
* Block paddings.
|
|
92
|
-
*/
|
|
93
|
-
/**
|
|
94
|
-
* React Native specific.
|
|
95
|
-
* These variables do not appear to be used anywhere else.
|
|
96
|
-
*/
|
|
97
|
-
/**
|
|
98
|
-
* Breakpoints & Media Queries
|
|
99
|
-
*/
|
|
100
|
-
/**
|
|
101
|
-
* Converts a hex value into the rgb equivalent.
|
|
102
|
-
*
|
|
103
|
-
* @param {string} hex - the hexadecimal value to convert
|
|
104
|
-
* @return {string} comma separated rgb values
|
|
105
|
-
*/
|
|
106
|
-
/**
|
|
107
|
-
* Long content fade mixin
|
|
108
|
-
*
|
|
109
|
-
* Creates a fading overlay to signify that the content is longer
|
|
110
|
-
* than the space allows.
|
|
111
|
-
*/
|
|
112
|
-
/**
|
|
113
|
-
* Typography
|
|
114
|
-
*/
|
|
115
|
-
/**
|
|
116
|
-
* Breakpoint mixins
|
|
117
|
-
*/
|
|
118
|
-
/**
|
|
119
|
-
* Focus styles.
|
|
120
|
-
*/
|
|
121
|
-
/**
|
|
122
|
-
* Applies editor left position to the selector passed as argument
|
|
123
|
-
*/
|
|
124
|
-
/**
|
|
125
|
-
* Styles that are reused verbatim in a few places
|
|
126
|
-
*/
|
|
127
|
-
/**
|
|
128
|
-
* Allows users to opt-out of animations via OS-level preferences.
|
|
129
|
-
*/
|
|
130
|
-
/**
|
|
131
|
-
* Reset default styles for JavaScript UI based pages.
|
|
132
|
-
* This is a WP-admin agnostic reset
|
|
133
|
-
*/
|
|
134
|
-
/**
|
|
135
|
-
* Reset the WP Admin page styles for Gutenberg-like pages.
|
|
136
|
-
*/
|
|
137
11
|
/**
|
|
138
12
|
* Colors
|
|
139
13
|
*/
|
|
140
|
-
/**
|
|
141
|
-
* SCSS Variables.
|
|
142
|
-
*
|
|
143
|
-
* Please use variables from this sheet to ensure consistency across the UI.
|
|
144
|
-
* Don't add to this sheet unless you're pretty sure the value will be reused in many places.
|
|
145
|
-
* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
|
|
146
|
-
*/
|
|
147
14
|
/**
|
|
148
15
|
* Fonts & basic variables.
|
|
149
16
|
*/
|
|
@@ -194,9 +61,6 @@
|
|
|
194
61
|
* Creates a fading overlay to signify that the content is longer
|
|
195
62
|
* than the space allows.
|
|
196
63
|
*/
|
|
197
|
-
/**
|
|
198
|
-
* Typography
|
|
199
|
-
*/
|
|
200
64
|
/**
|
|
201
65
|
* Breakpoint mixins
|
|
202
66
|
*/
|
|
@@ -223,10 +87,11 @@
|
|
|
223
87
|
--wp-block-synced-color: #7a00df;
|
|
224
88
|
--wp-block-synced-color--rgb: 122, 0, 223;
|
|
225
89
|
--wp-bound-block-color: var(--wp-block-synced-color);
|
|
90
|
+
--wp-editor-canvas-background: #ddd;
|
|
226
91
|
--wp-admin-theme-color: #007cba;
|
|
227
92
|
--wp-admin-theme-color--rgb: 0, 124, 186;
|
|
228
|
-
--wp-admin-theme-color-darker-10:
|
|
229
|
-
--wp-admin-theme-color-darker-10--rgb: 0, 107,
|
|
93
|
+
--wp-admin-theme-color-darker-10: rgb(0, 107, 160.5);
|
|
94
|
+
--wp-admin-theme-color-darker-10--rgb: 0, 107, 160.5;
|
|
230
95
|
--wp-admin-theme-color-darker-20: #005a87;
|
|
231
96
|
--wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
|
|
232
97
|
--wp-admin-border-width-focus: 2px;
|
|
@@ -278,6 +143,10 @@
|
|
|
278
143
|
border-bottom-left-radius: 0;
|
|
279
144
|
}
|
|
280
145
|
|
|
146
|
+
.commands-command-menu__header-search-icon:dir(ltr) {
|
|
147
|
+
transform: scaleX(-1);
|
|
148
|
+
}
|
|
149
|
+
|
|
281
150
|
.commands-command-menu__container {
|
|
282
151
|
will-change: transform;
|
|
283
152
|
}
|