Edit File by line

[14000] Fix | Delete

/**

[14001] Fix | Delete

* Creates an item ID based on a prefix ID and an alignment value.

[14002] Fix | Delete

[14003] Fix | Delete

* @param prefixId An ID to prefix.

[14004] Fix | Delete

* @param value An alignment value.

[14005] Fix | Delete

[14006] Fix | Delete

* @return The item id.

[14007] Fix | Delete

[14008] Fix | Delete

function getItemId(prefixId, value) {

[14009] Fix | Delete

const normalized = normalize(value);

[14010] Fix | Delete

if (!normalized) {

[14011] Fix | Delete

return;

[14012] Fix | Delete

}

[14013] Fix | Delete

const id = normalized.replace(' ', '-');

[14014] Fix | Delete

return `${prefixId}-${id}`;

[14015] Fix | Delete

}

[14016] Fix | Delete

[14017] Fix | Delete

/**

[14018] Fix | Delete

* Extracts an item value from its ID

[14019] Fix | Delete

[14020] Fix | Delete

* @param prefixId An ID prefix to remove

[14021] Fix | Delete

* @param id An item ID

[14022] Fix | Delete

* @return The item value

[14023] Fix | Delete

[14024] Fix | Delete

function getItemValue(prefixId, id) {

[14025] Fix | Delete

const value = id?.replace(prefixId + '-', '');

[14026] Fix | Delete

return normalize(value);

[14027] Fix | Delete

}

[14028] Fix | Delete

[14029] Fix | Delete

/**

[14030] Fix | Delete

* Retrieves the alignment index from a value.

[14031] Fix | Delete

[14032] Fix | Delete

* @param alignment Value to check.

[14033] Fix | Delete

[14034] Fix | Delete

* @return The index of a matching alignment.

[14035] Fix | Delete

[14036] Fix | Delete

function getAlignmentIndex(alignment = 'center') {

[14037] Fix | Delete

const normalized = normalize(alignment);

[14038] Fix | Delete

if (!normalized) {

[14039] Fix | Delete

return undefined;

[14040] Fix | Delete

}

[14041] Fix | Delete

const index = ALIGNMENTS.indexOf(normalized);

[14042] Fix | Delete

return index > -1 ? index : undefined;

[14043] Fix | Delete

}

[14044] Fix | Delete

[14045] Fix | Delete

// EXTERNAL MODULE: ./node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js

[14046] Fix | Delete

var hoist_non_react_statics_cjs = __webpack_require__(1880);

[14047] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@emotion/react/dist/emotion-react.browser.esm.js

[14048] Fix | Delete

[14049] Fix | Delete

[14050] Fix | Delete

[14051] Fix | Delete

[14052] Fix | Delete

[14053] Fix | Delete

[14054] Fix | Delete

[14055] Fix | Delete

[14056] Fix | Delete

[14057] Fix | Delete

[14058] Fix | Delete

[14059] Fix | Delete

[14060] Fix | Delete

var pkg = {

[14061] Fix | Delete

name: "@emotion/react",

[14062] Fix | Delete

version: "11.10.6",

[14063] Fix | Delete

main: "dist/emotion-react.cjs.js",

[14064] Fix | Delete

module: "dist/emotion-react.esm.js",

[14065] Fix | Delete

browser: {

[14066] Fix | Delete

"./dist/emotion-react.esm.js": "./dist/emotion-react.browser.esm.js"

[14067] Fix | Delete

[14068] Fix | Delete

exports: {

[14069] Fix | Delete

".": {

[14070] Fix | Delete

module: {

[14071] Fix | Delete

worker: "./dist/emotion-react.worker.esm.js",

[14072] Fix | Delete

browser: "./dist/emotion-react.browser.esm.js",

[14073] Fix | Delete

"default": "./dist/emotion-react.esm.js"

[14074] Fix | Delete

[14075] Fix | Delete

"default": "./dist/emotion-react.cjs.js"

[14076] Fix | Delete

[14077] Fix | Delete

"./jsx-runtime": {

[14078] Fix | Delete

module: {

[14079] Fix | Delete

worker: "./jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js",

[14080] Fix | Delete

browser: "./jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js",

[14081] Fix | Delete

"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.esm.js"

[14082] Fix | Delete

[14083] Fix | Delete

"default": "./jsx-runtime/dist/emotion-react-jsx-runtime.cjs.js"

[14084] Fix | Delete

[14085] Fix | Delete

"./_isolated-hnrs": {

[14086] Fix | Delete

module: {

[14087] Fix | Delete

worker: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.worker.esm.js",

[14088] Fix | Delete

browser: "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.browser.esm.js",

[14089] Fix | Delete

"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.esm.js"

[14090] Fix | Delete

[14091] Fix | Delete

"default": "./_isolated-hnrs/dist/emotion-react-_isolated-hnrs.cjs.js"

[14092] Fix | Delete

[14093] Fix | Delete

"./jsx-dev-runtime": {

[14094] Fix | Delete

module: {

[14095] Fix | Delete

worker: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js",

[14096] Fix | Delete

browser: "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js",

[14097] Fix | Delete

"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js"

[14098] Fix | Delete

[14099] Fix | Delete

"default": "./jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.js"

[14100] Fix | Delete

[14101] Fix | Delete

"./package.json": "./package.json",

[14102] Fix | Delete

"./types/css-prop": "./types/css-prop.d.ts",

[14103] Fix | Delete

"./macro": "./macro.js"

[14104] Fix | Delete

[14105] Fix | Delete

types: "types/index.d.ts",

[14106] Fix | Delete

files: [

[14107] Fix | Delete

"src",

[14108] Fix | Delete

"dist",

[14109] Fix | Delete

"jsx-runtime",

[14110] Fix | Delete

"jsx-dev-runtime",

[14111] Fix | Delete

"_isolated-hnrs",

[14112] Fix | Delete

"types/*.d.ts",

[14113] Fix | Delete

"macro.js",

[14114] Fix | Delete

"macro.d.ts",

[14115] Fix | Delete

"macro.js.flow"

[14116] Fix | Delete

[14117] Fix | Delete

sideEffects: false,

[14118] Fix | Delete

author: "Emotion Contributors",

[14119] Fix | Delete

license: "MIT",

[14120] Fix | Delete

scripts: {

[14121] Fix | Delete

"test:typescript": "dtslint types"

[14122] Fix | Delete

[14123] Fix | Delete

dependencies: {

[14124] Fix | Delete

"@babel/runtime": "^7.18.3",

[14125] Fix | Delete

"@emotion/babel-plugin": "^11.10.6",

[14126] Fix | Delete

"@emotion/cache": "^11.10.5",

[14127] Fix | Delete

"@emotion/serialize": "^1.1.1",

[14128] Fix | Delete

"@emotion/use-insertion-effect-with-fallbacks": "^1.0.0",

[14129] Fix | Delete

"@emotion/utils": "^1.2.0",

[14130] Fix | Delete

"@emotion/weak-memoize": "^0.3.0",

[14131] Fix | Delete

"hoist-non-react-statics": "^3.3.1"

[14132] Fix | Delete

[14133] Fix | Delete

peerDependencies: {

[14134] Fix | Delete

react: ">=16.8.0"

[14135] Fix | Delete

[14136] Fix | Delete

peerDependenciesMeta: {

[14137] Fix | Delete

"@types/react": {

[14138] Fix | Delete

optional: true

[14139] Fix | Delete

}

[14140] Fix | Delete

[14141] Fix | Delete

devDependencies: {

[14142] Fix | Delete

"@definitelytyped/dtslint": "0.0.112",

[14143] Fix | Delete

"@emotion/css": "11.10.6",

[14144] Fix | Delete

"@emotion/css-prettifier": "1.1.1",

[14145] Fix | Delete

"@emotion/server": "11.10.0",

[14146] Fix | Delete

"@emotion/styled": "11.10.6",

[14147] Fix | Delete

"html-tag-names": "^1.1.2",

[14148] Fix | Delete

react: "16.14.0",

[14149] Fix | Delete

"svg-tag-names": "^1.1.1",

[14150] Fix | Delete

typescript: "^4.5.5"

[14151] Fix | Delete

[14152] Fix | Delete

repository: "https://github.com/emotion-js/emotion/tree/main/packages/react",

[14153] Fix | Delete

publishConfig: {

[14154] Fix | Delete

access: "public"

[14155] Fix | Delete

[14156] Fix | Delete

"umd:main": "dist/emotion-react.umd.min.js",

[14157] Fix | Delete

preconstruct: {

[14158] Fix | Delete

entrypoints: [

[14159] Fix | Delete

"./index.js",

[14160] Fix | Delete

"./jsx-runtime.js",

[14161] Fix | Delete

"./jsx-dev-runtime.js",

[14162] Fix | Delete

"./_isolated-hnrs.js"

[14163] Fix | Delete

[14164] Fix | Delete

umdName: "emotionReact",

[14165] Fix | Delete

exports: {

[14166] Fix | Delete

envConditions: [

[14167] Fix | Delete

"browser",

[14168] Fix | Delete

"worker"

[14169] Fix | Delete

[14170] Fix | Delete

extra: {

[14171] Fix | Delete

"./types/css-prop": "./types/css-prop.d.ts",

[14172] Fix | Delete

"./macro": "./macro.js"

[14173] Fix | Delete

}

[14174] Fix | Delete

}

[14175] Fix | Delete

}

[14176] Fix | Delete

};

[14177] Fix | Delete

[14178] Fix | Delete

var jsx = function jsx(type, props) {

[14179] Fix | Delete

var args = arguments;

[14180] Fix | Delete

[14181] Fix | Delete

if (props == null || !hasOwnProperty.call(props, 'css')) {

[14182] Fix | Delete

// $FlowFixMe

[14183] Fix | Delete

return createElement.apply(undefined, args);

[14184] Fix | Delete

}

[14185] Fix | Delete

[14186] Fix | Delete

var argsLength = args.length;

[14187] Fix | Delete

var createElementArgArray = new Array(argsLength);

[14188] Fix | Delete

createElementArgArray[0] = Emotion;

[14189] Fix | Delete

createElementArgArray[1] = createEmotionProps(type, props);

[14190] Fix | Delete

[14191] Fix | Delete

for (var i = 2; i < argsLength; i++) {

[14192] Fix | Delete

createElementArgArray[i] = args[i];

[14193] Fix | Delete

} // $FlowFixMe

[14194] Fix | Delete

[14195] Fix | Delete

[14196] Fix | Delete

return createElement.apply(null, createElementArgArray);

[14197] Fix | Delete

};

[14198] Fix | Delete

[14199] Fix | Delete

var warnedAboutCssPropForGlobal = false; // maintain place over rerenders.

[14200] Fix | Delete

// initial render from browser, insertBefore context.sheet.tags[0] or if a style hasn't been inserted there yet, appendChild

[14201] Fix | Delete

// initial client-side render from SSR, use place of hydrating tag

[14202] Fix | Delete

[14203] Fix | Delete

var Global = /* #__PURE__ */(/* unused pure expression or super */ null && (withEmotionCache(function (props, cache) {

[14204] Fix | Delete

if (false) {}

[14205] Fix | Delete

[14206] Fix | Delete

var styles = props.styles;

[14207] Fix | Delete

var serialized = serializeStyles([styles], undefined, useContext(ThemeContext));

[14208] Fix | Delete

// but it is based on a constant that will never change at runtime

[14209] Fix | Delete

// it's effectively like having two implementations and switching them out

[14210] Fix | Delete

// so it's not actually breaking anything

[14211] Fix | Delete

[14212] Fix | Delete

[14213] Fix | Delete

var sheetRef = useRef();

[14214] Fix | Delete

useInsertionEffectWithLayoutFallback(function () {

[14215] Fix | Delete

var key = cache.key + "-global"; // use case of https://github.com/emotion-js/emotion/issues/2675

[14216] Fix | Delete

[14217] Fix | Delete

var sheet = new cache.sheet.constructor({

[14218] Fix | Delete

key: key,

[14219] Fix | Delete

nonce: cache.sheet.nonce,

[14220] Fix | Delete

container: cache.sheet.container,

[14221] Fix | Delete

speedy: cache.sheet.isSpeedy

[14222] Fix | Delete

});

[14223] Fix | Delete

var rehydrating = false; // $FlowFixMe

[14224] Fix | Delete

[14225] Fix | Delete

var node = document.querySelector("style[data-emotion=\"" + key + " " + serialized.name + "\"]");

[14226] Fix | Delete

[14227] Fix | Delete

if (cache.sheet.tags.length) {

[14228] Fix | Delete

sheet.before = cache.sheet.tags[0];

[14229] Fix | Delete

}

[14230] Fix | Delete

[14231] Fix | Delete

if (node !== null) {

[14232] Fix | Delete

rehydrating = true; // clear the hash so this node won't be recognizable as rehydratable by other <Global/>s

[14233] Fix | Delete

[14234] Fix | Delete

node.setAttribute('data-emotion', key);

[14235] Fix | Delete

sheet.hydrate([node]);

[14236] Fix | Delete

}

[14237] Fix | Delete

[14238] Fix | Delete

sheetRef.current = [sheet, rehydrating];

[14239] Fix | Delete

return function () {

[14240] Fix | Delete

sheet.flush();

[14241] Fix | Delete

};

[14242] Fix | Delete

}, [cache]);

[14243] Fix | Delete

useInsertionEffectWithLayoutFallback(function () {

[14244] Fix | Delete

var sheetRefCurrent = sheetRef.current;

[14245] Fix | Delete

var sheet = sheetRefCurrent[0],

[14246] Fix | Delete

rehydrating = sheetRefCurrent[1];

[14247] Fix | Delete

[14248] Fix | Delete

if (rehydrating) {

[14249] Fix | Delete

sheetRefCurrent[1] = false;

[14250] Fix | Delete

return;

[14251] Fix | Delete

}

[14252] Fix | Delete

[14253] Fix | Delete

if (serialized.next !== undefined) {

[14254] Fix | Delete

// insert keyframes

[14255] Fix | Delete

insertStyles(cache, serialized.next, true);

[14256] Fix | Delete

}

[14257] Fix | Delete

[14258] Fix | Delete

if (sheet.tags.length) {

[14259] Fix | Delete

// if this doesn't exist then it will be null so the style element will be appended

[14260] Fix | Delete

var element = sheet.tags[sheet.tags.length - 1].nextElementSibling;

[14261] Fix | Delete

sheet.before = element;

[14262] Fix | Delete

sheet.flush();

[14263] Fix | Delete

}

[14264] Fix | Delete

[14265] Fix | Delete

cache.insert("", serialized, sheet, false);

[14266] Fix | Delete

}, [cache, serialized.name]);

[14267] Fix | Delete

return null;

[14268] Fix | Delete

})));

[14269] Fix | Delete

[14270] Fix | Delete

if (false) {}

[14271] Fix | Delete

[14272] Fix | Delete

function emotion_react_browser_esm_css() {

[14273] Fix | Delete

for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

[14274] Fix | Delete

args[_key] = arguments[_key];

[14275] Fix | Delete

}

[14276] Fix | Delete

[14277] Fix | Delete

return emotion_serialize_browser_esm_serializeStyles(args);

[14278] Fix | Delete

}

[14279] Fix | Delete

[14280] Fix | Delete

var emotion_react_browser_esm_keyframes = function keyframes() {

[14281] Fix | Delete

var insertable = emotion_react_browser_esm_css.apply(void 0, arguments);

[14282] Fix | Delete

var name = "animation-" + insertable.name; // $FlowFixMe

[14283] Fix | Delete

[14284] Fix | Delete

return {

[14285] Fix | Delete

name: name,

[14286] Fix | Delete

styles: "@keyframes " + name + "{" + insertable.styles + "}",

[14287] Fix | Delete

anim: 1,

[14288] Fix | Delete

toString: function toString() {

[14289] Fix | Delete

return "_EMO_" + this.name + "_" + this.styles + "_EMO_";

[14290] Fix | Delete

}

[14291] Fix | Delete

};

[14292] Fix | Delete

};

[14293] Fix | Delete

[14294] Fix | Delete

var emotion_react_browser_esm_classnames = function classnames(args) {

[14295] Fix | Delete

var len = args.length;

[14296] Fix | Delete

var i = 0;

[14297] Fix | Delete

var cls = '';

[14298] Fix | Delete

[14299] Fix | Delete

for (; i < len; i++) {

[14300] Fix | Delete

var arg = args[i];

[14301] Fix | Delete

if (arg == null) continue;

[14302] Fix | Delete

var toAdd = void 0;

[14303] Fix | Delete

[14304] Fix | Delete

switch (typeof arg) {

[14305] Fix | Delete

case 'boolean':

[14306] Fix | Delete

break;

[14307] Fix | Delete

[14308] Fix | Delete

case 'object':

[14309] Fix | Delete

{

[14310] Fix | Delete

if (Array.isArray(arg)) {

[14311] Fix | Delete

toAdd = classnames(arg);

[14312] Fix | Delete

} else {

[14313] Fix | Delete

if (false) {}

[14314] Fix | Delete

[14315] Fix | Delete

toAdd = '';

[14316] Fix | Delete

[14317] Fix | Delete

for (var k in arg) {

[14318] Fix | Delete

if (arg[k] && k) {

[14319] Fix | Delete

toAdd && (toAdd += ' ');

[14320] Fix | Delete

toAdd += k;

[14321] Fix | Delete

}

[14322] Fix | Delete

}

[14323] Fix | Delete

}

[14324] Fix | Delete

[14325] Fix | Delete

break;

[14326] Fix | Delete

}

[14327] Fix | Delete

[14328] Fix | Delete

default:

[14329] Fix | Delete

{

[14330] Fix | Delete

toAdd = arg;

[14331] Fix | Delete

}

[14332] Fix | Delete

}

[14333] Fix | Delete

[14334] Fix | Delete

if (toAdd) {

[14335] Fix | Delete

cls && (cls += ' ');

[14336] Fix | Delete

cls += toAdd;

[14337] Fix | Delete

}

[14338] Fix | Delete

}

[14339] Fix | Delete

[14340] Fix | Delete

return cls;

[14341] Fix | Delete

};

[14342] Fix | Delete

[14343] Fix | Delete

function emotion_react_browser_esm_merge(registered, css, className) {

[14344] Fix | Delete

var registeredStyles = [];

[14345] Fix | Delete

var rawClassName = getRegisteredStyles(registered, registeredStyles, className);

[14346] Fix | Delete

[14347] Fix | Delete

if (registeredStyles.length < 2) {

[14348] Fix | Delete

return className;

[14349] Fix | Delete

}

[14350] Fix | Delete

[14351] Fix | Delete

return rawClassName + css(registeredStyles);

[14352] Fix | Delete

}

[14353] Fix | Delete

[14354] Fix | Delete

var emotion_react_browser_esm_Insertion = function Insertion(_ref) {

[14355] Fix | Delete

var cache = _ref.cache,

[14356] Fix | Delete

serializedArr = _ref.serializedArr;

[14357] Fix | Delete

var rules = useInsertionEffectAlwaysWithSyncFallback(function () {

[14358] Fix | Delete

[14359] Fix | Delete

for (var i = 0; i < serializedArr.length; i++) {

[14360] Fix | Delete

var res = insertStyles(cache, serializedArr[i], false);

[14361] Fix | Delete

}

[14362] Fix | Delete

});

[14363] Fix | Delete

[14364] Fix | Delete

return null;

[14365] Fix | Delete

};

[14366] Fix | Delete

[14367] Fix | Delete

var ClassNames = /* #__PURE__ */(/* unused pure expression or super */ null && (withEmotionCache(function (props, cache) {

[14368] Fix | Delete

var hasRendered = false;

[14369] Fix | Delete

var serializedArr = [];

[14370] Fix | Delete

[14371] Fix | Delete

var css = function css() {

[14372] Fix | Delete

if (hasRendered && "production" !== 'production') {}

[14373] Fix | Delete

[14374] Fix | Delete

for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {

[14375] Fix | Delete

args[_key] = arguments[_key];

[14376] Fix | Delete

}

[14377] Fix | Delete

[14378] Fix | Delete

var serialized = serializeStyles(args, cache.registered);

[14379] Fix | Delete

serializedArr.push(serialized); // registration has to happen here as the result of this might get consumed by `cx`

[14380] Fix | Delete

[14381] Fix | Delete

registerStyles(cache, serialized, false);

[14382] Fix | Delete

return cache.key + "-" + serialized.name;

[14383] Fix | Delete

};

[14384] Fix | Delete

[14385] Fix | Delete

var cx = function cx() {

[14386] Fix | Delete

if (hasRendered && "production" !== 'production') {}

[14387] Fix | Delete

[14388] Fix | Delete

for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {

[14389] Fix | Delete

args[_key2] = arguments[_key2];

[14390] Fix | Delete

}

[14391] Fix | Delete

[14392] Fix | Delete

return emotion_react_browser_esm_merge(cache.registered, css, emotion_react_browser_esm_classnames(args));

[14393] Fix | Delete

};

[14394] Fix | Delete

[14395] Fix | Delete

var content = {

[14396] Fix | Delete

css: css,

[14397] Fix | Delete

cx: cx,

[14398] Fix | Delete

theme: useContext(ThemeContext)

[14399] Fix | Delete

};

[14400] Fix | Delete

var ele = props.children(content);

[14401] Fix | Delete

hasRendered = true;

[14402] Fix | Delete

return /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(emotion_react_browser_esm_Insertion, {

[14403] Fix | Delete

cache: cache,

[14404] Fix | Delete

serializedArr: serializedArr

[14405] Fix | Delete

}), ele);

[14406] Fix | Delete

})));

[14407] Fix | Delete

[14408] Fix | Delete

if (false) {}

[14409] Fix | Delete

[14410] Fix | Delete

if (false) { var globalKey, globalContext, isTestEnv, emotion_react_browser_esm_isBrowser; }

[14411] Fix | Delete

[14412] Fix | Delete

[14413] Fix | Delete

[14414] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/colors-values.js

[14415] Fix | Delete

/**

[14416] Fix | Delete

* Internal dependencies

[14417] Fix | Delete

[14418] Fix | Delete

const white = '#fff';

[14419] Fix | Delete

[14420] Fix | Delete

// Matches the grays in @wordpress/base-styles

[14421] Fix | Delete

const GRAY = {

[14422] Fix | Delete

900: '#1e1e1e',

[14423] Fix | Delete

800: '#2f2f2f',

[14424] Fix | Delete

/** Meets 4.6:1 text contrast against white. */

[14425] Fix | Delete

700: '#757575',

[14426] Fix | Delete

/** Meets 3:1 UI or large text contrast against white. */

[14427] Fix | Delete

600: '#949494',

[14428] Fix | Delete

400: '#ccc',

[14429] Fix | Delete

/** Used for most borders. */

[14430] Fix | Delete

300: '#ddd',

[14431] Fix | Delete

/** Used sparingly for light borders. */

[14432] Fix | Delete

200: '#e0e0e0',

[14433] Fix | Delete

/** Used for light gray backgrounds. */

[14434] Fix | Delete

100: '#f0f0f0'

[14435] Fix | Delete

};

[14436] Fix | Delete

[14437] Fix | Delete

// Matches @wordpress/base-styles

[14438] Fix | Delete

const ALERT = {

[14439] Fix | Delete

yellow: '#f0b849',

[14440] Fix | Delete

red: '#d94f4f',

[14441] Fix | Delete

green: '#4ab866'

[14442] Fix | Delete

};

[14443] Fix | Delete

[14444] Fix | Delete

// Should match packages/components/src/utils/theme-variables.scss

[14445] Fix | Delete

const THEME = {

[14446] Fix | Delete

accent: `var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9))`,

[14447] Fix | Delete

accentDarker10: `var(--wp-components-color-accent-darker-10, var(--wp-admin-theme-color-darker-10, #2145e6))`,

[14448] Fix | Delete

accentDarker20: `var(--wp-components-color-accent-darker-20, var(--wp-admin-theme-color-darker-20, #183ad6))`,

[14449] Fix | Delete

/** Used when placing text on the accent color. */

[14450] Fix | Delete

accentInverted: `var(--wp-components-color-accent-inverted, ${white})`,

[14451] Fix | Delete

background: `var(--wp-components-color-background, ${white})`,

[14452] Fix | Delete

foreground: `var(--wp-components-color-foreground, ${GRAY[900]})`,

[14453] Fix | Delete

/** Used when placing text on the foreground color. */

[14454] Fix | Delete

foregroundInverted: `var(--wp-components-color-foreground-inverted, ${white})`,

[14455] Fix | Delete

gray: {

[14456] Fix | Delete

/** @deprecated Use `COLORS.theme.foreground` instead. */

[14457] Fix | Delete

900: `var(--wp-components-color-foreground, ${GRAY[900]})`,

[14458] Fix | Delete

800: `var(--wp-components-color-gray-800, ${GRAY[800]})`,

[14459] Fix | Delete

700: `var(--wp-components-color-gray-700, ${GRAY[700]})`,

[14460] Fix | Delete

600: `var(--wp-components-color-gray-600, ${GRAY[600]})`,

[14461] Fix | Delete

400: `var(--wp-components-color-gray-400, ${GRAY[400]})`,

[14462] Fix | Delete

300: `var(--wp-components-color-gray-300, ${GRAY[300]})`,

[14463] Fix | Delete

200: `var(--wp-components-color-gray-200, ${GRAY[200]})`,

[14464] Fix | Delete

100: `var(--wp-components-color-gray-100, ${GRAY[100]})`

[14465] Fix | Delete

}

[14466] Fix | Delete

};

[14467] Fix | Delete

const UI = {

[14468] Fix | Delete

background: THEME.background,

[14469] Fix | Delete

backgroundDisabled: THEME.gray[100],

[14470] Fix | Delete

border: THEME.gray[600],

[14471] Fix | Delete

borderHover: THEME.gray[700],

[14472] Fix | Delete

borderFocus: THEME.accent,

[14473] Fix | Delete

borderDisabled: THEME.gray[400],

[14474] Fix | Delete

textDisabled: THEME.gray[600],

[14475] Fix | Delete

// Matches @wordpress/base-styles

[14476] Fix | Delete

darkGrayPlaceholder: `color-mix(in srgb, ${THEME.foreground}, transparent 38%)`,

[14477] Fix | Delete

lightGrayPlaceholder: `color-mix(in srgb, ${THEME.background}, transparent 35%)`

[14478] Fix | Delete

};

[14479] Fix | Delete

const COLORS = Object.freeze({

[14480] Fix | Delete

/**

[14481] Fix | Delete

* The main gray color object.

[14482] Fix | Delete

[14483] Fix | Delete

* @deprecated Use semantic aliases in `COLORS.ui` or theme-ready variables in `COLORS.theme.gray`.

[14484] Fix | Delete

[14485] Fix | Delete

gray: GRAY,

[14486] Fix | Delete

// TODO: Stop exporting this when everything is migrated to `theme` or `ui`

[14487] Fix | Delete

white,

[14488] Fix | Delete

alert: ALERT,

[14489] Fix | Delete

/**

[14490] Fix | Delete

* Theme-ready variables with fallbacks.

[14491] Fix | Delete

[14492] Fix | Delete

* Prefer semantic aliases in `COLORS.ui` when applicable.

[14493] Fix | Delete

[14494] Fix | Delete

theme: THEME,

[14495] Fix | Delete

/**

[14496] Fix | Delete

* Semantic aliases (prefer these over raw variables when applicable).

[14497] Fix | Delete

[14498] Fix | Delete

ui: UI

[14499] Fix | Delete

1 ...27 282930 31 ...149