@wordpress/theme 0.1.0

package/build/prebuilt/ts/design-tokens.js

@@ -0,0 +1,354 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var design_tokens_exports = {};
+__export(design_tokens_exports, {
+  default: () => design_tokens_default
+});
+module.exports = __toCommonJS(design_tokens_exports);
+var design_tokens_default = {
+  "--wpds-border-radius-x-small": {
+    ".": "1px"
+  },
+  "--wpds-border-radius-small": {
+    ".": "2px"
+  },
+  "--wpds-border-radius-medium": {
+    ".": "4px"
+  },
+  "--wpds-border-radius-large": {
+    ".": "8px"
+  },
+  "--wpds-border-width-focus": {
+    ".": "2px",
+    "high-dpi": "1.5px"
+  },
+  "--wpds-color-bg-surface-neutral": {
+    ".": "var(--wpds-color-private-bg-surface2)"
+  },
+  "--wpds-color-bg-surface-neutral-strong": {
+    ".": "var(--wpds-color-private-bg-surface3)"
+  },
+  "--wpds-color-bg-surface-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-surface1)"
+  },
+  "--wpds-color-bg-surface-brand": {
+    ".": "var(--wpds-color-private-primary-surface1)"
+  },
+  "--wpds-color-bg-surface-success": {
+    ".": "var(--wpds-color-private-success-surface4)"
+  },
+  "--wpds-color-bg-surface-success-weak": {
+    ".": "var(--wpds-color-private-success-surface2)"
+  },
+  "--wpds-color-bg-surface-info": {
+    ".": "var(--wpds-color-private-info-surface4)"
+  },
+  "--wpds-color-bg-surface-info-weak": {
+    ".": "var(--wpds-color-private-info-surface2)"
+  },
+  "--wpds-color-bg-surface-warning": {
+    ".": "var(--wpds-color-private-warning-surface4)"
+  },
+  "--wpds-color-bg-surface-warning-weak": {
+    ".": "var(--wpds-color-private-warning-surface2)"
+  },
+  "--wpds-color-bg-surface-error": {
+    ".": "var(--wpds-color-private-error-surface4)"
+  },
+  "--wpds-color-bg-surface-error-weak": {
+    ".": "var(--wpds-color-private-error-surface2)"
+  },
+  "--wpds-color-bg-interactive-neutral": {
+    ".": "#00000000"
+  },
+  "--wpds-color-bg-interactive-neutral-active": {
+    ".": "var(--wpds-color-private-bg-surface4)"
+  },
+  "--wpds-color-bg-interactive-neutral-disabled": {
+    ".": "var(--wpds-color-private-bg-surface5)"
+  },
+  "--wpds-color-bg-interactive-neutral-strong": {
+    ".": "var(--wpds-color-private-bg-bg-fill-inverted1)"
+  },
+  "--wpds-color-bg-interactive-neutral-strong-active": {
+    ".": "var(--wpds-color-private-bg-bg-fill-inverted2)"
+  },
+  "--wpds-color-bg-interactive-neutral-strong-disabled": {
+    ".": "var(--wpds-color-private-bg-surface6)"
+  },
+  "--wpds-color-bg-interactive-neutral-weak": {
+    ".": "#00000000"
+  },
+  "--wpds-color-bg-interactive-neutral-weak-active": {
+    ".": "var(--wpds-color-private-bg-surface4)"
+  },
+  "--wpds-color-bg-interactive-neutral-weak-disabled": {
+    ".": "var(--wpds-color-private-bg-surface5)"
+  },
+  "--wpds-color-bg-interactive-brand": {
+    ".": "#00000000"
+  },
+  "--wpds-color-bg-interactive-brand-active": {
+    ".": "var(--wpds-color-private-primary-surface2)"
+  },
+  "--wpds-color-bg-interactive-brand-disabled": {
+    ".": "var(--wpds-color-private-bg-surface5)"
+  },
+  "--wpds-color-bg-interactive-brand-strong": {
+    ".": "var(--wpds-color-private-primary-bg-fill1)"
+  },
+  "--wpds-color-bg-interactive-brand-strong-active": {
+    ".": "var(--wpds-color-private-primary-bg-fill2)"
+  },
+  "--wpds-color-bg-interactive-brand-strong-disabled": {
+    ".": "var(--wpds-color-private-bg-surface6)"
+  },
+  "--wpds-color-bg-interactive-brand-weak": {
+    ".": "#00000000"
+  },
+  "--wpds-color-bg-interactive-brand-weak-active": {
+    ".": "var(--wpds-color-private-primary-surface4)"
+  },
+  "--wpds-color-bg-interactive-brand-weak-disabled": {
+    ".": "var(--wpds-color-private-bg-surface5)"
+  },
+  "--wpds-color-bg-track-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-stroke1)"
+  },
+  "--wpds-color-bg-track-neutral": {
+    ".": "var(--wpds-color-private-bg-stroke2)"
+  },
+  "--wpds-color-bg-thumb-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-stroke3)"
+  },
+  "--wpds-color-bg-thumb-neutral-weak-active": {
+    ".": "var(--wpds-color-private-bg-stroke4)"
+  },
+  "--wpds-color-bg-thumb-brand": {
+    ".": "var(--wpds-color-private-primary-stroke3)"
+  },
+  "--wpds-color-bg-thumb-brand-active": {
+    ".": "var(--wpds-color-private-primary-stroke3)"
+  },
+  "--wpds-color-bg-thumb-brand-disabled": {
+    ".": "var(--wpds-color-private-bg-stroke2)"
+  },
+  "--wpds-color-fg-content-neutral": {
+    ".": "var(--wpds-color-private-bg-fg-surface4)"
+  },
+  "--wpds-color-fg-content-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-fg-surface3)"
+  },
+  "--wpds-color-fg-interactive-neutral": {
+    ".": "var(--wpds-color-private-bg-fg-surface4)"
+  },
+  "--wpds-color-fg-interactive-neutral-active": {
+    ".": "var(--wpds-color-private-bg-fg-surface4)"
+  },
+  "--wpds-color-fg-interactive-neutral-disabled": {
+    ".": "var(--wpds-color-private-bg-fg-surface2)"
+  },
+  "--wpds-color-fg-interactive-neutral-strong": {
+    ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
+  },
+  "--wpds-color-fg-interactive-neutral-strong-active": {
+    ".": "var(--wpds-color-private-bg-fg-fill-inverted)"
+  },
+  "--wpds-color-fg-interactive-neutral-strong-disabled": {
+    ".": "var(--wpds-color-private-bg-fg-surface3)"
+  },
+  "--wpds-color-fg-interactive-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-fg-surface3)"
+  },
+  "--wpds-color-fg-interactive-neutral-weak-disabled": {
+    ".": "var(--wpds-color-private-bg-fg-surface2)"
+  },
+  "--wpds-color-fg-interactive-brand": {
+    ".": "var(--wpds-color-private-primary-fg-surface3)"
+  },
+  "--wpds-color-fg-interactive-brand-active": {
+    ".": "var(--wpds-color-private-primary-fg-surface3)"
+  },
+  "--wpds-color-fg-interactive-brand-disabled": {
+    ".": "var(--wpds-color-private-bg-fg-surface2)"
+  },
+  "--wpds-color-fg-interactive-brand-strong": {
+    ".": "var(--wpds-color-private-primary-fg-fill)"
+  },
+  "--wpds-color-fg-interactive-brand-strong-active": {
+    ".": "var(--wpds-color-private-primary-fg-fill)"
+  },
+  "--wpds-color-fg-interactive-brand-strong-disabled": {
+    ".": "var(--wpds-color-private-bg-fg-surface3)"
+  },
+  "--wpds-color-stroke-surface-neutral": {
+    ".": "var(--wpds-color-private-bg-stroke2)"
+  },
+  "--wpds-color-stroke-surface-neutral-weak": {
+    ".": "var(--wpds-color-private-bg-stroke1)"
+  },
+  "--wpds-color-stroke-surface-neutral-strong": {
+    ".": "var(--wpds-color-private-bg-stroke3)"
+  },
+  "--wpds-color-stroke-surface-brand": {
+    ".": "var(--wpds-color-private-primary-stroke1)"
+  },
+  "--wpds-color-stroke-surface-brand-strong": {
+    ".": "var(--wpds-color-private-primary-stroke3)"
+  },
+  "--wpds-color-stroke-surface-success": {
+    ".": "var(--wpds-color-private-success-stroke1)"
+  },
+  "--wpds-color-stroke-surface-success-strong": {
+    ".": "var(--wpds-color-private-success-stroke3)"
+  },
+  "--wpds-color-stroke-surface-info": {
+    ".": "var(--wpds-color-private-info-stroke1)"
+  },
+  "--wpds-color-stroke-surface-info-strong": {
+    ".": "var(--wpds-color-private-info-stroke3)"
+  },
+  "--wpds-color-stroke-surface-warning": {
+    ".": "var(--wpds-color-private-warning-stroke1)"
+  },
+  "--wpds-color-stroke-surface-warning-strong": {
+    ".": "var(--wpds-color-private-warning-stroke3)"
+  },
+  "--wpds-color-stroke-surface-error": {
+    ".": "var(--wpds-color-private-error-stroke1)"
+  },
+  "--wpds-color-stroke-surface-error-strong": {
+    ".": "var(--wpds-color-private-error-stroke3)"
+  },
+  "--wpds-color-stroke-interactive-neutral": {
+    ".": "var(--wpds-color-private-bg-stroke3)"
+  },
+  "--wpds-color-stroke-interactive-neutral-active": {
+    ".": "var(--wpds-color-private-bg-stroke4)"
+  },
+  "--wpds-color-stroke-interactive-neutral-disabled": {
+    ".": "var(--wpds-color-private-bg-stroke2)"
+  },
+  "--wpds-color-stroke-interactive-neutral-strong": {
+    ".": "var(--wpds-color-private-bg-stroke4)"
+  },
+  "--wpds-color-stroke-interactive-brand": {
+    ".": "var(--wpds-color-private-primary-stroke3)"
+  },
+  "--wpds-color-stroke-interactive-brand-active": {
+    ".": "var(--wpds-color-private-primary-stroke4)"
+  },
+  "--wpds-color-stroke-interactive-brand-disabled": {
+    ".": "var(--wpds-color-private-bg-stroke2)"
+  },
+  "--wpds-color-stroke-interactive-error-strong": {
+    ".": "var(--wpds-color-private-error-stroke3)"
+  },
+  "--wpds-color-stroke-focus-brand": {
+    ".": "var(--wpds-color-private-primary-stroke3)"
+  },
+  "--wpds-elevation-x-small": {
+    ".": "0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003"
+  },
+  "--wpds-elevation-small": {
+    ".": "0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005"
+  },
+  "--wpds-elevation-medium": {
+    ".": "0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005"
+  },
+  "--wpds-elevation-large": {
+    ".": "0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005"
+  },
+  "--wpds-spacing-05": {
+    ".": "4px"
+  },
+  "--wpds-spacing-10": {
+    ".": "8px"
+  },
+  "--wpds-spacing-15": {
+    ".": "12px"
+  },
+  "--wpds-spacing-20": {
+    ".": "16px"
+  },
+  "--wpds-spacing-30": {
+    ".": "24px"
+  },
+  "--wpds-spacing-40": {
+    ".": "32px"
+  },
+  "--wpds-spacing-50": {
+    ".": "40px"
+  },
+  "--wpds-spacing-60": {
+    ".": "48px"
+  },
+  "--wpds-spacing-70": {
+    ".": "56px"
+  },
+  "--wpds-spacing-80": {
+    ".": "64px"
+  },
+  "--wpds-font-family-heading": {
+    ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
+  },
+  "--wpds-font-family-body": {
+    ".": '-apple-system, system-ui, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif'
+  },
+  "--wpds-font-family-mono": {
+    ".": '"Menlo", "Consolas", monaco, monospace'
+  },
+  "--wpds-font-size-x-small": {
+    ".": "11px"
+  },
+  "--wpds-font-size-small": {
+    ".": "12px"
+  },
+  "--wpds-font-size-medium": {
+    ".": "13px"
+  },
+  "--wpds-font-size-large": {
+    ".": "15px"
+  },
+  "--wpds-font-size-x-large": {
+    ".": "20px"
+  },
+  "--wpds-font-size-2x-large": {
+    ".": "32px"
+  },
+  "--wpds-font-line-height-x-small": {
+    ".": "16px"
+  },
+  "--wpds-font-line-height-small": {
+    ".": "20px"
+  },
+  "--wpds-font-line-height-medium": {
+    ".": "24px"
+  },
+  "--wpds-font-line-height-large": {
+    ".": "28px"
+  },
+  "--wpds-font-line-height-x-large": {
+    ".": "32px"
+  },
+  "--wpds-font-line-height-2x-large": {
+    ".": "40px"
+  }
+};
+//# sourceMappingURL=design-tokens.js.map

package/build/prebuilt/ts/design-tokens.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/prebuilt/ts/design-tokens.ts"],
+  "sourcesContent": ["/**\n * This file is generated by the @terrazzo/plugin-known-wpds-css-variables plugin.\n * Do not edit this file directly.\n */\n\nexport default {\n\t'--wpds-border-radius-x-small': {\n\t\t'.': '1px',\n\t},\n\t'--wpds-border-radius-small': {\n\t\t'.': '2px',\n\t},\n\t'--wpds-border-radius-medium': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-border-radius-large': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-border-width-focus': {\n\t\t'.': '2px',\n\t\t'high-dpi': '1.5px',\n\t},\n\t'--wpds-color-bg-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-surface2)',\n\t},\n\t'--wpds-color-bg-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-surface3)',\n\t},\n\t'--wpds-color-bg-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-surface1)',\n\t},\n\t'--wpds-color-bg-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-surface1)',\n\t},\n\t'--wpds-color-bg-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-surface4)',\n\t},\n\t'--wpds-color-bg-surface-success-weak': {\n\t\t'.': 'var(--wpds-color-private-success-surface2)',\n\t},\n\t'--wpds-color-bg-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-surface4)',\n\t},\n\t'--wpds-color-bg-surface-info-weak': {\n\t\t'.': 'var(--wpds-color-private-info-surface2)',\n\t},\n\t'--wpds-color-bg-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-surface4)',\n\t},\n\t'--wpds-color-bg-surface-warning-weak': {\n\t\t'.': 'var(--wpds-color-private-warning-surface2)',\n\t},\n\t'--wpds-color-bg-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-surface4)',\n\t},\n\t'--wpds-color-bg-surface-error-weak': {\n\t\t'.': 'var(--wpds-color-private-error-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted1)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-bg-fill-inverted2)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill1)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-bg-fill2)',\n\t},\n\t'--wpds-color-bg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface6)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak': {\n\t\t'.': '#00000000',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-active': {\n\t\t'.': 'var(--wpds-color-private-primary-surface4)',\n\t},\n\t'--wpds-color-bg-interactive-brand-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-surface5)',\n\t},\n\t'--wpds-color-bg-track-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-bg-track-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-neutral-weak-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-bg-thumb-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-bg-thumb-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-fg-content-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-content-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface4)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-active': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-fill-inverted)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-neutral-weak-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-surface3)',\n\t},\n\t'--wpds-color-fg-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface2)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-active': {\n\t\t'.': 'var(--wpds-color-private-primary-fg-fill)',\n\t},\n\t'--wpds-color-fg-interactive-brand-strong-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-fg-surface3)',\n\t},\n\t'--wpds-color-stroke-surface-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-weak': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-brand-strong': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-success': {\n\t\t'.': 'var(--wpds-color-private-success-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-success-strong': {\n\t\t'.': 'var(--wpds-color-private-success-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-info': {\n\t\t'.': 'var(--wpds-color-private-info-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-info-strong': {\n\t\t'.': 'var(--wpds-color-private-info-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-warning': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-warning-strong': {\n\t\t'.': 'var(--wpds-color-private-warning-stroke3)',\n\t},\n\t'--wpds-color-stroke-surface-error': {\n\t\t'.': 'var(--wpds-color-private-error-stroke1)',\n\t},\n\t'--wpds-color-stroke-surface-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-active': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-neutral-strong': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-active': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke4)',\n\t},\n\t'--wpds-color-stroke-interactive-brand-disabled': {\n\t\t'.': 'var(--wpds-color-private-bg-stroke2)',\n\t},\n\t'--wpds-color-stroke-interactive-error-strong': {\n\t\t'.': 'var(--wpds-color-private-error-stroke3)',\n\t},\n\t'--wpds-color-stroke-focus-brand': {\n\t\t'.': 'var(--wpds-color-private-primary-stroke3)',\n\t},\n\t'--wpds-elevation-x-small': {\n\t\t'.': '0 1px 1px 0 #00000008, 0 1px 2px 0 #00000005, 0 3px 3px 0 #00000005, 0 4px 4px 0 #00000003',\n\t},\n\t'--wpds-elevation-small': {\n\t\t'.': '0 1px 2px 0 #0000000d, 0 2px 3px 0 #0000000a, 0 6px 6px 0 #00000008, 0 8px 8px 0 #00000005',\n\t},\n\t'--wpds-elevation-medium': {\n\t\t'.': '0 2px 3px 0 #0000000d, 0 4px 5px 0 #0000000a, 0 12px 12px 0 #00000008, 0 16px 16px 0 #00000005',\n\t},\n\t'--wpds-elevation-large': {\n\t\t'.': '0 5px 15px 0 #00000014, 0 15px 27px 0 #00000012, 0 30px 36px 0 #0000000a, 0 50px 43px 0 #00000005',\n\t},\n\t'--wpds-spacing-05': {\n\t\t'.': '4px',\n\t},\n\t'--wpds-spacing-10': {\n\t\t'.': '8px',\n\t},\n\t'--wpds-spacing-15': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-spacing-20': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-spacing-30': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-spacing-40': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-spacing-50': {\n\t\t'.': '40px',\n\t},\n\t'--wpds-spacing-60': {\n\t\t'.': '48px',\n\t},\n\t'--wpds-spacing-70': {\n\t\t'.': '56px',\n\t},\n\t'--wpds-spacing-80': {\n\t\t'.': '64px',\n\t},\n\t'--wpds-font-family-heading': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-body': {\n\t\t'.': '-apple-system, system-ui, \"Segoe UI\", \"Roboto\", \"Oxygen-Sans\", \"Ubuntu\", \"Cantarell\", \"Helvetica Neue\", sans-serif',\n\t},\n\t'--wpds-font-family-mono': {\n\t\t'.': '\"Menlo\", \"Consolas\", monaco, monospace',\n\t},\n\t'--wpds-font-size-x-small': {\n\t\t'.': '11px',\n\t},\n\t'--wpds-font-size-small': {\n\t\t'.': '12px',\n\t},\n\t'--wpds-font-size-medium': {\n\t\t'.': '13px',\n\t},\n\t'--wpds-font-size-large': {\n\t\t'.': '15px',\n\t},\n\t'--wpds-font-size-x-large': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-size-2x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-x-small': {\n\t\t'.': '16px',\n\t},\n\t'--wpds-font-line-height-small': {\n\t\t'.': '20px',\n\t},\n\t'--wpds-font-line-height-medium': {\n\t\t'.': '24px',\n\t},\n\t'--wpds-font-line-height-large': {\n\t\t'.': '28px',\n\t},\n\t'--wpds-font-line-height-x-large': {\n\t\t'.': '32px',\n\t},\n\t'--wpds-font-line-height-2x-large': {\n\t\t'.': '40px',\n\t},\n} as Record< string, Record< string, string > >;\n"],
+  "mappings": "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",
+  "names": []
+}

package/build/private-apis.js

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var private_apis_exports = {};
+__export(private_apis_exports, {
+  privateApis: () => privateApis
+});
+module.exports = __toCommonJS(private_apis_exports);
+var import_lock_unlock = require("./lock-unlock");
+var import_theme_provider = require("./theme-provider");
+var import_use_theme_provider_styles = require("./use-theme-provider-styles");
+const privateApis = {};
+(0, import_lock_unlock.lock)(privateApis, {
+  ThemeProvider: import_theme_provider.ThemeProvider,
+  useThemeProviderStyles: import_use_theme_provider_styles.useThemeProviderStyles
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  privateApis
+});
+//# sourceMappingURL=private-apis.js.map

package/build/private-apis.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/private-apis.ts"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { lock } from './lock-unlock';\nimport { ThemeProvider } from './theme-provider';\nimport { useThemeProviderStyles } from './use-theme-provider-styles';\n\nexport const privateApis = {};\nlock( privateApis, {\n\tThemeProvider,\n\tuseThemeProviderStyles,\n} );\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,yBAAqB;AACrB,4BAA8B;AAC9B,uCAAuC;AAEhC,MAAM,cAAc,CAAC;AAAA,IAC5B,yBAAM,aAAa;AAAA,EAClB;AAAA,EACA;AACD,CAAE;",
+  "names": []
+}

package/build/style.module.css.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = {"root":"_root_th78q_1"};

package/build/theme-provider.js

@@ -0,0 +1,92 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var theme_provider_exports = {};
+__export(theme_provider_exports, {
+  ThemeProvider: () => ThemeProvider
+});
+module.exports = __toCommonJS(theme_provider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_context = require("./context");
+var import_use_theme_provider_styles = require("./use-theme-provider-styles");
+var import_style = __toESM(require("./style.module.css"));
+function cssObjectToText(values) {
+  return Object.entries(values).map(([key, value]) => `${key}: ${value};`).join("");
+}
+function generateCSSSelector({
+  instanceId,
+  isRoot
+}) {
+  const rootSel = `[data-wpds-root-provider="true"]`;
+  const instanceIdSel = `[data-wpds-theme-provider-id="${instanceId}"]`;
+  const selectors = [];
+  if (isRoot) {
+    selectors.push(
+      `:root:has(.${import_style.default.root}${rootSel}${instanceIdSel})`
+    );
+  }
+  selectors.push(`.${import_style.default.root}.${import_style.default.root}${instanceIdSel}`);
+  return selectors.join(",");
+}
+const ThemeProvider = ({
+  children,
+  color = {},
+  isRoot = false
+}) => {
+  const instanceId = (0, import_element.useId)();
+  const { themeProviderStyles, resolvedSettings } = (0, import_use_theme_provider_styles.useThemeProviderStyles)({
+    color
+  });
+  const contextValue = (0, import_element.useMemo)(
+    () => ({
+      resolvedSettings
+    }),
+    [resolvedSettings]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    themeProviderStyles ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { children: `${generateCSSSelector({
+      instanceId,
+      isRoot
+    })} {${cssObjectToText(themeProviderStyles)}}` }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "div",
+      {
+        "data-wpds-theme-provider-id": instanceId,
+        "data-wpds-root-provider": isRoot,
+        className: import_style.default.root,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.ThemeContext.Provider, { value: contextValue, children })
+      }
+    )
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ThemeProvider
+});
+//# sourceMappingURL=theme-provider.js.map

package/build/theme-provider.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/theme-provider.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport type { CSSProperties } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useId } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ThemeContext } from './context';\nimport { useThemeProviderStyles } from './use-theme-provider-styles';\nimport { type ThemeProviderProps } from './types';\nimport styles from './style.module.css';\n\nfunction cssObjectToText( values: CSSProperties ) {\n\treturn Object.entries( values )\n\t\t.map( ( [ key, value ] ) => `${ key }: ${ value };` )\n\t\t.join( '' );\n}\n\nfunction generateCSSSelector( {\n\tinstanceId,\n\tisRoot,\n}: {\n\tinstanceId: string;\n\tisRoot: boolean;\n} ) {\n\tconst rootSel = `[data-wpds-root-provider=\"true\"]`;\n\tconst instanceIdSel = `[data-wpds-theme-provider-id=\"${ instanceId }\"]`;\n\n\tconst selectors = [];\n\n\tif ( isRoot ) {\n\t\tselectors.push(\n\t\t\t`:root:has(.${ styles.root }${ rootSel }${ instanceIdSel })`\n\t\t);\n\t}\n\n\tselectors.push( `.${ styles.root }.${ styles.root }${ instanceIdSel }` );\n\n\treturn selectors.join( ',' );\n}\n\nexport const ThemeProvider = ( {\n\tchildren,\n\tcolor = {},\n\tisRoot = false,\n}: ThemeProviderProps ) => {\n\tconst instanceId = useId();\n\n\tconst { themeProviderStyles, resolvedSettings } = useThemeProviderStyles( {\n\t\tcolor,\n\t} );\n\n\tconst contextValue = useMemo(\n\t\t() => ( {\n\t\t\tresolvedSettings,\n\t\t} ),\n\t\t[ resolvedSettings ]\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t{ themeProviderStyles ? (\n\t\t\t\t<style>\n\t\t\t\t\t{ `${ generateCSSSelector( {\n\t\t\t\t\t\tinstanceId,\n\t\t\t\t\t\tisRoot,\n\t\t\t\t\t} ) } {${ cssObjectToText( themeProviderStyles ) }}` }\n\t\t\t\t</style>\n\t\t\t) : null }\n\t\t\t<div\n\t\t\t\tdata-wpds-theme-provider-id={ instanceId }\n\t\t\t\tdata-wpds-root-provider={ isRoot }\n\t\t\t\tclassName={ styles.root }\n\t\t\t>\n\t\t\t\t<ThemeContext.Provider value={ contextValue }>\n\t\t\t\t\t{ children }\n\t\t\t\t</ThemeContext.Provider>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkEE;AA1DF,qBAA+B;AAK/B,qBAA6B;AAC7B,uCAAuC;AAEvC,mBAAmB;AAEnB,SAAS,gBAAiB,QAAwB;AACjD,SAAO,OAAO,QAAS,MAAO,EAC5B,IAAK,CAAE,CAAE,KAAK,KAAM,MAAO,GAAI,GAAI,KAAM,KAAM,GAAI,EACnD,KAAM,EAAG;AACZ;AAEA,SAAS,oBAAqB;AAAA,EAC7B;AAAA,EACA;AACD,GAGI;AACH,QAAM,UAAU;AAChB,QAAM,gBAAgB,iCAAkC,UAAW;AAEnE,QAAM,YAAY,CAAC;AAEnB,MAAK,QAAS;AACb,cAAU;AAAA,MACT,cAAe,aAAAA,QAAO,IAAK,GAAI,OAAQ,GAAI,aAAc;AAAA,IAC1D;AAAA,EACD;AAEA,YAAU,KAAM,IAAK,aAAAA,QAAO,IAAK,IAAK,aAAAA,QAAO,IAAK,GAAI,aAAc,EAAG;AAEvE,SAAO,UAAU,KAAM,GAAI;AAC5B;AAEO,MAAM,gBAAgB,CAAE;AAAA,EAC9B;AAAA,EACA,QAAQ,CAAC;AAAA,EACT,SAAS;AACV,MAA2B;AAC1B,QAAM,iBAAa,sBAAM;AAEzB,QAAM,EAAE,qBAAqB,iBAAiB,QAAI,yDAAwB;AAAA,IACzE;AAAA,EACD,CAAE;AAEF,QAAM,mBAAe;AAAA,IACpB,OAAQ;AAAA,MACP;AAAA,IACD;AAAA,IACA,CAAE,gBAAiB;AAAA,EACpB;AAEA,SACC,4EACG;AAAA,0BACD,4CAAC,WACE,aAAI,oBAAqB;AAAA,MAC1B;AAAA,MACA;AAAA,IACD,CAAE,CAAE,KAAM,gBAAiB,mBAAoB,CAAE,KAClD,IACG;AAAA,IACJ;AAAA,MAAC;AAAA;AAAA,QACA,+BAA8B;AAAA,QAC9B,2BAA0B;AAAA,QAC1B,WAAY,aAAAA,QAAO;AAAA,QAEnB,sDAAC,4BAAa,UAAb,EAAsB,OAAQ,cAC5B,UACH;AAAA;AAAA,IACD;AAAA,KACD;AAEF;",
+  "names": ["styles"]
+}

package/build/types/css-modules.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=css-modules.d.js.map

package/build/types/css-modules.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build/types.js

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/build/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/types.ts"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { type ReactNode } from 'react';\n\nexport interface ThemeProviderSettings {\n\t/**\n\t * The set of color options to apply to the theme.\n\t */\n\tcolor?: {\n\t\t/**\n\t\t * The primary seed color to use for the theme.\n\t\t *\n\t\t * By default, it inherits from parent `ThemeProvider`,\n\t\t * and fallbacks to statically built CSS.\n\t\t */\n\t\tprimary?: string;\n\t\t/**\n\t\t * The background seed color to use for the theme.\n\t\t *\n\t\t * By default, it inherits from parent `ThemeProvider`,\n\t\t * and fallbacks to statically built CSS.\n\t\t */\n\t\tbg?: string;\n\t};\n}\n\nexport interface ThemeProviderProps extends ThemeProviderSettings {\n\t/**\n\t * The children to render.\n\t */\n\tchildren?: ReactNode;\n\n\t/**\n\t * When a ThemeProvider is the root provider, it will apply its theming\n\t * settings also to the root document element (e.g. the html element).\n\t * This is useful, for example, to make sure that the `html` element can\n\t * consume the right background color, or that overlays rendered inside a\n\t * portal can inherit the correct color scheme.\n\t *\n\t * @default false\n\t */\n\tisRoot?: boolean;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}