178 lines
3.9 KiB
JSON
178 lines
3.9 KiB
JSON
{
|
|
"version": "R11-step-7",
|
|
"entry": "src/main.tsx",
|
|
"componentsFile": "src/styles/components.css",
|
|
"legacyFile": "src/styles/global.css",
|
|
"minimumRuleCount": 259,
|
|
"minimumSelectorCount": 291,
|
|
"compatibilityMarker": "Shared table, form, and modal compatibility primitives migrated in R11 step 7.",
|
|
"canonicalMarker": "Canonical reusable component rules.",
|
|
"responsiveMarker": "Shared responsive table and form behavior migrated in R11 step 7.",
|
|
"genericClasses": [
|
|
"table-cell-note",
|
|
"modal-footer-actions",
|
|
"icon-button",
|
|
"table-subline",
|
|
"table-link",
|
|
"table-actions",
|
|
"table-mono-id",
|
|
"table-strong-text",
|
|
"table-long-text",
|
|
"table-long-text--sms-template",
|
|
"template-modal-title",
|
|
"form-grid",
|
|
"form-grid--two",
|
|
"radio-row"
|
|
],
|
|
"allowedStateClasses": [
|
|
"has-dot",
|
|
"is-disabled"
|
|
],
|
|
"requiredComponentBindings": {
|
|
"src/components/ui/Button.tsx": [
|
|
"ui-button"
|
|
],
|
|
"src/components/ui/Input.tsx": [
|
|
"ui-field",
|
|
"ui-input"
|
|
],
|
|
"src/components/ui/Select.tsx": [
|
|
"ui-select",
|
|
"ui-select__dropdown"
|
|
],
|
|
"src/components/ui/Table.tsx": [
|
|
"ui-table-wrap",
|
|
"ui-table",
|
|
"ui-table__empty"
|
|
],
|
|
"src/components/ui/Modal.tsx": [
|
|
"ui-modal",
|
|
"ui-modal__mask",
|
|
"ui-modal__panel",
|
|
"ui-modal__header",
|
|
"ui-modal__body",
|
|
"ui-modal__footer"
|
|
],
|
|
"src/components/ui/DateRangeInput.tsx": [
|
|
"ui-date-range-field"
|
|
]
|
|
},
|
|
"requiredRuleFragments": [
|
|
{
|
|
"selector": ".icon-button",
|
|
"includes": [
|
|
"display:inline-flex",
|
|
"height:var(--control-height-md)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-table-wrap",
|
|
"includes": [
|
|
"max-width:100%",
|
|
"border:1px solid var(--color-border)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-table",
|
|
"includes": [
|
|
"border-collapse:collapse",
|
|
"width:100%"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-modal",
|
|
"includes": [
|
|
"display:grid",
|
|
"position:fixed",
|
|
"z-index:var(--z-modal)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-modal__panel",
|
|
"includes": [
|
|
"min-width:min(520px, calc(100vw - 48px))",
|
|
"transform:translate(-50%, -50%)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".form-grid",
|
|
"includes": [
|
|
"display:grid",
|
|
"gap:var(--space-4)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".radio-row",
|
|
"includes": [
|
|
"display:flex",
|
|
"gap:var(--space-6)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-filter-row",
|
|
"includes": [
|
|
"display:flex",
|
|
"flex-wrap:wrap"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-filter-actions .ui-button",
|
|
"includes": [
|
|
"width:var(--query-action-width)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".form-grid--two",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"grid-template-columns:1fr"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-filter-actions",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"grid-template-columns:repeat(2, minmax(0, 1fr))",
|
|
"width:100%"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-filter-actions",
|
|
"media": "(max-width: 360px)",
|
|
"includes": [
|
|
"grid-template-columns:minmax(0, 1fr)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".table-actions",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"flex-wrap:wrap"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-table",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"display:block",
|
|
"min-width:0 !important"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-table td",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"display:grid",
|
|
"grid-template-columns:minmax(84px, 0.42fr) minmax(0, 1fr)"
|
|
]
|
|
},
|
|
{
|
|
"selector": ".ui-modal__panel",
|
|
"media": "(max-width: 780px)",
|
|
"includes": [
|
|
"width:calc(100vw - 24px)"
|
|
]
|
|
}
|
|
]
|
|
}
|