@gostudent/shared-ui-library-mcp 4.5.0 → 4.6.0-DT-17227.2

package/library-manifest.json

@@ -269,12 +269,13 @@
       "props": [
         {
           "name": "padding",
-          "description": "Inner padding: none | sm=8px | md=16px | lg=24px. Accepts a single value or a `[mobile, desktop]` tuple for responsive behaviour, e.g. `padding={[\"sm\", \"lg\"]}`. The controls panel only supports a single value — see the **Responsive padding** story for the tuple API.",
+          "description": "Inner padding: none | sm=8px | md=16px | lg=24px | xl=32px. Accepts a single value or a `[mobile, desktop]` tuple for responsive behaviour, e.g. `padding={[\"sm\", \"lg\"]}`. The controls panel only supports a single value — see the **Responsive padding** story for the tuple API.",
           "options": [
             "none",
             "sm",
             "md",
-            "lg"
+            "lg",
+            "xl"
           ]
         },
         {
@@ -1558,7 +1559,7 @@
     },
     {
       "name": "SelectionControl",
-      "description": "**SelectionControl** is a controlled button for selectable options. Content is fully\nagnostic — pass anything as `children`. Consumer manages `state` and `onClick`.\n\nIt is designed to cover two usage patterns:\n- **Form-value collection** — consumer holds the selected value in state and sends it to an API (e.g. attendance, mood rating, student pills).\n- **Action / navigation** — click triggers rendering new content or navigating (e.g. tab-like cards). Keep `state=\"default\"` if no persistent pressed state is needed; the component simply acts as a styled button.\n\nDefault padding is `8px`. Override via `style` to match the context:\n- `14px 16px` — emoji\n- `8px 16px` — label-only row\n- `10px 16px` — row with avatar\n- `24px` — large attendance card\n\n### Accessibility\n\n- Root element is `<button type=\"button\">`.\n- `aria-pressed` is `true` when `state` is `\"selected\"` or `\"done\"`, `false` when `\"default\"`.\n- For grouped single-select usage, wrap controls in a `<div role=\"group\" aria-label=\"...\">` so screen readers announce the group boundary.",
+      "description": "**SelectionControl** is a controlled button for selectable options. Content is fully\nagnostic — pass anything as `children`. Consumer manages `state` and `onClick`.\n\nIt is designed to cover two usage patterns:\n- **Form-value collection** — consumer holds the selected value in state and sends it to an API (e.g. attendance, mood rating, student pills).\n- **Action / navigation** — click triggers rendering new content or navigating (e.g. tab-like cards). Keep `state=\"default\"` if no persistent pressed state is needed; the component simply acts as a styled button.\n\nDefault padding is `8px`. Override via `style` to match the context:\n- `14px 16px` — emoji\n- `8px 16px` — label-only row\n- `10px 16px` — row with avatar\n- `24px` — large attendance card\n\n### Overriding styles\n\nAll state rules use single-class specificity, so a consumer `className` can override any property.\nTo style a specific state, target the stable `data-state` attribute (`default` | `selected` | `done` | `done-selected`) — never the hashed class names:\n\n```css\n.myChip[data-state='selected'] { font-weight: var(--font-desktop-body-font-weight-bold); }\n```\n\nText children inherit the control's per-state font-weight. When wrapping a label in `<Typography>`, pass `style={{ fontWeight: 'inherit' }}` to keep that behaviour, or set your own weight to override it.\n\n### Accessibility\n\n- Root element is `<button type=\"button\">`.\n- `aria-pressed` is `true` when `state` is `\"selected\"` or `\"done\"`, `false` when `\"default\"`.\n- For grouped single-select usage, wrap controls in a `<div role=\"group\" aria-label=\"...\">` so screen readers announce the group boundary.",
       "storybookUrl": "https://62835ff8873d45004a627ad4-snugmmtvrg.chromatic.com/?path=/docs/components-interaction-selectioncontrol",
       "props": [
         {
@@ -1599,9 +1600,9 @@
           "storyUrl": "https://62835ff8873d45004a627ad4-snugmmtvrg.chromatic.com/?path=/story/components-interaction-selectioncontrol--hover"
         },
         {
-          "name": "SingleSelectGroup",
-          "jsx": "// See \"SingleSelectGroup\" story — uses interactive render wrapper",
-          "storyUrl": "https://62835ff8873d45004a627ad4-snugmmtvrg.chromatic.com/?path=/story/components-interaction-selectioncontrol--single-select-group"
+          "name": "Focus",
+          "jsx": "// See \"Focus\" story — uses interactive render wrapper",
+          "storyUrl": "https://62835ff8873d45004a627ad4-snugmmtvrg.chromatic.com/?path=/story/components-interaction-selectioncontrol--focus"
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gostudent/shared-ui-library-mcp",
-  "version": "4.5.0",
+  "version": "4.6.0-DT-17227.2",
   "description": "MCP server for @gostudent/shared-ui-library — exposes components, icons, and tokens to Claude",
   "type": "module",
   "bin": {