@triptease/design-system-mcp 1.2.12 → 1.2.14

package/dist/index.js

@@ -23302,7 +23302,7 @@ var StdioServerTransport = class {
 // package.json
 var package_default = {
   name: "@triptease/design-system-mcp",
-  version: "1.2.12",
+  version: "1.2.14",
   description: "MCP server for Triptease design system documentation",
   type: "module",
   main: "dist/index.js",
@@ -23323,7 +23323,7 @@ var package_default = {
     node: ">=18.0.0"
   },
   componentVersions: {
-    "@triptease/stylesheet": "2.1.9",
+    "@triptease/stylesheet": "2.1.10",
     "@triptease/tt-bar-chart": "1.1.3",
     "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
@@ -23341,7 +23341,7 @@ var package_default = {
     "@triptease/tt-weekday-picker": "1.0.1"
   },
   dependencies: {
-    "@triptease/stylesheet": "2.1.9"
+    "@triptease/stylesheet": "2.1.10"
   },
   devDependencies: {
     "@modelcontextprotocol/sdk": "1.26.0",
@@ -24006,11 +24006,16 @@ var card_default = {
     examples: [
       {
         title: "Basic usage",
-        code: `<div class="card">
-  <h3>Boost low-occupancy dates</h3>
-  <p>Drive bookings when you need them most</p>
-  <button data-theme="secondary">Boost some dates</button>
-</div>`
+        description: "- A card is the layout component. The content it holds is irrelevant and can be more than what is shown here.\n\n- Do not nest cards as this can make UI look too busy.",
+        code: `
+    <div className="card" style={{ width: '25rem' }}>
+      <tt-icon name="target" color="var(--color-primary-500)"></tt-icon>
+      <div>
+        <h3>Retarget guests</h3>
+        <p>Re-engage high-value guests after they've left your website</p>
+      </div>
+      <a href="#">Configure retargeting ads</a>
+    </div>;`
       }
     ]
   }
@@ -24471,6 +24476,10 @@ var combobox_default = {
       "open-upward": {
         type: "boolean",
         description: "Make the dropdown open upward instead of downward. Use when combobox is near bottom of viewport."
+      },
+      "placeholder-plural-noun": {
+        type: "string",
+        description: "Plural noun to use in the placeholder text. Only valid when multiselect is true."
       }
     },
     examples: [
@@ -24563,6 +24572,34 @@ var combobox_default = {
   <option value="metasearch" slot="option">Metasearch</option>
   <option value="ota-partner" slot="option">OTA Partner</option>
 </tt-combobox>`
+      },
+      {
+        title: "Custom Placeholder Plural Noun",
+        description: "Use to customise the noun when multiple options are selected.\n\n- When only one option is selected, the selected option is displayed as normal.",
+        code: `
+    <div>
+      <label htmlFor="custom-placeholder-plural-noun">Booking Channel</label>
+      <tt-combobox id="custom-placeholder-plural-noun" multiselect placeholder-plural-noun="channels">
+        <option value="direct-booking" slot="option">Direct Booking</option>
+        <option value="metasearch" slot="option">Metasearch</option>
+        <option value="ota-partner" slot="option">OTA Partner</option>
+      </tt-combobox>
+    </div>;
+        `
+      },
+      {
+        title: "With Icon",
+        code: `
+    <div>
+      <label htmlFor="with-icon">Booking Channel</label>
+      <tt-combobox id="with-icon">
+        <tt-icon slot="icon" name="channels"></tt-icon>
+        <option value="direct-booking" slot="option">Direct Booking</option>
+        <option value="metasearch" slot="option">Metasearch</option>
+        <option value="ota-partner" slot="option">OTA Partner</option>
+      </tt-combobox>
+    </div>
+      `
       }
     ]
   }
@@ -28628,13 +28665,13 @@ var tokens_default = {
   },
   "box-shadow": {
     sm: {
-      value: "0px 2px 5px rgba(0, 0, 0, 0.1)",
+      value: "0 1px 0 0 #E8EAEC",
       type: "boxShadow",
       name: " ",
       filePath: "tokens/src/styles.json",
       isSource: true,
       original: {
-        value: "0px 2px 5px rgba(0, 0, 0, 0.1)",
+        value: "0 1px 0 0 #E8EAEC",
         type: "boxShadow",
         name: "Small box shadow"
       },
@@ -28647,14 +28684,34 @@ var tokens_default = {
         "sm"
       ]
     },
+    md: {
+      value: "0 8px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+      type: "boxShadow",
+      name: " ",
+      filePath: "tokens/src/styles.json",
+      isSource: true,
+      original: {
+        value: "0 8px 12px 0 rgba(0, 0, 0, 0.08), 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
+        type: "boxShadow",
+        name: "Medium box shadow"
+      },
+      attributes: {
+        category: "box-shadow",
+        type: "md"
+      },
+      path: [
+        "box-shadow",
+        "md"
+      ]
+    },
     lg: {
-      value: "0px 2px 20px rgba(0, 0, 0, 0.1)",
+      value: "0 50px 100px 0 rgba(60, 66, 87, 0.08), 0 15px 35px 0 rgba(60, 66, 87, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.12)",
       type: "boxShadow",
       name: " ",
       filePath: "tokens/src/styles.json",
       isSource: true,
       original: {
-        value: "0px 2px 20px rgba(0, 0, 0, 0.1)",
+        value: "0 50px 100px 0 rgba(60, 66, 87, 0.08), 0 15px 35px 0 rgba(60, 66, 87, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.12)",
         type: "boxShadow",
         name: "Large box shadow"
       },
@@ -28678,7 +28735,7 @@ var tokens_default = {
         value: "0px 10px 20px rgba(0, 0, 0, 0.2)",
         type: "boxShadow",
         comment: "Large box shadow used for hover effects",
-        name: "Large box shadow hover state"
+        name: "DEPRECATED - Large box shadow hover state"
       },
       attributes: {
         category: "box-shadow",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@triptease/design-system-mcp",
-  "version": "1.2.12",
+  "version": "1.2.14",
   "description": "MCP server for Triptease design system documentation",
   "type": "module",
   "main": "dist/index.js",
@@ -21,7 +21,7 @@
     "node": ">=18.0.0"
   },
   "componentVersions": {
-    "@triptease/stylesheet": "2.1.9",
+    "@triptease/stylesheet": "2.1.10",
     "@triptease/tt-bar-chart": "1.1.3",
     "@triptease/tt-combobox": "5.7.4",
     "@triptease/tt-data-point": "1.1.1",
@@ -39,7 +39,7 @@
     "@triptease/tt-weekday-picker": "1.0.1"
   },
   "dependencies": {
-    "@triptease/stylesheet": "2.1.9"
+    "@triptease/stylesheet": "2.1.10"
   },
   "devDependencies": {
     "@modelcontextprotocol/sdk": "1.26.0",