@ds-mo/ui 15.0.0 → 15.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/NOTICE +6 -0
- package/README.md +7 -0
- package/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +1 -1
- package/dist/agent.json +2320 -90
- package/dist/components/ds-agent-questionnaire.js +1 -1
- package/dist/components/ds-agent-response.js +1 -1
- package/dist/components/ds-banner.js +1 -1
- package/dist/components/ds-banner.js.map +1 -1
- package/dist/components/ds-card-chart.js +1 -1
- package/dist/components/ds-card-chart.js.map +1 -1
- package/dist/components/ds-card-overview.js +1 -1
- package/dist/components/ds-card-overview.js.map +1 -1
- package/dist/components/ds-card-setting.js +1 -1
- package/dist/components/ds-card-setting.js.map +1 -1
- package/dist/components/ds-chart.js +1 -1
- package/dist/components/ds-chart.js.map +1 -1
- package/dist/components/ds-checkbox.js +1 -1
- package/dist/components/ds-conversation-list-item.js +1 -1
- package/dist/components/ds-conversation-list-item.js.map +1 -1
- package/dist/components/ds-data-filter.js +1 -1
- package/dist/components/ds-data-preferences.js +1 -1
- package/dist/components/ds-data-saved-views.js +1 -1
- package/dist/components/ds-data-search.js +1 -1
- package/dist/components/ds-data-search.js.map +1 -1
- package/dist/components/ds-filter-menu.js +1 -1
- package/dist/components/ds-message-scroller.js.map +1 -1
- package/dist/components/ds-mobile-sheet-nav.js +1 -1
- package/dist/components/ds-pagination.js +1 -1
- package/dist/components/ds-scroll-overlay.js.map +1 -1
- package/dist/components/ds-select.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-table.js +1 -1
- package/dist/components/p-0FYD2bev.js.map +1 -1
- package/dist/components/{p-Dpr2y6_S.js → p-B_jdoM7e.js} +2 -2
- package/dist/components/{p-CElUM-xU.js → p-C6xVxqOn.js} +2 -2
- package/dist/components/{p-MG4lcN0D.js → p-CdGXzRP8.js} +2 -2
- package/dist/components/{p-D6Wl3dRO.js → p-Cqc2U1ZQ.js} +2 -2
- package/dist/components/{p-D6Wl3dRO.js.map → p-Cqc2U1ZQ.js.map} +1 -1
- package/dist/components/{p-Nc76seSq.js → p-DEW7r0U9.js} +2 -2
- package/dist/components/{p-IEq_06J0.js → p-Dfs98tpL.js} +2 -2
- package/dist/components/{p-IEq_06J0.js.map → p-Dfs98tpL.js.map} +1 -1
- package/dist/components/p-ZhP2tVmM.js.map +1 -1
- package/dist/components/p-etifxiDc.js.map +1 -1
- package/dist/docs/components.json +1 -1
- package/dist/lint/STYLELINT-LICENSE +20 -0
- package/dist/lint/THIRD-PARTY-NOTICES +553 -0
- package/dist/lint/index.d.ts +7 -0
- package/dist/lint/index.js +51385 -0
- package/dist/lint/types.d.ts +13 -0
- package/dist/mcp-data/registry/agent-activity.json +6 -1
- package/dist/mcp-data/registry/agent-questionnaire.json +6 -1
- package/dist/mcp-data/registry/agent-response.json +12 -1
- package/dist/mcp-data/registry/agent-source-list.json +6 -1
- package/dist/mcp-data/registry/agent-tool-call.json +6 -1
- package/dist/mcp-data/registry/attachment-list.json +6 -1
- package/dist/mcp-data/registry/avatar.json +21 -1
- package/dist/mcp-data/registry/badge.json +30 -2
- package/dist/mcp-data/registry/banner.json +28 -2
- package/dist/mcp-data/registry/bar-action.json +24 -1
- package/dist/mcp-data/registry/bar-nav.json +6 -1
- package/dist/mcp-data/registry/bar-page-title.json +24 -1
- package/dist/mcp-data/registry/bar-title.json +26 -1
- package/dist/mcp-data/registry/bar-workflow.json +24 -1
- package/dist/mcp-data/registry/breadcrumb.json +6 -1
- package/dist/mcp-data/registry/button-filled.json +68 -1
- package/dist/mcp-data/registry/button-inverted.json +64 -1
- package/dist/mcp-data/registry/button-unfilled.json +66 -1
- package/dist/mcp-data/registry/calendar.json +15 -2
- package/dist/mcp-data/registry/card-action-center.json +24 -1
- package/dist/mcp-data/registry/card-chart.json +37 -2
- package/dist/mcp-data/registry/card-navigation.json +36 -1
- package/dist/mcp-data/registry/card-overview.json +27 -2
- package/dist/mcp-data/registry/card-setting.json +35 -2
- package/dist/mcp-data/registry/card-settings-scope.json +24 -1
- package/dist/mcp-data/registry/chart-legend.json +6 -1
- package/dist/mcp-data/registry/chart.json +7 -2
- package/dist/mcp-data/registry/checkbox.json +38 -2
- package/dist/mcp-data/registry/chip.json +50 -1
- package/dist/mcp-data/registry/code-block.json +30 -1
- package/dist/mcp-data/registry/conversation-list-item.json +25 -2
- package/dist/mcp-data/registry/conversation-list-section.json +14 -1
- package/dist/mcp-data/registry/conversation-list.json +6 -1
- package/dist/mcp-data/registry/data-customize.json +26 -1
- package/dist/mcp-data/registry/data-filter.json +26 -1
- package/dist/mcp-data/registry/data-group.json +26 -1
- package/dist/mcp-data/registry/data-preferences.json +26 -1
- package/dist/mcp-data/registry/data-saved-views.json +26 -1
- package/dist/mcp-data/registry/data-search.json +27 -2
- package/dist/mcp-data/registry/data-sort.json +26 -1
- package/dist/mcp-data/registry/data-toolbar.json +14 -1
- package/dist/mcp-data/registry/divider.json +6 -1
- package/dist/mcp-data/registry/empty-state.json +6 -1
- package/dist/mcp-data/registry/field.json +14 -1
- package/dist/mcp-data/registry/filter-menu.json +48 -1
- package/dist/mcp-data/registry/icon.json +21 -1
- package/dist/mcp-data/registry/input-date.json +48 -1
- package/dist/mcp-data/registry/input-time.json +48 -1
- package/dist/mcp-data/registry/input.json +48 -1
- package/dist/mcp-data/registry/loader.json +21 -1
- package/dist/mcp-data/registry/markdown.json +17 -1
- package/dist/mcp-data/registry/menu.json +26 -1
- package/dist/mcp-data/registry/message-actions.json +6 -1
- package/dist/mcp-data/registry/message-bubble.json +26 -1
- package/dist/mcp-data/registry/message-composer.json +24 -1
- package/dist/mcp-data/registry/message-scroller.json +12 -1
- package/dist/mcp-data/registry/message.json +6 -1
- package/dist/mcp-data/registry/mobile-bar-nav.json +24 -1
- package/dist/mcp-data/registry/mobile-header.json +26 -1
- package/dist/mcp-data/registry/mobile-section-switcher.json +26 -1
- package/dist/mcp-data/registry/mobile-sheet-nav.json +27 -2
- package/dist/mcp-data/registry/modal.json +24 -1
- package/dist/mcp-data/registry/pagination.json +6 -1
- package/dist/mcp-data/registry/panel-nav.json +28 -2
- package/dist/mcp-data/registry/panel-sub-nav.json +25 -0
- package/dist/mcp-data/registry/panel-tool-header.json +24 -1
- package/dist/mcp-data/registry/panel-tool-search.json +24 -1
- package/dist/mcp-data/registry/panel-tools.json +25 -1
- package/dist/mcp-data/registry/paper-texture.json +6 -1
- package/dist/mcp-data/registry/radio.json +35 -1
- package/dist/mcp-data/registry/registry.json +2319 -89
- package/dist/mcp-data/registry/score.json +38 -1
- package/dist/mcp-data/registry/scroll-overlay.json +6 -1
- package/dist/mcp-data/registry/select.json +52 -1
- package/dist/mcp-data/registry/shell-app.json +26 -1
- package/dist/mcp-data/registry/shell-page.json +6 -1
- package/dist/mcp-data/registry/shell-tools.json +25 -1
- package/dist/mcp-data/registry/skeleton.json +41 -1
- package/dist/mcp-data/registry/slider.json +42 -1
- package/dist/mcp-data/registry/swatch-picker.json +24 -1
- package/dist/mcp-data/registry/switch.json +37 -1
- package/dist/mcp-data/registry/tab-group.json +49 -1
- package/dist/mcp-data/registry/table.json +102 -1
- package/dist/mcp-data/registry/tag.json +52 -1
- package/dist/mcp-data/registry/text.json +22 -1
- package/dist/mcp-data/registry/textarea.json +38 -1
- package/dist/mcp-data/registry/time-picker.json +14 -1
- package/dist/mcp-data/registry/toast.json +24 -1
- package/dist/mcp-data/registry/tooltip-chart.json +24 -1
- package/dist/mcp-data/registry/tooltip.json +26 -1
- package/dist/mcp-data/registry/typing-indicator.json +6 -1
- package/package.json +32 -7
- /package/dist/components/{p-Dpr2y6_S.js.map → p-B_jdoM7e.js.map} +0 -0
- /package/dist/components/{p-CElUM-xU.js.map → p-C6xVxqOn.js.map} +0 -0
- /package/dist/components/{p-MG4lcN0D.js.map → p-CdGXzRP8.js.map} +0 -0
- /package/dist/components/{p-Nc76seSq.js.map → p-DEW7r0U9.js.map} +0 -0
|
@@ -74,7 +74,44 @@
|
|
|
74
74
|
"label": "Safety-score level unit coverage",
|
|
75
75
|
"path": "tests/score-model.test.ts"
|
|
76
76
|
}
|
|
77
|
-
]
|
|
77
|
+
],
|
|
78
|
+
"styling": {
|
|
79
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
80
|
+
"protected": [
|
|
81
|
+
{
|
|
82
|
+
"properties": [
|
|
83
|
+
"font",
|
|
84
|
+
"font-size",
|
|
85
|
+
"font-weight",
|
|
86
|
+
"font-family",
|
|
87
|
+
"line-height",
|
|
88
|
+
"letter-spacing",
|
|
89
|
+
"height",
|
|
90
|
+
"padding",
|
|
91
|
+
"border-radius"
|
|
92
|
+
],
|
|
93
|
+
"reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.",
|
|
94
|
+
"props": [
|
|
95
|
+
"size",
|
|
96
|
+
"variant"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"properties": [
|
|
101
|
+
"background",
|
|
102
|
+
"border",
|
|
103
|
+
"box-shadow",
|
|
104
|
+
"color"
|
|
105
|
+
],
|
|
106
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
107
|
+
"props": [
|
|
108
|
+
"variant",
|
|
109
|
+
"size"
|
|
110
|
+
]
|
|
111
|
+
}
|
|
112
|
+
],
|
|
113
|
+
"customProperties": []
|
|
114
|
+
}
|
|
78
115
|
},
|
|
79
116
|
"api": {
|
|
80
117
|
"props": {
|
|
@@ -54,7 +54,12 @@
|
|
|
54
54
|
"label": "Storybook examples",
|
|
55
55
|
"path": "src/wc/components/ScrollOverlay/ScrollOverlay.stories.ts"
|
|
56
56
|
}
|
|
57
|
-
]
|
|
57
|
+
],
|
|
58
|
+
"styling": {
|
|
59
|
+
"rationale": "The application explicitly owns responsive sizing and overlay insets.",
|
|
60
|
+
"protected": [],
|
|
61
|
+
"customProperties": []
|
|
62
|
+
}
|
|
58
63
|
},
|
|
59
64
|
"api": {
|
|
60
65
|
"props": {
|
|
@@ -124,7 +124,58 @@
|
|
|
124
124
|
"label": "Surface ownership and trigger state",
|
|
125
125
|
"path": "src/docs/SurfaceOwnership.mdx"
|
|
126
126
|
}
|
|
127
|
-
]
|
|
127
|
+
],
|
|
128
|
+
"styling": {
|
|
129
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
130
|
+
"protected": [
|
|
131
|
+
{
|
|
132
|
+
"properties": [
|
|
133
|
+
"font",
|
|
134
|
+
"font-size",
|
|
135
|
+
"font-weight",
|
|
136
|
+
"font-family",
|
|
137
|
+
"line-height",
|
|
138
|
+
"letter-spacing",
|
|
139
|
+
"height",
|
|
140
|
+
"min-height",
|
|
141
|
+
"max-height",
|
|
142
|
+
"padding",
|
|
143
|
+
"gap"
|
|
144
|
+
],
|
|
145
|
+
"reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.",
|
|
146
|
+
"props": [
|
|
147
|
+
"size",
|
|
148
|
+
"isInset",
|
|
149
|
+
"insetDepth"
|
|
150
|
+
]
|
|
151
|
+
},
|
|
152
|
+
{
|
|
153
|
+
"properties": [
|
|
154
|
+
"border-radius"
|
|
155
|
+
],
|
|
156
|
+
"reason": "The component owns its corner treatment; select the supported radius treatment.",
|
|
157
|
+
"props": [
|
|
158
|
+
"rounded",
|
|
159
|
+
"size"
|
|
160
|
+
]
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
"properties": [
|
|
164
|
+
"background",
|
|
165
|
+
"border",
|
|
166
|
+
"box-shadow",
|
|
167
|
+
"color"
|
|
168
|
+
],
|
|
169
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
170
|
+
"props": [
|
|
171
|
+
"background",
|
|
172
|
+
"hasBorder",
|
|
173
|
+
"size"
|
|
174
|
+
]
|
|
175
|
+
}
|
|
176
|
+
],
|
|
177
|
+
"customProperties": []
|
|
178
|
+
}
|
|
128
179
|
},
|
|
129
180
|
"api": {
|
|
130
181
|
"props": {
|
|
@@ -145,7 +145,32 @@
|
|
|
145
145
|
"label": "Surface ownership and trigger state",
|
|
146
146
|
"path": "src/docs/SurfaceOwnership.mdx"
|
|
147
147
|
}
|
|
148
|
-
]
|
|
148
|
+
],
|
|
149
|
+
"styling": {
|
|
150
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
151
|
+
"protected": [
|
|
152
|
+
{
|
|
153
|
+
"properties": [
|
|
154
|
+
"background",
|
|
155
|
+
"border",
|
|
156
|
+
"box-shadow"
|
|
157
|
+
],
|
|
158
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
159
|
+
"props": [
|
|
160
|
+
"navStyle",
|
|
161
|
+
"gradientPreset"
|
|
162
|
+
]
|
|
163
|
+
},
|
|
164
|
+
{
|
|
165
|
+
"properties": [
|
|
166
|
+
"border-radius"
|
|
167
|
+
],
|
|
168
|
+
"reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
|
|
169
|
+
"props": []
|
|
170
|
+
}
|
|
171
|
+
],
|
|
172
|
+
"customProperties": []
|
|
173
|
+
}
|
|
149
174
|
},
|
|
150
175
|
"api": {
|
|
151
176
|
"props": {
|
|
@@ -112,7 +112,12 @@
|
|
|
112
112
|
"label": "Reusable framework composition",
|
|
113
113
|
"path": "agent/patterns/shell-page/pattern.agent.json"
|
|
114
114
|
}
|
|
115
|
-
]
|
|
115
|
+
],
|
|
116
|
+
"styling": {
|
|
117
|
+
"rationale": "Content insets and surfaces are public props; the host remains part of the application-owned bounded layout.",
|
|
118
|
+
"protected": [],
|
|
119
|
+
"customProperties": []
|
|
120
|
+
}
|
|
116
121
|
},
|
|
117
122
|
"api": {
|
|
118
123
|
"props": {
|
|
@@ -81,7 +81,31 @@
|
|
|
81
81
|
"label": "Surface ownership and trigger state",
|
|
82
82
|
"path": "src/docs/SurfaceOwnership.mdx"
|
|
83
83
|
}
|
|
84
|
-
]
|
|
84
|
+
],
|
|
85
|
+
"styling": {
|
|
86
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
87
|
+
"protected": [
|
|
88
|
+
{
|
|
89
|
+
"properties": [
|
|
90
|
+
"background",
|
|
91
|
+
"border",
|
|
92
|
+
"box-shadow"
|
|
93
|
+
],
|
|
94
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
95
|
+
"props": [
|
|
96
|
+
"presentation"
|
|
97
|
+
]
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
"properties": [
|
|
101
|
+
"border-radius"
|
|
102
|
+
],
|
|
103
|
+
"reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
|
|
104
|
+
"props": []
|
|
105
|
+
}
|
|
106
|
+
],
|
|
107
|
+
"customProperties": []
|
|
108
|
+
}
|
|
85
109
|
},
|
|
86
110
|
"api": {
|
|
87
111
|
"props": {
|
|
@@ -81,7 +81,47 @@
|
|
|
81
81
|
"label": "Storybook examples",
|
|
82
82
|
"path": "src/wc/components/Skeleton/Skeleton.stories.ts"
|
|
83
83
|
}
|
|
84
|
-
]
|
|
84
|
+
],
|
|
85
|
+
"styling": {
|
|
86
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
87
|
+
"protected": [
|
|
88
|
+
{
|
|
89
|
+
"properties": [
|
|
90
|
+
"font",
|
|
91
|
+
"font-size",
|
|
92
|
+
"font-weight",
|
|
93
|
+
"font-family",
|
|
94
|
+
"line-height",
|
|
95
|
+
"letter-spacing",
|
|
96
|
+
"height",
|
|
97
|
+
"padding",
|
|
98
|
+
"border-radius"
|
|
99
|
+
],
|
|
100
|
+
"reason": "The selected presentation owns its metric canvas; use the supported size or variant props and keep placement in the parent.",
|
|
101
|
+
"props": [
|
|
102
|
+
"variant",
|
|
103
|
+
"textVariant",
|
|
104
|
+
"iconSize",
|
|
105
|
+
"controlSize",
|
|
106
|
+
"rounded"
|
|
107
|
+
]
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
"properties": [
|
|
111
|
+
"background",
|
|
112
|
+
"border",
|
|
113
|
+
"box-shadow",
|
|
114
|
+
"color"
|
|
115
|
+
],
|
|
116
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
117
|
+
"props": [
|
|
118
|
+
"background",
|
|
119
|
+
"variant"
|
|
120
|
+
]
|
|
121
|
+
}
|
|
122
|
+
],
|
|
123
|
+
"customProperties": []
|
|
124
|
+
}
|
|
85
125
|
},
|
|
86
126
|
"api": {
|
|
87
127
|
"props": {
|
|
@@ -90,7 +90,48 @@
|
|
|
90
90
|
"label": "Cross-browser form and interaction coverage",
|
|
91
91
|
"path": "tests/e2e/forms.spec.ts"
|
|
92
92
|
}
|
|
93
|
-
]
|
|
93
|
+
],
|
|
94
|
+
"styling": {
|
|
95
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
96
|
+
"protected": [
|
|
97
|
+
{
|
|
98
|
+
"properties": [
|
|
99
|
+
"font",
|
|
100
|
+
"font-size",
|
|
101
|
+
"font-weight",
|
|
102
|
+
"font-family",
|
|
103
|
+
"line-height",
|
|
104
|
+
"letter-spacing",
|
|
105
|
+
"padding",
|
|
106
|
+
"border-radius"
|
|
107
|
+
],
|
|
108
|
+
"reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.",
|
|
109
|
+
"props": [
|
|
110
|
+
"size",
|
|
111
|
+
"orientation"
|
|
112
|
+
]
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
"properties": [
|
|
116
|
+
"background",
|
|
117
|
+
"border",
|
|
118
|
+
"box-shadow",
|
|
119
|
+
"color"
|
|
120
|
+
],
|
|
121
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
122
|
+
"props": [
|
|
123
|
+
"size"
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
],
|
|
127
|
+
"customProperties": [
|
|
128
|
+
{
|
|
129
|
+
"name": "--ds-slider-vertical-length",
|
|
130
|
+
"source": "src/wc/components/Slider/Slider.css",
|
|
131
|
+
"reason": "Application-owned length of a vertical slider."
|
|
132
|
+
}
|
|
133
|
+
]
|
|
134
|
+
}
|
|
94
135
|
},
|
|
95
136
|
"api": {
|
|
96
137
|
"props": {
|
|
@@ -78,7 +78,30 @@
|
|
|
78
78
|
"label": "Executable stories",
|
|
79
79
|
"path": "src/wc/components/SwatchPicker/SwatchPicker.stories.ts"
|
|
80
80
|
}
|
|
81
|
-
]
|
|
81
|
+
],
|
|
82
|
+
"styling": {
|
|
83
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
84
|
+
"protected": [
|
|
85
|
+
{
|
|
86
|
+
"properties": [
|
|
87
|
+
"background",
|
|
88
|
+
"border",
|
|
89
|
+
"box-shadow",
|
|
90
|
+
"color"
|
|
91
|
+
],
|
|
92
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
93
|
+
"props": []
|
|
94
|
+
},
|
|
95
|
+
{
|
|
96
|
+
"properties": [
|
|
97
|
+
"border-radius"
|
|
98
|
+
],
|
|
99
|
+
"reason": "The component owns its surface radius; retain the shared recipe and customize an outer wrapper when needed.",
|
|
100
|
+
"props": []
|
|
101
|
+
}
|
|
102
|
+
],
|
|
103
|
+
"customProperties": []
|
|
104
|
+
}
|
|
82
105
|
},
|
|
83
106
|
"api": {
|
|
84
107
|
"props": {
|
|
@@ -89,7 +89,43 @@
|
|
|
89
89
|
"label": "Cross-browser form and accessibility coverage",
|
|
90
90
|
"path": "tests/e2e/forms.spec.ts"
|
|
91
91
|
}
|
|
92
|
-
]
|
|
92
|
+
],
|
|
93
|
+
"styling": {
|
|
94
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
95
|
+
"protected": [
|
|
96
|
+
{
|
|
97
|
+
"properties": [
|
|
98
|
+
"font",
|
|
99
|
+
"font-size",
|
|
100
|
+
"font-weight",
|
|
101
|
+
"font-family",
|
|
102
|
+
"line-height",
|
|
103
|
+
"letter-spacing",
|
|
104
|
+
"padding",
|
|
105
|
+
"border-radius"
|
|
106
|
+
],
|
|
107
|
+
"reason": "The field primitive owns its density and selection anatomy; use size and presentation props without replacing the recipe.",
|
|
108
|
+
"props": [
|
|
109
|
+
"size",
|
|
110
|
+
"presentation"
|
|
111
|
+
]
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
"properties": [
|
|
115
|
+
"background",
|
|
116
|
+
"border",
|
|
117
|
+
"box-shadow",
|
|
118
|
+
"color"
|
|
119
|
+
],
|
|
120
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
121
|
+
"props": [
|
|
122
|
+
"size",
|
|
123
|
+
"presentation"
|
|
124
|
+
]
|
|
125
|
+
}
|
|
126
|
+
],
|
|
127
|
+
"customProperties": []
|
|
128
|
+
}
|
|
93
129
|
},
|
|
94
130
|
"api": {
|
|
95
131
|
"props": {
|
|
@@ -96,7 +96,55 @@
|
|
|
96
96
|
"label": "Storybook examples",
|
|
97
97
|
"path": "src/wc/components/TabGroup/TabGroup.stories.ts"
|
|
98
98
|
}
|
|
99
|
-
]
|
|
99
|
+
],
|
|
100
|
+
"styling": {
|
|
101
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
102
|
+
"protected": [
|
|
103
|
+
{
|
|
104
|
+
"properties": [
|
|
105
|
+
"font",
|
|
106
|
+
"font-size",
|
|
107
|
+
"font-weight",
|
|
108
|
+
"font-family",
|
|
109
|
+
"line-height",
|
|
110
|
+
"letter-spacing",
|
|
111
|
+
"height",
|
|
112
|
+
"min-height",
|
|
113
|
+
"max-height",
|
|
114
|
+
"padding",
|
|
115
|
+
"gap"
|
|
116
|
+
],
|
|
117
|
+
"reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.",
|
|
118
|
+
"props": [
|
|
119
|
+
"size"
|
|
120
|
+
]
|
|
121
|
+
},
|
|
122
|
+
{
|
|
123
|
+
"properties": [
|
|
124
|
+
"border-radius"
|
|
125
|
+
],
|
|
126
|
+
"reason": "The component owns its corner treatment; select the supported radius treatment.",
|
|
127
|
+
"props": [
|
|
128
|
+
"size"
|
|
129
|
+
]
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"properties": [
|
|
133
|
+
"background",
|
|
134
|
+
"border",
|
|
135
|
+
"box-shadow",
|
|
136
|
+
"color"
|
|
137
|
+
],
|
|
138
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
139
|
+
"props": [
|
|
140
|
+
"background",
|
|
141
|
+
"size",
|
|
142
|
+
"presentation"
|
|
143
|
+
]
|
|
144
|
+
}
|
|
145
|
+
],
|
|
146
|
+
"customProperties": []
|
|
147
|
+
}
|
|
100
148
|
},
|
|
101
149
|
"api": {
|
|
102
150
|
"props": {
|
|
@@ -122,7 +122,108 @@
|
|
|
122
122
|
"label": "Surface ownership and trigger state",
|
|
123
123
|
"path": "src/docs/SurfaceOwnership.mdx"
|
|
124
124
|
}
|
|
125
|
-
]
|
|
125
|
+
],
|
|
126
|
+
"styling": {
|
|
127
|
+
"rationale": "The public table stylesheet intentionally supports product-specific styling through documented custom properties and stable element classes.",
|
|
128
|
+
"protected": [],
|
|
129
|
+
"customProperties": [
|
|
130
|
+
{
|
|
131
|
+
"name": "--ds-table-border",
|
|
132
|
+
"source": "src/wc/styles/table.css",
|
|
133
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
134
|
+
},
|
|
135
|
+
{
|
|
136
|
+
"name": "--ds-table-border-strong",
|
|
137
|
+
"source": "src/wc/styles/table.css",
|
|
138
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
"name": "--ds-table-cell-padding-block",
|
|
142
|
+
"source": "src/wc/styles/table.css",
|
|
143
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
144
|
+
},
|
|
145
|
+
{
|
|
146
|
+
"name": "--ds-table-cell-padding-inline",
|
|
147
|
+
"source": "src/wc/styles/table.css",
|
|
148
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
149
|
+
},
|
|
150
|
+
{
|
|
151
|
+
"name": "--ds-table-collapse-all-block-offset",
|
|
152
|
+
"source": "src/wc/styles/table.css",
|
|
153
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
154
|
+
},
|
|
155
|
+
{
|
|
156
|
+
"name": "--ds-table-column-border",
|
|
157
|
+
"source": "src/wc/styles/table.css",
|
|
158
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"name": "--ds-table-header-min-block-size",
|
|
162
|
+
"source": "src/wc/styles/table.css",
|
|
163
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "--ds-table-header-surface",
|
|
167
|
+
"source": "src/wc/styles/table.css",
|
|
168
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"name": "--ds-table-inline-scroll-max-offset",
|
|
172
|
+
"source": "src/wc/styles/table.css",
|
|
173
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
174
|
+
},
|
|
175
|
+
{
|
|
176
|
+
"name": "--ds-table-max-block-size",
|
|
177
|
+
"source": "src/wc/styles/table.css",
|
|
178
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
"name": "--ds-table-radius",
|
|
182
|
+
"source": "src/wc/styles/table.css",
|
|
183
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
184
|
+
},
|
|
185
|
+
{
|
|
186
|
+
"name": "--ds-table-row-hover",
|
|
187
|
+
"source": "src/wc/styles/table.css",
|
|
188
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": "--ds-table-row-min-block-size",
|
|
192
|
+
"source": "src/wc/styles/table.css",
|
|
193
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "--ds-table-row-pressed",
|
|
197
|
+
"source": "src/wc/styles/table.css",
|
|
198
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
199
|
+
},
|
|
200
|
+
{
|
|
201
|
+
"name": "--ds-table-row-selected",
|
|
202
|
+
"source": "src/wc/styles/table.css",
|
|
203
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
204
|
+
},
|
|
205
|
+
{
|
|
206
|
+
"name": "--ds-table-sticky-border",
|
|
207
|
+
"source": "src/wc/styles/table.css",
|
|
208
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
"name": "--ds-table-sticky-header-offset",
|
|
212
|
+
"source": "src/wc/styles/table.css",
|
|
213
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
214
|
+
},
|
|
215
|
+
{
|
|
216
|
+
"name": "--ds-table-surface",
|
|
217
|
+
"source": "src/wc/styles/table.css",
|
|
218
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "--ds-table-visible-inline-size",
|
|
222
|
+
"source": "src/wc/styles/table.css",
|
|
223
|
+
"reason": "Public table recipe customization; preserve semantic table and scroll behavior."
|
|
224
|
+
}
|
|
225
|
+
]
|
|
226
|
+
}
|
|
126
227
|
},
|
|
127
228
|
"api": {
|
|
128
229
|
"props": {
|
|
@@ -93,7 +93,58 @@
|
|
|
93
93
|
"label": "Surface ownership and trigger state",
|
|
94
94
|
"path": "src/docs/SurfaceOwnership.mdx"
|
|
95
95
|
}
|
|
96
|
-
]
|
|
96
|
+
],
|
|
97
|
+
"styling": {
|
|
98
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
99
|
+
"protected": [
|
|
100
|
+
{
|
|
101
|
+
"properties": [
|
|
102
|
+
"font",
|
|
103
|
+
"font-size",
|
|
104
|
+
"font-weight",
|
|
105
|
+
"font-family",
|
|
106
|
+
"line-height",
|
|
107
|
+
"letter-spacing",
|
|
108
|
+
"height",
|
|
109
|
+
"min-height",
|
|
110
|
+
"max-height",
|
|
111
|
+
"padding",
|
|
112
|
+
"gap"
|
|
113
|
+
],
|
|
114
|
+
"reason": "The control density is one atomic recipe; use the size and inset props instead of replacing internal metrics.",
|
|
115
|
+
"props": [
|
|
116
|
+
"size",
|
|
117
|
+
"isInset",
|
|
118
|
+
"insetDepth"
|
|
119
|
+
]
|
|
120
|
+
},
|
|
121
|
+
{
|
|
122
|
+
"properties": [
|
|
123
|
+
"border-radius"
|
|
124
|
+
],
|
|
125
|
+
"reason": "The component owns its corner treatment; select the supported radius treatment.",
|
|
126
|
+
"props": [
|
|
127
|
+
"rounded",
|
|
128
|
+
"size"
|
|
129
|
+
]
|
|
130
|
+
},
|
|
131
|
+
{
|
|
132
|
+
"properties": [
|
|
133
|
+
"background",
|
|
134
|
+
"border",
|
|
135
|
+
"box-shadow",
|
|
136
|
+
"color"
|
|
137
|
+
],
|
|
138
|
+
"reason": "The component owns its surface and interaction treatment; use its semantic presentation props or compose an application-owned surrounding surface.",
|
|
139
|
+
"props": [
|
|
140
|
+
"intent",
|
|
141
|
+
"contrast",
|
|
142
|
+
"size"
|
|
143
|
+
]
|
|
144
|
+
}
|
|
145
|
+
],
|
|
146
|
+
"customProperties": []
|
|
147
|
+
}
|
|
97
148
|
},
|
|
98
149
|
"api": {
|
|
99
150
|
"props": {
|
|
@@ -88,7 +88,28 @@
|
|
|
88
88
|
"label": "Typography contract",
|
|
89
89
|
"path": "AGENTS.md"
|
|
90
90
|
}
|
|
91
|
-
]
|
|
91
|
+
],
|
|
92
|
+
"styling": {
|
|
93
|
+
"rationale": "The component owns the protected recipes below; unspecified host properties and application layout remain customizable.",
|
|
94
|
+
"protected": [
|
|
95
|
+
{
|
|
96
|
+
"properties": [
|
|
97
|
+
"font",
|
|
98
|
+
"font-size",
|
|
99
|
+
"font-weight",
|
|
100
|
+
"font-family",
|
|
101
|
+
"line-height",
|
|
102
|
+
"letter-spacing"
|
|
103
|
+
],
|
|
104
|
+
"reason": "Typography metrics form one atomic variant; choose variant and emphasis. Layout and inherited foreground remain consumer-owned.",
|
|
105
|
+
"props": [
|
|
106
|
+
"variant",
|
|
107
|
+
"emphasis"
|
|
108
|
+
]
|
|
109
|
+
}
|
|
110
|
+
],
|
|
111
|
+
"customProperties": []
|
|
112
|
+
}
|
|
92
113
|
},
|
|
93
114
|
"api": {
|
|
94
115
|
"props": {
|