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

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",
@@ -13,6 +13,7 @@
       "padding": false
     }
   },
+  "render": "file:./render.php",
   "attributes": {
     "as": {
       "type": "string",

package/dist/blocks/text/render.php

@@ -0,0 +1,26 @@
+<?php
+/**
+ * Text Block Render Callback
+ * 
+ * Renders the Text typography block on the frontend.
+ * 
+ * @package TimesDesignSystem\ComponentsWordPress
+ * @var array $attributes Block attributes
+ * @var string $content Block content
+ * @var WP_Block $block Block instance
+ */
+
+$as = isset($attributes['as']) ? sanitize_text_field($attributes['as']) : 'p';
+$typography_style = isset($attributes['typographyStyle']) ? sanitize_text_field($attributes['typographyStyle']) : '';
+$text_content = isset($attributes['content']) ? wp_kses_post($attributes['content']) : '';
+
+$tag_name = in_array($as, ['p', 'span', 'h1', 'h2', 'h3', 'h4', 'h5'], true) ? $as : 'p';
+$class_name = 'tds-text';
+if ($typography_style) {
+	$class_name .= ' tds-text--' . sanitize_html_class($typography_style);
+}
+
+$wrapper_attrs = get_block_wrapper_attributes(['class' => $class_name]);
+?>
+
+<?php echo wp_sprintf('<%s %s>%s</%s>', $tag_name, wp_kses_post($wrapper_attrs), wp_kses_post($text_content), $tag_name); ?>

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",
@@ -12,6 +12,7 @@
       "margin": true
     }
   },
+  "render": "file:./render.php",
   "attributes": {
     "label": {
       "type": "string",

package/dist/blocks/toast/render.php

@@ -0,0 +1,37 @@
+<?php
+/**
+ * Toast Block Render Callback
+ * 
+ * Renders the Toast notification block on the frontend.
+ * 
+ * @package TimesDesignSystem\ComponentsWordPress
+ * @var array $attributes Block attributes
+ * @var string $content Block content
+ * @var WP_Block $block Block instance
+ */
+
+$label = isset($attributes['label']) ? wp_kses_post($attributes['label']) : '';
+$intent = isset($attributes['intent']) ? sanitize_text_field($attributes['intent']) : '';
+$link = isset($attributes['link']) ? esc_url($attributes['link']) : '';
+$link_label = isset($attributes['linkLabel']) ? sanitize_text_field($attributes['linkLabel']) : '';
+$timeout = isset($attributes['timeout']) ? intval($attributes['timeout']) : 0;
+
+$classes = ['tds-toast'];
+$classes[] = 'tds-toast--intent-' . $intent;
+
+$wrapper_attrs = get_block_wrapper_attributes(['class' => implode(' ', $classes)]);
+?>
+
+<div 
+	<?php echo wp_kses_post($wrapper_attrs); ?>
+	role="status"
+	aria-live="polite"
+	<?php echo $timeout ? 'data-timeout="' . esc_attr($timeout) . '"' : ''; ?>
+>
+	<div class="tds-toast__content">
+		<div class="tds-toast__label"><?php echo wp_kses_post($label); ?></div>
+	</div>
+	<?php if ($link && $link_label) : ?>
+		<a href="<?php echo esc_attr($link); ?>" class="tds-toast__link"><?php echo wp_kses_post($link_label); ?></a>
+	<?php endif; ?>
+</div>

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";
@@ -374,6 +374,7 @@ var supports$9 = {
 	customClassName: true
 };
 var textdomain = "times-design-system";
+var render$9 = "file:./render.php";
 var attributes$9 = {
 	label: {
 		type: "string",
@@ -481,6 +482,7 @@ var metadata$9 = {
 	icon: icon$9,
 	supports: supports$9,
 	textdomain: textdomain,
+	render: render$9,
 	attributes: attributes$9,
 	editorScript: editorScript,
 	editorStyle: editorStyle,
@@ -494,7 +496,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";
@@ -509,6 +511,7 @@ var supports$8 = {
 		"full"
 	]
 };
+var render$8 = "file:./render.php";
 var attributes$8 = {
 	isDashed: {
 		type: "boolean",
@@ -534,6 +537,7 @@ var metadata$8 = {
 	description: description$8,
 	icon: icon$8,
 	supports: supports$8,
+	render: render$8,
 	attributes: attributes$8,
 	example: example$8
 };
@@ -608,7 +612,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";
@@ -620,6 +624,7 @@ var supports$7 = {
 		padding: false
 	}
 };
+var render$7 = "file:./render.php";
 var attributes$7 = {
 	as: {
 		type: "string",
@@ -654,6 +659,7 @@ var metadata$7 = {
 	description: description$7,
 	icon: icon$7,
 	supports: supports$7,
+	render: render$7,
 	attributes: attributes$7,
 	example: example$7
 };
@@ -750,7 +756,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";
@@ -761,6 +767,7 @@ var supports$6 = {
 		margin: true
 	}
 };
+var render$6 = "file:./render.php";
 var attributes$6 = {
 	label: {
 		type: "string",
@@ -810,6 +817,7 @@ var metadata$6 = {
 	description: description$6,
 	icon: icon$6,
 	supports: supports$6,
+	render: render$6,
 	attributes: attributes$6,
 	example: example$6
 };
@@ -946,7 +954,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";
@@ -957,6 +965,7 @@ var supports$5 = {
 		margin: true
 	}
 };
+var render$5 = "file:./render.php";
 var attributes$5 = {
 	iconName: {
 		type: "string",
@@ -1000,6 +1009,7 @@ var metadata$5 = {
 	description: description$5,
 	icon: icon$5,
 	supports: supports$5,
+	render: render$5,
 	attributes: attributes$5,
 	example: example$5
 };
@@ -1128,7 +1138,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";
@@ -1139,6 +1149,7 @@ var supports$4 = {
 		margin: true
 	}
 };
+var render$4 = "file:./render.php";
 var attributes$4 = {
 	content: {
 		type: "string",
@@ -1204,6 +1215,7 @@ var metadata$4 = {
 	description: description$4,
 	icon: icon$4,
 	supports: supports$4,
+	render: render$4,
 	attributes: attributes$4,
 	example: example$4
 };
@@ -1389,7 +1401,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";
@@ -1400,6 +1412,7 @@ var supports$3 = {
 		margin: true
 	}
 };
+var render$3 = "file:./render.php";
 var attributes$3 = {
 	label: {
 		type: "string",
@@ -1452,6 +1465,7 @@ var metadata$3 = {
 	description: description$3,
 	icon: icon$3,
 	supports: supports$3,
+	render: render$3,
 	attributes: attributes$3,
 	example: example$3
 };
@@ -1605,7 +1619,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";
@@ -1616,6 +1630,7 @@ var supports$2 = {
 		margin: true
 	}
 };
+var render$2 = "file:./render.php";
 var attributes$2 = {
 	label: {
 		type: "string",
@@ -1655,6 +1670,7 @@ var metadata$2 = {
 	description: description$2,
 	icon: icon$2,
 	supports: supports$2,
+	render: render$2,
 	attributes: attributes$2,
 	example: example$2
 };
@@ -1785,7 +1801,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";
@@ -1796,6 +1812,7 @@ var supports$1 = {
 		margin: true
 	}
 };
+var render$1 = "file:./render.php";
 var attributes$1 = {
 	href: {
 		type: "string",
@@ -1885,6 +1902,7 @@ var metadata$1 = {
 	description: description$1,
 	icon: icon$1,
 	supports: supports$1,
+	render: render$1,
 	attributes: attributes$1,
 	example: example$1
 };
@@ -2133,7 +2151,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";
@@ -2145,6 +2163,7 @@ var supports = {
 		padding: true
 	}
 };
+var render = "file:./render.php";
 var attributes = {
 	type: {
 		type: "string",
@@ -2170,6 +2189,7 @@ var metadata = {
 	description: description,
 	icon: icon,
 	supports: supports,
+	render: render,
 	attributes: attributes,
 	example: example
 };