@times-design-system/components-wordpress 1.2.1 → 1.2.2-alpha.0

package/BLOCK_CREATION_CHECKLIST.md

@@ -22,7 +22,7 @@ Use this checklist when creating each new WordPress block from a React component
 
 ## 3. block.json
 
-- [ ] Set `name` to `times/<component-name>`
+- [ ] Set `name` to `tds/<component-name>`
 - [ ] Set descriptive `title`
 - [ ] Added all React props as `attributes`
 - [ ] Set appropriate `type` for each attribute
@@ -127,7 +127,7 @@ Event handler       → Not supported (use editor preview only)
 
 ### Issue: Block doesn't appear in inserter
 
-**Solution**: Verify `block.json` has `name: "times/..."` and `index.js` imports block registration
+**Solution**: Verify `block.json` has `name: "tds/..."` and `index.js` imports block registration
 
 ### Issue: Attributes not persisting
 

package/README.md

@@ -633,7 +633,7 @@ addFilter(
   'blocks.registerBlockType',
   'my-plugin/modify-button',
   (settings, name) => {
-    if (name === 'times/button') {
+    if (name === 'tds/button') {
       // Add custom attribute
       settings.attributes.myCustomAttr = {
         type: 'string',
@@ -653,7 +653,7 @@ addFilter(
 
 function register_times_block_styles() {
   register_block_style(
-    'times/button',
+    'tds/button',
     [
       'name'  => 'gradient',
       'label' => 'Gradient Style',
@@ -707,13 +707,13 @@ Create reusable block patterns:
 <?php
 // In your plugin/theme
 register_block_pattern(
-  'times/hero-with-button',
+  'tds/hero-with-button',
   [
     'title'       => 'Hero Section with Button',
     'description' => 'Large hero section with Times Design System button',
     'content'     => '
       <!-- wp:cover {"url":"...","minHeight":400} -->
-        <!-- wp:times/button {"label":"Learn More","intent":"primary","size":"large"} /-->
+        <!-- wp:tds/button {"label":"Learn More","intent":"primary","size":"large"} /-->
       <!-- /wp:cover -->
     ',
     'categories'  => [ 'hero' ],

package/TRANSFORMATION_GUIDE.md

@@ -89,7 +89,7 @@ mkdir -p packages/components-wordpress/src/blocks/<component-name>
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/<block-name>",
+  "name": "tds/<block-name>",
   "title": "Block Display Name",
   "category": "common",
   "description": "Brief description",
@@ -131,7 +131,7 @@ mkdir -p packages/components-wordpress/src/blocks/<component-name>
 ```json
 {
   "apiVersion": 3,
-  "name": "times/button",
+  "name": "tds/button",
   "title": "Button",
   "attributes": {
     "label": {
@@ -597,7 +597,7 @@ Suggested order for consistent, dependency-aware transformation:
 
 ### Block not appearing in Gutenberg?
 
-1. Check `block.json` has `name: "times/..."`
+1. Check `block.json` has `name: "tds/..."`
 2. Verify `edit.js` and `save.js` are exported as default
 3. Check console for JavaScript errors
 4. Rebuild: `npm run build`

package/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/design-system-blocks",
+  "name": "tds/design-system-blocks",
   "title": "Times Design System Blocks",
   "category": "times-design-system",
   "description": "A collection of Gutenberg blocks built with Times Design System components",

package/dist/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/design-system-blocks",
+  "name": "tds/design-system-blocks",
   "title": "Times Design System Blocks",
   "category": "times-design-system",
   "description": "A collection of Gutenberg blocks built with Times Design System components",

package/dist/blocks/ad-container/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/ad-container",
+  "name": "tds/ad-container",
   "title": "Ad Container",
   "category": "common",
   "description": "Advertising container placeholder",

package/dist/blocks/button/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/button",
+  "name": "tds/button",
   "title": "Button",
   "category": "common",
   "description": "A customizable button component for user interactions",

package/dist/blocks/chip/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/chip",
+  "name": "tds/chip",
   "title": "Chip",
   "category": "common",
   "description": "Small component for displaying labels, tags, or filter options",

package/dist/blocks/divider/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/divider",
+  "name": "tds/divider",
   "title": "Divider",
   "category": "common",
   "description": "A horizontal line divider component",

package/dist/blocks/flag/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/flag",
+  "name": "tds/flag",
   "title": "Flag",
   "category": "common",
   "description": "Badge or status indicator component",

package/dist/blocks/icon-button/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/icon-button",
+  "name": "tds/icon-button",
   "title": "Icon Button",
   "category": "common",
   "description": "Button component displaying only an icon",

package/dist/blocks/input/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/input",
+  "name": "tds/input",
   "title": "Input",
   "category": "common",
   "description": "Form input field component",

package/dist/blocks/link/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/link",
+  "name": "tds/link",
   "title": "Link",
   "category": "common",
   "description": "Styled link component with variants and states",

package/dist/blocks/text/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/text",
+  "name": "tds/text",
   "title": "Text",
   "category": "common",
   "description": "Typography component for displaying text with style variants",

package/dist/blocks/toast/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/toast",
+  "name": "tds/toast",
   "title": "Toast",
   "category": "common",
   "description": "Notification toast component",

package/dist/index.cjs

@@ -359,7 +359,7 @@ function Save(_ref) {
 
 var $schema$9 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$9 = 3;
-var name$9 = "times/button";
+var name$9 = "tds/button";
 var title$9 = "Button";
 var category$9 = "common";
 var description$9 = "A customizable button component for user interactions";
@@ -494,7 +494,7 @@ blocks.registerBlockType(metadata$9.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$8 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$8 = 3;
-var name$8 = "times/divider";
+var name$8 = "tds/divider";
 var title$8 = "Divider";
 var category$8 = "common";
 var description$8 = "A horizontal line divider component";
@@ -608,7 +608,7 @@ blocks.registerBlockType(metadata$8.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$7 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$7 = 3;
-var name$7 = "times/text";
+var name$7 = "tds/text";
 var title$7 = "Text";
 var category$7 = "common";
 var description$7 = "Typography component for displaying text with style variants";
@@ -750,7 +750,7 @@ blocks.registerBlockType(metadata$7.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$6 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$6 = 3;
-var name$6 = "times/input";
+var name$6 = "tds/input";
 var title$6 = "Input";
 var category$6 = "common";
 var description$6 = "Form input field component";
@@ -946,7 +946,7 @@ blocks.registerBlockType(metadata$6.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$5 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$5 = 3;
-var name$5 = "times/icon-button";
+var name$5 = "tds/icon-button";
 var title$5 = "Icon Button";
 var category$5 = "common";
 var description$5 = "Button component displaying only an icon";
@@ -1128,7 +1128,7 @@ blocks.registerBlockType(metadata$5.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$4 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$4 = 3;
-var name$4 = "times/chip";
+var name$4 = "tds/chip";
 var title$4 = "Chip";
 var category$4 = "common";
 var description$4 = "Small component for displaying labels, tags, or filter options";
@@ -1389,7 +1389,7 @@ blocks.registerBlockType(metadata$4.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$3 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$3 = 3;
-var name$3 = "times/flag";
+var name$3 = "tds/flag";
 var title$3 = "Flag";
 var category$3 = "common";
 var description$3 = "Badge or status indicator component";
@@ -1605,7 +1605,7 @@ blocks.registerBlockType(metadata$3.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$2 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$2 = 3;
-var name$2 = "times/toast";
+var name$2 = "tds/toast";
 var title$2 = "Toast";
 var category$2 = "common";
 var description$2 = "Notification toast component";
@@ -1785,7 +1785,7 @@ blocks.registerBlockType(metadata$2.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema$1 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$1 = 3;
-var name$1 = "times/link";
+var name$1 = "tds/link";
 var title$1 = "Link";
 var category$1 = "common";
 var description$1 = "Styled link component with variants and states";
@@ -2133,7 +2133,7 @@ blocks.registerBlockType(metadata$1.name, _objectSpread2(_objectSpread2({}, meta
 
 var $schema = "https://schemas.wp.org/trunk/block.json";
 var apiVersion = 3;
-var name = "times/ad-container";
+var name = "tds/ad-container";
 var title = "Ad Container";
 var category = "common";
 var description = "Advertising container placeholder";

package/dist/index.js

@@ -357,7 +357,7 @@ function Save(_ref) {
 
 var $schema$9 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$9 = 3;
-var name$9 = "times/button";
+var name$9 = "tds/button";
 var title$9 = "Button";
 var category$9 = "common";
 var description$9 = "A customizable button component for user interactions";
@@ -492,7 +492,7 @@ registerBlockType(metadata$9.name, _objectSpread2(_objectSpread2({}, metadata$9)
 
 var $schema$8 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$8 = 3;
-var name$8 = "times/divider";
+var name$8 = "tds/divider";
 var title$8 = "Divider";
 var category$8 = "common";
 var description$8 = "A horizontal line divider component";
@@ -606,7 +606,7 @@ registerBlockType(metadata$8.name, _objectSpread2(_objectSpread2({}, metadata$8)
 
 var $schema$7 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$7 = 3;
-var name$7 = "times/text";
+var name$7 = "tds/text";
 var title$7 = "Text";
 var category$7 = "common";
 var description$7 = "Typography component for displaying text with style variants";
@@ -748,7 +748,7 @@ registerBlockType(metadata$7.name, _objectSpread2(_objectSpread2({}, metadata$7)
 
 var $schema$6 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$6 = 3;
-var name$6 = "times/input";
+var name$6 = "tds/input";
 var title$6 = "Input";
 var category$6 = "common";
 var description$6 = "Form input field component";
@@ -944,7 +944,7 @@ registerBlockType(metadata$6.name, _objectSpread2(_objectSpread2({}, metadata$6)
 
 var $schema$5 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$5 = 3;
-var name$5 = "times/icon-button";
+var name$5 = "tds/icon-button";
 var title$5 = "Icon Button";
 var category$5 = "common";
 var description$5 = "Button component displaying only an icon";
@@ -1126,7 +1126,7 @@ registerBlockType(metadata$5.name, _objectSpread2(_objectSpread2({}, metadata$5)
 
 var $schema$4 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$4 = 3;
-var name$4 = "times/chip";
+var name$4 = "tds/chip";
 var title$4 = "Chip";
 var category$4 = "common";
 var description$4 = "Small component for displaying labels, tags, or filter options";
@@ -1387,7 +1387,7 @@ registerBlockType(metadata$4.name, _objectSpread2(_objectSpread2({}, metadata$4)
 
 var $schema$3 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$3 = 3;
-var name$3 = "times/flag";
+var name$3 = "tds/flag";
 var title$3 = "Flag";
 var category$3 = "common";
 var description$3 = "Badge or status indicator component";
@@ -1603,7 +1603,7 @@ registerBlockType(metadata$3.name, _objectSpread2(_objectSpread2({}, metadata$3)
 
 var $schema$2 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$2 = 3;
-var name$2 = "times/toast";
+var name$2 = "tds/toast";
 var title$2 = "Toast";
 var category$2 = "common";
 var description$2 = "Notification toast component";
@@ -1783,7 +1783,7 @@ registerBlockType(metadata$2.name, _objectSpread2(_objectSpread2({}, metadata$2)
 
 var $schema$1 = "https://schemas.wp.org/trunk/block.json";
 var apiVersion$1 = 3;
-var name$1 = "times/link";
+var name$1 = "tds/link";
 var title$1 = "Link";
 var category$1 = "common";
 var description$1 = "Styled link component with variants and states";
@@ -2131,7 +2131,7 @@ registerBlockType(metadata$1.name, _objectSpread2(_objectSpread2({}, metadata$1)
 
 var $schema = "https://schemas.wp.org/trunk/block.json";
 var apiVersion = 3;
-var name = "times/ad-container";
+var name = "tds/ad-container";
 var title = "Ad Container";
 var category = "common";
 var description = "Advertising container placeholder";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-design-system/components-wordpress",
-  "version": "1.2.1",
+  "version": "1.2.2-alpha.0+21580795",
   "type": "module",
   "description": "Times Design System Gutenberg blocks for WordPress Full Site Editing",
   "keywords": [
@@ -48,7 +48,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@times-design-system/theme-scss": "^2.0.1",
+    "@times-design-system/theme-scss": "^2.0.2-alpha.0+21580795",
     "@wordpress/block-editor": "^12.0.0",
     "@wordpress/blocks": "^12.0.0",
     "@wordpress/components": "^25.0.0",
@@ -71,5 +71,5 @@
     "rollup-plugin-postcss": "^4.0.2",
     "typescript": "^5.0.0"
   },
-  "gitHead": "cae2e72e255d82a5078715a2d63492bada29998a"
+  "gitHead": "21580795555c759c56388a9aadd9d21562a9a0d6"
 }

package/scripts/create-block.sh

@@ -26,7 +26,7 @@ cat > "$COMPONENT_DIR/block.json" << 'EOF'
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/COMPONENT_NAME",
+  "name": "tds/COMPONENT_NAME",
   "title": "COMPONENT_TITLE",
   "category": "common",
   "description": "A COMPONENT_TITLE component for Times Design System",

package/src/blocks/ad-container/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/ad-container",
+  "name": "tds/ad-container",
   "title": "Ad Container",
   "category": "common",
   "description": "Advertising container placeholder",

package/src/blocks/button/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/button",
+  "name": "tds/button",
   "title": "Button",
   "category": "common",
   "description": "A customizable button component for user interactions",

package/src/blocks/chip/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/chip",
+  "name": "tds/chip",
   "title": "Chip",
   "category": "common",
   "description": "Small component for displaying labels, tags, or filter options",

package/src/blocks/divider/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/divider",
+  "name": "tds/divider",
   "title": "Divider",
   "category": "common",
   "description": "A horizontal line divider component",

package/src/blocks/flag/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/flag",
+  "name": "tds/flag",
   "title": "Flag",
   "category": "common",
   "description": "Badge or status indicator component",

package/src/blocks/icon-button/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/icon-button",
+  "name": "tds/icon-button",
   "title": "Icon Button",
   "category": "common",
   "description": "Button component displaying only an icon",

package/src/blocks/input/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/input",
+  "name": "tds/input",
   "title": "Input",
   "category": "common",
   "description": "Form input field component",

package/src/blocks/link/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/link",
+  "name": "tds/link",
   "title": "Link",
   "category": "common",
   "description": "Styled link component with variants and states",

package/src/blocks/text/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/text",
+  "name": "tds/text",
   "title": "Text",
   "category": "common",
   "description": "Typography component for displaying text with style variants",

package/src/blocks/toast/block.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schemas.wp.org/trunk/block.json",
   "apiVersion": 3,
-  "name": "times/toast",
+  "name": "tds/toast",
   "title": "Toast",
   "category": "common",
   "description": "Notification toast component",